*{box-sizing:border-box}body,html{margin:0;padding:0;max-width:100%;overflow-x:hidden}img,video{max-width:100%;height:auto;display:block}.container{width:100%;max-width:1200px;margin:0 auto;padding-left:16px;padding-right:16px}.header .container.bar{flex-wrap:wrap}.nav-desktop{gap:15px}.search{display:flex;gap:8px;width:100%}.search .input{flex:1 1;padding:8px 12px;border:1px solid #ccc;border-radius:6px}.search button{padding:8px 12px;border:none;background:#d50000;color:#fff;border-radius:6px;cursor:pointer}.search button:hover{background:#b00000}.hero{margin:0;padding:0;position:relative;z-index:0}.hero img,.hero picture{display:block;width:100%;height:auto}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));grid-gap:16px;gap:16px}.card{display:flex;flex-direction:column;justify-content:space-between;height:100%}.imgwrap{position:relative;width:100%;aspect-ratio:1/1;overflow:hidden;border-radius:10px;border:1px solid #eee;cursor:pointer}.imgwrap img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.card .pad{flex:1 1;display:flex;flex-direction:column}.card h3{font-size:16px;line-height:1.3;margin:6px 0}.price{display:flex;align-items:baseline;gap:8px;margin-bottom:auto}.price .now{font-weight:800}.price .old{text-decoration:line-through;opacity:.6}.card .actions{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.card .actions .btn{flex:1 1;min-width:120px;text-align:center}.btn{text-decoration:none;padding:10px 12px;border-radius:8px;border:1px solid #111;display:inline-block;text-transform:none}.btn,.btn.btn-dark{background:#111;color:#fff}.btn.btn-dark{border-color:#111}.btn.btn-red{background:#d50000;border-color:#d50000}.btn:hover{filter:brightness(.95)}.mobile-menu-button{display:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #ddd;background:#fff;padding:8px;border-radius:8px;cursor:pointer}.mobile-menu-button span{width:22px;margin:4px 0}.mobile-drawer{position:fixed;top:0;right:-85%;width:85%;height:100dvh;background:#fff;box-shadow:-10px 0 30px rgba(0,0,0,.15);z-index:1001;transition:right .25s ease;display:flex;flex-direction:column}.mobile-drawer.on{right:0}.mobile-overlay{position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:1000}.mobile-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #eee}.mobile-drawer-header .close{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;font-size:28px;line-height:1;cursor:pointer}.mobile-links{list-style:none;padding:0;margin:0}.mobile-links li a{display:block;padding:14px 16px;text-decoration:none;color:#111;font-weight:600}.mobile-links li a:hover{background:#f7f7f7}@media (max-width:900px){.nav-desktop{display:none!important}.mobile-menu-button{display:inline-flex}.header .container.bar{flex-direction:column;align-items:stretch}.search{width:100%}.hero+.container{margin-top:16px}}@media (max-width:480px){.btn{width:100%;text-align:center}}@media (max-width:900px){.header .container.bar{position:relative;justify-content:center;padding:12px 0}.mobile-menu-button{display:inline-flex;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;padding:6px;cursor:pointer;position:absolute;left:12px;top:50%;transform:translateY(-50%);z-index:10}.mobile-menu-button span{display:block;width:20px;height:2px;background:#111;margin:4px 0;border-radius:2px}.header .container.bar a[href="/"]{margin:0 auto}}.mobile-menu-button{flex-direction:column;justify-content:center;align-items:center}.mobile-menu-button span{display:block;width:20px;height:2px;background:#111;margin:3px 0;border-radius:2px}.nav-desktop a{border:2px solid transparent;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .05s ease;background:#fff;border-color:#eee}.nav-desktop a.active{background:#111;border-color:#111;color:#fff}.cart-desktop{display:flex}@media (max-width:900px){.cart-desktop{display:none!important}}.header .container.bar{display:flex;position:relative}.brand{display:flex;align-items:center;gap:8px}.navwrap{gap:12px}.navwrap .nav-desktop{display:flex;gap:15px}@media (max-width:900px){.navwrap{display:none}.mobile-menu-button{display:inline-flex!important;position:absolute!important;left:12px;top:50%;transform:translateY(-50%);padding:6px;border:none;background:transparent;z-index:10;flex-direction:column;justify-content:center;align-items:center}.mobile-menu-button span{display:block;width:20px;height:2px;margin:3px 0;background:#111;border-radius:2px}.brand{justify-content:center;width:100%}}@media (min-width:901px){.mobile-drawer,.mobile-overlay{display:none!important}}.header{background:#fff;position:-webkit-sticky;position:sticky;top:0;z-index:50}.header .container.bar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;grid-gap:16px;gap:16px;height:88px;padding:8px 0}.header .container.bar img[alt="Ares Sports"]{height:56px;margin-top:0}.header .search{display:flex;gap:8px;align-items:center}.header .search .input{height:40px;padding:0 12px;border:1px solid #dcdcdc;border-radius:10px;font-size:14px}.header .search button{height:40px;padding:0 14px;border-radius:10px;font-weight:700;background:#d50000;color:#fff;border:0}.header .search button:hover{filter:brightness(.92)}.navwrap{align-items:center}.nav-desktop,.navwrap{display:flex;gap:10px}.nav-desktop a{display:inline-block;padding:10px 14px;border-radius:999px;background:#f7f7f7;border:1px solid #e9e9e9;color:#111;text-decoration:none;font-weight:700;font-size:14px;line-height:1;transition:background .15s ease,color .15s ease,border-color .15s ease,transform .05s ease}.nav-desktop a:hover{background:#d50000;border-color:#d50000;color:#fff;transform:translateY(-1px)}.nav-desktop a:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(213,0,0,.25);border-color:#d50000}.navwrap .btn{padding:10px 14px;border-radius:999px;border:1px solid #111;background:#111;color:#fff;font-weight:700;line-height:1}.navwrap .btn:hover{filter:brightness(.95)}@media (min-width:901px){.header .container.bar{height:84px}}@media (max-width:900px){.header .container.bar{grid-template-columns:1fr;height:auto}.navwrap{display:none}}.header{box-shadow:0 2px 14px rgba(0,0,0,.06)}.footer{padding:30px 0}.footer-container{display:flex;justify-content:space-between;flex-wrap:wrap}.footer-brand{gap:6px}.footer-links a{margin-left:15px;font-weight:500}.footer-links a:hover{text-decoration:underline}.footer-social img{width:26px;height:26px;filter:invert(1);transition:transform .2s ease}.footer-social img:hover{transform:scale(1.1)}@media (max-width:768px){.footer-container{flex-direction:column;text-align:center;gap:16px}.footer-links{margin-top:10px}.footer-logo{height:80px}}.footer{background-color:#111;color:#fff;padding:32px 0;margin-top:40px}.footer-container{max-width:1200px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;grid-gap:20px;gap:20px}.footer-logo{height:100px;max-width:100%}.footer-brand{display:flex;align-items:flex-start;gap:10px;flex-direction:column}.footer-links{display:flex;gap:14px;align-items:center;justify-content:center;flex-wrap:wrap}.footer-links a{color:#fff;text-decoration:none;font-weight:600;padding:8px 12px;border-radius:999px;background:#1a1a1a;border:1px solid #2a2a2a;transition:background .15s ease,color .15s ease,border-color .15s ease,transform .05s ease}.footer-links a:hover{background:#d50000;border-color:#d50000;color:#fff;transform:translateY(-1px)}.footer-social{display:flex;justify-content:flex-end}.instagram-link{display:inline-flex;align-items:center;gap:8px;color:#fff;text-decoration:none;font-weight:600;padding:8px 12px;border-radius:999px;border:1px solid #2a2a2a;background:#1a1a1a;transition:background .15s ease,color .15s ease,border-color .15s ease,transform .05s ease}.instagram-link:hover{background:#d50000;border-color:#d50000;color:#fff;transform:translateY(-1px)}.instagram-link img{width:22px;height:22px;display:block}@media (max-width:768px){.footer-container{grid-template-columns:1fr;text-align:center}.footer-brand{align-items:center}.footer-social{justify-content:center}.footer-logo{height:80px}}