*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff8e7;color:#111117;font:14px 'DM Sans',sans-serif;background-image:radial-gradient(#11111718 .8px,transparent .8px);background-size:11px 11px}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.announcement{height:32px;padding:0 3%;display:flex;justify-content:space-between;align-items:center;background:#111117;color:#fff8e7;font-size:10px;font-weight:800;letter-spacing:.12em;animation:colors 3s steps(1,end) infinite}.announcement span{white-space:nowrap}@keyframes colors{0%,32%{background:#111117;color:#fff8e7}33%,65%{background:#ef2b22;color:#fff8e7}66%,100%{background:#ffd23f;color:#111117}}.header{height:78px;padding:0 5.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:3px solid #111117;background:#fff8e7e8;position:sticky;top:0;z-index:10;backdrop-filter:blur(15px)}.logo{font:31px 'Bangers',Impact,sans-serif;text-transform:uppercase;letter-spacing:.03em;transform:rotate(-3deg);text-shadow:2px 2px #ffd23f}.logo sup{font:9px 'DM Sans',sans-serif;text-shadow:none}.header nav{display:flex;gap:32px;text-transform:uppercase;font-size:11px;font-weight:800;letter-spacing:.1em}.header nav a:hover{color:#ef2b22}.cart-open{border:2px solid #111117;background:#ffd23f;padding:10px 15px;text-transform:uppercase;font-size:11px;font-weight:900;box-shadow:3px 3px #111117}.cart-open b{background:#ef2b22;color:#fff8e7;border-radius:50%;padding:2px 6px;margin-left:4px}.hero{max-width:1320px;min-height:615px;margin:auto;padding:85px 7% 80px;display:grid;grid-template-columns:.9fr 1.1fr;gap:35px;align-items:center;position:relative;isolation:isolate}.hero:before{content:'POW!';position:absolute;z-index:-1;left:45%;top:70px;color:#ffd23f;font:170px 'Bangers';transform:rotate(-11deg);-webkit-text-stroke:3px #111117;text-shadow:7px 7px #ef2b22}.eyebrow{font:800 11px 'Space Grotesk',sans-serif;letter-spacing:.16em;color:#ef2b22;text-transform:uppercase}.hero h1,.section-title h2,.crew h2,.promo h2,.zine h2,.modal h2,.drawer h2{font:400 clamp(64px,7vw,108px)/.86 'Bangers',Impact,sans-serif;text-transform:uppercase;letter-spacing:.02em;text-shadow:3px 3px #ffd23f;margin:25px 0}.hero h1 em,.section-title h2 em,.crew h2 em,.promo h2 em,.zine h2 em{color:#ef2b22;font-style:normal;text-shadow:3px 3px #111117}.hero-copy>p:not(.eyebrow){max-width:390px;border-left:5px solid #ef2b22;padding-left:13px;line-height:1.55;font-weight:600}.hero-copy strong{background:#ffd23f;padding:2px 4px}.cta{display:inline-flex;gap:12px;align-items:center;background:#111117;color:#fff8e7;border:3px solid #111117;box-shadow:5px 5px #ef2b22;padding:14px 20px;text-transform:uppercase;font-weight:900;font-size:11px;transition:.18s}.cta:hover{transform:translate(-2px,-2px);box-shadow:8px 8px #ef2b22;background:#ef2b22}.cta.yellow{background:#ffd23f;color:#111117;box-shadow:5px 5px #111117}.review{margin-top:35px;color:#ef2b22;font-weight:900;letter-spacing:2px}.review small{display:block;color:#6d675a;font:10px 'DM Sans';letter-spacing:0;margin-top:5px}.hero-art{position:relative}.hero-art img{width:90%;height:430px;display:block;object-fit:cover;transform:rotate(3deg);border:4px solid #111117;box-shadow:14px 14px #ef2b22,22px 22px #111117;margin:auto;filter:saturate(1.15) contrast(1.06)}.sticker{position:absolute;top:5px;right:4%;background:#ffd23f;border:3px solid #111117;border-radius:50%;width:90px;height:90px;display:grid;place-items:center;text-align:center;font:23px/ .8 'Bangers';transform:rotate(12deg);box-shadow:5px 5px #111117}.marquee{overflow:hidden;background:#ef2b22;border-block:3px solid #111117;color:#fff8e7;padding:12px 0;font:22px 'Bangers';letter-spacing:.13em;white-space:nowrap}.marquee div{width:max-content;animation:marquee 17s linear infinite}@keyframes marquee{to{transform:translateX(-50%)}}.shop{max-width:1320px;margin:auto;padding:110px 7% 120px}.section-title{display:flex;justify-content:space-between;gap:50px;align-items:end}.section-title>p{max-width:290px;line-height:1.55;color:#655f55}.section-title h2,.crew h2,.promo h2,.zine h2{font-size:80px}.toolbar{border-bottom:2px solid #111117;padding:25px 0 15px;margin-top:45px;display:flex;justify-content:space-between}.filters{display:flex;gap:24px}.filters button{border:0;background:transparent;text-transform:uppercase;font-size:11px;font-weight:900;padding:4px 0;border-bottom:4px solid transparent}.filters button.active,.filters button:hover{border-color:#ef2b22}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:43px 20px;margin-top:25px}.product{min-width:0}.product-img{height:330px;position:relative;border:3px solid #111117;box-shadow:7px 7px #111117;overflow:hidden;background:#ffd23f}.product:nth-child(2n) .product-img{background:#ef2b22}.product img{width:100%;height:100%;object-fit:cover;transition:.45s}.product-img:hover img{transform:scale(1.06)}.badge{position:absolute;z-index:1;top:12px;left:12px;padding:5px 9px;border:2px solid #111117;background:#ffd23f;font:16px 'Bangers'}.badge.hot{background:#ef2b22;color:#fff8e7}.heart{position:absolute;z-index:1;right:10px;top:10px;border:2px solid #111117;background:#fff8e7;border-radius:50%;width:34px;height:34px}.quick{position:absolute;bottom:12px;left:12px;right:12px;border:2px solid #111117;background:#111117;color:#fff8e7;padding:12px;text-transform:uppercase;font-size:11px;font-weight:900;opacity:0;transform:translateY(8px);transition:.2s}.product-img:hover .quick{opacity:1;transform:none}.product-info{display:flex;justify-content:space-between;padding-top:15px}.product-info h3{font:25px 'Bangers';margin:0}.product-info p{color:#ef2b22;text-transform:uppercase;font-weight:800;font-size:11px;margin:4px 0}.price{font-weight:900;color:#ef2b22;white-space:nowrap}.old{text-decoration:line-through;color:#777;margin-left:4px;font-size:10px}.crew{max-width:1120px;margin:auto;padding:0 6% 125px;display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.crew-image{position:relative;border:4px solid #111117;box-shadow:12px 12px #ffd23f;transform:rotate(-2deg)}.crew-image img{width:100%;height:430px;display:block;object-fit:cover;filter:saturate(1.1)}.crew-image b{position:absolute;bottom:16px;left:16px;color:#ffd23f;font:31px/.8 'Bangers';text-shadow:3px 3px #111117}.crew p:not(.eyebrow),.crew li{line-height:1.65;color:#655f55}.crew ul{padding-left:20px;font-weight:800}.crew li::marker{color:#ef2b22}.promo{min-height:400px;padding:75px 9%;display:flex;align-items:center;position:relative;overflow:hidden;background:#ef2b22;color:#fff8e7;border-block:4px solid #111117}.promo h2{color:#fff8e7;text-shadow:4px 4px #111117}.promo h2 em{color:#ffd23f}.promo p:not(.eyebrow){max-width:330px;line-height:1.55}.promo img{position:absolute;right:15%;width:330px;height:350px;object-fit:cover;transform:rotate(9deg);border:4px solid #111117;box-shadow:10px 10px #ffd23f}.promo-price{position:absolute;right:12%;bottom:40px;width:105px;height:105px;border-radius:50%;background:#ffd23f;color:#111117;border:3px solid #111117;box-shadow:5px 5px #111117;display:grid;place-items:center;align-content:center;text-align:center;font:40px/.7 'Bangers';transform:rotate(-8deg)}.promo-price small{font:13px 'DM Sans';font-weight:900}.zine{max-width:1100px;margin:auto;padding:110px 4%;display:flex;justify-content:space-between;gap:60px;align-items:end}.zine h2{margin-bottom:0}.zine form{width:330px}.zine label{font-size:11px;font-weight:900}.zine form>div{display:flex;border-bottom:3px solid #111117;margin-top:10px}.zine input{flex:1;border:0;background:transparent;padding:12px 0;outline:0}.zine button{background:transparent;border:0;color:#ef2b22;font-size:22px}.zine small{display:block;color:#777;font-size:10px;margin-top:10px}footer{border-top:3px solid #111117;padding:28px 6%;display:flex;gap:25px;align-items:center;font-size:11px}footer span{margin-right:auto;color:#666}footer a:last-of-type{font-weight:900}.overlay{position:fixed;inset:0;z-index:30;background:#111117bb;display:grid;place-items:center;padding:20px}.hidden{display:none!important}.modal{width:min(820px,100%);background:#fff8e7;border:4px solid #111117;box-shadow:10px 10px #ffd23f;display:grid;grid-template-columns:1fr 1fr;position:relative}.modal>img{width:100%;height:500px;object-fit:cover;border-right:3px solid #111117}.modal-copy{padding:40px 30px}.modal h2,.drawer h2{font-size:56px;margin:20px 0 5px}.modal-copy>strong{font-size:22px;color:#ef2b22}.modal-copy>p:not(.eyebrow){line-height:1.5;color:#665f55}.size-label{display:flex;justify-content:space-between;font-size:11px;font-weight:900;margin-top:25px}.size-label a{color:#ef2b22}.sizes{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:10px}.sizes button{height:36px;background:transparent;border:2px solid #111117;font-weight:900}.sizes button.active,.sizes button:hover{background:#ef2b22;color:#fff8e7}.modal .cta{width:100%;justify-content:center;margin-top:20px}.close{position:absolute;right:10px;top:10px;width:35px;height:35px;border:2px solid #111117;background:#fff8e7;font-size:24px;z-index:2}.drawer{position:fixed;z-index:31;right:0;top:0;bottom:0;width:min(450px,100%);background:#fff8e7;border-left:4px solid #111117;box-shadow:-8px 0 #ffd23f;padding:35px 28px;display:flex;flex-direction:column}.drawer-head{display:flex;justify-content:space-between;border-bottom:2px solid #111117;padding-bottom:20px}.drawer h2{margin:0}.drawer h2 span{font:14px 'DM Sans';color:#ef2b22}.cart-row{display:grid;grid-template-columns:75px 1fr;gap:12px;padding:15px 0;border-bottom:1px solid #111117}.cart-row img{width:75px;height:80px;object-fit:cover}.cart-row h3{font:22px 'Bangers';margin:0}.cart-row p{font-size:11px;color:#666}.qty button{background:#ffd23f;border:1px solid #111117;width:25px;height:25px}.summary{margin-top:auto;border-top:3px solid #111117;padding-top:20px}.summary>div{display:flex;justify-content:space-between}.summary p{color:#666;font-size:11px}.whatsapp{display:block;text-align:center;background:#25d366;color:#fff;padding:15px;border:3px solid #111117;box-shadow:4px 4px #111117;font-weight:900}.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:50;background:#111117;color:#fff8e7;border:3px solid #ffd23f;padding:13px 18px;font-weight:800}@media(max-width:750px){.announcement span:nth-child(2),.announcement span:nth-child(3){display:none}.header{padding:0 18px}.header nav{display:none}.hero{display:block;padding:60px 22px 80px}.hero:before{left:28%;top:35px;font-size:100px}.hero h1{font-size:76px}.hero-art{margin-top:55px}.hero-art img{height:310px}.shop{padding:75px 21px}.section-title{display:block}.section-title h2,.crew h2,.promo h2,.zine h2{font-size:63px}.section-title>p{margin-top:20px}.product-grid{grid-template-columns:repeat(2,1fr);gap:32px 12px}.product-img{height:220px}.quick{display:none}.product-info{display:block}.product-info h3{font-size:21px}.price{margin-top:7px}.crew{display:block;padding:0 21px 85px}.crew>div:last-child{margin-top:55px}.crew-image img{height:330px}.promo{min-height:570px;padding:60px 21px;align-items:start}.promo img{right:16%;bottom:35px;width:235px;height:275px}.price{right:8%;bottom:22px}.zine{display:block;padding:80px 21px}.zine form{width:100%;margin-top:40px}footer{padding:25px 21px;flex-wrap:wrap}footer span{width:100%;order:3}.modal{display:block;max-height:calc(100vh - 30px);overflow:auto}.modal>img{height:235px;border-right:0;border-bottom:3px solid #111117}.modal-copy{padding:25px 20px}.modal h2{font-size:48px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
/* Mobile typography patch */
@media(max-width:750px){.hero:before{top:122px;left:auto;right:-8px;font-size:62px;opacity:.24;-webkit-text-stroke:2px #111117;text-shadow:4px 4px #ef2b22}.hero h1{position:relative;z-index:1;font-size:clamp(56px,15.5vw,72px);line-height:.9;letter-spacing:0}.hero-copy>p:not(.eyebrow),.hero .cta,.review{position:relative;z-index:2}.section-title h2,.crew h2,.promo h2,.zine h2{font-size:clamp(49px,13.5vw,61px);line-height:.9}.product-info h3{line-height:.95}.modal h2{font-size:46px;line-height:.9}}
@media(max-width:750px){.hero:before{display:none}}
/* Final export fixes: separate product prices from promo badge and lock mobile width */
html,body{max-width:100%;overflow-x:hidden}
.product-grid,.product-info,.product-img{min-width:0}
.product-info .price{position:static;display:block;font-size:12px;line-height:1.2}
@media(max-width:750px){.hero,.shop,.crew,.promo,.zine,footer{max-width:100%;overflow:hidden}.product-grid{width:100%;grid-template-columns:repeat(2,minmax(0,1fr))}.product-info{overflow:hidden}.product-info h3{overflow-wrap:anywhere}.product-info .price{font-size:11px;white-space:normal}.product-info .old{display:block;margin:3px 0 0}.promo-price{right:7%;bottom:20px}}
/* V2 visual + navigation fixes */
.announcement{overflow:hidden;justify-content:flex-start}.announcement-track{display:flex;align-items:center;gap:42px;width:max-content;white-space:nowrap;animation:announcement-slide 24s linear infinite}.announcement-track span{flex:0 0 auto}@keyframes announcement-slide{from{transform:translateX(0)}to{transform:translateX(-50%)}}.mobile-toggle{display:none;border:2px solid #111117;background:#ffd23f;padding:7px 9px;font-size:18px;line-height:1;box-shadow:3px 3px #111117}.hero:before{display:none}.hero-art{overflow:visible}.hero-art .pow{position:absolute;z-index:4;left:-30px;top:-50px;color:#ffd23f;font:105px/.75 'Bangers',Impact,sans-serif;letter-spacing:.01em;transform:rotate(-10deg);-webkit-text-stroke:3px #111117;text-shadow:7px 7px #ef2b22;pointer-events:none}.hero-art img{animation:hero-float 5s ease-in-out infinite}@keyframes hero-float{0%,100%{transform:rotate(3deg) translateY(0)}50%{transform:rotate(1deg) translateY(-8px)}}.hero-art:hover img{animation-play-state:paused;transform:rotate(1deg) scale(1.035)}.image-caption{position:absolute;z-index:3;left:7%;right:7%;bottom:23px;display:flex;justify-content:space-between;color:#fff8e7;font:800 11px 'Space Grotesk',sans-serif;letter-spacing:.1em;text-shadow:2px 2px #111117}.made-for{position:absolute;z-index:4;left:-33px;bottom:6px;color:#ef2b22;font:24px/.78 'Bangers',Impact,sans-serif;transform:rotate(-7deg);text-shadow:2px 2px #111117}.made-for em{color:#ffd23f;font-style:normal}.sticker{animation:sticker-wiggle 4s ease-in-out infinite}@keyframes sticker-wiggle{0%,100%{transform:rotate(12deg)}50%{transform:rotate(16deg) translateY(-4px)}}
@media(max-width:750px){.announcement{height:30px;padding:0;font-size:8px}.announcement-track{gap:24px;animation-duration:18s}.mobile-toggle{display:block;order:0}.header{gap:13px}.header .logo{margin-right:auto}.header nav{position:absolute;left:0;right:0;top:78px;display:none;flex-direction:column;gap:0;padding:14px 22px 18px;background:#fff8e7;border-bottom:3px solid #111117;box-shadow:0 8px 0 #ffd23f;z-index:20}.header nav.open{display:flex}.header nav a{padding:12px 0;border-bottom:1px solid #111117}.header nav a:last-child{border-bottom:0}.hero-art .pow{left:-8px;top:-27px;font-size:65px;-webkit-text-stroke:2px #111117;text-shadow:4px 4px #ef2b22}.hero-art img{animation:hero-float-mobile 5s ease-in-out infinite}@keyframes hero-float-mobile{0%,100%{transform:rotate(3deg) translateY(0)}50%{transform:rotate(1deg) translateY(-5px)}}.image-caption{bottom:15px;font-size:8px;left:8%;right:8%}.made-for{left:-5px;bottom:-1px;font-size:18px}.sticker{width:76px;height:76px;font-size:19px}}
/* V3 mobile layout fixes */
.hero-offer{position:absolute;z-index:5;right:-28px;top:25px;width:92px;height:92px;border:3px solid #111117;border-radius:50%;background:#ffd23f;color:#111117;display:grid;place-items:center;align-content:center;text-align:center;transform:rotate(10deg);box-shadow:5px 5px #111117;font-family:'Bangers',Impact,sans-serif}.hero-offer span{font:9px 'Space Grotesk',sans-serif;font-weight:900;letter-spacing:.06em}.hero-offer strong{font-size:31px;line-height:.8}.hero-offer del{font:10px 'DM Sans',sans-serif;color:#ef2b22;font-weight:900}.hero-offer small{font:9px 'DM Sans',sans-serif;font-weight:900}.made-for{bottom:43px;left:-26px}.image-caption{left:28%;right:6%;bottom:13px}.promo{isolation:isolate}.promo>div:first-child{position:relative;z-index:3}
@media(max-width:750px){.hero-offer{right:-4px;top:0;width:78px;height:78px}.hero-offer strong{font-size:25px}.hero-offer span{font-size:8px}.hero-offer del,.hero-offer small{font-size:8px}.made-for{left:-4px;bottom:44px;font-size:18px}.image-caption{left:35%;right:7%;bottom:12px;font-size:7px;gap:8px}.promo{min-height:760px;padding-bottom:350px;display:block}.promo>div:first-child{max-width:100%}.promo h2{max-width:100%;font-size:clamp(49px,13.5vw,61px)}.promo p:not(.eyebrow){max-width:300px}.promo img{width:190px;height:225px;right:16%;bottom:46px}.promo-price{right:7%;bottom:18px;width:82px;height:82px;font-size:31px}.promo-price small{font-size:10px}}
/* Final badge placement: price stays near POW, away from BOOM WALK */
.hero-offer{left:65px;right:auto;top:-28px}
@media(max-width:750px){.hero-offer{left:48px;right:auto;top:-8px}}
/* Availability switch: available:true = active, available:false = sold out */
.product.is-soldout .product-img{background:#777;cursor:not-allowed}
.product.is-soldout img{filter:grayscale(1);opacity:.42}
.product.is-soldout .heart{display:none}
.badge.soldout{background:#111117;color:#fff8e7}
.soldout-label{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%) rotate(-8deg);z-index:3;padding:10px 16px;background:#ef2b22;color:#fff8e7;border:3px solid #111117;box-shadow:5px 5px #111117;font:27px 'Bangers',Impact,sans-serif;white-space:nowrap}
.sizes button small{font-size:10px;font-weight:800;opacity:.72}.sizes button:disabled small{opacity:1;color:#ef2b22}
/* Galerie produit : image principale + miniatures */
.modal-gallery{min-width:0;background:#f0eadb;border-right:3px solid #111117;padding-bottom:12px}
.modal-gallery>#modalImage{display:block;width:100%;height:430px;object-fit:cover;border:0}
.modal-thumbs{display:flex;gap:8px;padding:10px 12px 0;overflow-x:auto}
.modal-thumb{flex:0 0 58px;width:58px;height:58px;padding:0;border:2px solid #111117;background:#fff8e7;cursor:pointer;opacity:.62}
.modal-thumb.active,.modal-thumb:hover{opacity:1;border-color:#ef2b22;box-shadow:3px 3px #ffd23f}
.modal-thumb img{display:block;width:100%;height:100%;object-fit:cover}
@media(max-width:750px){.modal-gallery{border-right:0;border-bottom:3px solid #111117}.modal-gallery>#modalImage{height:235px}}