body{font-size:14px;background: url("/img/bg.jpg") left top repeat-x #6C8178;}
table,a,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit;}

a{color:#0F673F;}
a:link{text-decoration:none;}
a:visited{text-decoration:underline;}
a:hover{text-decoration:none;}
a.nodec:link{text-decoration:none;}
a.nodec:visited{text-decoration:none;}
a.nodec:hover{text-decoration:none;}

a.js_link{border-bottom:1px dotted #0F673F; line-height:1.3em;}
a.js_link:link{text-decoration:none;}
a.js_link:visited{text-decoration:none;}
a.js_link:hover{text-decoration:none;}

.ajax_loader{display: block !important;visibility: visible !important;opacity: 1 !important;}
.error{color: #d9534f;background: #f2dede;border: 1px solid #ebccd1;padding: 10px;border-radius: 4px;text-align: center;margin: 10px 0;}

input,textarea,select{font-size:14px;}
input.error{border:#bb0000 solid 1px !important;}
input.chb{border:none; width:auto !important;}
input.im{border:none !important; width:auto !important; padding:0 !important;}
textarea{overflow:auto;}
input.button {width:auto !important;font-size:14px;background:url("/img/menu_bg.jpg") left bottom repeat-x;border:none;color:#fff;padding-top:3px;padding-bottom:3px;}
input#mobile-menu-toggle.menu-toggle{display: none !important;}
input#order-details-toggle.order-menu-toggle{display: none !important;}
#buy-button{display:inline-block;font-size:1.0em;font-weight:700;padding:12px 20px;background-color:#f1f1f1;color:#000;border-radius:10px;text-decoration:none;cursor:pointer;margin:5px;transition: background-color 0.3s ease;}
#buy-button:hover{background-color: #76b83f;}
.back-button{padding:5px 8px;font-size:16px;background-color:#f2f2f2;color:black;border-radius: 15px 5px 0 15px;border: 1px solid #17355d;cursor: pointer;transition: background-color 0.3s;margin:5px auto;}
.back-button:hover{background-color: #0056b32e;}

form{margin:0;}
hr{line-height:1px;height:1px;border:none;background:#E3E3E3;color:#E3E3E2;margin:8px 0;}
img{max-width:100%;height: auto;border:none;}
input.inp,textarea.inp{border:2px solid #d0d0d0;padding:5px 3px;}
table{border-collapse:collapse;}
td{margin:0;padding:0;}
h1{font-family:cursive;font-weight:100;margin:0 0 5px;transition:color .5s;}
h2,h3{line-height:1.4em;color:#111;font-weight:700;margin:0 0 2px;padding:0;}
h4{font-size:20px;line-height:1.2em;}
p, li{margin: 0 0 1rem 0;padding: 0;text-align: justify;hyphens: auto;font-size: 1rem;line-height: 1.5;font-weight: 400;}
.ds-markdown-paragraph a,
.ds-markdown-list a{word-break: break-all;overflow-wrap: break-word;display: inline-block;max-width: 100%;}
.contact-block{background-color: #f8f9fa;padding: 10px;text-align: center;}
.social-links{margin: 10px 0;}
.social-button{display: inline-block;margin: 2px 5px;padding: 5px 2px;color: white !important;
        text-decoration: none;
        border-radius: 5px;
        font-weight: bold;
        min-width: 120px;}
.vk { background-color: #4a6baf; }
.telegram { background-color: #2fa5d6; }
.max { background-color: #005ff9; }
.social-icon-vk:hover{background: #4c75a3;color:white;border-color:#4c75a3;}
.social-icon-telegram:hover{background: #2aabee;color: white;border-color: #2aabee;}
.social-icon-max:hover{background: #ff0000;color: white;border-color: #ff0000;}
.footer-social-section {
        display: none;
    }
/*
ul{list-style-type:none; padding:0; margin-left:0;}
li{background:url('/img/li.gif') 0 8px no-repeat; padding-left:19px; margin-bottom:15px;}
*/
.blue{color:#036DB5!important;}
.bold{font-weight:700!important;}
.clearer{clear:both;}
.f_left{float:left;}
.f_right{float:right;}
.grey{color:#737373!important;}
.hidden{display:none;}
.no_border{border:none!important;}
.nomar{margin:0!important;}
.nopad{padding:0;}
.red{color:#ff4c4c!important;font-size: 16px;}
.rel_container{position:relative;}
.space{height:20px;}
.space.sm{height:10px;}
.yoxview img{height:100%;}

/**
* Project 
*/
.inside_block{background:#fff;margin:auto;}
.inside_container{background:url(/img/side_shadow.png) left top repeat-y;}
.main_container{max-width:957px;margin-left:auto;margin-right:auto;}
.site_notices{font-weight:400;color:#b00;padding-bottom:20px;line-height:1.5em;}

.callme{width:99px;height:29px;background:url(/img/callme.gif) left top no-repeat;padding:2px 0 0 10px;}
.header{background:url(/img/header_bg.jpg) left bottom no-repeat;}
.header #logo{border-left-width:5px;padding: 0 5px;}
.header .number{font-size:22px;clear:both;font-weight:400;padding:12px 0 14px;margin-left: 10px}
.header .number span{color:#0F673F;}
.header .phone{float:right;height:auto;background:right bottom no-repeat;padding-right: 25px;}
.header .phone a{line-height:1.4em;margin-left: 10px}

.slogan{text-align:center;}
.slogan h1 br{display:none;}

.login_links{float:left;height:22px;padding-left:12px;background:url(/img/login_bg_l.gif) left top no-repeat;text-align:center;word-spacing:6px;line-height:20px;color:#D8D8D8;}
.login_links div{float:left;padding-right:12px;height:22px;background:url(/img/login_bg_r.gif) right top no-repeat;}
.login_links span{color:#666;}
.user_block{float:left;margin-left:37px;margin-top:50px;font-size:14px;color:#666;}
.user_block.auth{margin-top:30px;}

.cart_info{word-spacing:0;}
.user_block.auth .login_links{min-width:168px;text-align:left;}
.user_info{padding-left:12px;margin-bottom:6px;height:14px;}
/*
.callme a{border:none !important;}
*/
.menu a{display:block;height:36px;line-height:36px;text-align:center;color:#C0B375;font-size:15px;font-weight:700;text-decoration:none;}
.menu a:hover{background:url(/img/menu_bg_h.jpg) left top repeat-x;color:#DACE96;text-decoration:none;}
.menu a:visited{text-decoration:none;}
.menu table{table-layout: fixed;width:100%;height:36px;background: linear-gradient(0deg, #2e4d3e 0%, #754fa8 80%);}
.menu td.sep{width:3px!important;}
.menu td.sep img{width:3px;height:36px;background: linear-gradient(88deg, #ffffff 0%, #754fa8 80%);}

.content_container{height:auto;padding:4px 12px;}
.rnd_bot{height:8px;background: linear-gradient(to bottom, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);}
.rnd_bot div{height:10px;background: linear-gradient(to bottom, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);}
.rnd_cnt{background: #fff;border-radius: 8px;padding: 15px;margin-bottom: 20px;box-shadow: 0 2px 5px rgba(0,0,0,0.1);}
.special-title {
    margin: 0 0 15px 0;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    border-bottom: 2px solid #e53935;
    padding-bottom: 5px;
}
.special-title a {
    color: #333;
    text-decoration: none;
    transition: color 0.2s;
}
.special-title a:hover {
    color: #e53935;
}
.product_sidebar {
    width: 100%;
    border-collapse: collapse;
    margin: 0;
}
.product_sidebar tr {
    border-bottom: 1px solid #eee;
}
.product_sidebar tr:last-child{border-bottom: none;}
.product_sidebar .ph{width: 70px;padding: 10px 10px 10px 0;vertical-align: middle;}

.product_sidebar .ph img{
    max-width: 100%;
    height: auto;
    border-radius: 4px;
}
.product_sidebar .nm {
    padding: 10px 0;
    vertical-align: middle;
}
.product_sidebar .pn {
    font-size: 14px;
    line-height: 1.4;
}

.product_sidebar .pn a {
    color: #0066c0;
    text-decoration: none;
}

.product_sidebar .pn a:hover {
    text-decoration: underline;
}
.product_sidebar .pp{padding: 10px 0;display: flex;align-items: center;gap: 8px;flex-wrap: wrap;}
.old_price {
    text-decoration: line-through;
    color: #999;
    font-size: 13px;
}
.rnd_cnt.nopad{overflow:hidden;background-color: #e0ede0;padding: 10px;border-radius: 12px;}
.rnd_cnt.nopad a{display:block;text-decoration:none;padding:1px;}
.rnd_cnt.nopad a:hover{color:#d62e1e;}
.rnd_top{height:10px;background: linear-gradient(to bottom, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);}
.rnd_top div{height:8px;background: linear-gradient(to bottom, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);}

.cnt_pad{padding:0 2px;}
.content_col{float:left;width:677px;min-height: 400px;box-sizing: border-box;}
.content_col.ind{width:449px;padding-right:10px;min-height: 400px;box-sizing: border-box;}
.left_col{float:left;width:222px;padding-right:10px;}
.left_col a{line-height:1.4;}
.page_title{margin-bottom:5px;padding-bottom:5px;background:url(/img/title_shadow.png) center bottom no-repeat;}
.page_title .with_icon{height:55px;background-position:left top;background-repeat:no-repeat;padding-left:70px;}
.page_title .with_icon h{line-height:54px;}
.page_title h{padding-bottom:0;margin-bottom:0;}
.page_title td.ic{padding-right:8px;}
.right_col{float:left;width:216px;}

.vert_menu .cur{font-weight:700;background:#fff;}
.vert_menu .cur a{text-decoration:none!important;}
.vert_menu div,.vert_menu td{padding: 3px 5px;background: white;border-radius: 5px 5px 0 5px;hyphens:auto;}
.vert_menu td:hover{background:#c7e6c9;}
.vert_menu h3::first-letter{color:#000;}
.vert_menu table{width:100%;}
.catalog-menu{display: flex;flex-direction: column;}
div.menu-item{padding:1px;margin-bottom: 5px;background: linear-gradient(135deg, #667eea 0%, #6c8178 50%);}
.menu-link{text-decoration: none;color: #333;display: block;background: white;border-left: 4px solid transparent;}
.menu-link:hover{background: #e2e8f0;border-left-color: #4299e1;}
.menu-link.cur{border-left: 3px solid #f8fafc;background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);color: white;font-weight: 600;}
.photos a{font-size:14px;}
.photos div{color:#123726;}
.photos div.ph{padding-top:0;border:none;}
.photos div.ph img{aspect-ratio: auto;object-fit:contain;}
.photos td{vertical-align:top;width:202px;padding:0 20px 24px 0;}
.photos td.ld{padding-right:0;}
.photos.catalog td{vertical-align: top;padding: 10px;width: 33.33%;box-sizing: border-box;}
.image-wrapper{margin-bottom: 10px;}
.image-container{width:100%;height: 170px;display:flex;flex-direction: column;justify-content:center;align-items:center;background:#f5f5f5;border:1px solid #eee;padding:3px 0;}
.product-image {
  display: block;
  text-align: center;
  margin: 20px auto;
  padding: 10px;
  max-width: 100%;
  box-sizing: border-box;
}
.product-image img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
  border-radius: 4px;
}
.product-image figcaption {color: #0066cc;font-style: italic;margin-top: 10px;font-size: 0.9rem;line-height: 1.4;}
.no-image{width: 100%;height:200px; display:flex;align-items: center;justify-content: center;background: #f5f5f5;color: #999;}
.product-info{text-align:center;}
.old-price{display:block;text-decoration:line-through;color:#123726eb;font-size: 16px;}
.photos.catalog div.pn{font-weight: bold;margin: 5px 0;min-height: 60px;max-height: 280px;}
.photos.catalog div a{font-size:15px;}
.photos.catalog div.pc{padding-block:2px;margin:2px 0;min-height:30px;max-height:70px;color:#2c2a2a;}
.photos.catalog div.pp{width:140px;padding:5px 1px;margin:3px auto;background: #f4f4f4;color:#fff !important;border-radius:30px;box-shadow: 0 3px 6px rgba(0,0,0,0.16);font-size: 1.1em;font-weight:600;text-decoration: none;transition: all 0.3s ease;float:none;}
.photos.catalog div.pp:hover{transform: translateY(-2px);box-shadow: 0 5px 15px rgba(0,0,0,0.2);background: #27ae60;}
.photos.catalog div.pp:active{transform: translateY(1px);}
.contact-card,
.schedule-block,
.delivery-section,
.payment-section,
.map-container{padding: 5px 10px;}
.delivery-section{font-family: Arial, sans-serif;line-height: 1.6;color: #333;max-width: 1200px;margin: 0 auto;padding: 20px;}
.delivery-options{display: flex;flex-direction: column;gap: 30px;margin: 30px 0;}
.delivery-option{background: #f9f9f9;border-left: 4px solid #2c5aa0;padding: 20px;border-radius: 0 8px 8px 0;}
.delivery-option h3{color: #2c5aa0;margin-top: 0;}
.important-note{background: #fff8e1;border-left: 4px solid #ff9800;padding: 20px;margin-top: 30px;border-radius: 0 8px 8px 0;}
.important-note h4{color: #ff9800;margin-top: 0;}
.schedule-grid{display: flex;gap:10px;margin-top:15px;flex-direction:column;align-items:flex-start;}
.work-days,.weekends{padding: 8px 12px;background: #f5f5f5;border-radius: 4px;}
.responsive-map{position:relative;width:100%;height:0;padding-bottom:30%;margin:20px 0;}
.responsive-map iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0;border-radius:8px;}

.photos.catalog div.pq{padding-top:2px;font-weight:700;}
.photos.catalog div.pq.no{font-weight:400;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);}
.photos.catalog table{width:150px;height:150px;margin:auto;}
.photos.catalog table td{text-align:center;vertical-align:middle;padding:0;}

.photos.projects_list div{font-size:16px;margin-bottom:5px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4; overflow: hidden;}

.news_list .date{font-size:16px;color:#666;white-space:nowrap;}
.news_list .ph{padding-right:16px;padding-top:4px;}
.news_list div{padding:5px;}
.news_list td{padding-bottom:15px;vertical-align:top;}
.onstart, .news_list, .announce{font-size:14px;line-height:1.2em;}
.clients img{max-height:150px;}
.footer{background:url(/img/footer_bg.jpg) left top repeat-y;color:#123726;margin:auto;overflow: hidden;}
.footer .address{font-size:1em;padding-top:3px;margin-left: 10px}
.footer .email{font-size: 1em;margin-left: 10px}
.footer .phones{font-size: 1em;color:#123726;}
.footer td{padding:0 8px;}
.footer_content{padding:20px 30px 0;overflow:hidden;}
.footer_left{font-size:1em;float:left;word-spacing: 2px;width: 45%;padding: 5px;margin-left: 5px;box-sizing: border-box;word-wrap: break-word;overflow-wrap: break-word;}
.footer_menu{padding-block: 10px;display: flex;justify-content: space-evenly;flex-wrap: wrap;gap: 10px;word-wrap: break-word;overflow-wrap: break-word;}
.footer_menu a{white-space: nowrap;display: inline-block;word-spacing: normal;color: black;}
.footer_right{text-align: right;padding: 5px;margin-right: 5px;box-sizing: border-box;word-wrap: break-word;overflow-wrap: break-word;float: right;width: 45%;}
.footer-social-mobile{margin-bottom:10px;margin-top:15px;}
.footer-social-title{display:block;margin-bottom: 10px;font-size: 14px;color:#666;text-align:center;}
.footer-social-mobile .footer-social-links{display: flex;justify-content: center;gap: 10px;}
.footer-social-button.footer-social-vk{color: #0077ff;}
.footer-social-button.footer-social-telegram{color: #2fa5d6;}
.footer-social-button.footer-social-max{color: #005ff9;}
.footer-social-button.footer-social-dzen{color: #333;}
.footer-rating{margin:10px auto 0;text-align: center;}
.footer_left, .footer_right, .footer_menu{hyphens: auto;}
.madeby{padding-top:8px;}
.footer-banners{margin-left: auto;margin-right: auto;}
.footer-banners td {text-align: center;}
.footer-banners a{
    margin-left: auto;
    margin-right: auto;
    background-color: #673ab7;
    background-color: #85cef4;
    border-radius: 5px;
    text-decoration: none;
    text-align: center;
    transition: background 0.3s;
    padding: 8px 16px;
    color: #323230;
}
.shadow{height:8px;background: url(/img/shadow.png) center top repeat-x;background-size: auto 100%;}
.button input[type=button]{background:transparent;border:none;color:#000;text-decoration:underline;cursor:pointer;padding:0;}
.pager{font-size: 15px;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;color:blue;}
.pager a{font-size:15px;padding:3px 5px;border:1px solid #ccc;border-radius:5px;margin:2px 5px;}
.pager a.cur{font-weight:700;color:#000;background: #f1f1f1;border-color: blue;text-decoration:none;}
.path{color:#00f;padding:2px 5px;}
.path ul{list-style-type: none;padding: 0;margin: 0;}
.path ul li{display: inline;}
.path a,.path a:visited{text-decoration:none;}
nav[aria-label="Хлебные крошки"] ul{margin:5px 0;display: flex;flex-wrap: wrap;}
nav[aria-label="Хлебные крошки"] .separator{margin: 0 5px;color: #999;}
nav[aria-label="Хлебные крошки"] a{font-size:15px;color: #0066cc;}
nav[aria-label="Хлебные крошки"] a:hover{text-decoration: underline;}
.product_details{color:#052840;padding-left:40px;font-size:14px;line-height:1.4em;display: flex;flex-direction: column-reverse;}
.product_details .code{font-size:1rem;font-weight:700;}
button.price{font-size:20px;font-weight:700;color: #000;border-radius: 12px;cursor:pointer;margin:5px;padding:8px;text-shadow: 1px 0px 2px #ffffff;}
.current-price-wrapper{font-size: 1rem;font-weight: bold;color: #0f673ffc;}
.product_details .tocart{margin-bottom:14px;}
.tocart{padding-left:28px;height:16px;background:url(/img/tocart.gif) left center no-repeat;font-size:14px;}
#_description7{ background-color:#ffffff;width: 100%;}
.highlight{text-align:center;color: #fff;background-color: #3f51b5;padding: 5px;border-radius: 35px 35px 5px 5px;}
/* related-tovar */
.related-tovar{display:flex;margin-top:10px;flex-wrap:wrap;justify-content:space-around;}
.recommended-tovar {
  display: flex;
  flex-direction: column;
  min-height: 400px;
  width: 40%;
  margin: 10px;
  text-align: center;
  border: 1px solid #3f51b5;
  border-radius: 5px;
  padding: 10px;
  transition: transform 0.3s;
  overflow: hidden;
}
.recommended-tovar:hover{transform:scale(1.05);}
.recommended-tovar img{width:300px;height:200px;object-fit:cover;align-self:center;}
.recommended-tovar h5{font-size:1em;margin:10px 0;overflow:hidden;text-overflow:ellipsis;padding:5px;}
.recommended-tovar p{font-size:1em;color:#666;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;padding-bottom:5px;margin-top:5px;}
.recommended-tovar a{
  display: inline-block;
  color: #fff;
  background-color: #3f51b5;
  border: none;
  border-radius: 15px;
  text-decoration: none;
  text-align: center;
  transition: background 0.3s;
  margin-top: auto;
  padding: 8px 16px;
  align-self: center;   /* центрируем кнопку по горизонтали */
}
.recommended-tovar a:hover{background-color:#0056b3;}
.dealers_block .lnk{padding-left:14px;}
.dealers_block img{float:right;}
.dealers_block table{width:100%;}
.main_photo{display:block;text-align:center;overflow:hidden;padding:10px 0;}
.main_photo img{max-width:542px;height:auto;}
.properties h5{margin-bottom:10px;font-weight:600;}
.properties{ font-size: 1.2rem;font-style: oblique;font-weight: 200;letter-spacing: 2px;line-height: 1.4;background: #FAF0E6;margin-bottom: 10px;border-style: outset;border-width: 5px 3px 3px 7px;padding: 5px;}
.right_col .nopad{padding:0!important;}
.tosection_link{text-align:right;padding:5px 25px;color:#2196f3;font-size:medium;margin:10px 1px 1px 50%;border-style: outset;border-bottom-right-radius:20px;background-color: #3f51b529;}

.top_pict{position:absolute;left:0;top:0;width:100%;max-width:951px;height:205px;background-position:left top;}
.top_pict .text{padding:10px 0 0 30px;}
.top_pict span{display:block;float:left;background:url(/img/transparent_bg.png);color:#fff;padding:4px 10px;}
.top_pict span.frst{display:block;background:#fff;font-size:16px;color:#0F673F;margin-bottom:1px;padding:5px 10px;}
.top_pict_container{position:relative;height:205px;}
.top_pict_container .controls{position:absolute;left:25px;top:150px;}
.top_pict_container .controls img{cursor:pointer;}

.cart_controls{text-align:right;padding-top:10px;}
.cart_items{width:100%;}
.cart_items .info{padding-left:0!important;}
.cart_items input{width:25px;font-size:14px;text-align:center;}
.cart_items td,.cart_items th{text-align:left;border-bottom:1px solid #e9e9e9;padding:6px;}
.cart_items td.del{width:40px;text-align:center;}
.cart_items td.items_num{width:80px;}
.cart_items td.price{width:80px;white-space:nowrap;}
.cart_items th{font-size:14px;color:#999;}
.cart_total{font-size:16px;font-weight:700;line-height:1.5em;color:#123726;}
.order_link{font-size:18px;padding:20px 0;}

/* Login popup */
.login_popup{position:absolute;display:none;max-width: 500px;top:28px;background:#fff;z-index:1001;font-size:14px;margin:auto;}
.login_popup input{max-width:168px;}
.login_popup input.inp{max-width:200px;padding-top:5px;padding-bottom:5px;}
.login_popup td{padding:4px 4px 4px 0;}
.login_popup td.fn{padding-right:15px;}

#registration_form input{max-width:290px;}

#login_errors,#registration_errors,.errors{color:#b00;margin-bottom:10px;}
#sandbox{position:absolute;width:100%;display:none;left:0;top:0;z-index:201;background:#000;opacity:0.8;}
.btn {background-color: #4CAF50;color: white;padding: 15px 20px;margin: 10px 0;border: none;border-radius: 5px;cursor: pointer;font-size: 16px;width: 100%;transition: background-color 0.3s;}
.btn:hover {background-color: #45a049;}
.btn-cancel {background-color: #f44336;}
.btn-cancel:hover { background-color: #d32f2f;}
.btn-secondary {background-color: #008CBA;}
.btn-secondary:hover {background-color: #007bb5;}
/* orderModal */
#agreementModal {
    display: none;
    position: fixed;
    z-index: 2000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.5);
}

#agreementModal .modal-content {
    background-color: #fff;
    margin: 5% auto;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.3);
    position: relative;
}
.close-agreement {
    color: #ff0000;
    position: absolute;
    right: 20px;
    top: 10px;
    font-size: 28px;
    font-weight: bold;
    line-height: 1;
}
.close-agreement:hover,
.close-agreement:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}
#orderModal{
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    overflow: auto;
}
.modal-content{
    background-color: #fff;
    margin: 10px auto;
    padding: 15px;
    border: 0.5px solid #ddd;
    border-radius: 5px;
    width: 90%;
    max-width: 500px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
}
.modal-content .close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
    line-height: 1;
}
.modal-content .close:hover {
    color: #000;
}
#orderTitle{font-size:20px;margin-top: 0;}
.modal-content label {
    display: block;
    margin-top: 8px;
    font-weight: bold;
    color: #0f673f;
}
.modal-content input[type="text"],
.modal-content input[type="tel"],
.modal-content input[type="email"],
.modal-content input[type="number"],
.modal-content textarea{
    width: 100%;
    padding: 8px;
    margin-top: 3px;
    border: 0.5px solid #ccc;
    border-radius: 4px;
    font-size: 16px;
    resize: vertical;
    background: beige;
    box-sizing: border-box;
}
.modal-content .consent{margin: 10px 0;}
.modal-content .consent label{font-weight:normal;color:#333;}
.modal-content button{
    display: inline-block;
    margin: 10px 5px;
    padding: 10px 20px;
    background-color: #28a745;
    color: #fff;
    border: none;
    border-radius: 4px;
    font-size: 16px;
    cursor: pointer;
}
.modal-content button:hover{background-color: #218838;}
#consentCheckbox{width: 20px;height: 20px;margin: 0;}
.required{color:red;font-size:1.2em;margin-left:5px;}
input:required, textarea:required{border: 1px solid #ccc;}
input:required:focus, textarea:required:focus{border-color: #66afe9;outline: none;}

.another_popup_link{background:#F2F2F2;border-top:1px solid #BCBCBC;border-bottom:0 solid #BCBCBC;padding-top:7px;padding-bottom:10px;}
.another_popup_link a{font-size:16px;font-weight:700;}
.another_popup_link h2{line-height:1.5em;}
.close_popup{cursor:pointer;width:20px;height:20px;float:right;background:url(/img/close_popup.gif) 0 0 no-repeat;margin-right:10px;margin-top:5px;position:absolute;top:15px;right:35px;color:#f1f1f1;font-size:40px;font-weight:700;transition:.3s;}
.close_popup:hover,.close_popup:focus{color:#bbb;text-decoration:none;cursor:pointer;}
.do_login{display:block;color:#2483C5;cursor:pointer;line-height:16px;float:left;background:#9BCD47;padding-left:20px;}
.login_popup .cnt_pad{padding-left:30px;padding-right:30px;}
.login_popup .hr{height:1px;font-size:14px;border-top:1px solid #b2b2b2;padding:0;}
.login_popup .popup_footer{padding-left:140px;margin:10px 0;}
.login_popup .popup_footer .button{float:left;}
.login_popup .popup_footer.reg{padding-left:100px;}
.login_popup h2{font-size:18px;font-weight:400;margin-bottom:15px;}
.login_popup_header{width:100%;margin-bottom:30px;background:#B9B9B9;}
.login_popup_header td{width:50%;height:40px;}
.popup_next_link{border-left:1px solid #BCBCBC;border-bottom:1px solid #BCBCBC;text-align:center;}
.popup_next_link a{font-size:14px;}
.popup_next_link a:hover{color:#fff;text-decoration:underline;}
.popup_next_link.lf{border-left:none;border-right:1px solid #bcbcbc;}
.popup_title{text-align:center;font-size:14px;font-weight:700;background:#fff;}

/* Login popup end */
.content_container .form .f_name,#TB_ajaxContent .f_name{font-size:14px;}
.form{background:#f1f1f1;margin:20px 0;}
.form .f_name{width:130px;padding-right:15px;color:#333;font-size:14px;text-align:right;vertical-align:top;line-height:29px;}
.form input{width:230px;}
.form td{padding:6px 8px 6px 0;}
.form td:last-child{padding-right:15px;}
.form textarea{width:230px;height:80px;}
.form tr:first-child td{padding-top:15px;}
.form tr:last-child td{padding-bottom:15px;}
.print_content img{max-width:600px;}
.print_content table{width:100%;}
.print_content table td{border:1px solid #000;padding:10px;}
/* specification */
.field_desc{font-size:14px;color:#999;}
.in_stock{color:#0F673F;padding-right:10px;}
.order_date{padding-top:18px;}
.specification_footer{margin-top:30px;width:100%;}
.specification_footer .right{float:right;}
.specification_footer div{width:300px;}
.specification_header{text-align:right;font-weight:700;line-height:1.5em;}
.specification_table td{border:1px solid #000;text-align:center;font-weight:700;padding:10px;}
.specification_table td.num{width:5%;}
.specification_table td.price{width:15%;}
.specification_table tr.h td{font-weight:400;}
.specification_title{text-align:center;padding:15px 0 20px;}
table.specification_footer td{border:none;padding:0;}

.download-link{display: inline-block;padding: 10px 20px;background-color: #4CAF50;color: white;text-decoration: none;font-weight: bold;border-radius: 5px;}
.download-link:hover{background-color: #45a049;}
.photos_scroller {
    width: 100%;
    max-width: 100%;
    margin: 0 auto 10px;
    background-color: #f2f2f2;
    border: 1px solid #ccc;
    border-radius: 8px;
    padding: 8px 0;
    box-sizing: border-box;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
.scroll_container {
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
}
.scroll_content {
    display: inline-block;
    white-space: nowrap;
}
.scroll_content table,
.scroll_content tbody,
.scroll_content tr {
    display: block;
    white-space: nowrap;
}
.scroll_content td {
    display: inline-block;
    white-space: normal;
    vertical-align: top;
    padding: 0 5px;
}
.photos_scroller .i {
    display: block;
    width: 80px;
    height: auto;
    text-align: center;
}
.photos_scroller img {
    width: 100%;
    height: auto;
    border-radius: 6px;
    display: block;
    object-fit: cover;
}
.photos_scroller::-webkit-scrollbar {
    height: 6px;
}
.photos_scroller::-webkit-scrollbar-track {
    background: #e0e0e0;
    border-radius: 4px;
}
.photos_scroller::-webkit-scrollbar-thumb {
    background: #aaa;
    border-radius: 4px;
}
.photos_scroller::-webkit-scrollbar-thumb:hover {
    background: #888;
}
#imageOverlay{display:none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.9);z-index: 9999;cursor: zoom-out;cursor: default;}
#expandedImage {position: absolute;max-width: 90%;max-height: 90%;top: 50%;left: 50%;transform: translate(-50%, -50%);pointer-events: none;}
.nav-arrow{position:absolute;top:50%;transform:translateY(-50%);font-size:50px;color:#ffffffb3;cursor:pointer;padding:2px;user-select:none;transition:color 0.3s;}
.nav-arrow:hover{color:white;}
.left-arrow{left:15px;}
.right-arrow{right:15px;}
.close-btn{position: absolute;top: 20px;right: 30px;font-size: 40px;color: white;cursor: pointer;transition: color 0.3s;}
.close-btn:hover{color: #ccc;}
.active a{background:0;border:1px solid #8d0000;-webkit-border-radius:10px 10px 0 0;-webkit-background-clip:padding-box;-webkit-box-shadow:inset 0 0 1px #fd0000;-moz-border-radius:10px 10px 0 0;-moz-background-clip:padding-box;-moz-box-shadow:inset 0 0 1px #fd0000;margin-left:-5px;z-index:2;color:#FFF;text-shadow:0 1px 1px #000;padding:28px 0 20px;}
.active a:focus,.inactive a:focus{outline:none;}
.bottom_line{height:2px;margin:auto;text-align:center;}
.inactive a{color:#222;text-shadow:0 1px 1px #FFF;background:0;-webkit-box-shadow:inset 0 0 5px #FFF;-moz-box-shadow:inset 0 0 5px #FFF;border:1px solid #ccc;margin-left:-5px;z-index:1;padding:20px 0;}
.inactive a:hover{background:0;}
.other_sites{margin-top:5px;}
.top_line{height:18px;background: url(/img/top_line.jpg) center top repeat-x;background-size: auto 100%;}

a.button{display: inline-block;padding: 10px 20px;font-size: 16px;color: #fff;background-color: #007BFF;border: none;border-radius: 5px;text-decoration: none;text-align: center;}
a.button:hover{background-color: #0056b3;transform: translateY(-2px);}
a.button:active {transform: translateY(0);}

/* my orders */
.my_orders{width:100%;}
.my_orders .o_date{font-size:14px;width:90px;padding-left:20px;white-space:nowrap;}
.my_orders .o_id{font-size:14px;width:55px;padding-right:5px;}
.my_orders .o_status{font-size:14px;width:100px;}
.my_orders .o_status a{font-size:14px;}
.my_orders .o_sum{font-size:14px;font-weight:700;}
.my_orders .price{font-size:14px;width:70px;}
.my_orders .price.wa{width:auto;}
.my_orders img{width:30px;}
.my_orders td{border-bottom:1px solid #F0F0F0;padding:13px;}
.my_orders td.nopad{border:none;}
.my_orders th{font-size:14px;text-align:left;font-weight:400;color:#747474;border-bottom:1px solid #F0F0F0;padding:4px 13px;}
.my_orders_items{width:100%;background:#f1f1f1;}
.my_orders_items .pname{width:290px;padding-right:15px;}
.my_orders_items td{border-bottom:1px solid #fff;padding:10px;}
.my_orders_items th{font-size:14px;text-align:left;font-weight:400;color:#747474;border-bottom:1px solid #fff;padding:4px 13px;}

.terem_button input{width:40%;font-size:24px;text-align:center;background-color:#4CAF50;border:1px solid green;border-radius:35px 10px 10px 10px;color:#FFF;cursor:pointer;margin:5px;padding:10px;}
.terem_button input:hover{background-color:#3e8e41;}
#myRik{background-color:green;margin-top:10px;color:#fff;border:5px solid green;}

.b-popupa .b-popupa__content{background-color:#FFF;}
.b-popupa .b-popupa__tail{border-color:#E0E0E0 transparent;}
.b-popupa .b-popupa__tail-i{border-color:#FFF transparent;}
.b-popupa_direction_left.b-popupa_theme_ffffff .b-popupa__tail-i,.b-popupa_direction_right.b-popupa_theme_ffffff .b-popupa__tail-i{border-color:transparent #FFF;}
.b-specification-item__content{font-family:Arial!important;font-size:16px;}
.b-specification-item__content .b-calendar .b-pseudo-link{color:#000;}
.b-specification-item__content .b-calendar-month__day_now_yes{color:#E0E0E0;}
.b-specification-item__content .b-calendar__title{font-family:Arial;color:#000;font-size:16px;font-style:normal;font-weight:400;}
.b-specification-item__content .b-pseudo-link:hover,.b-specification-item__content :visited:hover{color:#c00!important;}
.b-specification-item__content :visited{color:purple;}
.b-specification-list,.b-specification-list .b-pseudo-link,.b-specification-item__content label,.b-specification-item__content .b-link,.b-specification-list .b-specification-list__reset .b-link{color:#000!important;font-family:Arial;font-size:16px;font-style:normal;font-weight:400;}
to{-webkit-transform:scale(1);transform:scale(1);}

.custom-order-section{font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background: white;
    border-radius: 12px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    margin: 5px 0;
}
.order-header{padding:5px 10px;background: linear-gradient(169deg, #e0e0e0 0%, #f1f1f1 100%);text-align: center;}
.order-header h3{margin: 0 0 8px 0;font-size:20px;font-weight: 600;}
.order-header p{margin: 0;opacity: 0.9;}
.detail-item{padding:16px 20px;border-bottom:1px solid #f1f5f9;background:white;transition: all 0.3s ease;}
.detail-item:hover{background: #f8fafc;}
.detail-item:last-child{border-bottom: none;}
.detail-item strong{color:#2d3748;display: block;margin-bottom: 4px;}
.order-features-list{list-style: none;padding:0;margin: 0;}
.order-feature-item {
    padding: 16px 20px;
    border-bottom: 1px solid #f1f5f9;
    background: white;
    transition: all 0.3s ease;
}
.order-feature-item:hover{background: #f8fafc;}
.order-feature-item:last-child{border-bottom: none;}
.order-feature-item strong {font-family: ui-serif;
    color: #2d3748;
    display: block;
    margin-bottom: 4px;
}
.desktop-menu{display: block;}
.mobile-menu{display: none;}

@media screen and (min-width: 801px){
.bottom{display:flex;}
p, li{font-size:1rem;line-height: 1.5;margin-bottom: 1rem;}
.description{padding-left:16px;padding-right:16px;}
.mobile-select{display: none !important;content-visibility: hidden;contain: strict;height: 0;overflow: hidden;}
.menu table.top_menu{display: table;}
.menu-toggle-label {display: none !important;}
.catalog-menu{max-height: none !important;opacity: 1 !important;}
.order-toggle-label {display: none !important;}
.order-details-content {max-height: none !important;display: block !important;}
.mobile-menu-wrapper {display: none;}
.social-section {
    margin: 10px 0;
    text-align: center;
}
.social-title {
    display: block;
    margin-bottom: 8px;
    font-size: 14px;
    color: #666;
}
.social-text {
    display: none;
}
.social-icon {
    width: 18px;
    height: 18px;
}
.social-button.vk:hover {
    background: #4c75a3;
    color: white;
    border-color: #4c75a3;
}
.social-button.telegram:hover {
    background: #2aabee;
    color: white;
    border-color: #2aabee;
}
.social-button.max:hover {
    background: #ff0000;
    color: white;
    border-color: #ff0000;
}
.photos_scroller {
        max-width: 600px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (max-width: 800px){
    .header {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding: 10px 15px;
        height: auto;
        background: none;
        min-width: 0;
        width: 100%;
        box-sizing: border-box;
    }
    .header #logo {
        margin-bottom: 10px;
    }
    .header #logo img {
        width: auto;
        max-width: 80%;
        height: auto;
    }
    .header .slogan {
        margin-bottom: 10px;
        width: 100%;
    }
    .header .slogan h1 {
        font-size: 22px;
        line-height: 1.2;
        margin: 0;
        padding: 0 3px;
    }
    .header .phone {width: 100%;}
    .header .phone .number {font-size: 18px;padding: 0;}
    .number .quon_phone {
        display: block;
        padding: 12px 20px;
        background-color: #f2f2f2;
        border: 1px solid #ccc;
        border-radius: 4px;
        text-decoration: none;
        color: #333;
        font-weight: bold;
        box-sizing: border-box;
        transition: background-color 0.2s;
    }
    .number .quon_phone:hover {
        background-color: #e6e6e6;
    }
    h1{line-height: 1em;padding: 0 3px;font-size:22px;}
    h2{font-size:22px;text-align:center;line-height:1.1em;}
    h3{font-size:20px;margin: 5px 0;}
    h4{text-align: center;margin: 10px 0;width: fit-content;}
    p, li{line-height: 1.4;margin-bottom: 0.75rem;}
    p::first-letter{color:#8B0000;}
    .description{padding-left:10px;padding-right:10px;}
    article.news h4{margin: 5px;color:#f2f2f2;background:linear-gradient(139deg, #333 0%, #48af86 80%);padding: 5px 10px;border-radius: 5px 10px 5px 10px;}
    article.projects h4{margin: 5px;color:#f2f2f2;background:linear-gradient(139deg, #333 0%, #48af86 80%);padding: 5px 10px;border-radius: 5px 10px 5px 10px;}
   
    div.page_title h4{font-size:18px;font-family:monospace;margin: 5px auto;}
    .delivery-option{border-left:2px solid #2c5aa0;padding:10px;}
    .important-note{border-left: 2px solid #ff9800;padding:10px;margin-top:10px;}

    .main_container{font-size:1.3em;}
    .right_col{width:100%;display:grid; grid-template-columns: repeat(2, 1fr);gap:15px;float: none;}
    .special-item { margin: 0; display: flex; flex-direction: column; }
    .product_sidebar, .product_sidebar tbody, .product_sidebar tr, .product_sidebar td { display: block; width: 100%; }
    .product_sidebar .ph{text-align:center;width:auto;}
    .product_sidebar .nm{text-align:center;padding-left:0;}
    .product_sidebar .pp{justify-content: center;}
    .product_sidebar .pn a{word-break: break-word;hyphens: auto;}
    .special-title{margin: 0 0 10px 0;font-size:1rem;}
    .clients-wrapper{display:none;}
    #main_photo{width:80%;}
    .alert.alert-success{border-bottom-color:#70a123;margin-bottom:30px;vertical-align:middle;text-align:center;}
    .cnt_pad{padding:0;}
    div.cnt_pad h2{font-size:18px;display: none;}
    .rnd_cnt{padding:10px;flex:1;display:flex;flex-direction:column;}
    .rnd_cnt.nopad{display: none;}

    .content_col.ind{width: 100%;min-height: 300px;padding-right: 0;}
    .content_container{display:flex;flex-direction:column-reverse;flex-wrap: wrap;padding:2px 6px;}
    .close-btn{font-size: 60px;}
    
    .modal-content{width: 95%;margin: 5% auto;padding: 10px;}
    #orderTitle{font-size: 18px;}
    .modal-content input[type="text"],
    .modal-content input[type="tel"],
    .modal-content input[type="email"],
    .modal-content input[type="number"],
    .modal-content textarea {
        width: 100%;
        font-size: 16px;
        padding: 8px;
    }
    .modal-content button {
        width: 100%;
        margin: 5px 0;
        padding: 12px;
    }
    #consentCheckbox{width:35px;height:35px;}
    .footer_menu{font-size: 1rem;}
    .footer_left{font-size: 0.9rem;width: 100%;word-spacing:1px;}
    .footer_right{width:100%;padding-left: 0;margin-top:5px;}
    .footer_menu a{font-size: 1em;white-space:normal;max-width: 100%;}
    .footer_content{padding:8px;display:flex;flex-direction:column;flex-wrap:nowrap;}
    div.address{font-size: 18px;}
    .footer-social-mobile{margin-top:10px;padding-top: 5px;border-top: 1px solid #6c8178;}
    .footer-social-mobile .footer-social-links{gap:20px;}
    .social-section{margin: 8px 0;}
    .social-title{font-size: 13px; margin-bottom: 6px;}
    .social-button{width: 32px;height: 32px;font-size: 14px;}
    .social-icon {width: 16px;height: 16px;}
    .footer-banners a{font-size: 0.9rem;}
    .in_stock{font-size:14px;color:#A52A2A;}
    .left_col{display: none !important;content-visibility: hidden;contain: strict;height: 0;overflow: hidden;}
    .content_col{width: 100%;min-height: 300px;}
    .vert_menu td{padding:15px 10px;border-radius: 2px 2px 20px 20px;box-shadow: inset 4px 2px 4px 0px #4caf50;}
    .vert_menu.sections{font-size: 18px;font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;}
    
    .menu table.top_menu{display: none;}
    .mobile-menu-wrapper {display: block;}
    .mobile-select{display: block !important;width:80%;max-width:300px;padding:6px;font-weight: 600;cursor: pointer;margin:0 auto;font-size:18px;background: linear-gradient(0deg, #4ca445 0%, #43bdd8 80%);border:2px solid #2a7b9c;margin-bottom:5px;}
    .mobile-select option {background: white;color: #00004f;padding: 10px;font-size: 14px;}
    .mobile-select:focus{outline: none;box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5);}
    .mobile-select:hover {background: linear-gradient(0deg, #3e8c3a 0%, #3aa8c2 80%);}
    a.category-item {
        display: block;
        padding: 5px;
        background: #f8f9fa;
        border: 1px solid #4ba85c66;
        border-radius: 10px;
        text-align: center;
        font-weight: 500;
        color: #333;
        font-size: 14px;
        text-decoration: none;
        transition: all 0.2s;
        word-break: break-word;
        line-height:normal;
    }
    a.category-item:hover,
    a.category-item:focus {
        background: #e8f4ff;
        border-color: #0066cc;
        color: #0066cc;
        transform: scale(1.02);
    }
    .news{margin:5px;}
    .news_list, .onstart{font-size:16px;}
    .announce {font-size:18px;}
    .news_list{display: flex;flex-direction: column;gap: 10px;}
    .news img{display:block;margin-left:auto;margin-right:auto;border-color:#EAEDEB;border-style:solid;border-width:1px;padding:5px;}
    .news_list tr{display: block;border-radius: 10px;border: 1px solid;padding: 5px 10px;margin-bottom: 5px;}
    .news_list .ph{padding-right:0;padding-top:0;}
    .news_list div{padding:3px;}
    .news_list td{display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical; overflow: hidden;}
    .path{font-size:14px;padding:0 10px;}
    .photos.catalog tr{margin: 0 auto;}
    .photos.catalog td{width:auto;border-radius:5px 15px;border:1px solid #88b68582;background:linear-gradient(1deg, #4ca44585 0%, #ffffff 50%);}
    .photos.catalog div.ph{display: block;padding: 15px;cursor: pointer;width: 100%;max-width: 100%;height: auto;box-sizing: border-box;zoom: 2;}
    .photos.catalog div.pn a{font-size:17px;font-family: monospace;font-weight:400;}
    .photos.catalog div.pc{font-size: 1rem;font-family: monospace;}
    .product-item {
        display: flex;
        flex-wrap: nowrap;
        gap: 15px;
        align-items: flex-start;
        margin-bottom: 15px;
        border-bottom: 1px solid #eee;
        padding-bottom: 15px;
    }
    .product-item .product-image {
        max-width: 100%;
        height: auto;
        display: block;
        border-radius: 4px;
    }
    .product-item .product-info {
        flex: 1;
    }
    .product-item .pn {
        font-size: 16px;
        line-height: 1.3;
        margin-bottom: 5px;
    }
    .product-item .pn a {
        color: #0066c0;
        text-decoration: none;
    }
    .product-item .pn a:hover {
        text-decoration: underline;
    }
    .product-item .pc {
        font-size: 14px;
        color: #666;
        margin-bottom: 5px;
    }
    .product-item .pq {
        font-size: 14px;
        font-weight: bold;
        color: #2e7d32;
        margin-bottom: 8px;
    }
    .product-item .pq.no {
        color: #c62828;
    }
    .product-item .pp {
        font-size: 18px;
        font-weight: bold;
        color: #333;
    }
    .product-item .pp a {
        color: #333;
        text-decoration: none;
    }
    .product-item .pp a:hover {
        text-decoration: underline;
    }
    .current-price-wrapper{font-size:1.15rem;}
    .other_sites{margin-top:0;display: none;}
    .product_details{padding:0;font-size:1em;}
    .photos.catalog div.pp{border: 1px solid #333;padding: 3px 2px 3px 2px;}
    .photos.catalog table td{border:none;padding-block:5px;}
    .photos.catalog table img{display: block;cursor: pointer;}
    .photos.projects_list a{font-size:20px;font-family: -webkit-body;color: #000;}
    .photos.projects_list.photos td{width: 100%;border-radius:5px;border:1px solid;margin-bottom:10px;padding:5px 8px;display: -webkit-box;-webkit-line-clamp: 7;-webkit-box-orient: vertical;overflow: hidden;display: -moz-box;box-sizing: border-box;-moz-box-orient: vertical;hyphens: auto;}
    .photos.projects_list.photos img{display: block;margin: 0 auto;}
    .product{display:flex;flex-direction:column;align-items: center;text-align: center;width: 100%;}
    .product .ph img{max-width: 100%;height: auto;}
    .highlight{border-radius:10px 10px 3px 3px;margin:0 auto;}
    .related-tovar{flex-wrap:wrap;gap:10px;}
    .recommended-tovar{width:calc(40% - 10px);margin:5px;padding:5px;min-height:auto;}
    .recommended-tovar img{width:100%; height:auto; max-height:150px;}
    .recommended-tovar h5{font-size:0.9rem;}
    .recommended-tovar p{font-size:0.85rem;-webkit-line-clamp:3;}
    .recommended-tovar a{font-size:0.9rem;padding:6px 12px}

    button.price{font-size:18px;border:2px solid #ccc;background: linear-gradient(180deg, #ffffffc9 0% 33.33%, #2196f3cf 33.33% 66.66%, #f44336cc 66.66% 100% );text-decoration: none;
    transition: all 0.3s ease;}
    button.price:active{background:#666;}
    button.price:focus{outline:none;box-shadow:0 0 5px rgba(0,0,0,0.5), 0 0 10px rgba(0,0,0,0.5);}
    button.price:hover{background:#333;}
    .back-button{display:none;}
    .accordion-toggle {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        padding: 12px 16px;
        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
        color: white;
        border: none;
        border-radius: 30px;
        font-size: 16px;
        font-weight: 600;
        cursor: pointer;
        transition: all 0.3s;
        margin-bottom: 8px;
    }
    .accordion-toggle:hover {
        transform: translateY(-2px);
        box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    }
    .toggle-arrow {transition: transform 0.3s;}
    .mobile-categories-grid{margin-top: 10px;}
    .grid-container {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 8px;
        padding: 5px 0;
    }
    .mobile-catalog-section {
        max-width: 300px;
        cursor: pointer;
        margin: 2px auto;
    }
    
    .mobile-categories-accordion {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
        margin-bottom: 10px;
    }
    .order-menu-toggle {
        display: none;
    }
    .order-toggle-label {
        display: block;
        font-size: 18px;
        padding: 10px 20px;
        color: white;
        cursor: pointer;
        position: relative;
        margin: 0;
        border-top: 1px solid #e2e8f0;
        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    }
    .order-toggle-label::after {
        content: "▼";
        position: absolute;
        right: 20px;
        top: 50%;
        transform: translateY(-50%);
        transition: transform 0.3s ease;
        font-size: 14px;
    }
    .order-details-content {font-size: 18px;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.4s ease;
    }
    .order-menu-toggle:checked ~ .order-details-content {
        max-height: 500px;
    }
    .order-menu-toggle:checked + .order-toggle-label::after {
        transform: translateY(-50%) rotate(180deg);
    }
    .catalog-menu {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.4s ease;
        opacity: 0;
        gap: 0;
    }
    .menu-item:last-child {
        border-bottom: none;
    }
    .menu-toggle:checked ~ .catalog-menu {
        max-height: 1000px;
        opacity: 1;
    }
    .menu-toggle:checked + .menu-toggle-label::after {
        transform: translateY(-50%) rotate(180deg);
    }
    .menu-toggle {
        display: none;
    }
    .menu-toggle-label {
        display: block;
        font-weight:normal;
        cursor: pointer;
        position: relative;
        margin: 0;
        border-top: 1px solid #e2e8f0;
        padding: 10px;
        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
        color: white;
        text-align: center;
        border-radius: 0 12px;
    }
    .menu-toggle-label::after {
        content: "▼";
        position: absolute;
        right: 20px;
        top: 50%;
        transform: translateY(-50%);
        transition: transform 0.3s ease;
        font-size: 14px;
    }
    .order-details {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.4s ease;
    }
    .menu-toggle:checked ~ .order-details {
        max-height: 500px;
    }
    .menu-toggle:checked + .menu-toggle-label::after {
        transform: translateY(-50%) rotate(180deg);
    }
    .projects a{font-size:22px;text-decoration:none;}
    .projects img{display:block;margin-left:auto;margin-right:auto;border-color:#EAEDEB;border-style:solid;border-width:1px;padding:5px;}
    .properties{font-size: 1rem;font-style: normal;font-weight: 700;letter-spacing: 0.5px;line-height: 1.3;background: #f2f2f2;margin: 5px 0 10px 0;border: 1px solid #4baaf6;padding: 8px 12px;border-radius: 4px;}
    .properties ::first-letter{font-family: "Times New Roman", Times, serif; color: brown ;font-size: 110%;}
    .gallery-container table,.gallery-container tbody,.gallery-container tr,.gallery-container td{display:block; width:100%;}
    .gallery-container td{border:1px solid;padding:10px;box-sizing:border-box;margin-bottom:5px;}
    .gallery-container img{display: block;width: 80%;max-width: 100%;height: auto;padding: 5px;box-sizing: border-box;margin: 0 auto;}
    a.button{font-size: 0.8em;border-radius:20px;}
    .table.photos.catalog{width:100%;border-collapse:collapse;border-style:outset;}
    .terem_button input{width:70%;font-size:36px;padding:10px;}
    .tocart,.bottom{display:none;}
    .top_pict_containe,.img{display:block;margin-left:auto;margin-right:auto;}
    .tosection_link{font-size: 1em;margin:3px 1px 1px;color: #f5f5f5;font-family: none;background: linear-gradient(0deg, purple 0%, #764ba2e0 80%);}
    .tosection_link a{color: #f5f5f5;font-family: monospace;}
    .ic img{margin:2px;}
    
    .vert_menu table,.dealers_block table{display:block;overflow-x:scroll;overflow-y:hidden;}
 
    .yoxview{display:flex;flex-direction:column-reverse;align-items:stretch;}
    .quon_phone{display: block;}
    a[href^="tel:"]{color:#2c5a86;}
    a[href^="mailto:"]{color: #2c5a86;}
    input,textarea,select{border-radius:12px;text-decoration:none;color:#00004f;padding:10px;}
    .madeby{display: none;}
    .top_pict_container{display:none;}
    
    div[itemprop="offers"] {display:flex;flex-direction:column;}
    div[itemprop="offers"] .price {order: 1;}
    div[itemprop="offers"] .properties {order: 2;}
    div[itemprop="offers"] .description {order: 3;}
}

.cover {background: #D7E9B4;padding-bottom: 32px;}
.cover .title {text-align: center;}
.cover .subtitle{text-align: center;margin-top: 8px;}
.cover .image{margin-top: 24px;border-radius: 4px;}
.page .header-turbo-icon{fill:green;}
.title_level_2 {font-weight: 100;}
.link {color: #4361A8;}

@media only screen and (max-width: 600px){
    .btn {font-size: 22px;}
}
@media screen and (max-width: 480px){
    .header #logo img{max-width: 60%;}
    .header .slogan h1{font-size: 18px;}
    .number .quon_phone{font-size: 16px;padding: 10px 15px;}
    .modal-content{width: 98%; margin: 2% auto;}
    .product_sidebar, .product_sidebar tbody, .product_sidebar tr{display: block;width: 100%;}
    .product_sidebar tr{margin-bottom:10px; border-bottom: 1px solid #eee;}
    .product_sidebar .ph{padding: 5px}
    .product_sidebar .ph img{max-width: 80px;}
    .properties{font-size: 0.9rem;padding: 6px 10px;margin: 4px 0 8px 0;}
    .photos_scroller .i{width: 70px;}
    .special-title{font-size: 0.9rem;}
}
@media (query) {
/* CSS Rules used when query matches */
}

@media all and (orientation: landscape) {
 /* Target device in landscape mode */
}

@media all and (orientation: portrait) {
 /* Target device in portrait mode */
}