/* ============================================================
   responsive.css — Breakpoints
   ============================================================ */
@media (max-width:1080px){
  .story-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:1023px){
  .sidebar{transform:translateX(-100%);transition:transform .4s var(--ease);box-shadow:var(--shadow-lg)}
  .sidebar.is-open{transform:none}
  .sidebar-backdrop.is-open{opacity:1;visibility:visible}
  .main{margin-left:0}
  .topbar{display:flex}
  .auth{grid-template-columns:1fr}
  .auth-brand{display:none}
  .lib-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:768px){
  .video-grid{grid-template-columns:1fr}
  .lib-grid{grid-template-columns:1fr}
  .story-grid{grid-template-columns:1fr}
  .hero{height:clamp(400px,70vh,560px)}
  .hero-veil{background:linear-gradient(0deg,rgba(8,30,19,.78),rgba(8,30,19,.22) 70%),linear-gradient(0deg,rgba(8,30,19,.5),transparent 55%)}
  .hero-meta .hero-dots{display:none}
  .fb-layer{padding:12px}
  .section-head h2{font-size:clamp(24px,5vw,36px)}
  .section-head p{font-size:14px;line-height:1.6}
  .container{padding:0 clamp(16px,4vw,32px)}
  /* Product Detail Mobile */
  .shop-details-wrapper{grid-template-columns:1fr}
  .shop-gallery{position:static}
  .shop-thumbnails{gap:8px}
  .shop-thumb{width:64px;height:64px}
  .product-title{font-size:clamp(22px,5vw,30px)}
  .specs-grid{grid-template-columns:1fr}
  .related-grid{grid-template-columns:repeat(2,1fr);gap:12px}
  .prod-cta-inner{flex-direction:column;text-align:center}
  .prod-cta-actions{justify-content:center}
}
@media (max-width:480px){
  .container{padding:0 16px}
  .section{padding:clamp(28px,5vw,44px) 0}
  .section-head{margin-bottom:clamp(20px,4vw,32px)}
  .section-head h2{font-size:clamp(22px,6vw,32px)}
  .section-head p{font-size:13px;line-height:1.55}
  .topbar{padding:10px 14px}
  .topbar-title{font-size:14px}
  .icon-btn{width:38px;height:38px;border-radius:10px}
  .icon-btn svg{width:18px;height:18px}
  /* Product Detail Small Mobile */
  .breadcrumb-section{padding:clamp(40px,8vw,70px) 0}
  .breadcrumb-title{font-size:clamp(24px,7vw,36px)}
  .shop-details{padding:clamp(28px,5vw,48px) 0}
  .shop-main-img{border-radius:14px}
  .shop-thumb{width:56px;height:56px;border-radius:8px}
  .meta-row{flex-direction:column;align-items:flex-start;gap:4px}
  .meta-label{min-width:auto}
  .tab-nav{gap:0}
  .tab-btn{padding:12px 16px;font-size:13px}
  .tab-content{font-size:13.5px}
  .specs-grid{gap:1px}
  .spec-item{padding:12px 16px}
  .related-grid{grid-template-columns:1fr}
}
@media (min-width:1024px){
  .sidebar-backdrop{display:none}
}