/* Responsive */
@media (max-width: 1100px){
  .product-grid{grid-template-columns:repeat(3,1fr)}
  .benefits .cards-grid{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:1.4fr 1fr 1fr}
  .dash-side{position:fixed;transform:translateX(-100%);transition:transform .3s;z-index:50}
  .dash-side.open{transform:translateX(0)}
  .dash{grid-template-columns:1fr}
  .stats-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 900px){
  section{padding:64px 0}
  .nav-links{position:fixed;top:72px;left:0;right:0;background:#fff;flex-direction:column;padding:20px;gap:0;border-top:1px solid var(--border);transform:translateY(-120%);transition:transform .3s;box-shadow:var(--shadow)}
  .nav-links.open{transform:translateY(0)}
  .nav-links li{border-bottom:1px solid var(--border)}
  .nav-links a{display:block;padding:14px 0}
  .menu-toggle{display:grid}
  .hero{padding:130px 0 70px}
  .hero-grid,.about-intro,.event-card,.newsletter-grid,.pd-grid,.auth-wrap,.cart-grid,.payment-layout{grid-template-columns:1fr;gap:40px}
  .cards-grid,.product-grid,.video-grid,.benefits .cards-grid{grid-template-columns:repeat(2,1fr)}
  .timeline::before{left:30px}
  .tl-item{grid-template-columns:60px 1fr;text-align:left!important}
  .tl-year{width:60px;height:60px;font-size:.9rem;justify-self:start}
  .tl-item:nth-child(odd) .tl-content,.tl-item:nth-child(even) .tl-content{grid-column:2;text-align:left}
  .auth-side{min-height:auto;padding:50px 30px}
  .auth-form-wrap{padding:40px 24px}
  .footer-grid{grid-template-columns:1fr 1fr}
  .newsletter-wrap{padding:40px 24px}
  .event-info{padding:36px 28px}
  .cart-row{grid-template-columns:70px 1fr;gap:14px}
  .cart-row .qty,.cart-row .row-total,.cart-row .remove{grid-column:2}
}
@media (max-width: 560px){
  h1{font-size:2rem}
  .cards-grid,.product-grid,.video-grid,.benefits .cards-grid,.newsletter-form,.form-row,.stats-grid,.paymentCon ul{grid-template-columns:1fr}
  .hero-stats{flex-wrap:wrap;gap:20px}
  .footer-grid{grid-template-columns:1fr}
  .invoice{padding:30px 20px}
  .pd-gallery{grid-template-columns:80px 1fr}
  .pd-thumbs{flex-direction:row;overflow-x:auto;padding-bottom:4px}
}