/* ===== RESPONSIVE CSS ===== */

/* === HEADER LOGO RESPONSIVE === */
.logo-text{transition:opacity var(--transition-fast)}

/* === TABLET+ === */
@media(max-width:1024px){
  .hero-slide-inner{grid-template-columns:1fr;text-align:center}
  .hero-slide-content{max-width:100%}
  .hero-slide-desc{margin:0 auto var(--space-2xl)}
  .hero-slide-actions{justify-content:center}
  .categories-grid{grid-template-columns:repeat(2,1fr)}
  .steps-grid{grid-template-columns:repeat(2,1fr)}
  .trust-grid{grid-template-columns:repeat(2,1fr)}
  .product-detail-grid{grid-template-columns:1fr}
  .product-gallery{position:static}
  .footer-grid{grid-template-columns:1fr 1fr}
  .reviews-grid{grid-template-columns:repeat(2,1fr)}
  .about-values{grid-template-columns:repeat(2,1fr)}
  .contact-grid{grid-template-columns:1fr}
  .insta-grid{grid-template-columns:repeat(2,1fr)}
}

/* === MOBILE === */
@media(max-width:768px){
  :root{--header-height:60px}
  .section{padding:var(--space-2xl) 0}
  .section-sm{padding:40px 0}
  .section-lg{padding:var(--space-3xl) 0}
  .page-hero{min-height:34vh;padding-top:calc(var(--header-height) + 24px)}
  .page-hero .container{padding-bottom:var(--space-xl)}
  .page-hero-breadcrumb{margin-bottom:var(--space-md)}
  .page-hero-chip{margin-bottom:var(--space-sm)}
  .page-hero-title{font-size:clamp(1.7rem,6.5vw,2.4rem);margin-bottom:var(--space-sm);line-height:1.15}
  .page-hero .section-subtitle{font-size:0.95rem;line-height:1.6;max-width:100%}
  .section-title{font-size:clamp(1.7rem,6.5vw,2.1rem);margin-bottom:var(--space-sm)}
  .section-subtitle{font-size:0.95rem;line-height:1.6}

  /* Mobile bottom nav visible */
  .mobile-bottom-nav{display:flex}
  .whatsapp-fab{bottom:calc(var(--space-xl) + 60px)}
  .back-to-top{bottom:calc(var(--space-xl) + 60px)}
  .footer{padding-bottom:calc(var(--space-lg) + 70px)}

  /* Trust bar mobile */
  .trust-bar-inner{
    gap:var(--space-md);
    overflow-x:auto;flex-wrap:nowrap;justify-content:flex-start;
    -webkit-overflow-scrolling:touch;scrollbar-width:none;
  }
  .trust-bar-inner::-webkit-scrollbar{display:none}
  .trust-bar-item{flex-shrink:0;font-size:0.65rem}

  /* Header: show SHIVRAJ MARKETERS text next to logo */
  .header .logo{font-size:1.1rem;gap:8px}
  .header .logo svg{width:26px;height:26px}

  .nav-links{display:none}
  .mobile-menu-btn{display:flex}
  body.product-page .whatsapp-fab{bottom:calc(var(--space-xl) + 30px)}
  .hero-slider{height:100dvh;min-height:560px}
  .hero-slides{display:grid;grid-template-areas:"slides";height:100%;position:relative}
  .hero-slide{
    grid-area:slides;position:relative;height:100%;min-height:100dvh;
    padding:var(--space-2xl) 0;background-position:center top;
    opacity:0;visibility:hidden;
    transition:opacity 0.7s ease,visibility 0.7s ease;
  }
  .hero-slide.active{opacity:1;visibility:visible}
  .hero-slide::after{background:linear-gradient(to right,rgba(20,6,31,0.85) 0%,rgba(20,6,31,0.6) 55%,rgba(20,6,31,0.3) 100%)}
  .hero-slide-inner{padding:var(--space-xl) var(--space-lg);text-align:left;justify-content:flex-start}
  .hero-slide-badge{font-size:0.62rem;padding:5px 12px;margin-bottom:var(--space-md)}
  .hero-slide-title{font-size:clamp(1.6rem,7vw,2.4rem);margin-bottom:var(--space-md);text-align:left}
  .hero-slide-desc{font-size:0.92rem;line-height:1.6;color:rgba(255,255,255,0.85);margin:0 0 var(--space-lg);text-align:left;max-width:92%}
  .hero-slide-actions{flex-direction:column;align-items:flex-start;width:100%;max-width:300px;gap:var(--space-sm)}
  /* Mobile hero video: full-height background, text overlaid */
  .hero-video-slide .hero-video{position:absolute;inset:0;width:100%;height:100%;top:0;bottom:auto;min-height:0}
  .hero-video-slide .hero-slide-inner{text-shadow:0 1px 10px rgba(0,0,0,0.6)}
  .hero-video-slide::after{background:linear-gradient(to bottom,rgba(20,6,31,0.85) 0%,rgba(20,6,31,0.55) 35%,rgba(20,6,31,0.2) 55%,rgba(20,6,31,0.45) 100%)}
  .offer-banner{grid-template-columns:1fr!important;height:auto!important;min-height:0}
  .offer-banner-image{min-height:220px;order:-1}
  .offer-banner-content{padding:1rem}
  .offer-banner-image img{max-width:100%}
  .offer-banner{margin-bottom:0}

  /* CTA section on mobile: reduce gap and shrink buttons */
  .cta-section{padding:var(--space-3xl) 0}
  .cta-section .btn{padding:12px 18px;font-size:0.9rem}
  .cta-section h2{margin-bottom:var(--space-md)}
  .hero-slide-actions .btn{padding:13px 16px;font-size:0.9rem}
  .hero-slider-controls{bottom:16px}
  .hero-trust{flex-direction:column;align-items:center;gap:var(--space-md)}
  .categories-grid{
    display:flex;gap:12px;
    overflow-x:auto;overflow-y:hidden;
    scroll-snap-type:x mandatory;
    padding:4px var(--space-lg) 16px;
    margin:0 calc(-1 * var(--space-lg));
    scroll-padding-left:var(--space-lg);
    scrollbar-width:none;-webkit-overflow-scrolling:touch;
    touch-action:pan-x pan-y;
  }
  .categories-grid::-webkit-scrollbar{display:none}
  .category-card{
    flex:0 0 72%;scroll-snap-align:start;
    position:relative;overflow:hidden;
    aspect-ratio:1095/1437;
    background:var(--color-bg-card);border:1px solid var(--color-border);
    border-radius:var(--radius-md);
  }
  .category-card-bg{
    position:absolute;inset:0;width:100%;height:100%;
    background-size:cover;background-position:center;
    border:none;
  }
  .category-card-bg::after{
    background:linear-gradient(transparent 30%,rgba(0,0,0,0.8));
  }
  .category-card-content{
    position:absolute;bottom:0;left:0;right:0;
    padding:var(--space-lg);
  }
  .category-card-title{font-size:1.55rem;margin-bottom:6px}
  .category-card-desc{margin-bottom:8px;font-size:1rem}
  .category-card-cta{opacity:1;transform:none;color:var(--color-accent);font-size:0.9rem}

  /* Products: 2 columns, min card ~160px */
  .products-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-md)}
  /* Mobile: hide offer badge + card size list (sizes shown on product details page) */
  .fk-badge{display:none}
  .fk-card-sizes{display:none}

  .steps-grid{grid-template-columns:1fr}
  .trust-grid{grid-template-columns:1fr}
  .reviews-grid{grid-template-columns:1fr}
  .insta-grid{grid-template-columns:repeat(2,1fr)}
  .about-values{grid-template-columns:1fr}
  .about-story{grid-template-columns:1fr;gap:var(--space-xl)}
  .about-stats{grid-template-columns:1fr 1fr}
  .footer-grid{grid-template-columns:1fr;gap:var(--space-xl)}
  .footer{padding:var(--space-3xl) 0 var(--space-lg)}
  .footer-bottom{flex-direction:column;gap:var(--space-md);text-align:center}
  .shop-header{flex-wrap:wrap;gap:var(--space-sm)}
  .modal-grid{grid-template-columns:1fr}
  .modal-image{display:none}
  .cart-drawer{width:100%}

  /* Product detail responsive */
  .product-colors-selector{gap:var(--space-xs)}
  .color-option{padding:6px 10px}
  .product-sizes-selector{gap:var(--space-xs)}
  .size-option{width:44px;height:44px;font-size:0.8rem}
  .product-detail-grid{gap:var(--space-lg)}
  .product-gallery-main{aspect-ratio:1/1}
  .product-info-section{padding-top:var(--space-md)}
  .product-title{font-size:1.35rem;margin-bottom:var(--space-sm)}
  .product-price-block .current{font-size:1.8rem}
  .product-gallery-thumbs{gap:var(--space-xs)}
  .product-gallery-thumb{width:60px;height:75px}

  .hero-slide-actions{flex-direction:column;align-items:flex-start}
  .offer-popup{max-width:calc(100vw - 32px);margin:0 auto}
  .pdf-section{padding:var(--space-xl)}

  /* Policy pages: tighter spacing + smaller text on mobile */
  .policy-page{padding-top:calc(var(--header-height) + var(--space-md));padding-bottom:var(--space-xl)}
  .policy-content{margin-top:var(--space-lg)}
  .policy-content h2{font-size:1.15rem;margin:var(--space-lg) 0 var(--space-sm)}
  .policy-content p,.policy-content li{font-size:0.86rem;line-height:1.7}
  .policy-content p{margin-bottom:var(--space-sm)}
  .policy-content .btn{padding:12px 18px;font-size:0.78rem}
  .policy-content .btn-whatsapp svg{width:15px;height:15px}

  /* FK card body smaller */
  .fk-card-body{padding:var(--space-sm)}
  .fk-card-name{font-size:0.82rem;-webkit-line-clamp:1}
  .fk-price-now{font-size:1rem}
  .fk-price-old{font-size:0.75rem}
  .fk-price-off{font-size:0.68rem}
  .fk-btn{padding:8px 8px;font-size:0.72rem}
  .fk-card-buttons{flex-direction:column;gap:6px}
  .fk-card-colors{margin-bottom:var(--space-xs)}
  .fk-dot{width:12px;height:12px}

  /* CTA Products responsive */
  .cta-products-inner{grid-template-columns:1fr;height:auto;padding-top:var(--space-xl);gap:0;text-align:center}
  .cta-products-content{max-width:100%;margin:0 auto;padding-bottom:var(--space-lg);order:2}
  .cta-products-title{font-size:2rem}
  .cta-products-text{margin:0 auto var(--space-lg);max-width:420px}
  .cta-products-media{height:380px;order:1}
  .product-cta-img{height:100%;right:auto;left:50%;transform:translateX(-50%);animation:none}
  .cta-products-media::before{width:min(300px,80%);right:auto;left:50%;transform:translateX(-50%);top:-10px}

  /* Contact map */
  .map-box iframe{height:320px}
  .pin-label{display:none}

  /* Newsletter CTA */
  .newsletter-cta-inner{flex-direction:column;text-align:center;gap:var(--space-xl)}
  .newsletter-cta-desc{margin:0 auto}
  .newsletter-cta-title{font-size:clamp(1.4rem,5vw,2rem)}
}

/* === NEWSLETTER DESKTOP === */
@media(min-width:769px){
  .newsletter-cta-inner{flex-direction:row}
}

/* === SMALL MOBILE: single column below 360px === */
@media(max-width:360px){
  /* Products: 2 columns on mobile */
  .products-grid{grid-template-columns:repeat(2,1fr);gap:10px}
  .products-grid .fk-card{max-width:100%}
  .fk-card-body{padding:10px}
  .fk-card-name{font-size:0.78rem}
  .fk-price-now{font-size:0.9rem}
  .fk-price-old{font-size:0.7rem}
  .fk-btn{padding:7px 5px;font-size:0.68rem}
  .fk-card-buttons{flex-direction:column;gap:4px}
  .container{padding:0 var(--space-md)}

  /* Header even tighter */
  .header .logo{font-size:1rem;gap:6px}
  .header .logo svg{width:22px;height:22px}
  .header-actions{gap:var(--space-sm)}
  .header-btn{width:36px;height:36px}
  .header-btn svg{width:18px;height:18px}

  .hero-slide-badge{font-size:0.65rem;padding:6px 12px}

  .product-sticky-actions{padding:8px var(--space-sm);gap:8px}
  .product-sticky-actions .btn{padding:11px 8px;font-size:0.78rem}
  .whatsapp-fab{width:44px;height:44px;bottom:calc(var(--space-lg) + 66px);right:var(--space-md)}

  .page-hero-title{font-size:1.55rem}
  .page-hero .section-subtitle{font-size:0.88rem}
}

/* === TINY: 361-480px - 2 cols but card-friendly === */
@media(min-width:361px) and (max-width:480px){
  .products-grid{grid-template-columns:repeat(2,1fr);gap:10px}
  .fk-card-body{padding:10px}
  .fk-card-name{font-size:0.8rem}
  .fk-price-now{font-size:0.95rem}
  .fk-price-old{font-size:0.72rem}
  .fk-btn{padding:7px 6px;font-size:0.7rem}
  .fk-card-buttons{flex-direction:column;gap:4px}
}

/* === REDUCED MOTION === */
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:0.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:0.01ms !important;
  }
  html{scroll-behavior:auto}
  .offers-strip-inner{animation:none}
}

/* === PRINT === */
@media print{
  .header,.whatsapp-fab,.cart-drawer,.offer-popup-overlay,.search-overlay,.mobile-bottom-nav,.back-to-top,.scroll-progress{display:none !important}
  body{background:#fff;color:#000}
}

/* === AUTH (Google Sign-In) === */
@media (max-width:768px){
  .auth-login-btn{padding:8px 10px}
  .auth-login-btn span{display:none}
}
@media (max-width:420px){
  .auth-modal{padding:var(--space-lg)}
}