:root{--bg: #ebe7de;--bg-elev: #f1ede4;--bg-card: #e3dfd5;--line: #cdc8bc;--line-strong: #b3ad9e;--ink: #1a1c1f;--ink-dim: #5b5f66;--ink-mute: #8b8e93;--accent: #e89b54;--accent-ink: #ffffff;--danger: #c25656;--radius: 4px;--grid: 24px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--font-sans: "Space Grotesk", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--fs-xs: 11px;--fs-sm: 13px;--fs-base: 16px;--fs-lg: 18px;--fs-xl: 20px;--fs-2xl: 24px;--fs-3xl: 32px;--fs-4xl: 40px;--fs-hero: 52px;--radius-sm: var(--radius);--radius-md: var(--radius);--radius-lg: var(--radius);--radius-full: 999px;--container-max: 1320px;--header-height: 64px;--transition-fast: .12s ease;--transition-base: .2s ease;--color-bg: var(--bg);--color-surface: var(--bg-elev);--color-surface-2: var(--bg-card);--color-border: var(--line);--color-text: var(--ink);--color-muted: var(--ink-mute);--color-accent: var(--accent);--color-accent-hover: color-mix(in oklab, var(--accent) 85%, black);--color-accent-soft: color-mix(in oklab, var(--accent) 14%, transparent);--color-danger: var(--danger);--color-success: #2a9d5c}[data-theme=dark]{--bg: #0f1216;--bg-elev: #14181e;--bg-card: #161b22;--line: #232a33;--line-strong:#2e3744;--ink: #e7e4dd;--ink-dim: #9aa3ad;--ink-mute: #5c6470;--accent-ink: #0a1614}[data-theme=cool]{--bg: #dadfe4;--bg-elev: #e3e7eb;--bg-card: #d1d6dc;--line: #b7bec5;--line-strong:#9aa3ac;--ink: #161a1f;--ink-dim: #4d5560;--ink-mute: #7d858f;--accent-ink: #ffffff}.nav{border-bottom:1px solid var(--line);background:color-mix(in oklab,var(--bg) 92%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0;z-index:50}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:var(--header-height)}.brand{display:inline-flex;align-items:baseline;gap:8px;font-weight:700;font-size:22px;letter-spacing:-.01em;color:var(--ink);text-decoration:none}.brand b{color:var(--accent)}.nav-right{display:flex;align-items:center;gap:8px}.icon-btn{height:36px;min-width:36px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:transparent;color:var(--ink);border:1px solid var(--line);border-radius:var(--radius);font-size:13px;font-weight:500;font-family:inherit;transition:all .15s ease;text-decoration:none;cursor:pointer}.icon-btn:hover{border-color:var(--line-strong);background:var(--bg-elev)}.icon-btn.has-badge{position:relative}.badge{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 5px;background:var(--accent);color:var(--accent-ink);border-radius:9px;font-family:var(--font-mono);font-size:10px;font-weight:600;display:inline-flex;align-items:center;justify-content:center}.badge.is-empty{display:none}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:transparent;color:var(--ink);border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;transition:all .15s ease}.theme-toggle:hover{border-color:var(--line-strong);background:var(--bg-elev)}.theme-toggle__icon{width:18px;height:18px}.theme-toggle__sun{display:none}.theme-toggle__moon,[data-theme=dark] .theme-toggle__sun{display:block}[data-theme=dark] .theme-toggle__moon{display:none}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;background:transparent}@media (max-width: 1100px){.grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 760px){.grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 460px){.grid{grid-template-columns:1fr}}.card{background:transparent;position:relative;aspect-ratio:1 / 1.15;overflow:hidden;cursor:pointer;transition:background .25s ease}.card:hover{background:var(--bg-elev)}.card-link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:block}.card-corners:before,.card-corners:after,.card-corners>span:before,.card-corners>span:after{content:"";position:absolute;width:12px;height:12px;border:1px solid var(--ink-mute);opacity:.5;transition:opacity .25s ease,border-color .25s ease}.card-corners:before{top:12px;left:12px;border-right:0;border-bottom:0}.card-corners:after{top:12px;right:12px;border-left:0;border-bottom:0}.card-corners>span:before{bottom:12px;left:12px;border-right:0;border-top:0}.card-corners>span:after{bottom:12px;right:12px;border-left:0;border-top:0}.card:hover .card-corners:before,.card:hover .card-corners:after,.card:hover .card-corners>span:before,.card:hover .card-corners>span:after{opacity:1;border-color:var(--accent)}.card-sku{position:absolute;top:16px;left:16px;font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;color:var(--ink-mute);z-index:1}.card-mat{position:absolute;top:16px;right:16px;font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;color:var(--ink-mute);display:inline-flex;align-items:center;gap:6px;z-index:1}.card-mat .dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.card-frame{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.card-frame img{width:100%;height:100%;object-fit:cover;transition:transform .4s cubic-bezier(.2,.7,.2,1)}.card:hover .card-frame img{transform:scale(1.04) rotate(-1deg)}.card-reveal{position:absolute;left:0;right:0;bottom:0;padding:18px 20px;background:linear-gradient(to top,var(--bg-elev) 70%,transparent);transform:translateY(105%);transition:transform .35s cubic-bezier(.2,.7,.2,1);border-top:1px solid var(--line);z-index:2;pointer-events:none}.card:hover .card-reveal{transform:translateY(0)}.card-reveal .name{font-size:17px;font-weight:600;letter-spacing:-.01em;margin-bottom:4px;color:var(--ink)}.card-reveal .row{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.card-reveal .cat{font-family:var(--font-mono);font-size:11px;color:var(--ink-dim);letter-spacing:.06em;text-transform:uppercase}.card-reveal .price{font-family:var(--font-mono);font-size:15px;color:var(--accent);font-weight:500}.card-reveal .add{margin-top:12px;height:36px;width:100%;background:var(--accent);color:var(--accent-ink);border:0;border-radius:var(--radius);font-weight:600;font-size:12px;letter-spacing:.04em;text-transform:uppercase;display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;position:relative;z-index:1;font-family:inherit;pointer-events:auto;transition:filter .15s ease}.card-reveal .add:hover{filter:brightness(1.05)}.card.is-custom{background:repeating-linear-gradient(135deg,transparent 0 12px,color-mix(in oklab,var(--accent) 8%,transparent) 12px 13px),var(--bg)}.card.is-custom .card-frame img{opacity:.8}@media (max-width: 760px){.card-reveal{transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.card-reveal,.card-frame img{transition:none}.card-corners:before,.card-corners:after,.card-corners>span:before,.card-corners>span:after{transition:none}}.cart-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:48px;align-items:start}@media (max-width: 900px){.cart-layout{grid-template-columns:1fr}}.cart-list{border:1px solid var(--line);background:var(--bg-elev)}.cart-row{display:grid;grid-template-columns:80px 1fr auto;gap:20px;align-items:center;padding:20px;border-bottom:1px solid var(--line)}.cart-row:last-child{border-bottom:0}.cart-thumb{width:80px;height:80px;background:var(--bg);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.cart-thumb img{width:100%;height:100%;object-fit:cover}.cart-info{min-width:0}.cart-info .name{font-weight:600;font-size:16px;color:var(--ink)}.cart-info .sub{font-family:var(--font-mono);font-size:11px;color:var(--ink-mute);margin-top:4px;letter-spacing:.06em}.qty{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;margin-top:10px}.qty button{width:32px;height:32px;background:transparent;border:0;color:var(--ink);font-family:var(--font-mono);cursor:pointer}.qty button:hover{background:var(--bg)}.qty .v{width:36px;text-align:center;font-family:var(--font-mono);font-size:13px;color:var(--ink)}.cart-row .right{display:flex;flex-direction:column;align-items:flex-end;gap:10px}.cart-row .right .price{font-family:var(--font-mono);font-weight:500;color:var(--ink)}.cart-row .right .remove{border:0;background:transparent;color:var(--ink-mute);font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;padding:0}.cart-row .right .remove:hover{color:var(--danger)}.summary{position:sticky;top:88px;border:1px solid var(--line);background:var(--bg-elev)}.summary-head{padding:20px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.summary-head h3{margin:0;font-size:16px;letter-spacing:-.005em}.summary-head .pill{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;color:var(--ink-mute);padding:4px 8px;border:1px solid var(--line);border-radius:999px}.summary-rows{padding:20px}.sum-row{display:flex;justify-content:space-between;margin-bottom:10px;font-size:14px}.sum-row .l{color:var(--ink-dim)}.sum-row .v{font-family:var(--font-mono)}.sum-total{display:flex;justify-content:space-between;border-top:1px dashed var(--line);padding-top:16px;margin-top:8px;font-size:17px;font-weight:600}.sum-total .v{font-family:var(--font-mono);color:var(--accent)}.summary-cta{padding:0 20px 20px}.btn-whatsapp{width:100%;height:48px;background:var(--accent);color:var(--accent-ink);border:0;border-radius:var(--radius);font-weight:600;font-size:14px;display:inline-flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;text-decoration:none;font-family:inherit;transition:filter .15s ease}.btn-whatsapp:hover{filter:brightness(1.05)}.summary-foot{border-top:1px solid var(--line);padding:16px 20px;font-family:var(--font-mono);font-size:11px;color:var(--ink-mute);line-height:1.5}.share-block{margin-top:32px;border:1px solid var(--line);padding:24px;background:var(--bg-elev)}.share-block h3{margin:0 0 6px;font-size:18px;letter-spacing:-.01em}.share-block .sub{color:var(--ink-dim);font-size:13px;margin:0 0 20px}.share-cols{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 600px){.share-cols{grid-template-columns:1fr}}.share-cols label{display:block;font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mute);margin-bottom:8px}.share-cols textarea{width:100%;min-height:86px;padding:12px;background:var(--bg);color:var(--ink-dim);border:1px solid var(--line);border-radius:var(--radius);font-family:var(--font-mono);font-size:11px;resize:vertical;outline:none}.share-cols textarea:focus{border-color:var(--accent)}.row-btn{width:100%;height:36px;margin-top:10px;background:transparent;color:var(--ink);border:1px solid var(--line);border-radius:var(--radius);font-size:12px;letter-spacing:.04em;text-transform:uppercase;font-weight:600;cursor:pointer;font-family:inherit}.row-btn:hover{border-color:var(--accent);color:var(--accent)}.cart-share__status{font-size:11px;font-family:var(--font-mono);margin-top:8px;min-height:1.2em;letter-spacing:.06em}.cart-share__status.is-success{color:var(--color-success)}.cart-share__status.is-error{color:var(--danger)}.empty-cart{text-align:center;padding:80px 24px;border:1px dashed var(--line);background:color-mix(in oklab,var(--bg-elev) 60%,transparent)}.empty-cart svg{margin:0 auto 24px;color:var(--ink-mute)}.empty-cart h3{margin:0 0 8px;font-size:28px;letter-spacing:-.02em}.empty-cart p{color:var(--ink-dim);margin:0 0 24px}.controls{display:grid;grid-template-columns:1fr auto;gap:16px;margin-bottom:32px;align-items:center}@media (max-width: 720px){.controls{grid-template-columns:1fr}}.search{position:relative}.search input{width:100%;height:44px;padding:0 16px 0 42px;background:var(--bg-elev);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius);font-family:inherit;font-size:14px;outline:none;transition:border-color .15s ease}.search input::placeholder{color:var(--ink-mute)}.search input:focus{border-color:var(--accent)}.search svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--ink-mute);pointer-events:none}.search .kbd{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-family:var(--font-mono);font-size:10px;color:var(--ink-mute);border:1px solid var(--line);padding:2px 6px;border-radius:3px}.count-bar{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-mute);white-space:nowrap}.filter-row{display:flex;flex-wrap:wrap;gap:8px;padding:16px 0;border-top:1px dashed var(--line);align-items:center}.filter-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mute);margin-right:8px;min-width:70px}.chip{height:30px;padding:0 14px;background:transparent;color:var(--ink-dim);border:1px solid var(--line);border-radius:999px;font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;transition:all .15s ease;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.chip:hover{color:var(--ink);border-color:var(--line-strong)}.chip.active,.chip.is-active{background:var(--ink);color:var(--bg);border-color:var(--ink)}.personalization{margin-top:var(--space-4);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.personalization__toggle{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;font-size:var(--fs-base);-webkit-user-select:none;user-select:none}.personalization__check{width:1rem;height:1rem;cursor:pointer;accent-color:var(--color-accent);flex-shrink:0}.personalization__price{font-weight:600}.personalization__fields{margin-top:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}.personalization__note{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);font-size:var(--fs-base);font-family:var(--font-sans);transition:border-color var(--transition-fast)}.personalization__note:focus{outline:none;border-color:var(--color-accent)}.personalization__hint,.cart-item__personalization{margin:0;font-size:var(--fs-sm);color:var(--color-muted)}.configurator{margin-top:var(--space-4);display:flex;flex-direction:column;gap:var(--space-4);width:100%}.configurator__field{display:flex;flex-direction:column;gap:var(--space-2)}.configurator__label{font-size:var(--fs-sm);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--ink-mute)}.configurator__chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.configurator__weight{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg);color:var(--ink);font-size:var(--fs-base);font-family:var(--font-sans);transition:border-color var(--transition-fast)}.configurator__weight:focus{outline:none;border-color:var(--accent)}.configurator__price{font-family:var(--font-mono);font-size:1.25rem;font-weight:600;color:var(--ink);margin:0}.configurator__disclaimer{font-size:var(--fs-sm);color:var(--ink-mute);margin:0}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}html{-webkit-text-size-adjust:100%;background:var(--bg)}body{font-family:var(--font-sans);font-size:var(--fs-base);line-height:1.55;color:var(--ink);background:var(--bg);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"ss01" 1,"ss02" 1;text-rendering:optimizeLegibility;overflow-x:hidden}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button{font-family:inherit;font-size:inherit;cursor:pointer}input,select,textarea,button{font-family:inherit}h1,h2,h3,h4{margin:0 0 var(--space-3);font-weight:600;line-height:1.1;letter-spacing:-.02em;color:var(--ink)}p{margin:0 0 var(--space-3)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius)}.view{opacity:1;transition:opacity .15s ease}.view--leaving{opacity:0}.theme-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;pointer-events:none;transform:translateY(0);transition:transform .52s cubic-bezier(.65,0,.35,1);will-change:transform}.theme-overlay--slide{transform:translateY(100%)}@media (prefers-reduced-motion: reduce){.theme-overlay{transition:none}}.bg-grid{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:linear-gradient(to right,var(--line) 1px,transparent 1px),linear-gradient(to bottom,var(--line) 1px,transparent 1px);background-size:var(--grid) var(--grid);opacity:.35;-webkit-mask-image:radial-gradient(ellipse at 50% 30%,#000 30%,transparent 75%);mask-image:radial-gradient(ellipse at 50% 30%,#000 30%,transparent 75%)}.shell{position:relative;z-index:1}.container{max-width:var(--container-max);margin:0 auto;padding:0 32px}@media (max-width: 720px){.container{padding:0 20px}}.btn{height:48px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:var(--radius);font-size:14px;font-weight:600;letter-spacing:.005em;transition:all .15s ease;border:1px solid transparent;text-decoration:none;cursor:pointer}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.btn-primary:hover{transform:translateY(-1px);filter:brightness(1.05)}.btn-ghost{background:transparent;color:var(--ink);border-color:var(--line-strong)}.btn-ghost:hover{border-color:var(--ink);background:var(--bg-elev)}.btn-secondary{background:var(--bg-elev);color:var(--ink);border-color:var(--line)}.btn-secondary:hover{border-color:var(--accent);color:var(--accent)}.btn-danger{background:transparent;color:var(--danger);border-color:transparent}.btn-danger:hover{background:color-mix(in oklab,var(--danger) 10%,transparent)}.btn .arrow{font-family:var(--font-mono);font-weight:400}.btn:disabled{opacity:.5;cursor:not-allowed}.hero{position:relative;padding:80px 0 96px;border-bottom:1px solid var(--line);overflow:hidden}@media (max-width: 900px){.hero{padding:48px 0 56px}}.hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:center}@media (max-width: 900px){.hero-grid{grid-template-columns:1fr;gap:32px}}.eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);display:inline-flex;align-items:center;gap:10px;margin-bottom:24px}.eyebrow:before{content:"";width:24px;height:1px;background:var(--accent)}h1.display{font-size:clamp(40px,6vw,76px);line-height:1.02;letter-spacing:-.025em;font-weight:600;margin:0 0 24px}h1.display .strike{color:var(--accent)}h1.display .ghost{color:transparent;-webkit-text-stroke:1px var(--ink-mute);font-style:italic}.lede{color:var(--ink-dim);font-size:17px;max-width:460px;margin-bottom:36px;line-height:1.55}.hero-cta{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.printer{position:relative;width:100%;aspect-ratio:1 / 1;max-width:540px;margin:0 auto}.printer img{width:100%;height:100%;overflow:visible}.section{padding:96px 0;border-bottom:1px solid var(--line)}@media (max-width: 720px){.section{padding:56px 0}}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:40px;gap:24px;flex-wrap:wrap}.section-head h2{font-size:clamp(28px,3.6vw,44px);line-height:1.05;letter-spacing:-.02em;margin:12px 0 0;font-weight:600}.section-meta{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mute)}#produkte,#custom,#about{scroll-margin-top:calc(var(--header-height) + var(--space-3))}.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--line);background:var(--bg-elev)}@media (max-width: 800px){.timeline{grid-template-columns:1fr}}.step{padding:32px 28px;border-right:1px solid var(--line);position:relative}.timeline .step:last-child{border-right:0}@media (max-width: 800px){.step{border-right:0;border-bottom:1px solid var(--line)}.timeline .step:last-child{border-bottom:0}}.step-n{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;color:var(--accent);margin-bottom:24px;display:flex;align-items:center;gap:12px}.step-n .line{flex:1;height:1px;background:var(--line);position:relative}.step-n .line:after{content:"";position:absolute;right:-4px;top:-3px;width:6px;height:6px;transform:rotate(45deg);border-top:1px solid var(--accent);border-right:1px solid var(--accent)}.step-icon{width:44px;height:44px;border:1px solid var(--line-strong);border-radius:var(--radius);display:inline-flex;align-items:center;justify-content:center;color:var(--accent);margin-bottom:20px}.step h3{font-size:19px;margin:0 0 8px;letter-spacing:-.01em;font-weight:600}.step p{margin:0;color:var(--ink-dim);font-size:14px;line-height:1.5}.about{display:grid;grid-template-columns:1fr 1.5fr;gap:64px;align-items:start}@media (max-width: 800px){.about{grid-template-columns:1fr;gap:32px}}.about .lbl{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mute)}.about h2{font-size:clamp(28px,3.4vw,40px);letter-spacing:-.02em;line-height:1.1;margin:0;font-weight:600;text-wrap:balance}.about p{margin:0 0 16px;color:var(--ink-dim);font-size:16px;line-height:1.6}.about .signature{font-family:var(--font-mono);font-size:12px;color:var(--ink-mute);margin-top:24px;letter-spacing:.05em}footer{padding:48px 0 64px;background:var(--bg)}.foot-inner{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:32px;padding-bottom:32px;border-bottom:1px solid var(--line)}@media (max-width: 720px){.foot-inner{grid-template-columns:1fr 1fr}}.foot-col .brand{font-weight:700;font-size:20px;letter-spacing:-.01em;margin-bottom:12px}.foot-col .brand b{color:var(--accent)}.foot-col h4{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mute);margin:0 0 16px;font-weight:500}.foot-col a,.foot-col p{display:block;color:var(--ink-dim);font-size:14px;margin:0 0 8px}.foot-col a:hover{color:var(--accent)}.foot-bot{display:flex;justify-content:space-between;padding-top:24px;font-family:var(--font-mono);font-size:11px;color:var(--ink-mute);letter-spacing:.05em}.breadcrumb,.crumb{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;color:var(--ink-mute);text-transform:uppercase;margin-bottom:32px;padding-top:var(--space-4)}.breadcrumb a,.crumb a{color:var(--ink-dim)}.breadcrumb a:hover,.crumb a:hover{color:var(--accent)}.crumb .sep{margin:0 10px;color:var(--ink-mute)}.loading{padding:var(--space-7) 0;text-align:center;color:var(--ink-mute);font-family:var(--font-mono);font-size:var(--fs-sm);letter-spacing:.1em}.empty{padding:var(--space-7) 0;text-align:center;color:var(--ink-mute)}.product-detail{display:grid;grid-template-columns:1fr;gap:var(--space-5);padding:var(--space-5) 0}@media (min-width: 768px){.product-detail{grid-template-columns:1.1fr 1fr;gap:var(--space-7);padding:var(--space-7) 0}}.gallery{display:flex;flex-direction:column;gap:var(--space-3)}.gallery__main{background:var(--bg-elev);border:1px solid var(--line);aspect-ratio:1 / 1;overflow:hidden;display:flex;align-items:center;justify-content:center}.gallery__main img{width:100%;height:100%;object-fit:cover}.gallery__thumbs{display:flex;gap:var(--space-2);overflow-x:auto}.gallery__thumb{flex:0 0 72px;width:72px;height:72px;background:var(--bg-elev);border:1px solid var(--line);overflow:hidden;cursor:pointer;padding:0;transition:border-color var(--transition-fast)}.gallery__thumb img{width:100%;height:100%;object-fit:cover}.gallery__thumb.is-active{border-color:var(--accent)}.product-info h1{font-size:clamp(24px,3vw,36px);margin-bottom:var(--space-2);letter-spacing:-.025em}.product-info .price{font-family:var(--font-mono);font-size:var(--fs-2xl);font-weight:600;color:var(--accent);margin-bottom:var(--space-4);letter-spacing:-.02em}.product-info .description{color:var(--ink-dim);margin-bottom:var(--space-5);line-height:1.6}.chip{display:inline-block;padding:2px 12px;border:1px solid var(--line);border-radius:999px;font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;color:var(--ink-dim);margin-bottom:var(--space-3)}.colors{margin:var(--space-5) 0}.colors__label{display:block;font-size:var(--fs-sm);color:var(--ink-mute);margin-bottom:var(--space-3)}.colors__selected{color:var(--ink);font-weight:600}.colors__dots{display:flex;flex-wrap:wrap;gap:var(--space-3)}.color-dot{width:32px;height:32px;border-radius:50%;border:1px solid var(--line);display:inline-block;padding:0;cursor:pointer;background-clip:padding-box;position:relative;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.color-dot:hover{transform:scale(1.08)}.color-dot.is-active{box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--accent)}.action-row{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-5)}@media (min-width: 480px){.action-row{flex-direction:row;align-items:center}.action-row .btn{flex:1}}.configurator .action-row{margin-top:0}.confirm{color:var(--color-success);font-size:var(--fs-sm);opacity:0;transition:opacity var(--transition-base);font-family:var(--font-mono)}.confirm.is-visible{opacity:1}.related{padding:var(--space-7) 0 var(--space-5);border-top:1px solid var(--line);margin-top:var(--space-7)}.related h2{margin-bottom:var(--space-5)}.related__row{display:grid;grid-template-columns:1fr;gap:5px;background:transparent}@media (min-width: 480px){.related__row{grid-template-columns:repeat(2,1fr)}}@media (min-width: 768px){.related__row{grid-template-columns:repeat(3,1fr)}}.notfound{padding:var(--space-8) 0;text-align:center}.notfound h1{font-size:var(--fs-3xl);margin-bottom:var(--space-3)}.notfound p{color:var(--ink-mute);margin-bottom:var(--space-5)}.cart-fly-dot{position:fixed;width:22px;height:22px;border-radius:50%;background:var(--accent);pointer-events:none;z-index:9999;transform-origin:center}.cart-particle{position:fixed;border-radius:50%;background:var(--accent);pointer-events:none;z-index:9999;transform-origin:center}
