:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--section:64px;--gutter:16px;--h1:36px;--h2:28px;--h3:22px;--body:16px;--pill:999px;--card-radius:24px;--field-radius:8px}@media (min-width:900px){:root{--section:128px;--gutter:24px;--h1:56px;--h2:40px;--h3:28px;--body:18px}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--color-background);color:var(--color-text);font-family:var(--font-body);font-size:var(--body);margin:0;line-height:1.55}h1,h2,h3{font-family:var(--font-heading);margin:0 0 var(--space-4);font-weight:500;line-height:1.2}h1{font-size:var(--h1)}h2{font-size:var(--h2)}h3{font-size:var(--h3)}p{margin:0 0 var(--space-4)}img{max-width:100%;height:auto;display:block}a{color:var(--color-primary)}a:focus-visible,summary:focus-visible{outline:3px solid var(--color-primary);outline-offset:3px;border-radius:var(--field-radius)}.muted{color:var(--color-text-muted)}.wrap{max-width:1280px;padding:0 var(--gutter);margin:0 auto}.skip{position:absolute;left:-9999px}.skip:focus{left:var(--space-4);top:var(--space-4);z-index:20;background:var(--color-background);padding:var(--space-2) var(--space-4)}.button{background:var(--color-primary);color:var(--color-on-primary);padding:var(--space-3) var(--space-6);border-radius:var(--pill);font-weight:700;text-decoration:none;display:inline-block}.button:hover{opacity:.9}.site-header{z-index:10;background:var(--color-background);border-bottom:1px solid var(--color-surface);position:sticky;top:0}.site-header__bar{align-items:center;gap:var(--space-5);min-height:72px;display:flex}.brand img{width:auto;height:32px}.nav--inline{gap:var(--space-5);margin-right:auto;display:none}.nav a,.cart-link,.menu__panel a{color:var(--color-text);font-weight:500;text-decoration:none}.nav a:hover,.cart-link:hover{color:var(--color-primary)}.cart-link{margin-left:auto}.menu__button{cursor:pointer;padding:var(--space-2) var(--space-4);border-radius:var(--pill);background:var(--color-surface);font-weight:500;list-style:none}.menu__button::-webkit-details-marker{display:none}.menu[open] .menu__panel{gap:var(--space-5);padding:var(--space-6) var(--gutter);background:var(--color-background);flex-direction:column;display:flex;position:fixed;inset:72px 0 0}.menu__panel{display:none}.menu__panel a{font-size:var(--h3)}@media (min-width:900px){.nav--inline{display:flex}.cart-link{margin-left:0}.menu{display:none}}.page>section,.page>figure{margin-block:var(--section)}.page>:first-child{margin-top:var(--space-5)}.banner{margin-inline:var(--gutter);background:var(--color-surface);border-radius:28px;align-items:flex-end;min-height:420px;display:flex;position:relative;overflow:hidden}@media (min-width:900px){.banner{max-width:calc(1280px - 2 * var(--gutter));min-height:560px;margin-left:auto;margin-right:auto}}.banner__image{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.banner__veil{background:var(--color-surface);opacity:.85;-webkit-mask-image:linear-gradient(to top, var(--color-text), transparent 70%);mask-image:linear-gradient(to top, var(--color-text), transparent 70%);position:absolute;inset:0}.banner__text{padding:var(--space-6) var(--space-5);max-width:720px;animation:.25s ease-out both fade-in;position:relative}.banner__text h1{font-weight:500}.banner--plain{min-height:0}.banner--plain .banner__text{padding:var(--space-7) var(--space-5)}@media (max-width:599px){.banner .button{text-align:center;display:block}}.text-block{max-width:680px;padding:0 var(--gutter);margin-left:auto;margin-right:auto}.text-block a{text-decoration:underline}.image-block{max-width:1280px;padding:0 var(--space-4);margin-left:auto;margin-right:auto}.image-block img{aspect-ratio:3/2;object-fit:cover;border-radius:28px;width:100%}.image-block figcaption{margin-top:var(--space-3);color:var(--color-text-muted);font-size:14px}.product-list{max-width:1280px;padding:0 var(--gutter);margin-left:auto;margin-right:auto}.cards{gap:var(--space-4);scroll-snap-type:x mandatory;padding:0;padding-bottom:var(--space-3);margin:0;list-style:none;display:flex;overflow-x:auto}.cards>li{scroll-snap-align:start;flex:0 0 78%}@media (min-width:600px){.cards{grid-template-columns:repeat(2,1fr);display:grid;overflow:visible}}@media (min-width:1000px){.cards{gap:var(--space-5);grid-template-columns:repeat(4,1fr)}}.card{gap:var(--space-1);height:100%;color:var(--color-text);flex-direction:column;text-decoration:none;display:flex;position:relative}.card__media{aspect-ratio:1;background:var(--color-surface);border-radius:var(--card-radius);margin-bottom:var(--space-3);display:block;position:relative;overflow:hidden}.card__media img{object-fit:cover;width:100%;height:100%}.card__media:after{content:"";border-radius:var(--card-radius);box-shadow:0 8px 24px var(--color-text);opacity:0;transition:opacity .2s;position:absolute;inset:0}.card:hover .card__media:after{opacity:.1}.card__name{font-weight:700}.card__spec{color:var(--color-text-muted);font-size:14px}.card__price{color:var(--color-primary);font-weight:500}.crumbs{gap:var(--space-2);max-width:1280px;margin:var(--space-5) auto 0;padding:0 var(--gutter);color:var(--color-text-muted);flex-wrap:wrap;font-size:14px;display:flex}.product{gap:var(--space-6);max-width:1280px;margin:var(--space-5) auto var(--section);padding:0 var(--gutter);display:grid}@media (min-width:900px){.product{grid-template-columns:3fr 2fr}}.gallery{gap:var(--space-3);display:grid}.gallery img{aspect-ratio:4/3;object-fit:cover;background:var(--color-surface);border-radius:28px;width:100%}.buybox{background:var(--color-surface);border-radius:var(--card-radius);padding:var(--space-6);align-self:start}.buybox h1{font-size:var(--h2)}.price{font-size:var(--h3);font-weight:700}.price small{color:var(--color-text-muted);font-size:14px;font-weight:400}.stock--in{color:var(--color-success)}.stock--out{color:var(--color-error)}.site-footer{margin-top:var(--section);background:var(--color-surface);padding:var(--space-7) 0 var(--space-6)}.footer-columns{gap:var(--space-5);display:grid}@media (min-width:900px){.footer-columns{grid-template-columns:repeat(4,1fr)}}.footer-col summary{color:var(--color-primary);margin-bottom:var(--space-3);font-weight:700;list-style:none}.footer-col ul,.footer-legal ul{margin:0;padding:0;list-style:none}.footer-col li{margin-bottom:var(--space-2)}.footer-col a,.footer-legal a{color:var(--color-text)}.footer-legal{margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--color-text-muted);color:var(--color-text-muted);font-size:14px}.footer-legal ul{gap:var(--space-2) var(--space-5);flex-wrap:wrap;display:flex}.notice{max-width:560px;margin:var(--space-8) auto;padding:var(--space-7) var(--space-5);text-align:center;background:var(--color-surface);border-radius:28px}.notice__code{font-family:var(--font-heading);font-size:var(--h1);color:var(--color-accent);margin:0}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.banner__text{animation:none}.card__media:after{transition:none}}.key-figures{gap:var(--space-4);max-width:680px;margin:var(--space-6,32px) auto;padding:0 var(--gutter);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));display:grid}.key-figure{padding:var(--space-4);background:var(--color-surface);border-radius:var(--radius,8px);text-align:center;flex-direction:column;gap:4px;display:flex}.key-figure strong{font-family:var(--font-heading);font-size:var(--h2)}.specs{border-collapse:collapse;width:100%}.specs th,.specs td{text-align:left;vertical-align:top;padding:8px 12px}.specs th{width:40%;font-weight:600}.specs tr:nth-child(odd){background:var(--color-surface)}.specs .source{opacity:.75;display:block}.text-block details{border-bottom:1px solid var(--color-surface);padding:8px 0}.text-block summary{cursor:pointer;font-weight:600}.preview-banner{padding:var(--space-2) var(--gutter);background:var(--color-primary);color:var(--color-on-primary);text-align:center;margin:0;font-weight:600}.preview-note{padding:0 var(--gutter)}:is(html:has(.preview-root) a,html:has(.preview-root) button){pointer-events:none;cursor:default}
