/* ═══════════════════════════════════════════════════════════════════════════
   TABLET STYLES  (loaded via <link media="(max-width: 1024px)">)
   Original breakpoint was 1000px — kept for backward compatibility.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ─── Hamburger menu (shown on tablet + phone) ─── */
html, body{overflow-x: hidden;}
.nav-burger{display: flex;}
.main-nav{
  position: fixed;
  top: 0; right: 0;
  width: 86%;
  max-width: 380px;
  height: 100vh;
  background: #fff;
  box-shadow: -20px 0 60px -20px rgba(0,0,0,.2);
  padding: 96px 32px 32px;
  transform: translateX(100%);
  transition: transform .35s cubic-bezier(.4,0,.2,1);
  overflow-y: auto;
  z-index: 100;
}
.main-nav.is-open{transform: translateX(0);}
.main-nav ul{
  flex-direction: column !important;
  gap: 4px !important;
  align-items: stretch !important;
}
.main-nav > ul > li{display: block !important;}
.main-nav > ul > li > a{
  display: flex; align-items: center;
  padding: 14px 4px;
  border-bottom: 1px solid var(--line);
  font-size: 16px !important;
  font-weight: 500;
}
.main-nav > ul > li > a.active::after{display: none;}
.main-nav > ul > li > a.active{color: var(--green-dark); border-bottom-color: var(--green);}
.main-nav .dd-trigger .caret{transform: rotate(0deg) !important; opacity: 1 !important;}
.main-nav .dropdown{
  position: static !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: none !important;
  background: var(--bg-tint);
  border: none !important;
  padding: 6px;
  margin: 4px 0 12px;
  border-radius: 12px;
}
.main-nav .dropdown li a{padding: 10px 12px;}

.acc-item.open .acc-body{max-height: 1200px;}

/* ─── next block ─── */

.policy-grid{grid-template-columns: 1fr; gap: 30px;}
    .policy-toc{position: static;}
    .policy-page{padding: 50px 0 70px;}

/* ─── next block ─── */

.hero-content{grid-template-columns: 1fr; padding: 50px 32px 36px;}
    .hero-side{align-items:flex-start; flex-direction:row;}
    .strip{grid-template-columns: 1fr 1fr;}
    .leading-grid, .testi-grid, .faq-grid, .stations-grid, .contact-card{grid-template-columns: 1fr; gap: 36px;}
    .why-grid{grid-template-columns: 1fr 1fr; gap: 30px;}
    .why-grid > .why-center{grid-column: 1 / -1; order: 1; margin: 20px auto;}
    .price-grid, .news-grid{grid-template-columns: 1fr;}
    .price-card.featured{transform:none;}
    .steps{grid-template-columns: 1fr 1fr;}
    .stats{grid-template-columns: 1fr;}
    .solutions, .pricing, .stations, .contact-card{padding: 40px 26px;}
    .foot-top{grid-template-columns: 1fr 1fr;}
    .foot-contact{grid-template-columns: 1fr;}
    .acc-item.open .acc-body{grid-template-columns: 1fr;}

/* ─── next block ─── */

.contact-grid{grid-template-columns: 1fr;}
    .hero--compact .hero-content{padding: 56px 32px 48px;}
    .info-box{padding: 32px 26px;}
    .map-box, .map-box iframe{min-height: 380px;}

/* ─── next block ─── */

.hero--compact .hero-content{padding: 56px 32px 48px;}
    .about-meta{grid-template-columns: 1fr 1fr;}
    .history-head, .values-head, .team-head{grid-template-columns: 1fr; gap: 22px;}
    .timeline{grid-template-columns: 1fr 1fr; gap: 30px 20px;}
    .timeline::before{display:none;}
    .values{padding: 50px 28px;}
    .values-grid, .trust-grid{grid-template-columns: 1fr;}
    .team-grid{grid-template-columns: 1fr 1fr;}

/* ─── next block ─── */

.svc-section{padding: 40px 28px 50px;}
    .svc-grid{grid-template-columns: 1fr;}
    .svc-card.is-featured{grid-column: span 1; flex-direction: column; gap: 22px; padding: 30px 28px;}
    .svc-card.is-featured .col-right{border-left: none; padding-left: 0; border-top: 1px solid rgba(255,255,255,.08); padding-top: 22px;}
    .svc-card.span-3, .svc-card.span-2{grid-column: span 1;}

/* ─── next block ─── */

.hero--compact .hero-content{padding: 56px 32px 48px;}
    .seo-grid, .cases-head, .cta-band{grid-template-columns: 1fr; gap: 30px;}
    .case-card, .case-card.is-reverse{grid-template-columns: 1fr;}
    .case-card.is-reverse .visual{order: 0;}
    .cta-band{padding: 40px 28px;}
    .cta-band .actions{justify-content:flex-start;}

/* ─── next block ─── */

.hero--compact .hero-content{padding: 56px 32px 48px; grid-template-columns: 1fr;}
    .seo-intro-grid, .scope-grid, .process-head, .pack-grid, .cta-band{grid-template-columns: 1fr; gap: 30px;}
    .stat-card{position: static;}
    .process-section{padding: 50px 28px;}
    .process-grid{grid-template-columns: 1fr 1fr; gap: 30px 20px;}
    .process-grid::before{display:none;}
    .case-block{grid-template-columns: 1fr;}
    .case-block .content{padding: 32px 28px;}
    .cta-band{padding: 40px 28px;}
    .cta-band .actions{justify-content:flex-start;}