@charset "UTF-8";
.close-button{display:grid;place-items:center}.close-button svg{display:block;width:20px;height:20px}
:root{--paper:#fff;--ink:#252525;--muted:#777;--line:#e8e8e8;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);color-scheme:light;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:flex;flex-direction:column}main{flex:1}button,input{font:inherit}button{border:0;background:none;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:disabled{cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:1px solid var(--ink);outline-offset:6px}[hidden]{display:none!important}::selection{background:#ddd}
.skip{position:fixed;top:-80px;left:20px;padding:12px;background:var(--ink);color:white;z-index:30}.skip:focus{top:10px}
.header{flex-shrink:0;height:74px;padding:0 30px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center}.header button,.detail-header button{min-width:44px;min-height:44px}.text-button{font-size:10px;padding:12px 0;letter-spacing:.04em}.menu-toggle{justify-self:start;display:flex;align-items:center;min-width:44px;min-height:44px}.desktop-label{display:none}.plus{width:17px;height:17px;position:relative}.plus:before,.plus:after{content:'';position:absolute;background:var(--ink)}.plus:before{width:17px;height:1px;top:8px;left:0}.plus:after{width:1px;height:17px;top:0;left:8px}
.wordmark{justify-self:center;font-size:12px;letter-spacing:.1em;white-space:nowrap}.wordmark span{color:var(--muted);font-size:10px;letter-spacing:0;margin-left:4px}.selection-toggle{justify-self:end;display:flex;gap:8px;align-items:center}.selection-count{font-size:10px}.selection-count:before{content:'('}.selection-count:after{content:')'}
.catalog-intro{padding:15px 24px 0}.categories{display:flex;gap:26px;justify-content:center;align-items:center}.category{position:relative;padding:12px 0;text-transform:uppercase;font-size:10px;white-space:nowrap;color:#777;transition:color 150ms ease}.category[aria-pressed=true],.category:hover{color:var(--ink)}.category:after{content:'';position:absolute;right:0;bottom:5px;left:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:center;transition:transform 180ms ease}.category[aria-pressed=true]:after{transform:scaleX(1)}
.catalog{padding:0 5%}.catalog-toolbar{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.sugar-filter{display:none}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px 0;max-width:1320px;margin:0 auto;padding:14px 0 68px}.product-card{min-width:0}.product-open{display:flex;align-items:center;flex-direction:column;width:100%;padding:0 12px 24px}.product-visual{width:100%;height:224px;display:grid;place-items:center}.product-mark{display:block;width:126px;height:126px;object-fit:contain}.product-open .product-mark{transition:transform 300ms cubic-bezier(.2,.7,.2,1);transform-origin:center}.product-open:focus-visible .product-mark{transform:scale(1.08)}.product-open:active .product-mark{transform:scale(.98)}.product-name{font-size:11px;line-height:1.5;letter-spacing:.025em;font-weight:400;text-transform:uppercase;margin:0;text-align:center}.product-code{margin-top:7px;font-size:9px;color:var(--muted);letter-spacing:.04em}
.empty-state{text-align:center;padding:100px 20px 150px}.empty-state p{font-size:16px}.underlined{display:inline-flex;align-items:center;gap:14px;border-bottom:1px solid currentColor;padding:0 0 4px;font-size:11px}
footer{flex-shrink:0;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:34px;padding:20px 25px 34px}.footer-logo{display:none}.footer-links{display:flex;align-items:center;gap:25px;font-size:9px}.footer-links .text-button{font-size:9px}.copyright{color:var(--muted);font-size:9px}
dialog{border:0;padding:0;background:#fff;color:var(--ink)}dialog::backdrop{background:rgb(0 0 0 / .12)}body:has(dialog[open]){overflow:hidden}.drawer{margin:0 0 0 auto;padding:26px 34px;width:460px;max-width:100%;height:100dvh;max-height:100dvh;overflow:auto}.dialog-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:42px;min-height:38px}.dialog-top>span{font-size:11px;letter-spacing:.08em}.dialog-top h2{margin:0;font-size:20px;font-weight:400}.dialog-top h2 .selection-count{margin-left:7px}.close-button{width:44px;height:44px;padding:0;font-size:25px;font-weight:300;flex-shrink:0}.close-button:hover{background:#f5f5f5}
.menu-drawer{margin:0 auto 0 0}.menu-drawer nav{display:flex;flex-direction:column}.menu-drawer nav button{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 0;font-size:22px;text-align:left}.menu-drawer nav button span{font-size:10px;color:var(--muted);flex-shrink:0}.menu-drawer nav button:hover{color:var(--muted)}.menu-bottom{display:flex;gap:25px;flex-wrap:wrap;margin-top:50px}.menu-bottom p{flex-basis:100%;font-size:11px;color:var(--muted);margin-top:35px}
.product-dialog{position:fixed;inset:0;margin:0;width:100%;height:100dvh;max-width:none;max-height:none;overflow-y:auto;background:transparent;isolation:isolate}.product-dialog::backdrop{background:transparent}.product-surface{position:fixed;inset:0;z-index:-1;background:var(--paper);pointer-events:none}.product-detail{display:flex;flex-direction:column;align-items:center;min-height:100%;padding:74px 24px 42px}.detail-header{position:fixed;inset:0 0 auto;z-index:5;height:74px;padding:0 30px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;background:var(--paper)}.detail-back,.detail-selection{display:flex;align-items:center;gap:8px;min-height:44px;padding:10px 0;font-size:10px;letter-spacing:.04em;white-space:nowrap}.detail-back{justify-self:start}.detail-selection{justify-self:end}.detail-back svg{width:14px;height:14px;flex-shrink:0}.detail-visual{position:relative;display:grid;place-items:center;width:min(100%,880px);height:clamp(260px,46vh,450px);flex-shrink:0}.detail-visual .product-mark{width:clamp(190px,25vw,280px);height:clamp(190px,25vw,280px)}.detail-prev,.detail-next{position:absolute;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:44px;height:44px;padding:0;font-size:23px;font-weight:400;line-height:1}.detail-prev{left:0}.detail-next{right:0}.detail-prev svg,.detail-next svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.4;transition:transform 180ms ease}.detail-info{display:flex;flex-direction:column;align-items:center;width:min(100%,340px);padding:0;text-align:center}.detail-code{position:static;font-size:9px;color:var(--muted);letter-spacing:.04em;margin:0 0 8px}.detail-category{display:none}.detail-info h2{font-size:12px;font-weight:400;line-height:1.6;letter-spacing:.025em;text-transform:uppercase;margin:0}.detail-weight{font-size:10px;color:var(--muted);margin:18px 0}.detail-description{font-size:12px;line-height:1.8;margin:12px 0 0;text-align:left}.detail-info details{width:100%;padding:0;border-top:1px solid var(--line);font-size:11px;text-align:left;overflow:hidden}.detail-info summary{position:relative;display:block;cursor:pointer;min-height:44px;padding:15px 24px 15px 0;font-size:10px;line-height:1.4;list-style:none}.detail-info summary::-webkit-details-marker{display:none}.detail-info summary::marker{content:''}.detail-info summary:before,.detail-info summary:after{content:'';position:absolute;top:50%;right:1px;width:10px;height:1px;background:currentColor;transition:transform 180ms ease}.detail-info summary:after{transform:rotate(90deg)}.detail-info details[open] summary:after{transform:rotate(0)}.detail-info [data-accordion-content]{display:flow-root}.detail-info details p{font-size:12px;line-height:1.8;color:#666;margin:0 0 16px}.product-flight{position:fixed;pointer-events:none;z-index:10;transform-origin:0 0;object-fit:contain}
.solid-button{margin-top:18px;min-height:48px;width:100%;padding:0 18px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;background:var(--ink);color:white;transition:background-color 150ms ease,transform 150ms ease}.solid-button:hover{background:#484848}.solid-button:active{transform:scale(.98)}.detail-source{font-size:10px;color:var(--muted);margin-top:18px;text-decoration:underline;text-underline-offset:3px}.dialog-status{font-size:10px;line-height:1.5;color:var(--ink);margin:8px 0;min-height:1.5em}
.selection-empty{text-align:center;padding:60px 0}.selection-empty svg{width:50px;height:50px;margin-bottom:20px}.selection-empty h3{font-size:20px;font-weight:400}.selection-empty p{font-size:12px;line-height:1.8;color:var(--muted);max-width:275px;margin:0 auto 25px}.selection-row{display:grid;grid-template-columns:75px minmax(0,1fr);position:relative;padding:22px 0;gap:20px;border-bottom:1px solid var(--line)}.selection-thumb{display:grid;place-items:center;width:75px;height:85px;padding:0}.selection-thumb .product-mark{width:60px;height:60px}.selection-description h3{font-size:12px;font-weight:400;max-width:240px;margin:4px 42px 8px 0}.selection-description p{font-size:10px;color:var(--muted);margin:0}.quantity-control{display:flex;gap:15px;align-items:center;margin-top:10px;font-size:11px}.quantity-control button{border:1px solid var(--line);width:36px;height:36px;padding:0;font-size:16px}.remove-item{position:absolute;right:0;top:14px;display:grid;place-items:center;width:36px;height:36px;padding:0;font-size:19px;color:var(--muted)}.selection-note{font-size:12px;line-height:1.8;color:var(--muted);margin:28px 0 20px}.selection-actions .underlined{margin-top:18px}
.info-dialog{width:520px;max-width:calc(100% - 30px);max-height:85dvh;padding:28px 36px 38px;border:1px solid var(--line)}.info-dialog h2{font-weight:400;font-size:25px;letter-spacing:-.5px;margin:0}.info-dialog p{font-size:13px;line-height:1.8}.info-dialog .dialog-top{margin-bottom:22px}.info-dialog .contact-link{font-size:21px;display:block;margin:24px 0}.info-dialog small{color:var(--muted);font-size:11px;line-height:1.7}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:15px 22px;background:var(--ink);color:white;opacity:0;pointer-events:none;font-size:12px;max-width:90%;text-align:center;z-index:30;transition:opacity 180ms ease}.toast.visible{opacity:1}
@media(min-width:1500px){.product-visual{height:260px}.product-mark{width:140px;height:140px}}
@media(hover:hover) and (pointer:fine){.product-open:hover:not(:focus-visible):not(:active) .product-mark{transform:scale(1.12)}.detail-prev:hover svg{transform:translateX(-3px)}.detail-next:hover svg{transform:translateX(3px)}}
@media(max-width:760px){.header{height:65px;padding:0 22px}.wordmark{font-size:11px}.wordmark span{font-size:9px}.selection-toggle{font-size:9px}.categories{gap:22px;justify-content:flex-start;overflow-x:auto;scrollbar-width:none}.categories::-webkit-scrollbar{display:none}.catalog-intro{padding:12px 22px 0}.category{font-size:9px;padding:12px 0;flex-shrink:0;min-height:44px}.catalog{padding:0 20px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 8px;padding:5px 0 48px}.product-open{padding:0 0 20px}.product-visual{height:180px}.product-mark{width:103px;height:103px}.product-name{font-size:10px;line-height:1.6;max-width:165px}.product-code{margin-top:5px;font-size:9px}footer{gap:15px;padding:20px 20px 25px}.footer-links{gap:18px}.footer-links,.footer-links .text-button{font-size:9px}.copyright{width:100%;text-align:center;font-size:9px}.drawer{width:100%;padding:22px}.dialog-top{margin-bottom:28px}.detail-header{padding:0 22px}.detail-back,.detail-selection{font-size:9px;gap:6px}.detail-prev{left:-8px}.detail-next{right:-8px}.info-dialog{padding:23px}.info-dialog h2{font-size:23px}.selection-row{gap:14px}}
@media(max-width:360px){.header,.detail-header{padding:0 16px}.selection-toggle,.detail-selection{font-size:8px;gap:4px}.wordmark{font-size:10px}.wordmark span{font-size:8px}.product-visual{height:162px}.product-mark{width:90px;height:90px}.product-detail{padding-right:20px;padding-left:20px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}