.intro{background:linear-gradient(115deg,#10281a,#07110b 75%)}
html,body{overflow-x:hidden}
.product-gallery .gallery-stage{overflow:hidden;touch-action:none}.product-gallery .product-media{transition:transform .16s ease;transform-origin:center}.product-gallery .product-media.is-zoomed{cursor:zoom-out}.zoom-hint{display:block;margin-top:7px;color:var(--lime);font-size:10px;font-weight:700}
nav{scrollbar-width:none}nav::-webkit-scrollbar{display:none}
@media(max-width:620px){.intro{padding:23px 18px;grid-template-columns:minmax(0,1fr) 87px}.intro h1{font-size:32px;line-height:1.05}.campaign{width:100px;height:184px;background-size:auto 315px;background-position:50% 29%;margin-right:-18px}.intro>div>p:last-of-type{font-size:10px;line-height:1.65}.intro p br{display:initial}.intro .eyebrow{letter-spacing:1px;font-size:7px}.hero-link{margin-top:10px}.prices{margin-bottom:18px}.catalog-toolbar{margin-top:22px}.brand-art{width:111px;height:91px}}
@media(max-width:360px){.intro{grid-template-columns:1fr}.intro h1{font-size:39px}.campaign{display:none}}

.price-stack{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px}.price-stack s{color:#aab4aa;font-size:13px}.price-stack strong{color:var(--lime)}.price-stack small{flex-basis:100%;font-size:9px;color:#9fb19f;font-weight:500}.detail-price{display:flex;margin-bottom:18px}.detail-price strong{font-size:27px;color:var(--lime)}.detail-price s{font-size:16px;color:#b5c0b4}.detail-price small{font-size:10px;color:#aabd9f}
footer .legal-links{display:flex;gap:14px;border:0;padding:0;overflow:visible}footer .legal-links a{text-decoration:underline;text-underline-offset:3px;font-size:12px}.cart-note a{text-decoration:underline;text-underline-offset:3px}
.cookie-notice{position:fixed;left:20px;bottom:20px;z-index:20;max-width:560px;display:flex;gap:20px;align-items:center;padding:18px 20px;border:1px solid #739454;border-radius:9px;background:#071a10f7;color:#fff;box-shadow:0 12px 45px #0009}.cookie-notice[hidden]{display:none}.cookie-notice strong{display:block;margin-bottom:5px}.cookie-notice p{font-size:12px;line-height:1.5;color:#cedbca}.cookie-notice a{display:inline-block;margin-top:6px;color:var(--lime);font-size:12px;text-decoration:underline}.cookie-notice button{flex:0 0 auto;min-height:44px;padding:9px 16px;border-radius:5px;background:var(--lime);color:#10220c;font-weight:800}
@media(max-width:800px){footer .legal-links{order:5;flex-basis:100%;flex-wrap:wrap}.cookie-notice{left:12px;right:12px;bottom:12px;max-width:none}}
@media(max-width:620px){.cookie-notice{display:block}.cookie-notice[hidden]{display:none}.cookie-notice button{width:100%;margin-top:12px}body:has(.mobile-cart:not([hidden])) .cookie-notice{bottom:83px}.price-stack strong{font-size:17px}}

/* Main visual banner. The full artwork remains visible on phones. */
.intro.hero-new{display:block;position:relative;min-height:0;padding:0;overflow:hidden;background:#020905;border-color:#527743;box-shadow:0 10px 38px #0008}
.hero-visual{display:block;width:100%;height:auto;aspect-ratio:3/1;object-fit:cover}
.hero-copy{position:absolute;left:28px;bottom:24px;z-index:1;width:min(440px,calc(100% - 56px));padding:20px 22px;border:1px solid #6f9255;border-radius:9px;background:#03120ddb;box-shadow:0 10px 30px #0008;backdrop-filter:blur(5px)}
.hero-copy h1{font-size:clamp(31px,3.5vw,52px);margin:8px 0 10px;text-shadow:0 3px 10px #000}
.hero-copy>p:last-of-type{color:#d8e5d3;font-size:13px}
.hero-copy .hero-link{margin-top:12px}
@media(max-width:760px){.intro.hero-new{border-radius:8px}.hero-visual{aspect-ratio:3/1;object-fit:contain;background:#020905}.hero-copy{position:relative;left:auto;bottom:auto;width:auto;margin:0;padding:18px 18px 20px;border:0;border-top:1px solid #45653c;border-radius:0;background:linear-gradient(110deg,#06190f,#0b2b19);box-shadow:none;backdrop-filter:none}.hero-copy h1{font-size:31px}.hero-copy>p:last-of-type{font-size:11px}.hero-copy .hero-link{margin-top:10px}}

/* Rotating campaign banner, size guide and delivery calculation. */
.campaign-slider{position:relative;margin:20px 0 26px;border:1px solid #527743;border-radius:11px;overflow:hidden;background:#07170d;box-shadow:0 10px 34px #0005}.slides{position:relative;min-height:300px}.banner-slide{position:absolute;inset:0;display:grid;align-items:end;padding:34px 70px;opacity:0;visibility:hidden;transition:opacity .5s ease;background:linear-gradient(90deg,#04120cfb 0%,#07170df2 55%,#07170d88 76%,#07170d22 100%),var(--banner) center 38%/cover no-repeat}.banner-slide.is-active{opacity:1;visibility:visible}.banner-slide>div{max-width:550px}.banner-slide .eyebrow{color:var(--lime)}.banner-slide h2{font-size:clamp(30px,4vw,46px);color:#fff;margin:6px 0}.banner-slide p:not(.eyebrow){color:#d4dfd0;margin-bottom:18px}.banner-slide a,.banner-slide button{display:inline-flex;align-items:center;min-height:44px;padding:10px 18px;border-radius:5px;background:var(--lime);color:#10220c;font-weight:800}.banner-prev,.banner-next{position:absolute;top:calc(50% - 22px);z-index:2;width:44px;min-height:44px;border-radius:50%;background:#06170dc9;color:#fff;border:1px solid #78946a;font-size:28px}.banner-prev{left:13px}.banner-next{right:13px}.banner-dots{position:absolute;z-index:2;left:50%;bottom:12px;transform:translateX(-50%);display:flex;gap:8px}.banner-dots button{width:10px;min-width:10px;height:10px;min-height:10px;padding:0;border-radius:50%;background:#c5d0c0}.banner-dots button[aria-pressed=true]{background:var(--lime);box-shadow:0 0 0 3px #b6ed3940}
.size-promo{display:flex;align-items:center;justify-content:space-between;gap:25px;margin:35px 0;padding:25px 28px;border:1px solid #4e703e;border-radius:10px;background:linear-gradient(110deg,#0d2a19,#143a21);color:#fff}.size-promo h2{font-size:34px;margin:5px 0}.size-promo>div>p:last-child{color:#c7d6c4}.size-promo button,.size-guide-link{min-height:44px;padding:10px 18px;border:1px solid var(--lime);border-radius:5px;color:var(--lime);font-weight:700}.size-guide-link{width:100%;margin-top:10px}.height-hint{margin-top:10px;color:var(--lime);font-size:12px;font-weight:700}.size-dialog{width:min(760px,calc(100vw - 24px))}.size-dialog>p:not(.eyebrow){color:var(--muted);margin:7px 0 16px}.size-dialog img{display:block;width:100%;height:auto;border-radius:7px}.size-dialog>.primary{margin:18px 0 0 auto;min-width:160px}
.delivery-options{margin:22px 0 8px;padding:17px;border:1px solid #3f5b42;border-radius:7px}.delivery-options legend{padding:0 7px;color:#fff;font-weight:800}.delivery-options label{display:block;margin:10px 0;font-size:12px;font-weight:700}.delivery-options select{display:block;width:100%;margin-top:6px;padding:8px 10px;border:1px solid #51694c;border-radius:4px;background:#1d2e21;color:#fff}.delivery-options p{margin-top:10px;color:#c7d6c4;font-size:11px;line-height:1.5}.order-totals{margin:8px 0 14px}.order-totals>div{display:flex;justify-content:space-between;gap:20px;padding:7px 0;border-bottom:1px solid #2d432f}.order-totals dt{color:#afc1aa;font-size:12px}.order-totals dd{margin:0;color:#fff;font-weight:700;text-align:right}.order-totals dd b{color:var(--lime)}.order-totals .grand-total{padding:13px 0;font-size:17px}.order-totals .grand-total dt{color:#fff;font-size:15px}.order-totals .grand-total dd{color:var(--lime);font-size:22px}
@media(max-width:620px){.slides{min-height:245px}.banner-slide{padding:25px 48px 35px;background-position:center}.banner-slide h2{font-size:27px}.banner-slide p:not(.eyebrow){font-size:12px}.banner-prev{left:7px}.banner-next{right:7px}.size-promo{display:block;padding:22px 19px}.size-promo h2{font-size:29px}.size-promo p{font-size:12px}.size-promo button{width:100%;margin-top:17px}.size-dialog{padding:25px 14px}.size-dialog>.primary{width:100%}}

/* Clean rotating artwork supplied for the homepage. */
.visual-slider{margin-top:8px;background:#031008}
.visual-slider .slides{min-height:0;aspect-ratio:3/1}
.visual-slider .banner-slide{display:block;padding:0;background:none}
.visual-slider .banner-slide img{display:block;width:100%;height:100%;object-fit:contain;background:#031008}
.visual-slider .banner-prev,.visual-slider .banner-next{background:#06170de8;border-color:#9abb78;box-shadow:0 5px 18px #000a}
.visual-slider .banner-dots{bottom:10px;padding:6px 10px;border-radius:20px;background:#031009c9}

/* Clear size callout with separate ranges and a hanger motif. */
.size-promo{display:block;padding:0;overflow:hidden;background:#07180f;border-color:#668447}
.size-promo-heading{display:flex;align-items:center;gap:22px;padding:25px 30px;background:linear-gradient(100deg,#e9f7c3,#b6ed39);color:#10220c}
.size-promo-heading .eyebrow{color:#31500f}
.size-promo-heading h2{margin:4px 0 0;color:#10220c;font-size:clamp(27px,3vw,40px)}
.hanger{display:grid;place-items:center;flex:0 0 92px;width:92px;height:76px;border-radius:50%;background:#102e20}
.hanger svg{width:67px;height:48px;fill:none;stroke:#b6ed39;stroke-width:6;stroke-linecap:round;stroke-linejoin:round}
.size-ranges{display:grid;grid-template-columns:1fr 1fr auto;align-items:stretch;gap:14px;padding:20px}
.size-range{display:flex;flex-direction:column;justify-content:center;min-height:122px;padding:18px 22px;border-radius:8px}
.size-range span{font-size:10px;font-weight:900;letter-spacing:1.6px}
.size-range strong{display:block;margin:5px 0 3px;font:700 clamp(29px,3vw,42px) 'Barlow Condensed',Arial,sans-serif}
.size-range small{font-size:12px}
.size-range.kids{background:#f1e4c8;color:#36230b}
.size-range.adults{background:#183f2a;color:#f2f8ef;border:1px solid #477055}
.size-ranges>button{align-self:stretch;min-width:190px;padding:16px 20px;border-radius:8px;background:#b6ed39;color:#10220c;font-weight:900}
.size-dialog{width:min(1120px,calc(100vw - 24px))}
.size-dialog img{background:#fff;image-rendering:auto}
@media(max-width:760px){.visual-slider{margin-top:5px}.visual-slider .banner-prev,.visual-slider .banner-next{top:calc(50% - 19px);width:38px;min-height:38px;font-size:23px}.visual-slider .banner-dots{bottom:5px;padding:4px 8px}.size-promo-heading{padding:20px 18px;gap:14px}.hanger{flex-basis:64px;width:64px;height:58px}.hanger svg{width:46px}.size-promo-heading h2{font-size:26px}.size-ranges{grid-template-columns:1fr;gap:10px;padding:12px}.size-range{min-height:103px}.size-ranges>button{min-height:52px}.size-promo button{width:100%;margin-top:0}}

/* Keep the supplied banner artwork and replace only its centre brand panel. */
.visual-slider .banner-slide{isolation:isolate}
.visual-slider .banner-slide::before{content:none}
.visual-slider .banner-slide .banner-art{position:absolute;inset:0;z-index:0;display:block;width:100%;height:100%;object-fit:contain;background:#031008}
.visual-slider .banner-slide .banner-brand{display:none}

/* Image-led catalogue categories. */
#categories.category-tiles{display:block;padding:13px 0 18px;overflow:hidden;border-bottom:1px solid #456039;touch-action:pan-y}
#categories.category-tiles .category-track{display:flex;gap:10px;width:max-content;transition:transform .55s ease;will-change:transform}
.category-carousel{position:relative;display:block;min-width:0;max-width:100%;margin-top:5px}.category-tiles{min-width:0;width:100%;cursor:grab}.category-tiles:active{cursor:grabbing}.category-step{display:none}
#categories.category-tiles button{position:relative;isolation:isolate;flex:0 0 220px;width:220px;min-height:78px;height:78px;padding:13px 15px;overflow:hidden;border-color:#668c60;border-radius:8px;background-position:center;background-size:cover;background-repeat:no-repeat;color:#fff;text-align:left;text-shadow:0 2px 5px #000;font-size:17px;font-weight:900}
#categories.category-tiles button::before{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#020b07f7 0%,#03120bd4 42%,#02080526 82%)}
#categories.category-tiles button::after{content:'Explorar categoria';display:block;margin-top:6px;color:#f0f6ed;font-size:10px;font-weight:650;letter-spacing:.15px}
#categories.category-tiles button span{display:block}
#categories.category-tiles button[data-category="Destaques"],#categories.category-tiles button[data-category="Todos"]{flex-basis:180px;width:180px}
#categories.category-tiles button[data-category="Destaques"]{background-image:url('assets/categorias-hd/destaques.webp?v=23')}
#categories.category-tiles button[data-category="Todos"]{background-image:url('assets/categorias-hd/todos.webp?v=23')}
#categories.category-tiles button[data-category="Destaques"][aria-pressed=true],#categories.category-tiles button[data-category="Todos"][aria-pressed=true]{color:#fff}
#categories.category-tiles button[data-category="Destaques"]::after{content:'Os mais procurados'}
#categories.category-tiles button[data-category="Todos"]::after{content:'Catálogo completo'}
#categories.category-tiles button[data-category="Destaques"][aria-pressed=true]::after,#categories.category-tiles button[data-category="Todos"][aria-pressed=true]::after{color:#d7e5d3}
#categories.category-tiles button[data-category="Clubes"]{background-image:url('assets/categorias-hd/clubes.webp?v=23')}
#categories.category-tiles button[data-category="Seleções"]{background-image:url('assets/categorias-hd/selecoes.webp?v=23')}
#categories.category-tiles button[data-category="F1"]{background-image:url('assets/categorias-hd/f1.webp?v=23')}
#categories.category-tiles button[data-category="NBA"]{background-image:url('assets/categorias-hd/nba.webp?v=23')}
#categories.category-tiles button[data-category="NFL"]{background-image:url('assets/categorias-hd/nfl.webp?v=23')}
#categories.category-tiles button[data-category="NHL"]{background-image:url('assets/categorias-hd/nhl.webp?v=23')}
#categories.category-tiles button[data-category="Retro"]{background-image:url('assets/categorias-hd/retro.webp?v=23')}
#categories.category-tiles button[data-category="Kits Criança"]{background-image:url('assets/categorias-hd/kits.webp?v=23')}
#categories.category-tiles button[aria-pressed=true]{box-shadow:inset 0 0 0 3px var(--lime);border-color:var(--lime)}

/* Full catalogue: clubs first, grouped by country, followed by selections and other sports. */
#products.grouped-catalog{display:block}
.catalog-group{margin:0 0 34px;padding-top:8px}
.catalog-group-title{display:flex;align-items:center;gap:13px;margin:0 0 17px;color:#fff;font-size:23px;text-transform:uppercase;letter-spacing:.8px}
.catalog-group-title::after{content:'';height:1px;flex:1;background:linear-gradient(90deg,#86ac4b,transparent)}
.catalog-group-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 20px}

/* Compact, illustrative size strip. */
.size-promo.compact-sizes{display:grid;grid-template-columns:minmax(270px,1.5fr) auto auto auto;align-items:center;gap:18px;margin:32px 0;padding:15px 18px;background:linear-gradient(100deg,#03120b,#092719);border:1px solid #447743;border-radius:8px}
.size-intro{display:flex;align-items:center;gap:15px}.size-intro .hanger{flex:0 0 62px;width:62px;height:54px;background:transparent}.size-intro .hanger svg{width:58px;stroke:var(--lime)}
.size-intro h2{margin:0;color:#fff;font-size:22px;text-transform:uppercase}.size-intro p{margin-top:3px;color:#cad7c7;font-size:12px}
.size-chip{display:flex;align-items:center;gap:10px}.size-chip>span{color:var(--lime);font-size:38px;line-height:1}.size-chip p{min-width:170px;margin:0;padding:11px 15px;border-radius:7px;background:var(--lime);color:#07120a;box-shadow:0 0 0 1px #d9ff74}.size-chip.adults p{background:#f4f0df;box-shadow:0 0 0 1px #fff}.size-chip b,.size-chip strong{display:block}.size-chip b{font-size:10px;letter-spacing:1px}.size-chip strong{margin-top:2px;font-size:19px;line-height:1.1}.compact-sizes .size-chip p,.compact-sizes .size-chip p *{color:#07120a}
.compact-sizes>button{align-self:stretch;min-width:100px;padding:10px 14px;border-radius:6px;background:#f1e4c8;color:#35260e;font-weight:900}
.shipping-after-sizes{margin:0 0 22px}.lower-promo{margin:0 0 20px}
.catalog-toolbar #back-categories{min-height:36px;margin-top:9px;padding:6px 12px;border:1px solid #668255;border-radius:5px;color:var(--lime);font-size:11px;font-weight:800}.catalog-toolbar #back-categories[hidden]{display:none}
.lower-promo{display:grid;grid-template-columns:minmax(300px,1fr) auto auto;align-items:center}.weekly-products{display:flex;align-items:center;gap:10px;padding:12px 16px;border-left:1px solid #527345;border-right:1px solid #527345}.weekly-products>span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--lime);color:#10220c;font-size:25px;font-weight:900}.weekly-products p{margin:0!important}.weekly-products b,.weekly-products strong{display:block}.weekly-products b{color:#fff;font-size:12px;text-transform:uppercase}.weekly-products strong{margin-top:2px;color:var(--lime);font-size:17px}.lower-promo>a{margin-left:0}
@media(max-width:1000px){.catalog-group-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){#categories.category-tiles button{flex-basis:220px;width:220px;min-height:78px}.size-promo.compact-sizes{grid-template-columns:1fr 1fr}.size-intro{grid-column:1/-1}.compact-sizes>button{grid-column:1/-1;min-height:46px}}
@media(max-width:800px){.lower-promo{grid-template-columns:1fr auto}.weekly-products{grid-column:1;border-left:0;border-right:0;border-top:1px solid #527345;margin-top:14px;padding:14px 0 0}.lower-promo>a{grid-column:2;grid-row:1/3}}
@media(max-width:700px){.catalog-group-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-group-title{font-size:19px}}
@media(min-width:769px){.category-step{position:absolute;z-index:2;top:calc(50% - 20px);display:grid;place-items:center;width:38px;height:40px;padding:0;border:1px solid #91b876;border-radius:50%;background:#092315ee;color:#fff;font-size:30px;line-height:1;box-shadow:0 3px 12px #0008}.category-step-prev{left:6px}.category-step-next{right:6px}}
@media(max-width:520px){.category-carousel{margin-right:0;margin-left:0}#categories.category-tiles{margin:0;padding:13px 0 18px}#categories.category-tiles button{flex-basis:220px;width:220px;min-height:78px;font-size:15px}.size-promo.compact-sizes{display:grid;padding:16px;gap:13px}.size-intro h2{font-size:21px}.size-intro p{font-size:11px}.size-chip{gap:7px}.size-chip>span{font-size:30px}.size-chip p{min-width:0;width:100%;padding:11px}.size-chip strong{font-size:17px}.lower-promo{display:block}.weekly-products{margin:16px 0;padding:14px 0;border-top:1px solid #527345;border-bottom:1px solid #527345}.lower-promo>a{width:100%;margin-top:0}}