:root{--bg: #fafaf7;--surface: #ffffff;--surface-2: #f0f0ec;--border: #e3e3dd;--text: #16161a;--muted: #676774;--accent: #e63757;--accent-2: #f59e0b;--radius: 14px;color-scheme:light}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--text);font:16px/1.55 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;min-height:100vh;display:flex;flex-direction:column}main{flex:1;padding-block:28px 56px}a{color:inherit}img{display:block;max-width:100%;height:auto}h1,h2,h3{line-height:1.2;margin:0 0 12px}h1{font-size:clamp(1.6rem,4vw,2.4rem);letter-spacing:-.02em}h2{font-size:1.35rem;margin-top:32px}p{margin:0 0 14px}.muted{color:var(--muted)}.wrap{width:min(1200px,100%);margin-inline:auto;padding-inline:16px}.site-header{position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.header-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-block:14px 8px}.logo{font-weight:800;font-size:1.2rem;text-decoration:none;letter-spacing:-.02em}.logo span{background:linear-gradient(90deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.cat-nav{display:flex;gap:6px;overflow-x:auto;padding-block:4px 12px;scrollbar-width:none}.cat-nav::-webkit-scrollbar{display:none}.cat-nav a{flex:none;text-decoration:none;color:var(--muted);padding:6px 12px;border-radius:999px;font-size:.92rem}.cat-nav a:hover{color:var(--text);background:var(--surface)}.cat-nav a[aria-current=page]{color:var(--text);background:var(--surface-2)}.device-toggle{display:inline-flex;background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:3px}.device-toggle button{font:inherit;font-size:.85rem;color:var(--muted);background:none;border:0;padding:5px 12px;border-radius:999px;cursor:pointer}.device-toggle button[aria-pressed=true]{background:var(--text);color:var(--bg);font-weight:600}html[data-device=mobile] .only-desktop,html[data-device=desktop] .only-mobile{display:none!important}.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}html[data-device=mobile] .grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.card{text-decoration:none;display:block}.card .shot{border-radius:var(--radius);overflow:hidden;background:var(--surface-2);border:1px solid var(--border);position:relative;box-shadow:0 1px 2px #0000000a,0 4px 16px #0000000f}.card .shot img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.card:hover .shot img{transform:scale(1.03)}.shot.only-mobile{aspect-ratio:9 / 16}.shot.only-desktop{aspect-ratio:16 / 9}.card-meta{display:flex;justify-content:space-between;gap:8px;padding:8px 2px 0;font-size:.9rem}.card-meta .muted{font-size:.82rem}.badge{position:absolute;top:10px;left:10px;font-size:.75rem;font-weight:700;padding:3px 9px;border-radius:999px;background:var(--accent-2);color:#1a1205}.hero{display:grid;gap:24px;align-items:center;grid-template-columns:1fr;margin-bottom:40px}@media(min-width:820px){.hero{grid-template-columns:1.4fr 1fr}}html[data-device=mobile] .hero .shot{max-width:340px;margin-inline:auto}.hero .eyebrow{color:var(--accent);font-weight:700;text-transform:uppercase;font-size:.8rem;letter-spacing:.08em;margin-bottom:8px}.detail{display:grid;gap:32px;grid-template-columns:1fr}@media(min-width:900px){.detail{grid-template-columns:1.5fr 1fr}}html[data-device=mobile] .detail .shot{max-width:380px;margin-inline:auto}.detail .shot{border-radius:var(--radius);overflow:hidden;border:1px solid var(--border)}.facts{list-style:none;padding:0;margin:0 0 20px;display:grid;gap:6px}.facts li{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--border);padding-block:8px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:inherit;font-weight:700;text-decoration:none;cursor:pointer;padding:12px 20px;border-radius:12px;border:0;background:linear-gradient(90deg,var(--accent),var(--accent-2));color:#fff;text-shadow:0 1px 1px rgb(0 0 0 / .15)}.btn.secondary{background:var(--surface);color:var(--text);border:1px solid var(--border);text-shadow:none}.btn[disabled]{opacity:.55;cursor:not-allowed}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}.cat-tiles{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));margin-top:8px}.cat-tile{text-decoration:none;padding:16px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border)}.cat-tile:hover{border-color:var(--muted)}.cat-tile strong{display:block;margin-bottom:4px}.cat-tile span{color:var(--muted);font-size:.88rem}.empty{padding:40px 20px;text-align:center;border:1px dashed var(--border);border-radius:var(--radius);color:var(--muted)}.prose{max-width:720px}.prose h2{font-size:1.15rem}.site-footer{border-top:1px solid var(--border);color:var(--muted);font-size:.88rem}.footer-row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding-block:22px}.footer-row p{margin:0}.footer-row nav{display:flex;flex-wrap:wrap;gap:14px}.footer-row a{text-decoration:none}.footer-row a:hover{color:var(--text)}.bundle-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.bundle-card{display:block;text-decoration:none;border-radius:var(--radius);overflow:hidden;background:var(--surface);border:1px solid var(--border);box-shadow:0 1px 2px #0000000a,0 4px 16px #0000000f}.bundle-card:hover{border-color:var(--muted)}.bundle-cover{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:2px;background:var(--border)}.bundle-cover img{width:100%;aspect-ratio:9 / 16;object-fit:cover}.bundle-cover.wide{grid-auto-flow:row}.bundle-cover.wide img{aspect-ratio:16 / 9}.bundle-cover.wide img:not(:first-child){display:none}.bundle-meta{display:grid;grid-template-columns:1fr auto;gap:2px 12px;padding:14px 16px}.bundle-meta .price{grid-row:1 / 3;grid-column:2;align-self:center;font-weight:800;font-size:1.1rem}.bundle-meta .price s{font-weight:400;font-size:.85rem;margin-left:6px}.bundle-facts{max-width:520px}.part-of{margin-top:18px;padding:14px 16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}