/* Responsive fixes for all Nova Sports Uniforms pages */
:root{
  --mobile-gap:16px;
  --tablet-gap:22px;
  --container-pad:7%;
}
html{scroll-behavior:smooth;overflow-x:hidden;}
body{overflow-x:hidden;min-width:0;}
img,video,iframe{max-width:100%;height:auto;}
.header-strip{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:9px var(--container-pad);background:var(--nova-blue-dark,#031636);color:#fff;font-weight:700;line-height:1.3;}
.strip-links{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap;}
.strip-links a{display:inline-flex;align-items:center;gap:7px;font-weight:700;color:#fff;white-space:nowrap;}
.strip-links img{width:22px;height:22px;object-fit:contain;}
.topbar{width:100%;}
.topbar nav a{white-space:nowrap;}
.menu-toggle{display:none;border:0;background:var(--nova-red,#e31b2f);color:#fff;border-radius:10px;padding:10px 13px;font-size:24px;line-height:1;font-weight:900;cursor:pointer;}
.nav-order-btn{background:var(--nova-red,#e31b2f)!important;color:#fff!important;border-radius:999px;padding:12px 20px!important;box-shadow:0 8px 20px rgba(227,27,47,.26);}
.hero,.page-hero,.product-detail-hero{overflow:hidden;}
.hero-copy,.detail-copy{max-width:100%;}
.hero h1,.product-detail-hero h1,.page-hero h1{overflow-wrap:anywhere;}
.hero-actions{align-items:center;}
.product-grid,.listing-grid,.process-grid,.workflow-grid,.finished-grid,.size-chart-showcase,.detail-options-grid,.footer-main,.footer-compact-grid{min-width:0;}
.product-card,.process-card,.workflow-card,.finished-card,.option-card,.professional-size-card{min-width:0;}
.product-card img,.featured-price-card img{max-width:100%;}
.order-form{width:100%;}
.order-form input,.order-form textarea,.order-form button{max-width:100%;}
.price-table,.size-card table{min-width:640px;}
.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;}
.professional-size-card img{object-fit:contain;}
.whatsapp-float{z-index:9999;}
.facebook-float{position:fixed;left:22px;bottom:22px;width:62px;height:62px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#1877f2;box-shadow:0 8px 25px rgba(0,0,0,.35);z-index:9999;}
.facebook-float img{width:38px;height:38px;object-fit:contain;}

@media (max-width:1200px){
  .product-grid,.listing-grid,.all-products-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  .process-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .workflow-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:28px!important;}
  .footer-main,.footer-compact-grid{grid-template-columns:1fr 1fr!important;gap:32px!important;}
  .footer-col:first-child{grid-column:1 / -1;}
  .product-detail-hero{gap:28px!important;}
  .detail-image-wrap img{height:420px!important;}
}

@media (max-width:992px){
  :root{--container-pad:5%;}
  .header-strip{align-items:flex-start;flex-direction:column;padding:10px var(--container-pad);}
  .strip-links{justify-content:flex-start;gap:10px;}
  .topbar{padding:12px var(--container-pad)!important;align-items:center!important;flex-direction:row!important;gap:14px;}
  .brand img{height:62px!important;max-width:220px!important;}
  .menu-toggle{display:inline-flex;align-items:center;justify-content:center;margin-left:auto;}
  .topbar nav{display:none!important;position:absolute;left:0;right:0;top:100%;background:#fff;padding:16px var(--container-pad) 20px;box-shadow:0 18px 32px rgba(15,23,42,.15);border-top:1px solid #e5e7eb;z-index:60;flex-direction:column;align-items:stretch;gap:8px!important;}
  .topbar.nav-open nav{display:flex!important;}
  .topbar nav a{display:block;text-align:center;padding:12px 14px;border-radius:10px;background:#f8fafc;color:var(--nova-blue,#062b66)!important;}
  .topbar nav .nav-order-btn{color:#fff!important;background:var(--nova-red,#e31b2f)!important;}
  .hero{min-height:auto!important;padding:90px var(--container-pad)!important;}
  .hero h1{font-size:44px!important;line-height:1.12!important;}
  .hero p{font-size:17px!important;}
  .section{padding:58px var(--container-pad)!important;}
  .section-head h2,.page-hero h1{font-size:36px!important;}
  .product-grid,.listing-grid,.all-products-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px!important;}
  .product-card img,.featured-price-card img{height:280px!important;}
  .workflow-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .product-detail-hero{grid-template-columns:1fr!important;padding:60px var(--container-pad)!important;min-height:auto!important;text-align:center;}
  .product-detail-hero h1{font-size:42px!important;}
  .detail-image-wrap{max-width:560px;margin:0 auto;width:100%;}
  .detail-options-grid,.size-chart-showcase{grid-template-columns:1fr!important;}
  .finished-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .footer-main,.footer-compact-grid{grid-template-columns:1fr!important;padding:42px var(--container-pad)!important;}
  .footer-logo,.footer-logo-small,.footer-logo.footer-logo-transparent{width:210px!important;max-width:100%!important;}
}

@media (max-width:640px){
  :root{--container-pad:18px;}
  .header-strip{font-size:13px;}
  .strip-left{width:100%;}
  .strip-links{width:100%;display:grid;grid-template-columns:1fr;gap:7px;}
  .strip-links a span{white-space:normal;}
  .brand img{height:54px!important;max-width:190px!important;}
  .menu-toggle{font-size:21px;padding:9px 12px;}
  .hero{padding:74px var(--container-pad)!important;text-align:center;}
  .hero h1{font-size:32px!important;}
  .hero p{font-size:15.5px!important;line-height:1.65!important;}
  .eyebrow{font-size:12px;letter-spacing:.8px;}
  .hero-actions{justify-content:center;gap:10px!important;}
  .btn{width:100%;padding:13px 18px!important;}
  .section{padding:46px var(--container-pad)!important;}
  .section-head h2,.page-hero h1{font-size:30px!important;}
  .section-head p,.page-hero p{font-size:16px!important;}
  .page-hero{padding:50px var(--container-pad)!important;}
  .product-grid,.listing-grid,.all-products-grid,.process-grid,.workflow-grid,.finished-grid,.size-grid{grid-template-columns:1fr!important;}
  .product-card{padding:14px!important;}
  .product-card img,.featured-price-card img{height:245px!important;}
  .product-card h3{font-size:20px!important;}
  .price-badge{top:18px!important;right:18px!important;padding:8px 12px!important;font-size:13px!important;}
  .workflow-img{width:138px!important;height:138px!important;}
  .workflow-img span{width:46px!important;height:46px!important;font-size:20px!important;}
  .product-detail-hero{padding:46px var(--container-pad)!important;}
  .product-detail-hero h1{font-size:32px!important;}
  .product-detail-hero p{font-size:16px!important;}
  .detail-image-wrap{border-radius:20px!important;padding:12px!important;}
  .detail-image-wrap img{height:300px!important;}
  .option-card{padding:20px!important;}
  .professional-size-card{padding:14px!important;border-radius:18px!important;}
  .size-chart-top{align-items:flex-start!important;flex-direction:column!important;}
  .size-chart-top h3{font-size:19px!important;}
  .finished-card img{height:230px!important;}
  .footer-compact-grid,.footer-main{padding:36px var(--container-pad)!important;gap:28px!important;}
  .footer-logo,.footer-logo-small,.footer-logo.footer-logo-transparent{width:165px!important;}
  .footer-links,.two-col-links{grid-template-columns:1fr!important;}
  .square-socials,.footer-socials,.socials{gap:10px!important;}
  .square-socials a,.footer-socials a,.socials a{width:44px!important;height:44px!important;border-radius:10px!important;}
  .square-socials img,.footer-socials img,.socials img{width:25px!important;height:25px!important;}
  .equal-payment-logos,.payment-logos{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .equal-payment-logos img,.payment-logos img{height:50px!important;}
  .footer-bottom{font-size:13px;padding:16px var(--container-pad)!important;}
  .whatsapp-float,.facebook-float{width:54px!important;height:54px!important;bottom:16px!important;}
  .whatsapp-float{right:16px!important;}
  .facebook-float{left:16px!important;}
  .whatsapp-float img,.facebook-float img{width:32px!important;height:32px!important;}
}

@media (max-width:390px){
  .hero h1,.product-detail-hero h1{font-size:28px!important;}
  .brand img{max-width:165px!important;}
  .product-card img,.featured-price-card img{height:215px!important;}
  .detail-image-wrap img{height:245px!important;}
  .equal-payment-logos,.payment-logos{grid-template-columns:1fr!important;}
}


@media (max-width: 768px) {
  .header-strip .strip-links { display: none; }
  .topbar nav { display: none; }
  .topbar nav.open {
    display: flex;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    flex-direction: column;
    background: var(--nova-white);
    padding: 18px;
    box-shadow: 0 18px 40px rgba(0,0,0,.14);
    z-index: 999;
  }
  .mobile-menu-socials { display: grid; gap: 10px; margin-top: 12px; }
  .mobile-menu-socials a { display: flex; align-items: center; gap: 8px; }
  .mobile-menu-socials img { width: 22px; height: 22px; }
}
@media (min-width: 769px) {
  .mobile-menu-socials { display: none !important; }
}

/* final mobile social/top strip override */
@media(max-width:900px){.header-strip .strip-links{display:none!important}.topbar.nav-open .mobile-menu-socials{display:grid!important}.main-nav a[href='index.html']{display:none!important}}
@media(max-width:700px){.review-card{flex:0 0 100%!important}.review-track{gap:0!important}}