:root { --ink:#101010; --cream:#f5eddf; --orange:#ff4f12; --lime:#d5ff00; --blue:#2d5bff; --line:rgba(16,16,16,.82); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--cream); color:var(--ink); font-family:Arial, Helvetica, sans-serif; }
a { color:inherit; text-decoration:none; }
.announcement { min-height:43px; display:flex; align-items:center; background:var(--lime); font-size:11px; font-weight:900; letter-spacing:1.5px; white-space:nowrap; overflow:hidden; }
.announcement-track { display:flex; align-items:center; gap:54px; width:max-content; min-width:100%; padding-left:3.5vw; animation:announcement-scroll 18s linear infinite; }
@keyframes announcement-scroll { from { transform:translateX(0); } to { transform:translateX(-50%); } }
.site-header { height:84px; padding:0 3.5vw; display:flex; align-items:center; justify-content:space-between; background:var(--ink); color:var(--cream); }
.brand { font-size:35px; line-height:.8; font-weight:950; letter-spacing:-2.7px; }
.brand span { color:var(--orange); }
nav { display:flex; gap:43px; margin-left:120px; }
nav a { font-weight:800; font-size:14px; color:#e6dfd5; }
nav a:hover { color:var(--lime); }
.cart { display:flex; align-items:center; gap:9px; border:2px solid #5e5e5e; border-radius:999px; padding:13px 17px; font-weight:800; font-size:14px; }
.cart i { font-style:normal; font-size:22px; transform:rotate(-10deg); }.cart b { background:var(--orange); width:23px; height:23px; display:grid; place-items:center; border-radius:50%; color:#fff; }
.hero { display:grid; grid-template-columns:44% 56%; min-height:665px; }
.hero-copy { position:relative; padding:61px 6.4vw 52px 4.5vw; overflow:hidden; background-color:var(--cream); background-image:radial-gradient(#ded3c1 1px, transparent 1px); background-size:6px 6px; }
.eyebrow { margin:0 0 7px; font-size:12px; font-weight:950; letter-spacing:1.65px; }
.sticker { position:absolute; right:8%; top:39px; padding:12px 16px; transform:rotate(4deg); color:white; background:var(--blue); border:3px solid var(--ink); box-shadow:4px 5px 0 var(--ink); font-weight:900; font-size:11px; }
h1,h2,h3,p { margin-top:0; }
h1,h2 { margin-bottom:8px; font-family:Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif; font-weight:900; letter-spacing:-2px; line-height:.83; }
h1 { font-size:clamp(62px, 7.2vw, 112px); }
h1 em,h2 em { color:var(--orange); font-style:normal; -webkit-text-stroke:3px var(--ink); paint-order:stroke fill; }
.intro { max-width:555px; margin:12px 0 28px; font-size:16px; line-height:1.35; font-weight:700; }
.hero-actions { display:flex; gap:12px; align-items:center; }.button { min-height:58px; padding:0 23px; display:inline-flex; align-items:center; justify-content:space-between; gap:28px; border:2px solid var(--ink); box-shadow:3px 3px 0 var(--ink); font-size:13px; font-weight:950; }.button span { font-size:23px; line-height:1; }.button-primary { background:var(--orange); color:white; }.button-secondary { background:var(--cream); }.button-lime { background:var(--lime); }
.whatsapp-request { gap:11px; background:#25d366; color:#081e10; box-shadow:4px 4px 0 var(--ink); transition:transform .15s,box-shadow .15s,background-color .15s; }.whatsapp-request:hover { background:#36e477; transform:translate(-2px,-2px); box-shadow:6px 6px 0 var(--ink); }.whatsapp-request img { width:30px; height:30px; display:block; flex:0 0 auto; object-fit:contain; }.whatsapp-request b { white-space:nowrap; font-size:inherit; }.whatsapp-request span { margin-left:6px; }
.micro-stats { display:flex; align-items:center; gap:6px; margin-top:25px; font-size:11px; font-weight:600; color:#555; }.micro-stats strong { color:var(--ink); }.micro-stats span { width:1px; height:14px; background:#aaa; margin:0 4px; }
.hero-image-wrap { position:relative; min-height:600px; overflow:hidden; background:var(--orange); }.hero-image-wrap img { width:100%; height:100%; position:absolute; inset:0; display:block; object-fit:cover; }
.burst { position:absolute; top:34px; right:40px; width:94px; height:94px; display:grid; place-items:center; text-align:center; background:var(--lime); color:var(--ink); font-size:18px; font-weight:950; line-height:.87; clip-path:polygon(50% 0%,59% 19%,76% 6%,78% 27%,100% 25%,83% 42%,98% 52%,78% 59%,89% 79%,68% 72%,64% 100%,49% 80%,35% 98%,32% 75%,9% 82%,21% 59%,0% 49%,20% 40%,7% 20%,31% 25%); transform:rotate(8deg); }
.price-card { position:absolute; left:27px; bottom:20px; padding:17px 19px; min-width:185px; color:white; background:var(--ink); border:3px solid var(--cream); outline:3px solid var(--lime); transform:rotate(-2deg); }.price-card small,.price-card span { display:block; font-size:10px; font-weight:900; letter-spacing:1px; }.price-card small { color:var(--lime); }.price-card strong { display:block; margin:5px 0 3px; font-size:32px; letter-spacing:-1px; }.price-card span { color:#d0d0d0; }.shelf-note { position:absolute; right:30px; bottom:32px; font-size:15px; font-weight:950; color:white; text-align:right; transform:rotate(-7deg); text-shadow:2px 2px 0 var(--ink); }
.carousel-hero { --hero-bg:#ff4f12; position:relative; height:calc(100vh - 127px); min-height:620px; overflow:hidden; isolation:isolate; background:var(--hero-bg); color:#fff; transition:background-color .65s cubic-bezier(.4,0,.2,1); }.carousel-hero[data-active="1"] { --hero-bg:#2d5bff; }.carousel-hero[data-active="2"] { --hero-bg:#d64d88; }.carousel-hero[data-active="3"] { --hero-bg:#8ea900; }.grain { position:absolute; inset:0; z-index:10; pointer-events:none; opacity:.12; background-image:radial-gradient(rgba(255,255,255,.75) .75px, transparent .75px); background-size:5px 5px; mix-blend-mode:soft-light; }.ghost-word { position:absolute; top:20%; left:50%; z-index:1; transform:translateX(-50%); color:rgba(255,255,255,.96); font-family:Impact, Haettenschweiler, sans-serif; font-size:clamp(48px,9vw,150px); letter-spacing:-.04em; line-height:1; white-space:nowrap; user-select:none; }.hero-label { position:absolute; top:24px; left:4.5vw; z-index:20; margin:0; color:#fff; font-size:11px; font-weight:950; letter-spacing:2px; }.figure-carousel { position:absolute; inset:0; z-index:3; }.figure-card { position:absolute; bottom:0; left:50%; height:92%; width:34%; overflow:hidden; opacity:0; filter:blur(4px); transform:translateX(-50%) scale(.65); transition:transform .65s cubic-bezier(.4,0,.2,1), filter .65s cubic-bezier(.4,0,.2,1), opacity .65s cubic-bezier(.4,0,.2,1), left .65s cubic-bezier(.4,0,.2,1); }.figure-card img { width:100%; height:100%; object-fit:cover; object-position:50% bottom; transform:scale(2.2); }.figure-card[data-slide="0"] img { object-position:12% bottom; }.figure-card[data-slide="1"] img { object-position:38% bottom; }.figure-card[data-slide="2"] img { object-position:63% bottom; }.figure-card[data-slide="3"] img { object-position:91% bottom; }.carousel-hero[data-active="0"] .figure-card[data-slide="0"],.carousel-hero[data-active="1"] .figure-card[data-slide="1"],.carousel-hero[data-active="2"] .figure-card[data-slide="2"],.carousel-hero[data-active="3"] .figure-card[data-slide="3"] { left:50%; z-index:7; opacity:1; filter:none; transform:translateX(-50%) scale(1); }.carousel-hero[data-active="0"] .figure-card[data-slide="3"],.carousel-hero[data-active="1"] .figure-card[data-slide="0"],.carousel-hero[data-active="2"] .figure-card[data-slide="1"],.carousel-hero[data-active="3"] .figure-card[data-slide="2"] { left:28%; z-index:5; height:30%; bottom:14%; opacity:.8; filter:blur(2px); transform:translateX(-50%) scale(.8); }.carousel-hero[data-active="0"] .figure-card[data-slide="1"],.carousel-hero[data-active="1"] .figure-card[data-slide="2"],.carousel-hero[data-active="2"] .figure-card[data-slide="3"],.carousel-hero[data-active="3"] .figure-card[data-slide="0"] { left:72%; z-index:5; height:30%; bottom:14%; opacity:.8; filter:blur(2px); transform:translateX(-50%) scale(.8); }.carousel-hero[data-active="0"] .figure-card[data-slide="2"],.carousel-hero[data-active="1"] .figure-card[data-slide="3"],.carousel-hero[data-active="2"] .figure-card[data-slide="0"],.carousel-hero[data-active="3"] .figure-card[data-slide="1"] { left:50%; z-index:4; height:23%; bottom:15%; opacity:.75; filter:blur(4px); transform:translateX(-50%) scale(.7); }.carousel-copy { position:absolute; z-index:20; left:4.5vw; bottom:8%; width:330px; }.carousel-copy p { margin:0 0 9px; font-size:20px; font-weight:950; letter-spacing:.5px; }.carousel-copy span { display:block; font-size:13px; font-weight:700; line-height:1.5; }.carousel-controls { display:flex; gap:10px; margin-top:20px; }.carousel-controls button { width:57px; height:57px; border:2px solid #fff; border-radius:50%; background:transparent; color:#fff; font-size:27px; cursor:pointer; transition:transform .15s,background-color .15s; }.carousel-controls button:hover { transform:scale(1.08); background:rgba(255,255,255,.15); }.discover-drop { position:absolute; z-index:20; right:4.5vw; bottom:8%; display:flex; align-items:center; gap:16px; color:#fff; font-family:Impact, Haettenschweiler, sans-serif; font-size:clamp(26px,4vw,58px); letter-spacing:-1px; }.discover-drop b { font-family:Arial,sans-serif; font-size:.74em; }
.hero-carousel-panel { height:auto; min-height:665px; }.hero-carousel-panel .hero-label { left:30px; }.hero-carousel-panel .figure-card img { object-fit:contain; object-position:center bottom; transform:none; }
.promise-strip { min-height:96px; background:var(--ink); color:#fff; display:grid; grid-template-columns:repeat(3,1fr); padding:0 12%; }.promise-strip>div { display:flex; align-items:center; gap:16px; border-right:1px solid #3d3d3d; padding:18px 10%; }.promise-strip>div:last-child { border:0; }.promise-strip i { width:48px; height:48px; display:grid; place-items:center; flex:0 0 auto; color:var(--lime); border:2px solid var(--lime); border-radius:13px; font-style:normal; font-size:22px; }.promise-strip .whatsapp-icon img { width:26px; height:26px; display:block; object-fit:contain; }.promise-strip p { margin:0; }.promise-strip strong,.promise-strip span { display:block; }.promise-strip strong { font-size:12px; }.promise-strip span { color:#bfbfbf; margin-top:5px; font-size:11px; }
.collection { padding:88px 4.5vw 95px; background-color:var(--cream); background-image:radial-gradient(#ded3c1 1px, transparent 1px); background-size:6px 6px; }.collection-heading { display:inline-block; }.collection h2,.build-section h2 { font-size:clamp(58px,7vw,108px); }.collection-note { float:right; max-width:390px; margin:125px 3vw 0 0; font-size:16px; font-weight:800; line-height:1.4; }.category-grid { clear:both; display:grid; grid-template-columns:repeat(3,1fr); gap:17px; padding-top:43px; }.category-card { position:relative; min-height:285px; padding:26px; overflow:hidden; border:3px solid var(--ink); box-shadow:6px 6px 0 var(--ink); }.category-card.blue { background:var(--blue); color:white; }.category-card.orange { background:var(--orange); color:white; }.category-card.lime { background:var(--lime); color:var(--ink); }.category-no { font-size:13px; font-weight:950; }.category-glyph { position:absolute; right:24px; top:17px; font-size:67px; opacity:.92; }.category-card h3 { margin:72px 0 7px; font-family:Impact, Haettenschweiler, sans-serif; font-weight:900; font-size:38px; letter-spacing:.5px; }.category-card p { max-width:240px; font-weight:800; line-height:1.35; }.category-card b { position:absolute; left:26px; bottom:23px; font-size:12px; }.category-card b span { font-size:21px; vertical-align:-2px; margin-left:8px; }
.build-section { display:grid; grid-template-columns:1.25fr .7fr .7fr; gap:35px; align-items:end; padding:80px 4.5vw; background:var(--orange); color:white; border-top:4px solid var(--ink); }.build-section h2 { margin:0; }.build-section h2 em { color:var(--cream); }.build-section>p { max-width:280px; margin:0 0 7px; font-weight:800; line-height:1.38; }.build-section .button { margin-bottom:0; color:var(--ink); align-self:end; }
footer { min-height:96px; padding:24px 4.5vw; display:flex; justify-content:space-between; align-items:center; background:var(--ink); color:var(--cream); }footer .brand { font-size:29px; }footer p { margin:0; color:#bcbcbc; font-size:12px; font-weight:700; }
@media (max-width:900px) { nav { gap:16px; margin-left:20px; }.hero { grid-template-columns:1fr; }.hero-copy { min-height:560px; padding:55px 8vw; }.hero-image-wrap { min-height:540px; }.promise-strip { padding:0 4vw; }.promise-strip>div { padding:18px 4%; }.collection-note { margin-top:80px; }.build-section { grid-template-columns:1fr; align-items:start; }.build-section .button { justify-self:start; } }
@media (max-width:640px) { .announcement { font-size:9px; }.announcement-track { gap:32px; padding-left:18px; }.site-header { height:72px; padding:0 18px; }.brand { font-size:29px; } nav { display:none; }.cart { padding:10px 13px; }.carousel-hero { height:calc(100vh - 115px); min-height:570px; }.ghost-word { top:21%; font-size:34vw; }.hero-label { left:25px; top:20px; font-size:9px; }.figure-card { width:68%; height:63%; bottom:16%; }.carousel-hero[data-active] .figure-card { width:25%; }.carousel-hero[data-active="0"] .figure-card[data-slide="0"],.carousel-hero[data-active="1"] .figure-card[data-slide="1"],.carousel-hero[data-active="2"] .figure-card[data-slide="2"],.carousel-hero[data-active="3"] .figure-card[data-slide="3"] { width:68%; height:63%; bottom:16%; }.carousel-copy { left:25px; bottom:26px; width:235px; }.carousel-copy p { font-size:15px; }.carousel-copy span { display:none; }.carousel-controls { margin-top:10px; }.carousel-controls button { width:47px; height:47px; }.discover-drop { right:22px; bottom:38px; font-size:24px; }.drop-burst { width:80px; height:80px; right:20px; top:7%; font-size:16px; }.hero-copy { min-height:520px; padding:58px 25px 35px; }.eyebrow { font-size:10px; }.intro { font-size:14px; }.hero-actions { flex-direction:column; align-items:stretch; }.button { min-height:50px; }.micro-stats { flex-wrap:wrap; }.hero-image-wrap { min-height:390px; }.burst { width:75px; height:75px; right:15px; top:18px; font-size:14px; }.promise-strip { grid-template-columns:1fr; }.promise-strip>div { border-right:0; border-bottom:1px solid #3d3d3d; padding:14px 12%; }.collection { padding:63px 25px; }.collection-note { float:none; margin:25px 0 0; }.category-grid { grid-template-columns:1fr; }.category-card { min-height:230px; }.build-section { padding:55px 25px; } footer { padding:25px; align-items:flex-start; flex-direction:column; gap:12px; } }
.carousel-hero .ghost-word { top:8%; }.carousel-hero[data-active] .figure-card { left:50% !important; bottom:0 !important; width:34% !important; height:92% !important; z-index:3 !important; opacity:0 !important; filter:none !important; transform:translateX(-50%) scale(.92) !important; }.carousel-hero[data-active="0"] .figure-card[data-slide="0"],.carousel-hero[data-active="1"] .figure-card[data-slide="1"],.carousel-hero[data-active="2"] .figure-card[data-slide="2"],.carousel-hero[data-active="3"] .figure-card[data-slide="3"] { z-index:7 !important; opacity:1 !important; transform:translateX(-50%) scale(1) !important; }.carousel-hero.is-switching .figure-card { opacity:0 !important; transition-duration:.13s !important; }
@media (max-width:640px) { .carousel-hero .ghost-word { top:9%; font-size:15vw; }.carousel-hero[data-active] .figure-card { width:68% !important; height:63% !important; bottom:16% !important; } }
.carousel-hero[data-active="0"] { background:radial-gradient(circle at 50% 44%, #3b3b3b 0%, #151515 48%, #050505 100%); }.carousel-hero[data-active="2"] { background:#ff4f12; }.carousel-hero[data-active="3"] { background:#d5ff00; color:var(--ink); }.carousel-hero[data-active="3"] .hero-label,.carousel-hero[data-active="3"] .carousel-copy,.carousel-hero[data-active="3"] .discover-drop { color:var(--ink); }.carousel-hero[data-active="3"] .carousel-controls button { color:var(--ink); border-color:var(--ink); }
.carousel-hero[data-active] { background-image:none !important; }.carousel-hero[data-active="0"] { background-color:#101010 !important; }.carousel-hero[data-active="1"] { background-color:#2d5bff !important; }.carousel-hero[data-active="2"] { background-color:#ff4f12 !important; }.carousel-hero[data-active="3"] { background-color:#d5ff00 !important; }.carousel-hero::before { content:""; position:absolute; inset:0; z-index:0; pointer-events:none; opacity:0; background:radial-gradient(circle at 50% 44%, #454545 0%, #1d1d1d 45%, #050505 100%); transition:opacity .65s cubic-bezier(.4,0,.2,1); }.carousel-hero[data-active="0"]::before { opacity:1; }
.carousel-hero[data-active="1"]::before { opacity:1; background:radial-gradient(circle at 50% 44%, rgba(129,158,255,.65) 0%, rgba(61,97,222,.26) 44%, rgba(17,39,126,.4) 100%); }.carousel-hero[data-active="2"]::before { opacity:1; background:radial-gradient(circle at 50% 44%, rgba(255,186,130,.6) 0%, rgba(255,99,47,.24) 44%, rgba(184,45,8,.34) 100%); }.carousel-hero[data-active="3"]::before { opacity:1; background:radial-gradient(circle at 50% 44%, rgba(255,255,184,.78) 0%, rgba(217,255,0,.24) 44%, rgba(116,146,0,.36) 100%); }
.hero-carousel-panel[data-active="0"] .figure-card[data-slide="0"] { width:92% !important; height:68% !important; bottom:13% !important; }.hero-carousel-panel .figure-card[data-slide="0"] img { object-fit:contain; object-position:center center; }
.carousel-hero:not(.is-switching)[data-active="0"] .figure-card[data-slide="3"],.carousel-hero:not(.is-switching)[data-active="1"] .figure-card[data-slide="0"],.carousel-hero:not(.is-switching)[data-active="2"] .figure-card[data-slide="1"],.carousel-hero:not(.is-switching)[data-active="3"] .figure-card[data-slide="2"],.carousel-hero:not(.is-switching)[data-active="0"] .figure-card[data-slide="1"],.carousel-hero:not(.is-switching)[data-active="1"] .figure-card[data-slide="2"],.carousel-hero:not(.is-switching)[data-active="2"] .figure-card[data-slide="3"],.carousel-hero:not(.is-switching)[data-active="3"] .figure-card[data-slide="0"] { opacity:.48 !important; }.carousel-hero:not(.is-switching)[data-active="0"] .figure-card[data-slide="2"],.carousel-hero:not(.is-switching)[data-active="1"] .figure-card[data-slide="3"],.carousel-hero:not(.is-switching)[data-active="2"] .figure-card[data-slide="0"],.carousel-hero:not(.is-switching)[data-active="3"] .figure-card[data-slide="1"] { opacity:.25 !important; }.hero-carousel-panel[data-active="0"] .figure-card[data-slide="0"] { width:100% !important; height:76% !important; bottom:6% !important; }
.carousel-hero:not(.is-switching)[data-active="0"] .figure-card[data-slide="3"],.carousel-hero:not(.is-switching)[data-active="1"] .figure-card[data-slide="0"],.carousel-hero:not(.is-switching)[data-active="2"] .figure-card[data-slide="1"],.carousel-hero:not(.is-switching)[data-active="3"] .figure-card[data-slide="2"],.carousel-hero:not(.is-switching)[data-active="0"] .figure-card[data-slide="1"],.carousel-hero:not(.is-switching)[data-active="1"] .figure-card[data-slide="2"],.carousel-hero:not(.is-switching)[data-active="2"] .figure-card[data-slide="3"],.carousel-hero:not(.is-switching)[data-active="3"] .figure-card[data-slide="0"] { opacity:.22 !important; }.carousel-hero:not(.is-switching)[data-active="0"] .figure-card[data-slide="2"],.carousel-hero:not(.is-switching)[data-active="1"] .figure-card[data-slide="3"],.carousel-hero:not(.is-switching)[data-active="2"] .figure-card[data-slide="0"],.carousel-hero:not(.is-switching)[data-active="3"] .figure-card[data-slide="1"] { opacity:.08 !important; }
.carousel-hero[data-active="3"],.carousel-hero[data-active="3"] .hero-label,.carousel-hero[data-active="3"] .carousel-copy,.carousel-hero[data-active="3"] .discover-drop { color:#fff; }
.carousel-hero[data-active="3"] .carousel-controls button { color:#fff; border-color:#fff; }
.carousel-hero:not(.is-switching)[data-active="0"] .figure-card[data-slide="3"],.carousel-hero:not(.is-switching)[data-active="1"] .figure-card[data-slide="0"],.carousel-hero:not(.is-switching)[data-active="2"] .figure-card[data-slide="1"],.carousel-hero:not(.is-switching)[data-active="3"] .figure-card[data-slide="2"] { left:28% !important; z-index:5 !important; width:34% !important; height:30% !important; bottom:14% !important; opacity:.8 !important; filter:blur(2px) !important; transform:translateX(-50%) scale(.8) !important; }.carousel-hero:not(.is-switching)[data-active="0"] .figure-card[data-slide="1"],.carousel-hero:not(.is-switching)[data-active="1"] .figure-card[data-slide="2"],.carousel-hero:not(.is-switching)[data-active="2"] .figure-card[data-slide="3"],.carousel-hero:not(.is-switching)[data-active="3"] .figure-card[data-slide="0"] { left:72% !important; z-index:5 !important; width:34% !important; height:30% !important; bottom:14% !important; opacity:.8 !important; filter:blur(2px) !important; transform:translateX(-50%) scale(.8) !important; }.carousel-hero:not(.is-switching)[data-active="0"] .figure-card[data-slide="2"],.carousel-hero:not(.is-switching)[data-active="1"] .figure-card[data-slide="3"],.carousel-hero:not(.is-switching)[data-active="2"] .figure-card[data-slide="0"],.carousel-hero:not(.is-switching)[data-active="3"] .figure-card[data-slide="1"] { left:50% !important; z-index:4 !important; width:34% !important; height:23% !important; bottom:15% !important; opacity:.7 !important; filter:blur(4px) !important; transform:translateX(-50%) scale(.7) !important; }
.carousel-hero:not(.is-switching)[data-active="0"] .figure-card:not([data-slide="0"]),.carousel-hero:not(.is-switching)[data-active="1"] .figure-card:not([data-slide="1"]),.carousel-hero:not(.is-switching)[data-active="2"] .figure-card:not([data-slide="2"]),.carousel-hero:not(.is-switching)[data-active="3"] .figure-card:not([data-slide="3"]) { opacity:.15 !important; }
.carousel-hero::before { opacity:1 !important; background:radial-gradient(circle at 50% 44%, rgba(255,255,255,.24) 0%, rgba(255,255,255,.07) 36%, rgba(0,0,0,.34) 100%) !important; }
.figure-card { transition:transform .65s cubic-bezier(.4,0,.2,1), filter .65s cubic-bezier(.4,0,.2,1), opacity .65s cubic-bezier(.4,0,.2,1), left .65s cubic-bezier(.4,0,.2,1), width .65s cubic-bezier(.4,0,.2,1), height .65s cubic-bezier(.4,0,.2,1), bottom .65s cubic-bezier(.4,0,.2,1) !important; }
.carousel-hero[data-active="1"] { background-color:#d5ff00 !important; }.carousel-hero[data-active="3"] { background-color:#2d5bff !important; }
.cart { appearance:none; color:var(--cream); background:transparent; cursor:pointer; }.shop-filters { clear:both; display:flex; flex-wrap:wrap; gap:9px; margin:43px 0 22px; }.shop-filters button { padding:10px 14px; border:2px solid var(--ink); background:transparent; color:var(--ink); font-size:11px; font-weight:950; letter-spacing:.6px; cursor:pointer; }.shop-filters button.active,.shop-filters button:hover { background:var(--ink); color:var(--cream); }.product-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }.product-card { min-width:0; padding:14px; border:3px solid var(--ink); background:var(--cream); box-shadow:4px 4px 0 var(--ink); }.product-card[hidden] { display:none; }.product-art { height:245px; display:grid; place-items:center; overflow:hidden; border:2px solid var(--ink); }.product-art img { width:100%; height:100%; object-fit:contain; object-position:center bottom; }.military-art { background:radial-gradient(circle,#3d3d3d,#090909); }.movies-art { background:radial-gradient(circle,#f2ff8c,#d5ff00); }.games-art { background:radial-gradient(circle,#ffb08a,#ff4f12); }.sports-art { background:radial-gradient(circle,#829fff,#2d5bff); }.product-card p { margin:15px 0 4px; font-size:10px; font-weight:950; letter-spacing:1.4px; }.product-card h3 { margin:0 0 8px; font-family:Impact,Haettenschweiler,sans-serif; font-size:25px; letter-spacing:.4px; }.product-card strong { display:block; font-size:18px; }.product-card>button[data-add] { width:100%; margin-top:14px; padding:12px; border:2px solid var(--ink); background:var(--orange); color:white; font-size:11px; font-weight:950; cursor:pointer; }.product-card>button[data-add] span { float:right; font-size:17px; line-height:.7; }.cart-backdrop { position:fixed; inset:0; z-index:80; background:rgba(0,0,0,.5); opacity:0; pointer-events:none; transition:opacity .25s; }.cart-backdrop.open { opacity:1; pointer-events:auto; }.cart-drawer { position:fixed; z-index:81; top:0; right:0; width:min(420px,100vw); height:100vh; display:flex; flex-direction:column; padding:27px; background:var(--cream); color:var(--ink); border-left:4px solid var(--ink); transform:translateX(105%); transition:transform .35s cubic-bezier(.4,0,.2,1); }.cart-drawer.open { transform:translateX(0); }.cart-title { display:flex; align-items:center; justify-content:space-between; padding-bottom:20px; border-bottom:3px solid var(--ink); }.cart-title h2 { margin:0; font-size:40px; }.cart-title button { border:0; background:transparent; font-size:34px; cursor:pointer; }.cart-items { flex:1; overflow:auto; padding:16px 0; }.empty-cart { font-weight:700; color:#777; }.cart-line { display:flex; justify-content:space-between; gap:15px; padding:17px 0; border-bottom:2px solid #d4c8b6; }.cart-line small,.cart-line strong,.cart-line span { display:block; }.cart-line small { margin-bottom:4px; font-size:10px; font-weight:950; text-transform:uppercase; }.cart-line strong { font-size:17px; }.cart-line span { margin-top:4px; font-weight:800; }.quantity { display:flex; align-items:center; gap:9px; }.quantity button { width:29px; height:29px; border:2px solid var(--ink); background:transparent; font-size:18px; cursor:pointer; }.cart-summary { padding-top:18px; border-top:3px solid var(--ink); }.cart-summary>div { display:flex; justify-content:space-between; margin-bottom:15px; font-weight:950; }.cart-summary button { width:100%; padding:17px; border:2px solid var(--ink); background:var(--lime); box-shadow:3px 3px 0 var(--ink); font-size:13px; font-weight:950; cursor:pointer; }.cart-summary button span { float:right; font-size:19px; }
@media (max-width:900px) { .product-grid { grid-template-columns:repeat(2,1fr); } }
@media (max-width:640px) { .product-grid { grid-template-columns:1fr; }.product-art { height:290px; }.shop-filters { margin-top:28px; }.cart-drawer { padding:22px; } }
.collection { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(270px,.55fr); grid-template-areas:"heading note" "filters filters" "products products"; gap:0 5vw; }.collection-heading { grid-area:heading; }.collection-note { grid-area:note; float:none; align-self:end; max-width:360px; margin:0 0 9px; }.shop-filters { grid-area:filters; margin:46px 0 22px; padding:10px; border:2px solid var(--ink); background:rgba(245,237,223,.76); }.shop-filters button { flex:1; min-width:120px; }.product-grid { grid-area:products; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; }.product-card { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(155px,.85fr); grid-template-rows:auto auto 1fr auto auto; column-gap:20px; min-height:350px; padding:16px; }.product-art { grid-column:1; grid-row:1 / span 5; height:100%; min-height:315px; }.product-card>p,.product-card>h3,.product-card>strong,.product-card>button[data-add] { grid-column:2; }.product-card>p { align-self:end; margin-top:22px; }.product-card h3 { align-self:start; font-size:clamp(26px,2.3vw,38px); line-height:.96; }.product-card>strong { align-self:end; font-size:24px; }.product-card>button[data-add] { align-self:end; margin-top:16px; }.product-card:hover { transform:translate(-2px,-2px); box-shadow:8px 8px 0 var(--ink); transition:transform .18s,box-shadow .18s; }
@media (max-width:900px) { .collection { grid-template-columns:1fr; grid-template-areas:"heading" "note" "filters" "products"; }.collection-note { margin-top:28px; }.product-grid { grid-template-columns:1fr; }.product-card { grid-template-columns:minmax(0,1.2fr) minmax(180px,.8fr); } }
@media (max-width:640px) { .collection { display:block; }.shop-filters { display:grid; grid-template-columns:1fr 1fr; }.shop-filters button:first-child { grid-column:1 / -1; }.product-card { display:block; min-height:0; }.product-art { height:315px; min-height:0; }.product-card h3 { margin-top:6px; }.product-card>strong { font-size:20px; } }
.hero-carousel-panel[data-active="3"] .figure-card[data-slide="3"] { width:55% !important; height:88% !important; bottom:0 !important; }.hero-carousel-panel .figure-card[data-slide="3"] img { object-fit:contain; object-position:center bottom; }
.hero-carousel-panel[data-active="1"] .figure-card[data-slide="1"] { width:54% !important; height:86% !important; bottom:1% !important; }.hero-carousel-panel .figure-card[data-slide="1"] img { object-fit:contain; object-position:center bottom; }
.hero-carousel-panel[data-active="2"] .figure-card[data-slide="2"] { width:54% !important; height:86% !important; bottom:1% !important; }.hero-carousel-panel .figure-card[data-slide="2"] img { object-fit:contain; object-position:center bottom; }

/* Notion-backed catalog */
.collection { grid-template-areas:"heading note" "sync sync" "filters filters" "products products"; }
.catalog-sync-note { grid-area:sync; display:flex; align-items:center; gap:12px; margin:42px 0 0; font-size:11px; font-weight:900; letter-spacing:1px; }
.catalog-sync-note strong { padding:7px 10px; background:var(--blue); color:#fff; border:2px solid var(--ink); box-shadow:2px 2px 0 var(--ink); }
.catalog-sync-note span { color:#686158; }
.shop-filters { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); }
.shop-filters button { display:flex; justify-content:center; align-items:center; gap:8px; min-width:0; }
.shop-filters button b { min-width:21px; height:21px; display:inline-grid; place-items:center; border-radius:50%; background:rgba(16,16,16,.1); font-size:9px; }
.shop-filters button.active b { background:var(--lime); color:var(--ink); }
.product-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.product-card.catalog-card { display:flex; flex-direction:column; min-height:0; padding:14px; }
.product-card.catalog-card[hidden] { display:none; }
.catalog-card .product-art { width:100%; aspect-ratio:1 / 1; height:auto; min-height:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; overflow:hidden; }
.catalog-card .product-art img { width:100%; height:100%; object-fit:cover; object-position:center; }
.catalog-art span { font-family:Impact,Haettenschweiler,sans-serif; font-size:72px; line-height:.8; transform:rotate(-7deg); }
.catalog-art small { padding:5px 8px; border:2px solid currentColor; font-size:9px; font-weight:950; letter-spacing:1.2px; }
.decor-art { background:var(--orange); color:#fff; }
.science-art { background:var(--blue); color:#fff; }
.gimmicks-art { background:#ef7fc4; color:var(--ink); }
.movies-art { background:var(--lime); color:var(--ink); }
.games-art { background:#926dff; color:#fff; }
.sports-art { background:#77bdff; color:var(--ink); }
.military-art { background:#30352c; color:var(--lime); }
.catalog-card>p { margin:15px 0 5px; font-size:9px; letter-spacing:1.3px; }
.catalog-card h3 { min-height:58px; margin:0; font-size:clamp(24px,2vw,34px); line-height:.96; }
.catalog-card .product-meta { display:flex; align-items:end; justify-content:space-between; gap:12px; margin-top:auto; padding-top:16px; }
.catalog-card .product-meta strong { font-size:22px; }
.catalog-card .product-meta span { font-size:9px; font-weight:950; letter-spacing:.8px; }
.catalog-card .in-stock { color:#2f6b19; }
.catalog-card .sold-out { color:#a62f1d; }
.catalog-card>button[data-add] { margin-top:13px; }
.catalog-card>button[data-add]:disabled { background:#c7bbaa; color:#766c60; cursor:not-allowed; }
@media (max-width:1050px) { .product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:640px) { .collection { grid-template-areas:none; }.catalog-sync-note { margin-top:26px; flex-wrap:wrap; }.shop-filters { display:grid; grid-template-columns:1fr 1fr; }.shop-filters button:first-child { grid-column:1 / -1; }.product-grid { grid-template-columns:1fr; }.catalog-card .product-art { height:auto; }.catalog-card h3 { min-height:0; margin-bottom:8px; } }

/* Product quick view */
body.modal-open { overflow:hidden; }
.product-view-trigger { position:relative; padding:0; color:inherit; font:inherit; cursor:zoom-in; }
.catalog-card .view-product-label { position:absolute; right:10px; bottom:10px; z-index:2; padding:8px 10px; border:2px solid var(--ink); background:var(--cream); color:var(--ink); box-shadow:2px 2px 0 var(--ink); font-family:Arial,sans-serif; font-size:9px; font-weight:950; letter-spacing:.8px; line-height:1; transform:none; opacity:0; transition:opacity .18s,transform .18s; }
.catalog-card:hover .view-product-label,.product-view-trigger:focus-visible .view-product-label { opacity:1; transform:translateY(-2px); }
.product-view-trigger:focus-visible { outline:4px solid var(--blue); outline-offset:3px; }
.product-modal[hidden] { display:none; }
.product-modal { position:fixed; inset:0; z-index:100; display:grid; place-items:center; padding:30px; opacity:0; transition:opacity .22s ease; }
.product-modal.open { opacity:1; }
.product-modal-backdrop { position:absolute; inset:0; background:rgba(5,5,5,.86); backdrop-filter:blur(6px); }
.product-modal-panel { position:relative; z-index:1; width:min(1180px,94vw); max-height:92vh; display:grid; grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr); overflow:auto; border:3px solid var(--ink); background:var(--cream); box-shadow:10px 10px 0 var(--orange); outline:none; transform:translateY(16px) scale(.98); transition:transform .22s ease; }
.product-modal.open .product-modal-panel { transform:none; }
.product-modal-close { position:absolute; top:14px; right:14px; z-index:5; width:46px; height:46px; display:grid; place-items:center; border:2px solid var(--ink); background:var(--cream); color:var(--ink); box-shadow:3px 3px 0 var(--ink); font-size:31px; line-height:1; cursor:pointer; }
.product-modal-visual { position:relative; min-height:min(76vh,760px); display:grid; place-items:center; overflow:hidden; border-right:3px solid var(--ink); background:#fff; }
.product-modal-visual img { width:100%; height:100%; max-height:76vh; display:block; object-fit:contain; object-position:center; }
.product-modal-nav { position:absolute; top:50%; z-index:3; width:52px; height:52px; display:grid; place-items:center; border:2px solid var(--ink); border-radius:50%; background:var(--cream); color:var(--ink); box-shadow:3px 3px 0 var(--ink); font-size:24px; cursor:pointer; transform:translateY(-50%); }
.product-modal-nav[hidden],.product-modal-details>small[hidden] { display:none; }
.product-modal-nav:hover,.product-modal-close:hover { background:var(--lime); }
.product-modal-prev { left:18px; }.product-modal-next { right:18px; }
.product-modal-details { display:flex; flex-direction:column; justify-content:center; padding:70px 36px 36px; }
.product-modal-details>p { margin:0 0 10px; font-size:10px; font-weight:950; letter-spacing:1.4px; text-transform:uppercase; }
.product-modal-details h2 { margin:0; font-family:Impact,Haettenschweiler,sans-serif; font-size:clamp(42px,5vw,76px); line-height:.92; letter-spacing:.2px; }
.product-modal-meta { display:flex; align-items:center; justify-content:space-between; gap:18px; margin:28px 0; padding:18px 0; border-top:3px solid var(--ink); border-bottom:3px solid var(--ink); }
.product-modal-meta strong { font-size:28px; }.product-modal-meta span { font-size:10px; font-weight:950; letter-spacing:.8px; }.product-modal-meta .in-stock { color:#2f6b19; }.product-modal-meta .sold-out { color:#a62f1d; }
.product-modal-add { width:100%; padding:17px; border:2px solid var(--ink); background:var(--orange); color:#fff; box-shadow:4px 4px 0 var(--ink); font-size:12px; font-weight:950; cursor:pointer; }.product-modal-add span { float:right; font-size:20px; line-height:.7; }.product-modal-add:disabled { background:#c7bbaa; color:#766c60; cursor:not-allowed; }
.product-modal-details>small { margin-top:18px; color:#746c62; font-size:10px; font-weight:800; letter-spacing:.4px; }
@media (max-width:780px) { .product-modal { padding:12px; }.product-modal-panel { width:100%; max-height:96vh; grid-template-columns:1fr; }.product-modal-visual { min-height:0; height:58vh; border-right:0; border-bottom:3px solid var(--ink); }.product-modal-visual img { max-height:58vh; }.product-modal-details { padding:24px 22px 28px; }.product-modal-details h2 { padding-right:44px; font-size:42px; }.product-modal-close { top:10px; right:10px; }.product-modal-nav { width:44px; height:44px; }.product-modal-prev { left:10px; }.product-modal-next { right:10px; }.catalog-card .view-product-label { opacity:1; } }

/* Catalogue density */
.product-grid { grid-template-columns:repeat(5,minmax(0,1fr)); gap:14px; }
@media (max-width:1050px) { .product-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (max-width:640px) {
  .product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  .product-card.catalog-card { padding:8px; box-shadow:3px 3px 0 var(--ink); }
  .catalog-card>p { margin-top:10px; font-size:8px; }
  .catalog-card h3 { min-height:44px; margin-bottom:6px; font-size:19px; line-height:1; }
  .catalog-card .product-meta { gap:6px; padding-top:9px; }
  .catalog-card .product-meta strong { font-size:17px; }
  .catalog-card .product-meta span { max-width:62px; font-size:7px; text-align:right; }
  .catalog-card>button[data-add] { margin-top:9px; padding:10px 7px; font-size:9px; }
  .catalog-card .view-product-label { right:6px; bottom:6px; padding:6px; font-size:7px; }
}