body:has(.sf){background:#eef1f3}.sf{--bg:#eef1f3;--surface:#fff;--surface-2:#f6f7f8;--surface-3:#eceff2;--ink:#111820;--ink-2:#2d3843;--muted:#56626e;--faint:#8a95a0;--line:#dfe3e8;--line-2:#c4ccd3;--green:#00843d;--green-700:#006e33;--green-800:#00592a;--green-50:#e8f5ed;--green-100:#cde9d8;--hd:#0c2416;--hd-2:#163a27;--hd-strip:#061509;--hd-ink:#d2e2d8;--amber:#f7a928;--amber-600:#e5930c;--amber-50:#fff5e0;--amber-ink:#3a2500;--red:#c4321f;--red-50:#fdeeeb;--r-sm:6px;--r:10px;--r-lg:14px;--pill:999px;--sh-1:0 1px 2px #1118200f, 0 1px 1px #11182008;--sh-2:0 4px 14px #11182017, 0 1px 3px #1118200f;--sh-3:0 18px 40px #11182033, 0 3px 8px #11182014;--f:var(--font-jakarta), var(--font-jakarta-ext), system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--f-sans:var(--f);--f-mono:var(--f);--wrap:1500px;--gut:24px;--hd-top:34px;--ease:cubic-bezier(.2, .7, .2, 1);font-family:var(--f);color:var(--ink);background:var(--bg);font-variation-settings:normal;-webkit-font-smoothing:antialiased;min-height:100vh;font-size:14px;line-height:1.45}.sf .wrap{max-width:var(--wrap);padding:0 var(--gut);margin:0 auto}.sf :focus-visible{outline:2px solid var(--green-700);outline-offset:2px;box-shadow:0 0 0 5px #00843d2e}.sf .hd :focus-visible,.sf .ft :focus-visible,.sf .mm-h :focus-visible{outline-color:var(--amber);box-shadow:none}.sf h1,.sf h2,.sf h3,.sf h4{letter-spacing:-.01em;font-weight:800;line-height:1.2}.sf .muted{color:var(--muted)}.sf .sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sf-content{outline:none;min-height:50vh}.sf .num{font-variant-numeric:tabular-nums}.skip{z-index:200;color:var(--ink);border-radius:var(--r-sm);background:#fff;padding:10px 14px;font-weight:700;position:absolute;top:8px;left:-9999px}.skip:focus{left:12px}.sf .bt{border-radius:var(--pill);white-space:nowrap;height:40px;transition:background .15s var(--ease), border-color .15s var(--ease), box-shadow .15s var(--ease);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:14px;font-weight:700;display:inline-flex}.sf .bt-pri{background:var(--green);color:#fff}.sf .bt-pri:hover{background:var(--green-700)}.sf .bt-amber{background:var(--amber);color:var(--amber-ink)}.sf .bt-amber:hover{background:var(--amber-600)}.sf .bt-line{border-color:var(--line-2);color:var(--ink);box-shadow:var(--sh-1);background:#fff}.sf .bt-line:hover{background:var(--surface-2);border-color:var(--faint)}.sf .bt-ghost{color:var(--green-700)}.sf .bt-ghost:hover{background:var(--green-50)}.sf .bt-add{background:var(--green);color:#fff;width:100%;height:36px;font-size:13.5px}.sf .bt-add:hover{background:var(--green-700)}.sf .bt-lg{height:48px;padding:0 24px;font-size:15.5px}.sf .bt-sm{height:32px;padding:0 12px;font-size:13px}.sf .bt-block{width:100%}.sf .bt:disabled,.sf .bt[aria-disabled=true]{opacity:.5;cursor:not-allowed}.sf .lnk{color:var(--green-700);font-weight:600}.sf .lnk:hover{text-underline-offset:2px;text-decoration:underline}.sf .lnk-btn{color:var(--green-700);padding:2px 0;font-size:13px;font-weight:600}.sf .lnk-btn:hover{text-decoration:underline}.sf .lnk-btn:disabled{color:var(--faint)}.sf .ic-btn{border-radius:var(--r-sm);width:40px;height:40px;color:var(--ink);flex:none;place-items:center;display:grid}.sf .ic-btn:hover{background:var(--surface-3)}.sf .ic-inv{color:#fff}.sf .ic-inv:hover{background:#ffffff1a}.sf .ic-sm{width:30px;height:30px}.sf .badge{letter-spacing:.01em;white-space:nowrap;border-radius:4px;align-items:center;height:20px;padding:0 7px;font-size:11px;font-weight:700;display:inline-flex}.sf .badge-guide{background:var(--green-50);color:var(--green-800)}.sf .badge-sample{background:var(--amber);color:var(--amber-ink)}.sf .badge-soft{background:var(--surface-3);color:var(--ink-2)}.sf .badge-draft{background:var(--red-50);color:var(--red)}.sf .pr{white-space:nowrap;align-items:baseline;gap:2px;display:inline-flex}.sf .pr-amt{letter-spacing:-.015em;font-variant-numeric:tabular-nums;font-size:19px;font-weight:800}.sf .pr-unit{color:var(--muted);font-size:12.5px;font-weight:600}.sf .stp{border:1px solid var(--line-2);border-radius:var(--pill);height:38px;box-shadow:var(--sh-1);background:#fff;grid-template-columns:38px minmax(66px,auto) 38px;display:inline-grid;overflow:hidden}.sf .stp-b{color:var(--ink);place-items:center;display:grid}.sf .stp-b:hover:not(:disabled){background:var(--surface-3)}.sf .stp-b:disabled{color:var(--line-2);cursor:not-allowed}.sf .stp-v{font-variant-numeric:tabular-nums;white-space:nowrap;place-items:center;padding:0 4px;font-size:13.5px;font-weight:700;display:grid}.sf .stp.is-busy .stp-v{opacity:.55}.sf .stp-sm{grid-template-columns:34px minmax(60px,auto) 34px;height:34px}.sf .stp-lg{grid-template-columns:52px 1fr 52px;width:100%;height:48px;display:grid}.sf .stp-lg .stp-v{font-size:17px}.sf .chips{flex-wrap:wrap;gap:8px;display:flex}.sf .chip{border-radius:var(--pill);border:1px solid var(--line-2);height:34px;color:var(--ink-2);background:#fff;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:700;display:inline-flex}.sf .chip:hover{border-color:var(--faint)}.sf .chip.on{border-color:var(--green);background:var(--green-50);color:var(--green-800);box-shadow:inset 0 0 0 1px var(--green)}.sf .fld{display:block}.sf .fld-l{color:var(--ink-2);margin-bottom:5px;font-size:13px;font-weight:700;display:block}.sf .inp{border:1px solid var(--line-2);width:100%;height:44px;color:var(--ink);background:#fff;border-radius:8px;margin:0;padding:0 12px;font-size:15px;display:block;box-shadow:inset 0 1px 2px #1118200d}.sf .inp:focus{border-color:var(--green);outline:none;box-shadow:0 0 0 3px #00843d33}.sf select.inp{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2356626e' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.sf .form-g{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.sf .form-g .full{grid-column:1/-1}.sf .note{background:var(--surface-2);border:1px solid var(--line);color:var(--ink-2);border-radius:8px;padding:11px 13px;font-size:13.5px}.sf .note b{color:var(--ink);margin-bottom:2px;display:block}.sf .note-warn{background:var(--amber-50);color:#4d3200;border-color:#f1cf8f}.sf .note-err{background:var(--red-50);color:#7d1d10;border-color:#f0bdb4}.sf .note-ok{background:var(--green-50);border-color:var(--green-100);color:var(--green-800)}.sf .err{color:var(--red);margin-top:8px;font-size:13.5px;font-weight:600}.sf .crumbs{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;padding:14px 0 10px;font-size:13px;display:flex}.sf .crumbs a:hover{color:var(--green-700);text-decoration:underline}.sf .crumbs [aria-current]{color:var(--ink-2);font-weight:600}.sf .crumbs svg{color:var(--faint)}.sf .card{background:var(--surface);border-radius:var(--r);box-shadow:var(--sh-1);border:1px solid var(--line)}.sf .sec-h{align-items:baseline;gap:14px;margin-bottom:12px;display:flex}.sf .sec-h h2{font-size:20px}.sf .empty{text-align:center;padding:48px 24px}.sf .empty svg{color:var(--faint);margin:0 auto 12px}.sf .empty h2{margin-bottom:6px;font-size:20px}.sf .empty p{color:var(--muted);max-width:34em;margin:0 auto 18px}.sf .sk{background:linear-gradient(90deg,#e9edf0 0%,#f5f7f8 50%,#e9edf0 100%) 0 0/200% 100%;border-radius:6px;animation:1.3s linear infinite sk;display:block}.sf .sk-line{height:12px;margin:4px 0}.sf .sk-btn{border-radius:var(--pill);height:36px;margin-top:10px}@keyframes sk{0%{background-position:200% 0}to{background-position:-200% 0}}.sf .pimg{background:var(--surface-2);width:100%;height:100%;position:relative;overflow:hidden}.sf .pimg img{object-fit:cover;transition:opacity .3s var(--ease), transform .4s var(--ease)}.sf .pimg-2{opacity:0}.sf .pimg-none{text-align:center;color:var(--faint);background:linear-gradient(160deg,#f3f5f7,#e8ecef);flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:14px;display:flex}.sf .pimg-mark{margin-bottom:4px}.sf .pimg-name{color:var(--ink-2);font-size:14px;font-weight:700;line-height:1.25}.sf .pimg-note{color:var(--muted);font-size:11.5px}.sf .pc{border:1px solid var(--line);border-radius:var(--r);transition:box-shadow .2s var(--ease), border-color .2s var(--ease);background:#fff;flex-direction:column;min-width:0;display:flex;position:relative;overflow:hidden}.sf .pc:hover{box-shadow:var(--sh-2);border-color:var(--line-2)}.sf .pc-media{aspect-ratio:1;background:var(--surface-2);position:relative}.sf .pc-imglink{position:absolute;inset:0}.sf .pc:hover .has-2 .pimg-2{opacity:1}.sf .pc:hover .pimg:not(.has-2) img{transform:scale(1.03)}.sf .pc-badge{position:absolute;top:10px;left:10px}.sf .pc-heart{width:34px;height:34px;color:var(--ink-2);box-shadow:var(--sh-1);background:#fffffff0;border-radius:50%;place-items:center;display:grid;position:absolute;top:8px;right:8px}.sf .pc-heart:hover{color:var(--red)}.sf .pc-body{flex-direction:column;flex:1;gap:3px;padding:11px 12px 13px;display:flex}.sf .pc-cat{color:var(--muted);font-size:12px}.sf .pc-name{letter-spacing:0;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.6em;font-size:14.5px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.sf .pc-name a:hover{color:var(--green-700);text-decoration:underline}.sf .pc-price{flex-wrap:wrap;align-items:center;gap:4px 8px;margin-top:3px;display:flex}.sf .pc-step{color:var(--muted);font-size:12px}.sf .pc-buy{margin-top:auto;padding-top:9px}.sf .pc-oos{color:var(--muted);margin-top:auto;padding-top:8px;font-size:12.5px}.sf .qa-in{display:block}.sf .qa-in .stp{border-color:var(--green);width:100%;height:36px;box-shadow:inset 0 0 0 1px var(--green);grid-template-columns:36px 1fr 36px;display:grid}.sf .qa-in .stp-v{color:var(--green-800)}.sf .pc:has(.qa-in) .pc-media:after{content:"In your crate";z-index:1;background:var(--green);color:#fff;pointer-events:none;border-radius:4px;align-items:center;height:22px;padding:0 8px;font-size:11.5px;font-weight:700;display:inline-flex;position:absolute;bottom:10px;left:10px}.sf .pc-skel .pc-media{aspect-ratio:1;border-radius:0}.sf .grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;display:grid}.sf .rail{border-radius:var(--r);box-shadow:var(--sh-1);background:#fff;min-width:0;padding:16px 18px 18px}.sf .rail-h{align-items:center;gap:14px;margin-bottom:12px;display:flex}.sf .rail-h h2{font-size:20px}.sf .rail-nav{gap:6px;margin-left:auto;display:flex}.sf .rail-btn{border:1px solid var(--line-2);width:34px;height:34px;color:var(--ink);background:#fff;border-radius:50%;place-items:center;display:grid}.sf .rail-btn:hover:not(:disabled){background:var(--surface-2)}.sf .rail-btn:disabled{opacity:.35;cursor:default}.sf .rail-track{scroll-snap-type:x mandatory;scrollbar-width:thin;overscroll-behavior-x:contain;grid-auto-columns:214px;grid-auto-flow:column;gap:14px;padding:2px 2px 8px;display:grid;overflow-x:auto}.sf .rail-track>*{scroll-snap-align:start}.hd{top:calc(-1 * var(--hd-top));z-index:50;transition:box-shadow .2s var(--ease);position:sticky}.hd.is-stuck{box-shadow:0 6px 18px #00000038}.hd-strip{height:var(--hd-top);background:var(--hd-strip);color:var(--hd-ink);font-size:12.5px}.hd-strip-in{justify-content:space-between;align-items:center;gap:16px;height:100%;display:flex}.hd-strip-msg{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.hd-strip-msg b{color:#fff;font-weight:700}.hd-strip-links{flex:none;align-items:center;gap:18px;display:flex}.hd-strip-links a{color:#fff;font-weight:600}.hd-strip-links a:hover{text-decoration:underline}.cur{border-radius:var(--pill);border:1px solid #ffffff47;display:inline-flex;overflow:hidden}.cur button{height:22px;color:var(--hd-ink);padding:0 9px;font-size:11.5px;font-weight:700}.cur button[aria-pressed=true]{color:var(--hd);background:#fff}.cur button:disabled{opacity:.5;cursor:not-allowed}.mm .cur{border-color:var(--line-2)}.mm .cur button{height:34px;color:var(--ink-2);padding:0 14px;font-size:13px}.mm .cur button[aria-pressed=true],.hd-main{background:var(--hd);color:#fff}.hd-main-in{align-items:center;gap:10px;height:66px;display:flex}.hd-burger,.hd-acc-m{display:none}.hd-logo{border-radius:var(--r-sm);border:1px solid #0000;flex:none;align-items:center;padding:6px 8px;display:flex}.hd-logo:hover{border-color:#ffffff73}.hd-logo img{width:auto;height:28px}.hd-act{border-radius:var(--r-sm);color:#fff;text-align:left;white-space:nowrap;border:1px solid #0000;flex-direction:column;flex:none;justify-content:center;padding:6px 8px;line-height:1.15;display:flex}.hd-act:hover{border-color:#ffffff73}.hd-act small{color:var(--hd-ink);font-size:12px}.hd-act b{align-items:center;gap:2px;font-size:14px;font-weight:700;display:flex}.dp{flex:none;position:relative}.dp-btn{color:inherit;text-align:left;border-radius:var(--r-sm);border:1px solid #0000;align-items:center;gap:5px;display:flex}.dp-bar .dp-btn{color:#fff;padding:6px 8px}.dp-bar .dp-btn:hover{border-color:#ffffff73}.dp-txt{flex-direction:column;line-height:1.15;display:flex}.dp-txt small{color:var(--hd-ink);font-size:12px}.dp-txt b{text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:14px;overflow:hidden}.sf .pop{z-index:60;color:var(--ink);border-radius:var(--r);box-shadow:var(--sh-3);border:1px solid var(--line);background:#fff;padding:18px;position:absolute}.dp-pop{gap:12px;width:330px;display:grid;top:calc(100% + 8px);left:0}.dp-pop h3{font-size:17px}.dp-pop p{color:var(--muted);font-size:13px}.dp-pop .dp-abroad{border-top:1px solid var(--line);padding-top:10px}.sb{flex:1;min-width:0;position:relative}.sb-form{height:44px;transition:box-shadow .15s var(--ease);background:#fff;border-radius:8px;display:flex;overflow:hidden}.sb-form:focus-within{box-shadow:0 0 0 3px var(--amber)}.sb-ghost{background:#ffffffeb}.sb-scope{background:var(--surface-3);border-right:1px solid var(--line-2);color:var(--ink-2);flex:none;align-items:center;max-width:170px;font-size:12.5px;font-weight:600;display:flex;position:relative}.sb-scope:hover{background:#e2e6ea}.sb-scope-v{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:4px;padding:0 10px 0 12px;display:flex;overflow:hidden}.sb-scope select{opacity:0;cursor:pointer;width:100%;font-size:14px;position:absolute;inset:0}.sb-scope:focus-within{box-shadow:inset 0 0 0 2px var(--green-700)}.sb-input{min-width:0;color:var(--ink);background:0 0;border:0;outline:none;flex:1;padding:0 14px;font-size:15px}.sb-input::placeholder{color:var(--faint)}.sb-input::-webkit-search-cancel-button{cursor:pointer}.sb-go{background:var(--amber);width:56px;color:var(--amber-ink);flex:none;place-items:center;display:grid}.sb-go:hover{background:var(--amber-600)}.sb-pop{z-index:65;color:var(--ink);border-radius:var(--r);box-shadow:var(--sh-3);border:1px solid var(--line);background:#fff;max-height:min(70vh,560px);padding:6px 0;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:auto}.sb-head{color:var(--muted);justify-content:space-between;align-items:center;padding:6px 14px 4px;font-size:12px;font-weight:700;display:flex}.sb-opt{cursor:pointer;align-items:center;gap:12px;padding:8px 14px;font-size:14px;display:flex}.sb-opt.is-active{background:var(--surface-3)}.sb-opt>svg{color:var(--faint);flex:none}.sb-opt mark{color:inherit;background:0 0;font-weight:800}.sb-sec{color:var(--green-800);background:var(--green-50);border-radius:4px;flex:none;padding:2px 6px;font-size:11.5px;font-weight:700}.sb-thumb{background:var(--surface-3);border-radius:6px;flex:none;width:40px;height:40px;overflow:hidden}.sb-thumb img{object-fit:cover;width:40px;height:40px}.sb-thumb-none{width:100%;height:100%;display:block}.sb-pname{flex-direction:column;flex:1;min-width:0;line-height:1.25;display:flex}.sb-pname small{color:var(--muted);font-size:12px}.sb-price{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:800}.sb-price small{color:var(--muted);font-size:12px;font-weight:600}.sb-empty{color:var(--muted);padding:10px 14px 8px;font-size:13px}.acc{flex:none;position:relative}.acc-btn{font:inherit}.sf .acc-pop{width:400px;padding:0;top:calc(100% + 4px);right:-8px;overflow:hidden}.acc-top{text-align:center;border-bottom:1px solid var(--line);padding:18px 22px 14px}.acc-top p{color:var(--muted);margin-top:8px;font-size:12.5px}.acc-cols{grid-template-columns:1fr 1fr;gap:20px;padding:16px 22px 20px;display:grid}.acc-cols h4{margin-bottom:6px;font-size:15px}.acc-cols a{color:var(--ink-2);padding:4px 0;font-size:13.5px;display:block}.acc-cols a:hover{color:var(--green-700);text-decoration:underline}.acc-hello{text-overflow:ellipsis;max-width:150px;display:block;overflow:hidden}.sf .acc-pop-in{width:300px}.acc-who{border-bottom:1px solid var(--line);background:var(--surface-2);align-items:center;gap:12px;padding:16px 18px;display:flex}.acc-who b{font-size:15px;display:block}.acc-who small{color:var(--muted);overflow-wrap:anywhere;font-size:12.5px;display:block}.acc-avatar{background:var(--green);color:#fff;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;font-size:16px;font-weight:800;display:grid}.acc-list{padding:6px 0;display:grid}.acc-list a{color:var(--ink-2);padding:9px 18px;font-size:14px;font-weight:600}.acc-list a:hover{background:var(--surface-2);color:var(--green-700)}.acc-foot{border-top:1px solid var(--line);padding:8px 18px 12px}.acc-out{color:var(--muted);padding:6px 0;font-size:14px;font-weight:600}.acc-out:hover{color:var(--ink);text-underline-offset:2px;text-decoration:underline}.mm-out{text-align:left;width:100%;color:var(--ink-2);padding:11px 18px;font-size:15px;display:block}.mm-out:hover{background:var(--surface-2)}.hd-crate{color:#fff;border-radius:var(--r-sm);border:1px solid #0000;flex:none;align-items:flex-end;gap:4px;padding:4px 8px;display:flex}.hd-crate:hover{border-color:#ffffff73}.hd-crate-ic{display:block;position:relative}.hd-count{border-radius:var(--pill);background:var(--amber);min-width:21px;height:21px;color:var(--amber-ink);font-variant-numeric:tabular-nums;place-items:center;padding:0 5px;font-size:12px;font-weight:800;display:grid;position:absolute;top:-7px;right:-9px}.hd-count:empty{display:none}.hd-crate-txt{text-align:left;flex-direction:column;padding-left:6px;line-height:1.15;display:flex}.hd-crate-txt b{font-size:14px}.hd-crate-txt small{color:var(--hd-ink);font-variant-numeric:tabular-nums;font-size:12px}.dept{background:var(--hd-2);color:#fff;position:relative}.dept-row{scrollbar-width:none;align-items:center;gap:2px;height:42px;display:flex;overflow-x:auto}.dept-row::-webkit-scrollbar{display:none}.dept-all,.dept-link{border-radius:var(--r-sm);white-space:nowrap;color:#fff;border:1px solid #0000;flex:none;align-items:center;gap:6px;height:32px;padding:0 10px;font-size:14px;font-weight:600;display:inline-flex}.dept-all{font-weight:800}.dept-all:hover,.dept-link:hover,.dept-link.is-open,.dept-all[aria-expanded=true]{border-color:#ffffff8c}.dept-link.is-here{background:#ffffff1a}.dept-sp{flex:1}.mega{color:var(--ink);box-shadow:var(--sh-3);border-top:1px solid var(--line);animation:mega-in .16s var(--ease);background:#fff;position:absolute;top:100%;left:0;right:0}@keyframes mega-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.mega-in{align-items:flex-start;gap:36px;padding:22px 0 26px;display:flex}.mega-all{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:24px 32px;display:grid}.mega-col{flex-direction:column;gap:2px;min-width:170px;max-width:230px;display:flex}.mega-col a{color:var(--ink-2);padding:3px 0;font-size:13.5px}.mega-col a:hover{color:var(--green-700);text-decoration:underline}.mega-col .mega-h{color:var(--ink);margin-bottom:4px;font-size:15px;font-weight:800}.mega-col .mega-more{color:var(--green-700);align-items:center;gap:2px;margin-top:4px;font-weight:700;display:inline-flex}.mega-feat{border-radius:var(--r);border:1px solid var(--line);background:var(--surface-2);flex:none;width:280px;margin-left:auto;overflow:hidden}.mega-img{aspect-ratio:16/10;display:block;position:relative}.mega-img img{object-fit:cover}.mega-cta{justify-content:space-between;align-items:center;padding:12px 14px;font-size:14px;font-weight:800;display:flex}.mega-feat:hover .mega-cta{color:var(--green-700)}.hd-mdeliver{display:none}.drw{z-index:80;visibility:hidden;transition:visibility 0s .28s;position:fixed;inset:0}.drw.is-open{visibility:visible;transition:none}.drw-scrim{opacity:0;transition:opacity .28s var(--ease);background:#060e0a80;position:absolute;inset:0}.drw.is-open .drw-scrim{opacity:1}.drw-panel{width:min(430px,94vw);box-shadow:var(--sh-3);transition:transform .28s var(--ease);background:#fff;flex-direction:column;display:flex;position:absolute;top:0;bottom:0}.drw-right .drw-panel{right:0;transform:translate(100%)}.drw-left .drw-panel{left:0;transform:translate(-100%)}.drw.is-open .drw-panel{transform:none}.mc-h{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:14px 14px 14px 20px;display:flex}.mc-h h2{font-size:18px}.mc-h .muted{font-size:14px;font-weight:600}.mc-lines{flex:1;padding:0 20px;list-style:none;overflow:auto}.mc-line{border-bottom:1px solid var(--line);grid-template-columns:72px minmax(0,1fr) auto;gap:12px;padding:14px 0;display:grid}.mc-img{border-radius:8px;width:72px;height:72px;display:block;overflow:hidden}.mc-img .pimg-none{padding:4px}.mc-img .pimg-name,.mc-img .pimg-note,.mc-img .pimg-mark{display:none}.mc-info{flex-direction:column;gap:2px;min-width:0;display:flex}.mc-name{font-size:14px;font-weight:600;line-height:1.3}.mc-name:hover{color:var(--green-700);text-decoration:underline}.mc-unit{color:var(--muted);font-size:12.5px}.mc-row{flex-wrap:wrap;align-items:center;gap:12px;margin-top:8px;display:flex}.mc-tot{white-space:nowrap;font-variant-numeric:tabular-nums;font-size:14.5px;font-weight:800}.mc-f{border-top:1px solid var(--line);padding:14px 20px calc(16px + env(safe-area-inset-bottom));background:var(--surface-2);gap:10px;display:grid}.mc-note{color:var(--muted);font-size:12px}.mc-acts{grid-template-columns:1fr 1fr;gap:10px;display:grid}.mc-empty{color:var(--faint);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:32px;display:flex}.mc-empty p{color:var(--ink-2);font-size:16px;font-weight:700}.sf .sum{grid-template-columns:1fr auto;gap:7px 0;font-size:14px;display:grid}.sf .sum dd{text-align:right;font-variant-numeric:tabular-nums;padding-left:12px;font-weight:700}.sf .sum .sum-total{border-top:1px solid var(--line);margin-top:3px;padding-top:10px;font-size:18px;font-weight:800}.mm .drw-panel{width:min(350px,88vw)}.mm-h{background:var(--hd);color:#fff;justify-content:space-between;align-items:center;padding:12px 10px 12px 18px;display:flex}.mm-hi{align-items:center;gap:10px;font-size:17px;font-weight:800;display:flex}.mm-body{flex:1;padding-bottom:28px;overflow:auto}.mm-body h3{border-top:1px solid var(--line);margin-top:8px;padding:18px 18px 6px;font-size:16px}.mm-body h3:first-child{border-top:0;margin-top:0}.mm-body>a,.mm-dept a{color:var(--ink-2);padding:11px 18px;font-size:15px;display:block}.mm-body>a:hover,.mm-dept a:hover{background:var(--surface-2)}.mm-dept summary{cursor:pointer;justify-content:space-between;align-items:center;padding:11px 18px;font-size:15px;list-style:none;display:flex}.mm-dept summary::-webkit-details-marker{display:none}.mm-dept summary svg{transition:transform .2s var(--ease);color:var(--muted)}.mm-dept[open] summary svg{transform:rotate(180deg)}.mm-dept[open] summary{font-weight:700}.mm-dept a{padding-left:32px;font-size:14.5px}.mm-dept .mm-all{color:var(--green-700);font-weight:700}.mm-fld{padding:6px 18px 8px;display:block}.toasts{z-index:75;pointer-events:none;flex-direction:column;gap:10px;width:min(390px,100vw - 24px);display:flex;position:fixed;top:128px;right:20px}.toast{pointer-events:auto;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh-3);animation:toast-in .25s var(--ease);background:#fff;align-items:center;gap:12px;padding:10px 8px 10px 10px;display:flex}@keyframes toast-in{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:none}}.toast-img{object-fit:cover;border-radius:6px;flex:none;width:44px;height:44px}.toast-ic{background:var(--green-50);width:32px;height:32px;color:var(--green-700);border-radius:50%;flex:none;place-items:center;display:grid}.toast-error .toast-ic{background:var(--red-50);color:var(--red)}.toast-txt{min-width:0;color:var(--muted);flex-direction:column;flex:1;font-size:13px;line-height:1.3;display:flex}.toast-txt b{color:var(--ink);font-size:14px}.toast-txt span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tabs{display:none}.ft{color:#c9d6ce;background:#13281c;margin-top:48px}.ft-top{text-align:center;color:#fff;background:#1c3a29;padding:14px;font-size:13px;font-weight:700;display:block}.ft-top:hover{background:#22452f}.sf .ft-cols{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:32px;padding-top:40px;padding-bottom:40px;display:grid}.ft h4{color:#fff;margin-bottom:10px;font-size:16px}.ft ul{list-style:none}.ft li a{color:#c9d6ce;padding:4px 0;font-size:14px;display:inline-block}.ft li a:hover{color:#fff;text-decoration:underline}.ft p{font-size:13.5px;line-height:1.55}.ft-pay{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.ft-pay span{color:#fff;border:1px solid #ffffff40;border-radius:4px;padding:3px 8px;font-size:12px;font-weight:600}.ft-base{color:#9fb2a6;background:#0a1a11;padding:18px 0;font-size:12.5px}.ft-base-in{flex-wrap:wrap;align-items:center;gap:10px 24px;display:flex}.ft-logo img{width:auto;height:22px}.ft-small a{color:#c9d6ce;text-decoration:underline}.sf .btn{border-radius:var(--pill);letter-spacing:0;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;height:42px;min-height:0;padding:0 18px;font-size:14px;font-weight:700;display:inline-flex;transform:none}.sf .btn-primary{background:var(--green);color:#fff}.sf .btn-primary:hover{background:var(--green-700)}.sf .btn-ink{background:var(--hd);color:#fff}.sf .btn-line{border:1px solid var(--line-2);color:var(--ink);box-shadow:var(--sh-1);background:#fff}.sf .btn-line:hover{background:var(--surface-2)}.sf .btn-sm{height:34px;padding:0 14px;font-size:13px}.sf .btn:disabled,.sf .btn[aria-disabled=true]{background:var(--surface-3);color:var(--faint);border:1px solid var(--line);opacity:1;cursor:not-allowed}.sf .field>.lbl,.sf .lbl{font-family:var(--f);letter-spacing:0;text-transform:none;color:var(--ink-2);font-size:13px;font-weight:700}.sf .input{border:1px solid var(--line-2);background:#fff;border-radius:8px;height:44px;margin-top:5px;padding:0 12px;font-size:15px;box-shadow:inset 0 1px 2px #1118200d}.sf .input:focus{border-color:var(--green);outline:none;box-shadow:0 0 0 3px #00843d33}.sf textarea.input{height:auto;padding:10px 12px}.sf select.input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2356626e' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-size:16px;padding-right:36px}.sf .tag{font-family:var(--f);letter-spacing:.01em;text-transform:none;background:var(--surface-3);height:20px;color:var(--ink-2);border:0;border-radius:4px;padding:0 7px;font-size:11px;font-weight:700}.sf .tag.sample{background:var(--amber);color:var(--amber-ink)}.sf .tag.draft{background:var(--red-50);color:var(--red)}.sf .tag.ok{background:var(--green-50);color:var(--green-800)}.sf .link{color:var(--green-700);text-decoration:none}.sf .link:hover{text-decoration:underline}.sf .notice{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;padding:11px 13px;font-size:13.5px}.sf .notice.warn{background:var(--amber-50);border-color:#f1cf8f}.sf .notice.warn b{color:#4d3200}.sf .notice.ok{background:var(--green-50);border-color:var(--green-100)}.sf .eyebrow,.sf .mono{font-family:var(--f);letter-spacing:0;text-transform:none;font-size:13px;font-weight:700}.sf .qtytxt,.sf .price span,.sf .stepper output{font-family:var(--f)}.sf .ph .cap,.sf .ph .cap em,.sf .stamp{font-family:var(--f);letter-spacing:0;text-transform:none}.sf .check input{accent-color:var(--green)}@media (max-width:1180px){.hd-orders,.dp-bar{display:none}}@media (max-width:900px){.sf{--gut:14px;--hd-top:54px;padding-bottom:calc(60px + env(safe-area-inset-bottom))}.hd-strip{display:none}.sf .hd-main-in{flex-wrap:wrap;gap:0 4px;height:auto;padding-bottom:10px}.hd-burger,.hd-acc-m{display:grid}.hd-burger{margin-left:-8px}.hd-logo{height:54px;margin-right:auto;padding:0 4px}.hd-logo img{height:24px}.acc,.hd-orders,.dp-bar,.hd-crate-txt{display:none}.hd-crate{margin-right:-4px;padding:8px 6px 6px}.sb{flex-basis:100%;order:10}.sb-scope{display:none}.sb-form{height:42px}.dept{display:none}.hd-mdeliver{background:var(--hd-2);color:#fff;display:block}.hd-mdeliver .dp-btn{width:100%;padding:8px var(--gut);color:#fff;gap:6px;font-size:13px}.hd-mdeliver .dp-txt{flex-direction:row;align-items:baseline;gap:5px}.hd-mdeliver .dp-txt small{font-size:13px}.hd-mdeliver .dp-txt b{max-width:none;font-size:13px}.hd-mdeliver .dp-pop{left:var(--gut);right:var(--gut);width:auto;top:100%}.tabs{z-index:70;border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);background:#fff;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -3px 12px #11182012}.tabs a,.tabs button{height:58px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:11px;font-weight:700;display:flex}.tabs .on{color:var(--green-700)}.tabs a{min-width:0}.tabs-l{text-overflow:ellipsis;white-space:nowrap;max-width:100%;padding:0 4px;overflow:hidden}.tabs-ic{position:relative}.tabs-n{border-radius:var(--pill);background:var(--green);color:#fff;place-items:center;min-width:18px;height:18px;padding:0 4px;font-size:10.5px;display:grid;position:absolute;top:-6px;right:-10px}.toasts{top:auto;bottom:calc(70px + env(safe-area-inset-bottom));width:auto;left:12px;right:12px}.ft{margin-top:32px}.sf .ft-cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding-top:28px;padding-bottom:28px}.sf .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sf .rail{padding:14px 12px}.sf .rail-track{grid-auto-columns:46%;gap:10px}.sf .rail-nav{display:none}.sf .rail-h h2{font-size:18px}.sf .form-g{grid-template-columns:minmax(0,1fr)}.sf .pc-body{padding:9px 10px 11px}.sf .pc-name{font-size:14px}.sf .pr-amt{font-size:17px}}@media (prefers-reduced-motion:reduce){.sf *,.sf :before,.sf :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}