/* SPORTY ARENA - Global Styles */
:root{--sa-dark:#0a0a14;--sa-darker:#060610;--sa-card:#12121e;--sa-card-alt:#1a1a2e;--sa-border:#1e1e30;--sa-neon:#00ff87;--sa-neon-dim:#00cc6a;--sa-orange:#ff6b35;--sa-white:#fff;--sa-gray:#888899;--sa-text:#e0e0ea;--sa-danger:#ff4757;--sa-radius:12px;--sa-radius-sm:8px;--sa-shadow:0 8px 32px rgba(0,0,0,.3);--sa-glow:0 0 20px rgba(0,255,135,.15)}
*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Outfit',sans-serif;background:var(--sa-dark);color:var(--sa-text);line-height:1.6;overflow-x:hidden}a{color:var(--sa-neon);text-decoration:none;transition:all .3s}a:hover{color:var(--sa-white)}img{max-width:100%;height:auto}.container{max-width:1280px;margin:0 auto;padding:0 24px}
.top-bar{background:var(--sa-darker);padding:8px 0;font-size:13px;color:var(--sa-gray);border-bottom:1px solid var(--sa-border)}.top-bar .container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.top-bar-left{display:flex;align-items:center;gap:6px}.top-bar-left span{color:var(--sa-neon);font-weight:600}.top-bar-right{display:flex;gap:20px}.top-bar-right a{color:var(--sa-gray);font-size:13px}.top-bar-right a:hover{color:var(--sa-neon)}
.main-header{background:rgba(10,10,20,.95);backdrop-filter:blur(20px);position:sticky;top:0;z-index:1000;border-bottom:1px solid var(--sa-border);transition:all .3s}.main-header.scrolled{background:rgba(10,10,20,.98);box-shadow:0 4px 30px rgba(0,0,0,.5)}.header-inner{display:flex;align-items:center;justify-content:space-between;padding:16px 0}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none}.logo-icon{width:44px;height:44px;background:linear-gradient(135deg,var(--sa-neon),var(--sa-neon-dim));border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:900;color:var(--sa-dark)}.logo-text{font-family:'Bebas Neue',sans-serif;font-size:28px;letter-spacing:2px;color:var(--sa-white);line-height:1}.logo-text small{display:block;font-family:'Outfit',sans-serif;font-size:10px;letter-spacing:3px;color:var(--sa-neon);font-weight:500;text-transform:uppercase}
.main-nav{display:flex;align-items:center;gap:32px}.main-nav a{color:var(--sa-text);font-weight:500;font-size:15px;position:relative;padding:4px 0}.main-nav a::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--sa-neon);transition:width .3s}.main-nav a:hover,.main-nav a.active{color:var(--sa-neon)}.main-nav a:hover::after,.main-nav a.active::after{width:100%}
.header-actions{display:flex;align-items:center;gap:16px}.header-btn{width:42px;height:42px;border-radius:10px;background:var(--sa-card);border:1px solid var(--sa-border);display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:all .3s;color:var(--sa-text)}.header-btn:hover{background:var(--sa-card-alt);border-color:var(--sa-neon);color:var(--sa-neon)}.header-btn svg{width:20px;height:20px}.cart-count{position:absolute;top:-6px;right:-6px;background:var(--sa-neon);color:var(--sa-dark);font-size:11px;font-weight:700;min-width:20px;height:20px;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0 5px}.mobile-toggle{display:none;background:none;border:none;color:var(--sa-white);font-size:28px;cursor:pointer}
.btn-primary{display:inline-flex;align-items:center;gap:8px;background:var(--sa-neon);color:var(--sa-dark);padding:14px 28px;border-radius:var(--sa-radius-sm);font-weight:700;font-size:15px;border:none;cursor:pointer;transition:all .3s;text-decoration:none;font-family:'Outfit',sans-serif}.btn-primary:hover{background:var(--sa-white);color:var(--sa-dark);transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,255,135,.3)}
.btn-secondary{display:inline-flex;align-items:center;gap:8px;background:transparent;color:var(--sa-neon);padding:14px 28px;border-radius:var(--sa-radius-sm);font-weight:600;font-size:15px;border:2px solid var(--sa-neon);cursor:pointer;transition:all .3s;text-decoration:none;font-family:'Outfit',sans-serif}.btn-secondary:hover{background:var(--sa-neon);color:var(--sa-dark)}
.btn-orange{display:inline-flex;align-items:center;gap:8px;background:var(--sa-orange);color:var(--sa-white);padding:14px 28px;border-radius:var(--sa-radius-sm);font-weight:700;font-size:15px;border:none;cursor:pointer;transition:all .3s;text-decoration:none;font-family:'Outfit',sans-serif}.btn-orange:hover{background:#ff8c5c;transform:translateY(-2px);box-shadow:0 8px 20px rgba(255,107,53,.3)}
.product-card{background:var(--sa-card);border-radius:var(--sa-radius);overflow:hidden;border:1px solid var(--sa-border);transition:all .4s ease;position:relative}.product-card:hover{transform:translateY(-8px);border-color:rgba(0,255,135,.2);box-shadow:var(--sa-glow)}.product-card-img{aspect-ratio:1;overflow:hidden;background:var(--sa-card-alt);position:relative}.product-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.product-card:hover .product-card-img img{transform:scale(1.08)}.product-card-body{padding:16px}.product-card-title{font-size:14px;font-weight:500;color:var(--sa-text);margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}.product-card-price{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.price-current{font-size:18px;font-weight:700;color:var(--sa-neon)}.price-original{font-size:14px;color:var(--sa-gray);text-decoration:line-through}.price-discount{font-size:12px;font-weight:600;color:var(--sa-orange);background:rgba(255,107,53,.1);padding:2px 8px;border-radius:4px}.product-badge{position:absolute;top:12px;left:12px;background:var(--sa-orange);color:white;font-size:11px;font-weight:700;padding:4px 10px;border-radius:6px;text-transform:uppercase;letter-spacing:.5px;z-index:2}
.section{padding:80px 0}.section-header{text-align:center;margin-bottom:48px}.section-label{display:inline-block;background:rgba(0,255,135,.1);color:var(--sa-neon);padding:6px 16px;border-radius:20px;font-size:13px;font-weight:600;letter-spacing:1px;text-transform:uppercase;margin-bottom:12px}.section-title{font-family:'Bebas Neue',sans-serif;font-size:clamp(32px,5vw,48px);color:var(--sa-white);letter-spacing:2px;line-height:1.1}.section-desc{max-width:600px;margin:12px auto 0;color:var(--sa-gray);font-size:16px}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:24px}
.site-footer{background:var(--sa-darker);border-top:1px solid var(--sa-border);padding:60px 0 0;margin-top:80px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px}.footer-desc{color:var(--sa-gray);margin:16px 0;font-size:14px;line-height:1.7}.footer-social{display:flex;gap:12px;margin-top:16px}.footer-social a{width:36px;height:36px;background:var(--sa-card);border:1px solid var(--sa-border);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .3s}.footer-social a:hover{background:var(--sa-neon);border-color:var(--sa-neon)}.footer-links h4{color:var(--sa-white);font-size:16px;font-weight:600;margin-bottom:16px}.footer-links a{display:block;color:var(--sa-gray);font-size:14px;padding:6px 0}.footer-links a:hover{color:var(--sa-neon);padding-left:4px}.footer-entity{background:var(--sa-card);border-radius:var(--sa-radius);padding:20px 24px;margin-bottom:30px;border:1px solid var(--sa-border)}.footer-entity p{color:var(--sa-gray);font-size:13px;line-height:1.8}.footer-entity strong{color:var(--sa-text)}.footer-bottom{border-top:1px solid var(--sa-border);padding:20px 0;text-align:center}.footer-bottom p{color:var(--sa-gray);font-size:13px}
.hero{position:relative;min-height:85vh;display:flex;align-items:center;overflow:hidden;background:linear-gradient(135deg,#0a0a14 0%,#0d1a12 50%,#0a0a14 100%)}.hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 70% 50%,rgba(0,255,135,.06) 0%,transparent 70%)}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;width:100%}.hero-content{max-width:700px}.hero-image{display:flex;align-items:center;justify-content:center}.hero-image img{max-width:100%;height:auto;max-height:500px;object-fit:contain;filter:drop-shadow(0 20px 40px rgba(0,0,0,.5))}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(0,255,135,.1);border:1px solid rgba(0,255,135,.2);color:var(--sa-neon);padding:8px 16px;border-radius:20px;font-size:13px;font-weight:600;margin-bottom:24px}.hero-title{font-family:'Bebas Neue',sans-serif;font-size:clamp(48px,8vw,96px);color:var(--sa-white);letter-spacing:3px;line-height:.95;margin-bottom:20px}.hero-title span{color:var(--sa-neon)}.hero-desc{font-size:18px;color:var(--sa-gray);max-width:520px;line-height:1.7;margin-bottom:32px}.hero-actions{display:flex;gap:16px;flex-wrap:wrap}.hero-stats{display:flex;gap:40px;margin-top:48px}.hero-stat{text-align:center}.hero-stat-num{font-family:'Bebas Neue',sans-serif;font-size:36px;color:var(--sa-neon);letter-spacing:1px}.hero-stat-label{font-size:13px;color:var(--sa-gray);text-transform:uppercase;letter-spacing:1px}
.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.category-card{position:relative;aspect-ratio:1;border-radius:var(--sa-radius);overflow:hidden;cursor:pointer;border:1px solid var(--sa-border);transition:all .4s}.category-card:hover{transform:translateY(-6px);border-color:rgba(0,255,135,.3);box-shadow:var(--sa-glow)}.category-card img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.category-card:hover img{transform:scale(1.1)}.category-card-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.85) 0%,rgba(0,0,0,.1) 100%);display:flex;align-items:flex-end;padding:20px}.category-card-name{font-family:'Bebas Neue',sans-serif;font-size:24px;color:var(--sa-white);letter-spacing:1px}
.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.trust-card{background:var(--sa-card);border:1px solid var(--sa-border);border-radius:var(--sa-radius);padding:28px 20px;text-align:center;transition:all .3s}.trust-card:hover{border-color:rgba(0,255,135,.3);transform:translateY(-4px)}.trust-icon{font-size:36px;margin-bottom:12px}.trust-title{color:var(--sa-white);font-weight:600;font-size:16px;margin-bottom:6px}.trust-desc{color:var(--sa-gray);font-size:13px}
.reviews-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.review-card{background:var(--sa-card);border:1px solid var(--sa-border);border-radius:var(--sa-radius);padding:24px}.review-stars{color:#ffd700;margin-bottom:12px;letter-spacing:2px}.review-text{color:var(--sa-text);font-size:15px;line-height:1.7;margin-bottom:16px;font-style:italic}.review-author{color:var(--sa-gray);font-size:13px;font-weight:600}
.newsletter{background:linear-gradient(135deg,var(--sa-neon),var(--sa-neon-dim));border-radius:16px;padding:60px 40px;text-align:center}.newsletter h3{font-family:'Bebas Neue',sans-serif;font-size:36px;color:var(--sa-dark);letter-spacing:2px;margin-bottom:12px}.newsletter p{color:rgba(0,0,0,.6);margin-bottom:24px}.newsletter-form{display:flex;max-width:500px;margin:0 auto;gap:12px}.newsletter-form input{flex:1;padding:14px 20px;border:2px solid rgba(0,0,0,.1);border-radius:var(--sa-radius-sm);font-size:15px;background:rgba(255,255,255,.9);font-family:'Outfit',sans-serif}.newsletter-form button{padding:14px 28px;background:var(--sa-dark);color:var(--sa-neon);border:none;border-radius:var(--sa-radius-sm);font-weight:700;cursor:pointer;font-family:'Outfit',sans-serif;transition:all .3s}.newsletter-form button:hover{background:#1a1a2e}
.form-group{margin-bottom:20px}.form-group label{display:block;color:var(--sa-text);font-weight:500;margin-bottom:8px;font-size:14px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 16px;background:var(--sa-card);border:1px solid var(--sa-border);border-radius:var(--sa-radius-sm);color:var(--sa-text);font-size:15px;font-family:'Outfit',sans-serif;transition:border-color .3s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--sa-neon)}
.page-header{background:linear-gradient(135deg,#0d1a12,#0a0a14);padding:60px 0;text-align:center;border-bottom:1px solid var(--sa-border)}.page-header h1{font-family:'Bebas Neue',sans-serif;font-size:clamp(36px,5vw,56px);color:var(--sa-white);letter-spacing:2px}.page-header p{color:var(--sa-gray);margin-top:8px;font-size:16px}.breadcrumb{display:flex;justify-content:center;gap:8px;margin-top:16px;font-size:14px}.breadcrumb a{color:var(--sa-neon)}.breadcrumb span{color:var(--sa-gray)}
.pincode-msg{padding:8px 12px;border-radius:6px;font-size:13px;margin-top:6px;display:none}.pincode-msg.success{display:block;background:rgba(0,255,135,.1);color:var(--sa-neon);border:1px solid rgba(0,255,135,.2)}.pincode-msg.error{display:block;background:rgba(255,71,87,.1);color:var(--sa-danger);border:1px solid rgba(255,71,87,.2)}
.payment-option{display:flex;align-items:center;gap:14px;padding:16px;background:var(--sa-card);border:2px solid var(--sa-border);border-radius:var(--sa-radius-sm);cursor:pointer;transition:all .3s;margin-bottom:12px}.payment-option:hover{border-color:rgba(0,255,135,.3)}.payment-option.selected{border-color:var(--sa-neon);background:rgba(0,255,135,.03)}.payment-option input[type="radio"]{display:none}.payment-radio{width:20px;height:20px;border:2px solid var(--sa-border);border-radius:50%;position:relative;flex-shrink:0}.payment-option.selected .payment-radio{border-color:var(--sa-neon)}.payment-option.selected .payment-radio::after{content:'';position:absolute;top:3px;left:3px;width:10px;height:10px;background:var(--sa-neon);border-radius:50%}.payment-icon{font-size:24px}.payment-name{color:var(--sa-white);font-weight:600}.payment-desc{color:var(--sa-gray);font-size:13px}
.order-summary{background:var(--sa-card);border:1px solid var(--sa-border);border-radius:var(--sa-radius);padding:24px;position:sticky;top:100px}.summary-row{display:flex;justify-content:space-between;padding:8px 0;color:var(--sa-gray);font-size:14px}.summary-row.total{border-top:1px solid var(--sa-border);margin-top:8px;padding-top:16px;font-size:18px;color:var(--sa-white);font-weight:700}.summary-row.total span:last-child{color:var(--sa-neon)}
.place-order-btn{width:100%;padding:16px;background:var(--sa-neon);color:var(--sa-dark);border:none;border-radius:var(--sa-radius-sm);font-weight:700;font-size:16px;cursor:pointer;transition:all .3s;margin-top:20px;font-family:'Outfit',sans-serif}.place-order-btn:hover:not(:disabled){background:var(--sa-white);transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,255,135,.3)}.place-order-btn:disabled{opacity:.5;cursor:not-allowed}
.legal-content{max-width:800px;margin:0 auto;padding:40px 0 80px}.legal-content h2{font-family:'Bebas Neue',sans-serif;font-size:28px;color:var(--sa-white);letter-spacing:1px;margin:32px 0 16px}.legal-content h3{color:var(--sa-neon);font-size:18px;margin:24px 0 12px}.legal-content p{color:var(--sa-gray);line-height:1.8;margin-bottom:16px}.legal-content ul,.legal-content ol{color:var(--sa-gray);padding-left:24px;margin-bottom:16px}.legal-content li{margin-bottom:8px;line-height:1.7}.legal-content strong{color:var(--sa-text)}
@media(max-width:768px){.top-bar{display:none}.mobile-toggle{display:block}.main-nav{display:none;position:fixed;top:76px;left:0;right:0;bottom:0;background:var(--sa-dark);flex-direction:column;padding:30px;gap:0;z-index:999;overflow-y:auto}.main-nav.active{display:flex}.main-nav a{padding:16px 0;font-size:18px;border-bottom:1px solid var(--sa-border);width:100%}.logo-text{font-size:22px}.products-grid{grid-template-columns:repeat(2,1fr);gap:14px}.product-card-body{padding:12px}.product-card-title{font-size:13px}.price-current{font-size:16px}.footer-grid{grid-template-columns:1fr;gap:30px}.hero{min-height:70vh}.trust-grid{grid-template-columns:1fr}.hero-grid{grid-template-columns:1fr}.hero-image{display:none}.category-grid{grid-template-columns:repeat(2,1fr)}.reviews-grid{grid-template-columns:1fr}.newsletter-form{flex-direction:column}.section{padding:60px 0}}