/* ===== HOME PAGE STYLES ===== */
/* Extracted from landing-smdekor.html, adapted for Bitrix template */
/* Full-width sections are placed outside .wrap in index.php HTML structure */

/* ===== HERO SLIDER (product cards) ===== */
.hero-slider-cont{background:#f0f1f5;overflow:hidden;position:relative}
/* Slick sets display:none on inactive slides — do NOT use !important here,
   so Slick can properly hide them. Apply flex only to the active slide. */
.hero-slide{align-items:center;min-height:460px;padding:30px 0;background:#f0f1f5}
.hero-slider .slick-active.hero-slide{display:flex!important}
/* CLS fix: before Slick initializes, every .hero-slide is a display:block box
   (min-height:460px), so N slides stack into a tall container; when Slick inits
   (on document.ready) it collapses to one slide and yanks .counters-strip/.wrap
   upward — a large layout shift. Render only the first slide until Slick adds
   .slick-initialized, reserving exactly one slide's height from first paint. */
.hero-slider:not(.slick-initialized) .hero-slide:not(:first-child){display:none}
.hero-slider:not(.slick-initialized) .hero-slide:first-child{display:flex}
.hero-slide-text{width:45%;display:flex;flex-direction:column;justify-content:center;padding-left:40px;padding-right:20px}
.hero-slide-text .hero-tag{font-size:13px;color:#f3cb07;font-family:'Circe Bold',sans-serif;margin-bottom:10px;text-transform:uppercase;letter-spacing:1px}
.hero-slide-text h2{font-size:36px;color:#363f4d;font-family:'Circe Bold',sans-serif;line-height:1.15;margin-bottom:14px}
.hero-slide-text .hero-desc{font-size:14px;color:#8f7a7a;line-height:1.6;margin-bottom:16px}
.hero-slide-text .hero-price{margin-bottom:22px}
.hero-slide-text .hero-price .price-old{font-size:16px;color:#8f7a7a;text-decoration:line-through;margin-right:10px}
.hero-slide-text .hero-price .price-new{font-size:34px;font-family:'Rubik',sans-serif;font-weight:500;color:#363f4d}
.hero-slide-text .hero-price .price-currency{font-size:20px;color:#363f4d;font-family:'Circe Bold',sans-serif}
.hero-slide-text .hero-price .price-sale{display:inline-block;background:#cf0606;color:#fff;font-size:12px;font-family:'Circe Bold',sans-serif;padding:3px 10px;border-radius:3px;margin-left:10px;vertical-align:middle}
.hero-slide-text .hero-btns{display:flex;gap:10px;flex-wrap:wrap}
.hero-slide-img{width:55%;height:400px;display:flex;align-items:center;justify-content:center;position:relative}
.hero-slide-img img{max-height:380px;max-width:100%;object-fit:contain;mix-blend-mode:multiply}
.btn-gold{text-transform:uppercase;color:#000;background:#efc00c;padding:12px 26px;border:2px solid #efc00c;border-radius:7px;font-family:'Circe Bold',sans-serif;font-size:13px;cursor:pointer;transition:.3s;display:inline-block}
.btn-gold:hover{background:#d4a800;border-color:#d4a800;color:#000;text-decoration:none}
.buy-button-slider-main{text-transform:uppercase;color:#efc00c;background:#fff;padding:12px 26px;border:2px solid #efc00c;border-radius:7px;font-family:'Circe Bold',sans-serif;font-size:13px;cursor:pointer;transition:.3s;display:inline-block}
.buy-button-slider-main:hover{color:#000;background:#efc00c;text-decoration:none}
.btn-gold-outline{text-transform:uppercase;color:#efc00c;background:transparent;padding:12px 26px;border:2px solid #efc00c;border-radius:7px;font-family:'Circe Bold',sans-serif;font-size:13px;cursor:pointer;transition:.3s;display:inline-block}
.btn-gold-outline:hover{color:#000;background:#efc00c;text-decoration:none}
.btn-brown{text-transform:uppercase;color:#fff;background:#8f7a7a;padding:12px 26px;border:2px solid #8f7a7a;border-radius:7px;font-family:'Circe Bold',sans-serif;font-size:13px;cursor:pointer;transition:.3s;display:inline-block}
.btn-brown:hover{background:#7a6666;border-color:#7a6666;color:#fff;text-decoration:none}

/* slick arrows for hero */
.hero-slider-cont .slick-prev,
.hero-slider-cont .slick-next{
  position:absolute;bottom:10px;z-index:20;
  width:44px;height:44px;background:#f3cb07;border:none;border-radius:50%;
  cursor:pointer;display:flex!important;align-items:center;justify-content:center;
  transition:background .2s;
  font-size:0;overflow:hidden;
}
.hero-slider-cont .slick-prev{right:66px;left:auto}
.hero-slider-cont .slick-next{right:16px}
.hero-slider-cont .slick-prev:hover,
.hero-slider-cont .slick-next:hover{background:#ffd93d}
.hero-slider-cont .slick-prev:before,
.hero-slider-cont .slick-next:before{font-size:0}
.hero-slider-cont .slick-prev:after,
.hero-slider-cont .slick-next:after{
  content:'';display:block;width:10px;height:10px;border-top:2px solid #fff;border-right:2px solid #fff;
}
.hero-slider-cont .slick-prev:after{transform:rotate(-135deg);margin-left:3px}
.hero-slider-cont .slick-next:after{transform:rotate(45deg);margin-right:3px}

/* slick dots for hero */
.hero-slider-cont .slick-dots{position:absolute;bottom:15px;width:100%;padding:0;margin:0;list-style:none;text-align:center;z-index:10}
.slick-dots{position:absolute;bottom:10px;width:100%;padding:0;margin:0;list-style:none;text-align:center}
.slick-dots li{display:inline-block;width:20px;height:20px;margin:0 5px;cursor:pointer}
.slick-dots li button{font-size:0;width:20px;height:20px;padding:5px;cursor:pointer;border:0;outline:0;background:0}
.slick-dots li button:before{content:'\2022';font-size:50px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;text-align:center;opacity:.25;color:#a7a7a7}
.slick-dots li.slick-active button:before{opacity:.75;color:#fff}

/* ===== SECTION TITLES ===== */
.section-pad{padding:45px 0}
.bg-light{background:#f9f9fb}
.section-title{font-size:28px;font-family:'Circe Bold',sans-serif;color:#363f4d;margin-bottom:25px;line-height:1.2}
.section-title-sm{font-size:12px;color:#f3cb07;font-family:'Circe Bold',sans-serif;text-transform:uppercase;letter-spacing:2px;margin-bottom:6px}

/* ===== COUNTERS STRIP ===== */
.counters-strip{background:#363f4d;padding:22px 0}
.counter-item{text-align:center;color:#fff}
.counter-item strong{display:block;font-size:30px;font-family:'Rubik',sans-serif;font-weight:500;color:#f3cb07}
.counter-item span{font-size:11px;text-transform:uppercase;letter-spacing:1px;font-family:'Circe Bold',sans-serif;color:rgba(255,255,255,.7)}

/* ===== CATALOG TILES ===== */
.bx_catalog_tile{margin:30px 0}
.tohuchwu-catalog-section-cont{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:12px}
.tohuchwu-catalog-section-cont li{width:calc(33.333% - 8px);position:relative;overflow:hidden;border-radius:4px;margin:0!important}
.tohuchwu-catalog-section-cont li a.bx_catalog_tile_img{display:block;height:220px;background-size:contain;background-position:center;background-repeat:no-repeat;background-color:#f0f1f5;transition:transform .4s}
.tohuchwu-catalog-section-cont li:hover a.bx_catalog_tile_img{transform:scale(1.03)}
.bx_catalog_tile_title{font-size:13px;text-align:center;padding:10px 5px;margin:0}
.bx_catalog_tile_title a{color:#363f4d;font-family:'Circe Bold',sans-serif;text-transform:uppercase;letter-spacing:1px}

/* ===== PRODUCTS GRID (Hits) ===== */
.products-grid{display:flex;flex-wrap:wrap;gap:16px}
.product-card-sm{width:calc(25% - 12px);background:#fff;border:1px solid #f1ebeb;transition:.3s;position:relative;display:flex;flex-direction:column}
.product-card-sm:hover{box-shadow:0 8px 30px rgba(0,0,0,.08)}
.product-card-sm .card-img{height:200px;display:flex;align-items:center;justify-content:center;background:#f0f1f5;overflow:hidden;position:relative}
.product-card-sm .card-img img{max-width:100%;max-height:180px;width:auto;height:auto;object-fit:contain;transition:transform .4s;mix-blend-mode:multiply}
.product-card-sm:hover .card-img img{transform:scale(1.05)}
.product-card-sm .badge-sm{position:absolute;top:8px;left:8px;font-size:10px;padding:3px 8px;border-radius:3px;font-family:'Circe Bold',sans-serif;text-transform:uppercase;letter-spacing:.5px}
.badge-sale{background:#cf0606;color:#fff}
.badge-hit{background:#f3cb07;color:#fff}
.badge-new{background:#51AA38;color:#fff}
.product-card-sm .card-body{padding:14px;flex:1;display:flex;flex-direction:column}
.product-card-sm .card-name{font-size:13px;font-family:'Circe Bold',sans-serif;color:#363f4d;margin-bottom:6px;line-height:1.4}
.product-card-sm .card-name a{color:#363f4d}
.product-card-sm .card-name a:hover{color:#f3cb07}
.product-card-sm .card-stars{color:#f3cb07;font-size:12px;margin-bottom:6px}
.product-card-sm .card-stars span{color:#8f7a7a;font-size:11px;font-family:'Circe',sans-serif}
.product-card-sm .card-price{font-size:20px;font-family:'Rubik',sans-serif;font-weight:500;color:#363f4d}
.product-card-sm .card-price-old{font-size:14px;color:#8f7a7a;text-decoration:line-through;margin-left:8px;font-family:'Circe',sans-serif}
.product-card-sm .card-percent{color:#cf0606;font-size:11px;font-weight:bold;border:1px solid #cf0606;padding:1px 5px;border-radius:2px;margin-left:6px}
.product-card-sm .card-btn{display:block;width:100%;margin-top:auto;background:#efc00c;color:#000;padding:10px;text-align:center;font-family:'Circe Bold',sans-serif;font-size:10px;text-transform:uppercase;letter-spacing:1.2px;border:none;cursor:pointer;transition:.3s}
.product-card-sm .card-btn:hover{background:#d4a800;color:#000}
.radio-pills{display:flex;flex-wrap:wrap;gap:6px}
.radio-pill{padding:7px 14px;border:1px solid #e5dbdb;font-size:12px;font-family:'Circe Bold',sans-serif;cursor:pointer;transition:.2s;color:#8f7a7a;background:#fff}
.radio-pill:hover,.radio-pill.active{border-color:#f3cb07;color:#363f4d;background:#fffdf0}

/* ===== SALE BANNER ===== */
.sale-banner{background:#363f4d;border-radius:0;padding:25px 35px;margin:30px 0;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:15px}
.sale-banner h3{color:#fff;font-size:18px;font-family:'Circe Bold',sans-serif;margin:0 0 4px}
.sale-banner p{color:rgba(255,255,255,.6);font-size:13px;margin:0}
.timer{display:flex;gap:8px}
.timer-block{text-align:center;background:rgba(255,255,255,.1);padding:10px 14px;min-width:56px}
.timer-block strong{display:block;font-size:24px;font-family:'Rubik',sans-serif;font-weight:500;color:#f3cb07}
.timer-block span{font-size:9px;color:rgba(255,255,255,.5);text-transform:uppercase;letter-spacing:1px;font-family:'Circe Bold',sans-serif}

/* ===== CALCULATOR ===== */
.calc-section{background:#f0f1f5;padding:50px 0}
.calc-wrapper{display:flex;gap:40px;align-items:stretch}
.calc-left{flex:1;display:flex;flex-direction:column;justify-content:center}
.calc-left h2{font-size:28px;color:#363f4d;font-family:'Circe Bold',sans-serif;margin-bottom:14px;line-height:1.2}
.calc-left p{color:#8f7a7a;font-size:14px;margin-bottom:20px;line-height:1.7}
.calc-features{list-style:none;padding:0;margin:0}
.calc-features li{display:flex;align-items:center;gap:10px;margin-bottom:10px;font-size:13px;color:#363f4d}
.calc-features li .chk{width:22px;height:22px;background:#f3cb07;color:#fff;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:11px;flex-shrink:0}
.calc-form{flex:1;background:#fff;padding:30px;border:1px solid #f1ebeb}
.calc-form h3{font-size:18px;font-family:'Circe Bold',sans-serif;text-align:center;margin-bottom:20px;color:#363f4d}
.calc-form .form-group{margin-bottom:14px}
.calc-form label{display:block;font-size:11px;font-family:'Circe Bold',sans-serif;text-transform:uppercase;letter-spacing:1px;color:#8f7a7a;margin-bottom:6px}
.calc-form select,.calc-form input[type=text],.calc-form input[type=tel],.calc-form input[type=number]{width:100%;padding:10px 14px;border:1px solid #e5dbdb;font-size:14px;color:#363f4d;font-family:'Circe',sans-serif;background:#fff;transition:border .2s}
.calc-form select:focus,.calc-form input:focus{border-color:#f3cb07;outline:none}
/* number stepper: replace the detached native spinner with integrated ↑/↓ buttons */
.num-stepper{position:relative}
.num-stepper input[type=number]{padding-right:42px;-moz-appearance:textfield;appearance:textfield}
.num-stepper input[type=number]::-webkit-outer-spin-button,
.num-stepper input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.num-stepper .num-btn{position:absolute;right:1px;width:32px;height:calc(50% - 1px);margin:0;padding:0;border:none;border-left:1px solid #e5dbdb;background:#faf8f4;color:#8f7a7a;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}
.num-stepper .num-btn:hover{background:#f3cb07;color:#fff}
.num-stepper .num-btn:active{background:#d9b006;color:#fff}
.num-stepper .num-up{top:1px;border-bottom:1px solid #e5dbdb}
.num-stepper .num-down{bottom:1px}
.num-stepper .num-btn::before{content:"";display:block;width:7px;height:7px;border-right:2px solid currentColor;border-top:2px solid currentColor}
.num-stepper .num-up::before{transform:translateY(2px) rotate(-45deg)}
.num-stepper .num-down::before{transform:translateY(-2px) rotate(135deg)}
.calc-submit{width:100%;padding:14px;background:#f3cb07;color:#fff;border:none;font-family:'Circe Bold',sans-serif;font-size:13px;text-transform:uppercase;letter-spacing:1.2px;cursor:pointer;transition:.3s;margin-top:4px}
.calc-submit:hover{background:#d4ab00}

/* ===== PORTFOLIO ===== */
.portfolio-grid{display:flex;flex-wrap:wrap;gap:12px}
.portfolio-card{width:calc(33.333% - 8px);position:relative;overflow:hidden;height:240px;cursor:pointer}
.portfolio-card img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.portfolio-card:hover img{transform:scale(1.06)}
.portfolio-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(54,63,77,.9) 0%,transparent 60%);display:flex;flex-direction:column;justify-content:flex-end;padding:20px;opacity:0;transition:opacity .3s}
.portfolio-card:hover .portfolio-overlay{opacity:1}
.portfolio-overlay h4{color:#fff;font-size:15px;font-family:'Circe Bold',sans-serif;margin:0 0 6px}
.portfolio-meta{display:flex;gap:14px;font-size:11px;color:rgba(255,255,255,.7)}
.clients-section{border-top:1px solid #f1ebeb;margin-top:25px;padding:20px 0 10px;text-align:center}
.clients-section .label-cl{font-size:11px;color:#8f7a7a;font-family:'Circe Bold',sans-serif;text-transform:uppercase;letter-spacing:1px;display:block;margin-bottom:14px}
.clients-marquee{overflow:hidden;position:relative;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.clients-track{display:flex;gap:12px;width:max-content;animation:marquee 30s linear infinite}
.clients-track:hover{animation-play-state:paused}
.client-name{padding:6px 18px;border:1px solid #e5dbdb;font-size:12px;font-family:'Circe Bold',sans-serif;color:#8f7a7a;transition:.3s;white-space:nowrap;flex-shrink:0}
.client-name:hover{border-color:#f3cb07;color:#363f4d}
@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* ===== REVIEWS ===== */
.reviews-grid{display:flex;gap:16px}
.review-card{flex:1;border:1px solid #f1ebeb;padding:22px;transition:.3s}
.review-card:hover{border-color:#f3cb07}
.review-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.review-avatar{width:40px;height:40px;border-radius:50%;background:#bdb1b1;color:#fff;display:flex;align-items:center;justify-content:center;font-family:'Circe Bold',sans-serif;font-size:14px;flex-shrink:0}
.review-name{font-family:'Circe Bold',sans-serif;font-size:13px;color:#363f4d}
.review-place{font-size:11px;color:#8f7a7a}
.review-stars{color:#f3cb07;font-size:13px;margin-bottom:10px;letter-spacing:2px}
.review-text{font-size:13px;color:#8f7a7a;line-height:1.7}
.review-card.video-card{background:#363f4d;border-color:#363f4d;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer}
.video-play{width:50px;height:50px;border-radius:50%;background:#f3cb07;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;margin-bottom:12px;transition:transform .3s}
.review-card.video-card:hover .video-play{transform:scale(1.15)}
.review-card.video-card h4{color:#fff;font-family:'Circe Bold',sans-serif;font-size:14px;margin:0 0 4px}
.review-card.video-card p{color:rgba(255,255,255,.5);font-size:12px;margin:0}
.rating-badges{display:flex;gap:14px}
.rating-badge{display:flex;align-items:center;gap:6px;background:#f0f1f5;padding:6px 14px;font-size:12px;font-family:'Circe Bold',sans-serif}
.rating-badge .fa{color:#f3cb07}

/* ===== GUARANTEES ===== */
.guarantees-grid{display:flex;gap:12px}
.guarantee-card{flex:1;text-align:center;padding:25px 15px;border:1px solid #f1ebeb;transition:.3s}
.guarantee-card:hover{border-color:#f3cb07;box-shadow:0 8px 25px rgba(0,0,0,.05)}
.guarantee-icon{font-size:28px;color:#f3cb07;margin-bottom:10px}
.guarantee-card h4{font-size:12px;font-family:'Circe Bold',sans-serif;text-transform:uppercase;letter-spacing:1px;color:#363f4d;margin:0 0 6px}
.guarantee-card p{font-size:12px;color:#8f7a7a;margin:0;line-height:1.5}

/* ===== BLOG ===== */
.blog-grid{display:flex;gap:16px}
.blog-card{flex:1;border:1px solid #f1ebeb;overflow:hidden;transition:.3s;color:inherit}
.blog-card:hover{box-shadow:0 8px 25px rgba(0,0,0,.06);text-decoration:none;color:inherit}
.blog-card-img{height:180px;overflow:hidden}
.blog-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.blog-card:hover .blog-card-img img{transform:scale(1.05)}
.blog-card-body{padding:18px}
.blog-card-tag{font-size:10px;font-family:'Circe Bold',sans-serif;text-transform:uppercase;letter-spacing:1.2px;color:#f3cb07;margin-bottom:8px}
.blog-card-body h4{font-size:14px;font-family:'Circe Bold',sans-serif;color:#363f4d;margin:0 0 8px;line-height:1.4}
.blog-card-body p{font-size:12px;color:#8f7a7a;line-height:1.6;margin:0}

/* ===== FAQ ===== */
.faq-list{max-width:750px;margin:0 auto}
.faq-item{border:1px solid #f1ebeb;margin-bottom:8px;transition:.2s}
.faq-item:hover{border-color:#e5dbdb}
.faq-q{padding:16px 20px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-family:'Circe Bold',sans-serif;font-size:14px;color:#363f4d}
.faq-toggle{width:28px;height:28px;border-radius:50%;background:#f0f1f5;color:#8f7a7a;transition:.3s;flex-shrink:0;position:relative;font-size:0}
.faq-toggle::before,.faq-toggle::after{content:"";position:absolute;top:50%;left:50%;background:currentColor;border-radius:1px}
.faq-toggle::before{width:12px;height:2px;transform:translate(-50%,-50%)}
.faq-toggle::after{width:2px;height:12px;transform:translate(-50%,-50%)}
.faq-item.open .faq-toggle{background:#f3cb07;color:#fff;transform:rotate(45deg)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease}
.faq-item.open .faq-a{max-height:300px}
.faq-a-inner{padding:0 20px 16px;font-size:13px;color:#8f7a7a;line-height:1.7}

/* ===== SEO TEXT ===== */
.seo-section{padding:45px 0}
.seo-block{display:flex;gap:35px;align-items:flex-start}
.seo-text{flex:1}
.seo-text h2{font-size:22px;font-family:'Circe Bold',sans-serif;color:#363f4d;margin-bottom:14px;line-height:1.3}
.seo-text h3{font-size:16px;font-family:'Circe Bold',sans-serif;color:#363f4d;margin:20px 0 10px;line-height:1.3}
.seo-text p{font-size:14px;color:#8f7a7a;line-height:1.8;margin-bottom:12px}
.seo-text ul{padding-left:20px;margin-bottom:14px}
.seo-text ul li{font-size:14px;color:#8f7a7a;line-height:1.8;margin-bottom:4px}
.seo-text ul li strong{color:#363f4d}
.seo-text a{color:#f3cb07}
.seo-text a:hover{color:#d4ab00}
.seo-sidebar{flex:0 0 300px;position:sticky;top:100px}
.seo-sidebar-card{background:#f0f1f5;padding:24px;margin-bottom:16px}
.seo-sidebar-card h4{font-size:13px;font-family:'Circe Bold',sans-serif;text-transform:uppercase;letter-spacing:1px;color:#363f4d;margin-bottom:12px}
.seo-sidebar-card ul{list-style:none;padding:0;margin:0}
.seo-sidebar-card ul li{margin-bottom:8px}
.seo-sidebar-card ul li a{font-size:13px;color:#8f7a7a;display:flex;align-items:center;gap:6px}
.seo-sidebar-card ul li a:hover{color:#f3cb07}
.seo-sidebar-card ul li a .fa{color:#f3cb07;font-size:10px}
.seo-img{border-radius:4px;margin:16px 0;width:100%}

/* ===== CTA SECTION ===== */
.cta-section{background:#363f4d;padding:50px 0;overflow:hidden}
.cta-wrapper{display:flex;gap:40px;align-items:center;flex-wrap:wrap}
.cta-left{flex:1;min-width:280px;color:#fff}
.cta-left h2{font-size:28px;font-family:'Circe Bold',sans-serif;margin-bottom:12px;line-height:1.2}
.cta-left p{color:rgba(255,255,255,.6);font-size:14px;margin-bottom:22px;line-height:1.7}
.cta-promises{display:flex;gap:20px;flex-wrap:wrap}
.cta-promise{display:flex;align-items:center;gap:6px;font-size:12px;color:rgba(255,255,255,.7)}
.cta-promise .fa{color:#f3cb07}
.cta-form-block{flex:0 0 380px;max-width:100%;background:#fff;padding:30px;box-sizing:border-box}
.cta-form-block h3{font-size:18px;font-family:'Circe Bold',sans-serif;text-align:center;margin-bottom:4px;color:#363f4d}
.cta-form-block .sub{text-align:center;font-size:12px;color:#8f7a7a;margin-bottom:20px}
.cta-form-block input{width:100%;padding:10px 14px;border:1px solid #e5dbdb;margin-bottom:10px;font-size:14px;font-family:'Circe',sans-serif;color:#363f4d}
.cta-form-block input:focus{border-color:#f3cb07;outline:none}
.cta-form-block .submit-btn{width:100%;padding:14px;background:#f3cb07;color:#fff;border:none;font-family:'Circe Bold',sans-serif;font-size:13px;text-transform:uppercase;letter-spacing:1.2px;cursor:pointer;transition:.3s}
.cta-form-block .submit-btn:hover{background:#d4ab00}
.cta-form-block .privacy{text-align:center;font-size:10px;color:#8f7a7a;margin-top:10px}
.cta-form-block .privacy a{color:#f3cb07}

/* ===== RESPONSIVE ===== */
/* ===== RESPONSIVE ===== */
@media(max-width:992px){
 .hero-slide{flex-direction:column-reverse!important;min-height:auto!important;padding:0}
 .hero-slide-text,.hero-slide-img{width:100%!important}
 /* White background on text block so it's visually separated from the gray image area */
 .hero-slide-text{padding:20px;text-align:center;align-items:center;background:#fff}
 .hero-slide-text h2{font-size:26px}
 /* overflow:hidden clips the product image to the gray box — without it the image
    (max-height:380px in base rule) overflows 250px container onto the white text block */
 .hero-slide-img{height:250px;overflow:hidden}
 .hero-slide-img img{max-height:100%}
 .hero-slide-text .hero-btns{justify-content:center}
 .products-grid .product-card-sm{width:calc(50% - 8px)!important}
 .calc-wrapper{flex-direction:column}
 .cta-wrapper{flex-direction:column!important;align-items:stretch!important}
 .cta-left{min-width:0}
 .cta-form-block{flex:none!important;width:100%!important;max-width:100%!important}
 .portfolio-card{width:calc(50% - 8px)!important}
 .reviews-grid,.blog-grid{flex-direction:column}
 .guarantees-grid{flex-wrap:wrap}
 .guarantee-card{width:calc(50% - 8px)!important;flex:none}
 .tohuchwu-catalog-section-cont li{width:calc(50% - 8px)!important}
 .seo-block{flex-direction:column}
 .seo-sidebar{flex:none;width:100%;position:static}
 .counters-strip .row{display:flex;flex-wrap:wrap}
 .counters-strip .col-sm-3{width:50%}
 /* hero and counters wrap: needs edge padding on mobile/tablet but not on desktop */
 html .hero-slider-cont>.wrap,
 html .counters-strip>.wrap{padding-left:15px!important;padding-right:15px!important;box-sizing:border-box}
}
/* Padding for .wrap inside page sections.
   style.min.css has .section-pad>.wrap{padding:0!important} at specificity (0,2,0).
   Adding `html` raises our specificity to (0,2,1) and wins even when both use !important.
   NOTE: hero-slider-cont and counters-strip are full-bleed on desktop — their wrap padding
   is only applied at ≤992px (see responsive block below). */
html .calc-section>.wrap,
html .cta-section>.wrap,
html .section-pad>.wrap,
html .section-pad.bg-light>.wrap,
html .seo-section>.wrap{padding-left:15px!important;padding-right:15px!important;box-sizing:border-box}

@media(max-width:640px){
 .products-grid .product-card-sm{width:100%!important}
 .portfolio-card{width:100%!important}
 .guarantee-card{width:100%!important}
 .tohuchwu-catalog-section-cont li{width:100%!important}
 .sale-banner{flex-direction:column;text-align:center}
 .counter-item strong{font-size:22px}
 .hero-slide-img{height:200px}
 .hero-slide-text h2{font-size:22px}
 .hero-slide-text .hero-price .price-new{font-size:26px}
 .section-title{font-size:22px}
 .cta-left h2{font-size:22px}
 .calc-left h2{font-size:22px}
 .clients-row{gap:12px}
 .client-name{padding:4px 12px;font-size:11px}
 .cta-form-block{padding:20px}
 .calc-form{padding:20px}
 /* radio pills → 2-column grid so pills stay away from right widget edge */
 .calc-form .radio-pills{display:grid;grid-template-columns:1fr 1fr;gap:8px}
 /* hide floating contact widgets on mobile — home page only (home.css loads only on /) */
 /* higher specificity overrides style.min.css even though it loads last */
 html body .sticky-container-toch{display:none!important}
 html body .roistat-lh-pulsator-phone{display:none!important}
 /* LiveHint callback button (#lb_button-wrapper): id selector = specificity (1,0,0) */
 #lb_button-wrapper{display:none!important}
}