/* ===== HEADER: progressive collapse ===== */
/* Step 1: hide social icons + logo text first */
@media(max-width:1220px){
  .social-icons{display:none}
  .logo-ru{display:none}
}
/* Step 2: tighten nav + shrink phone */
@media(max-width:1120px){
  .nav{gap:20px}
  .nav a{font-size:0.75rem;letter-spacing:0.05em}
  .header-cta{padding:8px 16px;font-size:0.7rem}
}
/* Step 3: switch to burger — restore logo text since nav is gone */
@media(max-width:1024px){
  .nav{display:none}
  .burger{display:flex}
  .header-cta{display:none}
  .logo-ru{display:block}
}

/* ===== TABLET (max 1024px) ===== */
@media(max-width:1024px){
  .hero-inner{grid-template-columns:1fr;text-align:center}
  .hero-subtitle{margin:0 auto 36px}
  .hero-cta-group{justify-content:center}
  /* Keep hero-visual visible, stacked below content */
  .hero-visual{margin:0 auto}
  .service-hero-v2 .hero-img-wrapper{aspect-ratio:4/3;max-width:100%}
  .service-hero-v2 .hero-float-card{left:auto;right:-10px;bottom:30px}
  .services-grid{grid-template-columns:repeat(2,1fr)}
  .service-card.wide{grid-column:span 2}
  .safety-grid{grid-template-columns:repeat(2,1fr)}
  .map-inner{grid-template-columns:1fr}
  .footer-top{grid-template-columns:1fr 1fr}

  /* Service page */
  .service-hero-inner{grid-template-columns:1fr;text-align:center}
  .service-hero-image{max-width:400px;margin:0 auto}
  .service-hero-content{order:1}
  .service-hero-image{order:2}
  .service-includes-grid{grid-template-columns:1fr}
  .child-services-grid{grid-template-columns:1fr}
  .child-services-grid .related-card{flex-direction:row}
  .child-services-grid .related-card-img{min-width:150px;max-width:150px}
  .technique-grid{grid-template-columns:1fr 1fr}
  .additional-grid{grid-template-columns:repeat(2,1fr)}

  /* Promos — horizontal scroll on mobile */
  .promos-grid{
    display:flex;overflow-x:auto;scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;gap:16px;padding:0 20px;
    scrollbar-width:none;
  }
  .promos-grid::-webkit-scrollbar{display:none}
  .promo-card{min-width:280px;max-width:300px;flex-shrink:0;scroll-snap-align:start;min-height:260px;padding:30px 24px}

  /* Advantages */
  .adv-card{min-width:270px;max-width:270px}
  .adv-carousel{padding-left:20px}
  /* Before/After */
  .ba-slider{min-width:300px;max-width:300px}
}

/* ===== MOBILE (max 768px) ===== */
@media(max-width:768px){
  .section{padding:60px 20px}
  .section-header{margin-bottom:28px}
  .header-inner{padding:12px 20px}
  .logo-img{height:28px}
  /* Price tabs: horizontal scroll instead of wrapping */
  .home-results-tabs{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;padding:0 20px;gap:8px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .home-results-tabs::-webkit-scrollbar{display:none}
  .home-results-tab{white-space:nowrap;flex-shrink:0;font-size:0.78rem;padding:7px 16px}
  .hero{padding:80px 20px 60px}
  .promos-grid{grid-template-columns:1fr}
  .review-card{min-width:85%;max-width:85%}
  .works-grid{grid-template-columns:1fr;grid-template-rows:auto}
  .work-item.tall{grid-row:span 1}
  .work-item{min-height:220px}
  .interior-item{min-width:300px;max-width:300px}
  .interior-track{padding:0 20px}
  .results-item{min-width:280px;max-width:280px}
  .service-results .results-track{padding:0 20px}
  .services-grid{grid-template-columns:1fr 1fr}
  .service-card.wide{grid-column:span 2}
  .safety-grid{grid-template-columns:1fr}
  .footer-top{grid-template-columns:1fr}
  .footer-bottom{flex-direction:column;gap:16px;text-align:center}

  /* Price table: card layout on mobile */
  .price-col-headers{display:none}
  .price-item{
    grid-template-columns:1fr;gap:8px;
    padding:16px 0;
  }
  .price-item-name{font-size:0.9rem;margin-bottom:4px}
  .price-item-cost{text-align:left;font-size:0.85rem;display:flex;justify-content:space-between;align-items:center}
  .price-item-cost::before{content:attr(data-label);font-size:0.72rem;font-weight:500;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-light)}
  .price-item-cost.single{grid-column:auto;text-align:left;display:block}
  .price-item-cost.single::before{display:none}

  /* Service page */
  .service-hero-v2{padding:70px 20px 0}
  .service-hero-v2 .hero-inner{grid-template-columns:1fr;text-align:center;gap:20px}
  .service-hero-v2 .hero-content{order:1}
  .service-hero-v2 .hero-visual{display:none}
  .hero-video-preview{
    display:block !important;
    width:100%;aspect-ratio:16/9;border-radius:16px;overflow:hidden;
    margin:16px 0 20px;position:relative;cursor:pointer;
  }
  .hero-video-preview video{
    width:100%;height:100%;object-fit:cover;display:block;
  }
  .hero-video-preview .play-btn-mini{
    position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
    width:48px;height:48px;border-radius:50%;
    background:rgba(122,43,56,0.85);border:none;cursor:pointer;
    display:flex;align-items:center;justify-content:center;
    z-index:2;
  }
  .hero-video-preview .play-btn-mini::after{
    content:'';display:block;width:0;height:0;
    border-style:solid;border-width:8px 0 8px 14px;
    border-color:transparent transparent transparent #fff;margin-left:2px;
  }
  .service-hero-v2 .hero-cta-group{justify-content:center}
  .service-hero-v2 .marquee{margin-left:-20px;margin-right:-20px}
  .service-hero-v2 h1{font-size:1.8rem;margin-bottom:12px}
  .service-hero-v2 .hero-subtitle{margin:0 auto 20px;max-width:100%;font-size:0.9rem;font-weight:300;color:var(--text-light)}
  .service-hero-v2 .hero-cta-card{flex-direction:row;gap:16px;align-items:center;padding:0;border-radius:0;background:none;box-shadow:none}
  .service-hero-v2 .hero-badge{font-size:0.7rem}
  .breadcrumbs{padding:0 0 12px;font-size:0.75rem;text-align:center}
  .service-content{padding:40px 20px}
  .service-content-inner{max-width:100%}
  .service-includes{padding:40px 20px}
  .service-includes-grid{grid-template-columns:1fr !important;gap:20px}
  .service-includes-card{padding:24px 20px}
  .child-services-grid{grid-template-columns:1fr}
  .child-services-grid .related-card{flex-direction:row}
  .child-services-grid .related-card-img{min-width:120px;max-width:120px}
  .technique-grid{grid-template-columns:1fr}
  .additional-grid{grid-template-columns:1fr}
  .child-services{padding:40px 20px}
  .related-grid{grid-template-columns:1fr}
  .service-faq{padding:40px 20px}
  .service-results-content ul{grid-template-columns:1fr;gap:4px}
  /* Before/After */
  .ba-slider{min-width:280px;max-width:280px}
  .before-after-track{padding:0 20px}
  .service-before-after{padding:40px 20px}

  /* Map */
  .map-inner{grid-template-columns:1fr}
  .map-frame{aspect-ratio:4/3}
}

/* ===== SMALL MOBILE (max 480px) ===== */
@media(max-width:480px){
  .service-hero-v2 h1{font-size:1.5rem}
}

/* ===== NARROW MOBILE: vertical service cards + anchor tabs (max 500px) ===== */
@media(max-width:500px){
  .child-services-grid .related-card{flex-direction:column}
  .child-services-grid .related-card-img{min-width:100%;max-width:100%;aspect-ratio:3/4}
  .child-services-nav{display:flex}
}

/* ===== Complianz cookie banner: compact ===== */
.cmplz-cookiebanner .cmplz-close{display:none !important}
.cmplz-cookiebanner .cmplz-header{display:none !important}
.cmplz-cookiebanner .cmplz-divider{display:none !important}
.cmplz-cookiebanner .cmplz-categories{display:none !important}
.cmplz-cookiebanner .cmplz-links{display:none !important}
.cmplz-cookiebanner .cmplz-documents{display:none !important}
.cmplz-cookiebanner .cmplz-body{padding:16px 20px 0 !important}
.cmplz-cookiebanner .cmplz-message{font-size:0.85rem !important;line-height:1.4 !important;margin:0 !important;padding:0 !important}
.cmplz-cookiebanner .cmplz-buttons{gap:8px !important;margin:0 !important;padding:12px 20px 16px !important}