:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--gd-color-surface:#fff8f6;--gd-color-on-surface:#231917;--gd-font-text:"Inter", system-ui, sans-serif;--gd-space-unit:4px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}html,body{background:var(--gd-color-surface);color:var(--gd-color-on-surface);font-family:var(--gd-font-text);-webkit-font-smoothing:antialiased;margin:0;padding:0}main{max-width:960px;padding:calc(var(--gd-space-unit) * 6) calc(var(--gd-space-unit) * 4);margin:0 auto}.gd-card{background:var(--gd-color-surface-variant,#f5ddd9);color:var(--gd-color-on-surface-variant,#534340);border-radius:var(--gd-radius-md,12px);padding:calc(var(--gd-space-unit) * 4)}.gd-button{background:var(--gd-color-primary,#a8221a);color:var(--gd-color-on-primary,#fff);border-radius:var(--gd-radius-pill,999px);padding:calc(var(--gd-space-unit) * 3) calc(var(--gd-space-unit) * 5);font:inherit;border:0;min-height:44px;font-weight:600;display:inline-block}label{gap:4px;font-weight:500;display:grid}input,select{font:inherit;border:1px solid var(--gd-color-outline,#857370);border-radius:var(--gd-radius-sm,6px);background:var(--gd-color-surface,#fff);color:var(--gd-color-on-surface,#231917);min-height:44px;padding:10px 12px}[role=alert]{color:var(--gd-color-error,#ba1a1a)}.gd-admin-header{border-bottom:1px solid var(--gd-color-surface-variant,#f5ddd9);flex-wrap:wrap;align-items:center;gap:12px 24px;padding:12px 16px;display:flex}.gd-admin-header nav{gap:16px;display:flex}.gd-admin-header nav a{color:inherit;font-weight:600;text-decoration:none}.gd-admin-user{align-items:center;gap:12px;margin-left:auto;display:flex}.gd-admin-user form{gap:6px;display:inline-flex}.gd-muted{color:var(--gd-color-on-surface-variant,#534340)}.gd-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.gd-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.gd-button-secondary{background:var(--gd-color-surface-variant,#f5ddd9);color:var(--gd-color-on-surface-variant,#534340)}.gd-chip{background:var(--gd-color-surface-variant,#f5ddd9);font-size:var(--gd-text-xs,12px);border-radius:999px;margin-right:4px;padding:2px 8px;display:inline-block}button.gd-small{min-height:32px;font:inherit;border-radius:var(--gd-radius-sm,6px);border:1px solid var(--gd-color-outline,#857370);color:inherit;cursor:pointer;background:0 0;padding:4px 10px}.sf-shell{background:var(--gd-color-surface);min-height:100vh;color:var(--gd-color-on-surface)}.sf-header{border-bottom:1px solid var(--gd-color-surface-variant);flex-wrap:wrap;align-items:baseline;gap:8px 16px;padding:16px;display:flex}.sf-brand{font-size:var(--gd-text-2xl,28px);color:var(--gd-color-primary);font-weight:800;text-decoration:none}.sf-cats{background:var(--gd-color-surface);gap:8px;padding:8px 0;display:flex;position:sticky;top:0;overflow-x:auto}.sf-cats a{white-space:nowrap;border-radius:var(--gd-radius-pill,999px);background:var(--gd-color-surface-variant);color:var(--gd-color-on-surface-variant);padding:8px 14px;font-weight:600;text-decoration:none}.sf-product{text-align:left;width:100%;font:inherit;color:inherit;border:1px solid var(--gd-color-surface-variant);border-radius:var(--gd-radius-md);cursor:pointer;background:0 0;justify-content:space-between;gap:12px;min-height:44px;padding:12px;display:flex}.sf-product-main{gap:4px;display:grid}.sf-price{white-space:nowrap;font-weight:700}.sf-tags{font-size:var(--gd-text-xs,12px);flex-wrap:wrap;align-items:center;gap:4px;display:flex}.sf-notice{font-size:var(--gd-text-xs,12px)}.sf-dialog-backdrop{z-index:20;background:#00000073;place-items:end center;display:grid;position:fixed;inset:0}.sf-dialog{background:var(--gd-color-surface);color:var(--gd-color-on-surface);border-radius:var(--gd-radius-lg) var(--gd-radius-lg) 0 0;gap:12px;width:min(560px,100%);max-height:90vh;padding:16px;display:grid;overflow:auto}.sf-option{align-items:center;gap:8px;min-height:36px;font-weight:400;display:flex}.sf-cart{background:var(--gd-color-surface);border-top:2px solid var(--gd-color-primary);padding:12px 0;position:sticky;bottom:0}.sf-checkout{gap:16px;display:grid}.sf-checkout label{margin-top:8px}.sf-footer{font-size:var(--gd-text-sm,14px);gap:4px;padding:24px 16px;display:grid}.sf-modes{flex-wrap:wrap;gap:4px;display:flex}fieldset{border:1px solid var(--gd-color-surface-variant);border-radius:var(--gd-radius-sm,6px)}
:root{--gd-shadow-sm:0 1px 2px #140a080f, 0 1px 1px #140a080a;--gd-shadow-md:0 6px 20px #140a081a, 0 2px 6px #140a080f;--gd-ring:0 0 0 3px color-mix(in srgb, var(--gd-color-primary,#a8221a) 30%, transparent);--gd-surface-elevated:color-mix(in srgb, var(--gd-color-surface,#fff8f6) 92%, white);--gd-border:color-mix(in srgb, var(--gd-color-outline,#857370) 28%, transparent)}body{line-height:var(--gd-leading-normal,1.5);font-size:var(--gd-text-md,16px)}h1{font-family:var(--gd-font-display,var(--gd-font-text));font-size:var(--gd-text-2xl,28px);letter-spacing:-.01em;margin:0 0 8px}h2{font-family:var(--gd-font-display,var(--gd-font-text));font-size:var(--gd-text-xl,22px);margin:0 0 8px}h3{font-size:var(--gd-text-lg,18px);margin:0 0 6px}a{color:var(--gd-color-primary,#a8221a)}.gd-button,button.gd-button{background:var(--gd-color-primary,#a8221a);color:var(--gd-color-on-primary,#fff);border-radius:var(--gd-radius-pill,999px);min-height:44px;font:inherit;cursor:pointer;box-shadow:var(--gd-shadow-sm);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-weight:600;text-decoration:none;transition:transform .12s,box-shadow .12s,background .12s;display:inline-flex}.gd-button:hover{box-shadow:var(--gd-shadow-md);transform:translateY(-1px)}.gd-button:active{box-shadow:var(--gd-shadow-sm);transform:translateY(0)}.gd-button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.gd-button-secondary,.gd-button.gd-button-secondary{background:var(--gd-color-primary-container,#ffdad4);color:var(--gd-color-on-primary-container,#410000);box-shadow:none}button.gd-small,.gd-small{min-height:36px;font:inherit;font-size:var(--gd-text-sm,14px);border-radius:var(--gd-radius-pill,999px);border:1px solid var(--gd-border);background:var(--gd-surface-elevated);color:var(--gd-color-on-surface,#231917);cursor:pointer;align-items:center;gap:6px;padding:0 14px;font-weight:600;text-decoration:none;transition:background .12s,border-color .12s;display:inline-flex}button.gd-small:hover,.gd-small:hover{border-color:var(--gd-color-primary,#a8221a);background:color-mix(in srgb, var(--gd-color-primary,#a8221a) 8%, var(--gd-surface-elevated))}button.gd-small:disabled{opacity:.55;cursor:not-allowed}.gd-button:focus-visible,button.gd-small:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,.gd-nav-link:focus-visible{box-shadow:var(--gd-ring);outline:none}input:not([type=checkbox]):not([type=radio]),select,textarea{font:inherit;border:1px solid var(--gd-border);border-radius:var(--gd-radius-md,12px);background:var(--gd-surface-elevated);color:var(--gd-color-on-surface,#231917);min-height:44px;padding:10px 14px;transition:border-color .12s}input:hover,select:hover,textarea:hover{border-color:var(--gd-color-outline,#857370)}input[type=checkbox],input[type=radio]{width:20px;height:20px;accent-color:var(--gd-color-primary,#a8221a)}label{font-size:var(--gd-text-sm,14px)}.gd-card{background:var(--gd-surface-elevated);color:var(--gd-color-on-surface,#231917);border:1px solid var(--gd-border);border-radius:var(--gd-radius-lg,20px);box-shadow:var(--gd-shadow-sm);padding:20px}.gd-chip{background:var(--gd-color-primary-container,#ffdad4);color:var(--gd-color-on-primary-container,#410000);font-size:var(--gd-text-xs,12px);border-radius:999px;align-items:center;gap:4px;margin-right:4px;padding:3px 10px;font-weight:600;display:inline-flex}.gd-list>li{border-top:1px solid var(--gd-border);padding:10px 0}.gd-list>li:first-child{border-top:0}fieldset{border:1px solid var(--gd-border);border-radius:var(--gd-radius-md,12px);padding:12px 14px}legend{font-weight:600;font-size:var(--gd-text-sm,14px);padding:0 6px}.gd-admin-header{z-index:10;background:color-mix(in srgb, var(--gd-color-surface,#fff8f6) 86%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--gd-border);position:sticky;top:0}.gd-nav{flex-wrap:wrap;gap:4px;display:flex}.gd-nav-link{color:var(--gd-color-on-surface-variant,#534340);font-weight:600;font-size:var(--gd-text-sm,14px);border-radius:999px;align-items:center;gap:8px;padding:8px 14px;text-decoration:none;transition:background .12s;display:inline-flex}.gd-nav-link:hover{background:color-mix(in srgb, var(--gd-color-primary,#a8221a) 8%, transparent)}.gd-nav-link.is-active{background:var(--gd-color-primary,#a8221a);color:var(--gd-color-on-primary,#fff)}.gd-admin-user button{border:1px solid var(--gd-border);min-height:36px;font:inherit;font-size:var(--gd-text-sm,14px);cursor:pointer;background:0 0;border-radius:999px;padding:0 14px}.gd-brand{font-family:var(--gd-font-display,var(--gd-font-text));align-items:center;gap:10px;font-weight:800;display:inline-flex}.gd-brand img{object-fit:contain;border-radius:8px;width:32px;height:32px}.sf-header{background:var(--gd-surface-elevated)}.sf-hero{border-radius:0 0 var(--gd-radius-lg,20px) var(--gd-radius-lg,20px);color:#fff;text-shadow:0 1px 2px #00000080;background-position:50%;background-size:cover;align-items:flex-end;min-height:180px;padding:20px 16px;display:flex;position:relative}.sf-hero:before{content:"";border-radius:inherit;background:linear-gradient(#0000000d,#0009);position:absolute;inset:0}.sf-hero>*{position:relative}.sf-hero img{object-fit:contain;background:#ffffffeb;border-radius:16px;width:72px;height:72px;padding:6px}.sf-product{background:var(--gd-surface-elevated);box-shadow:var(--gd-shadow-sm);border-color:var(--gd-border)}.sf-product:hover{box-shadow:var(--gd-shadow-md)}.sf-dialog{box-shadow:var(--gd-shadow-md);grid-auto-rows:max-content}.sf-cart{border-radius:var(--gd-radius-lg,20px) var(--gd-radius-lg,20px) 0 0;border-top:0;padding:12px 16px;box-shadow:0 -8px 24px #140a0814}.gd-admin main{max-width:1100px}.sf-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}@media (min-width:720px){.sf-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1024px){.sf-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.sf-tile{text-align:left;width:100%;height:100%;font:inherit;color:inherit;background:var(--gd-surface-elevated);border:1px solid var(--gd-border);border-radius:var(--gd-radius-lg,20px);cursor:pointer;box-shadow:var(--gd-shadow-sm);transition:box-shadow var(--gd-motion-fast,.12s) var(--gd-motion-easing,ease), transform var(--gd-motion-fast,.12s) var(--gd-motion-easing,ease);flex-direction:column;padding:0;display:flex;overflow:hidden}.sf-tile:hover{box-shadow:var(--gd-shadow-md);transform:translateY(-1px)}.sf-tile:focus-visible{outline:3px solid var(--gd-color-primary,#a8221a);outline-offset:2px}.sf-tile-media{width:100%;aspect-ratio:var(--gd-tile-ratio,1 / 1);background:var(--gd-color-surface-variant,#f5ddd9);display:block;position:relative;overflow:hidden}.sf-tile-media img,.sf-detail-media img{object-fit:cover;width:100%;height:100%;display:block}.sf-tile-placeholder{width:100%;height:100%;font-family:var(--gd-font-display,inherit);font-weight:800;font-size:var(--gd-text-3xl,36px);color:var(--gd-color-on-primary-container,#410000);background:linear-gradient(135deg, var(--gd-color-primary-container,#ffdad4), var(--gd-color-surface-variant,#f5ddd9));place-items:center;display:grid}.sf-badge{color:#fff;font-size:var(--gd-text-xs,12px);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#140a08b8;border-radius:999px;margin:0;padding:3px 9px;font-weight:600;line-height:1.3;position:absolute;top:8px;left:8px}.sf-tile-body{gap:4px;padding:10px 12px 12px;display:grid}.sf-tile-body strong{font-size:var(--gd-text-md,16px);line-height:var(--gd-leading-tight,1.2)}.sf-tile-desc{font-size:var(--gd-text-sm,14px);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.sf-tile-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px;margin-top:2px;display:flex}.sf-tile-allergens{font-size:var(--gd-text-xs,12px)}.sf-detail-media{width:100%;aspect-ratio:var(--gd-detail-ratio,4 / 3);border-radius:var(--gd-radius-md,12px);background:var(--gd-color-surface-variant,#f5ddd9);margin:0;position:relative;overflow:hidden}.sf-detail-media .sf-badge{top:12px;left:12px}.sf-image-note{font-size:var(--gd-text-xs,12px);margin:-4px 0 0}.gd-thumb{border-radius:var(--gd-radius-md,12px);object-fit:cover;background:var(--gd-color-surface-variant,#f5ddd9);border:1px solid var(--gd-border);flex:0 0 56px;width:56px;height:56px}.gd-thumb-empty{font-size:var(--gd-text-xs,12px);color:var(--gd-color-on-surface-variant,#534340);border-style:dashed;place-items:center;display:grid}.gd-preview{width:min(320px,100%);aspect-ratio:var(--gd-tile-ratio,1 / 1);border-radius:var(--gd-radius-md,12px);background:var(--gd-color-surface-variant,#f5ddd9);position:relative;overflow:hidden}.gd-preview img{object-fit:cover;width:100%;height:100%;display:block}.gd-file-button input[type=file]{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.gd-file-button{cursor:pointer;position:relative}.sf-shell{font-family:var(--gd-font-text)}.sf-status{flex-wrap:wrap;gap:6px;margin:12px 16px 0;display:flex}.sf-chip-open{background:color-mix(in srgb, var(--gd-color-success,#1b6b3a) 16%, white);color:var(--gd-color-success,#1b6b3a)}.sf-chip-closed{background:var(--gd-color-surface-variant,#f5ddd9);color:var(--gd-color-on-surface-variant,#534340)}.sf-chip-soft{background:var(--gd-surface-elevated);color:var(--gd-color-on-surface,#231917);border:1px solid var(--gd-border)}.sf-about{gap:16px;margin-top:24px;display:grid}.sf-about img{width:100%;aspect-ratio:var(--gd-hero-ratio,16 / 9);object-fit:cover;border-radius:var(--gd-radius-md,12px)}@media (min-width:720px){.sf-about{grid-template-columns:2fr 3fr;align-items:start}}.sf-install{z-index:15;border-radius:var(--gd-radius-lg,20px);background:var(--gd-surface-elevated);border:1px solid var(--gd-border);box-shadow:var(--gd-shadow-md);font-size:var(--gd-text-sm,14px);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin:16px;padding:12px 16px;display:flex;position:sticky;bottom:0}.gd-style-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.gd-style-card{text-align:left;border:2px solid var(--gd-border);cursor:pointer;font:inherit;gap:8px;padding:14px;transition:box-shadow .12s,border-color .12s;display:grid}.gd-style-card:hover{box-shadow:var(--gd-shadow-md)}.gd-style-card.is-selected{border-color:var(--gd-color-primary,#a8221a);box-shadow:var(--gd-ring)}.gd-style-swatches{gap:4px;display:flex}.gd-style-swatches span{border-radius:4px;flex:1;height:14px}.gd-style-sample{font-size:20px;font-weight:700;line-height:1.2}.gd-style-name{align-items:center;gap:6px;font-weight:700;display:flex}.gd-style-desc{font-size:var(--gd-text-sm,14px);opacity:.85}.gd-style-button{font-size:var(--gd-text-sm,14px);justify-self:start;padding:6px 14px;font-weight:600}.sf-hero{gap:14px}.sf-hero img{flex:none}@media (max-width:480px){.sf-hero{min-height:200px;padding:16px 14px}.sf-hero img{width:60px;height:60px}.sf-hero .sf-brand{font-size:var(--gd-text-xl,22px)}}.sf-hours dl{grid-template-columns:auto 1fr;gap:2px 12px;margin:4px 0 0;display:grid}.sf-hours dl>div{display:contents}.sf-hours dt{font-weight:600}.sf-hours dd{margin:0}.sf-hours .is-today dt,.sf-hours .is-today dd{color:var(--gd-color-primary,#a8221a);font-weight:700}.sf-stamps{border-radius:var(--gd-radius-md,12px);background:var(--gd-color-primary-container,#ffdad4);color:var(--gd-color-on-primary-container,#410000);gap:8px;padding:12px 14px;display:grid}.sf-stamp-row{flex-wrap:wrap;gap:6px;display:flex}.sf-stamp{border:2px solid var(--gd-color-primary,#a8221a);border-radius:50%;width:22px;height:22px}.sf-stamp.is-filled{background:var(--gd-color-primary,#a8221a)}.gd-link{color:var(--gd-color-primary,#a8221a);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}@media (max-width:640px){.sf-cart .gd-list{max-height:28vh;overflow:auto}.sf-cart .gd-button,.sf-checkout button[type=submit]{min-height:48px;padding:0 22px}}.sf-loyalty{gap:8px;display:grid}
:root{--sf-bar-h:56px;--sf-cart-h:72px}.sf-shell.is-home .sf-main{max-width:1120px;margin:0 auto;padding:0 16px 32px}body.sf-has-cart .sf-shell{padding-bottom:calc(var(--sf-cart-h) + env(safe-area-inset-bottom,0px))}body.sf-has-cart .sf-install{bottom:calc(var(--sf-cart-h) + env(safe-area-inset-bottom,0px))}.sf-hero.is-home{color:#fff;background:linear-gradient(160deg, var(--gd-color-primary,#a8221a), var(--gd-color-primary-container,#ffdad4));text-shadow:0 1px 2px #0000008c;border-radius:0;align-items:flex-end;min-height:clamp(200px,42vw,380px);padding:20px 16px;display:flex;position:relative;overflow:hidden}.sf-hero.is-home:before{background:linear-gradient(#0000,#0000001f 45%,#000000b8);border-radius:0}.sf-hero-img{object-fit:cover;position:absolute;inset:0;background:0 0!important;border-radius:0!important;width:100%!important;height:100%!important;padding:0!important}.sf-hero-content{align-items:flex-end;gap:14px;width:min(1120px,100%);margin:0 auto;display:flex;position:relative}.sf-hero-logo{object-fit:contain;background:#fffffff0;border-radius:16px;flex:none;width:64px;height:64px;padding:6px}.sf-hero.is-home .sf-brand{color:#fff;font-family:var(--gd-font-display);margin:0;font-size:clamp(28px,6vw,44px);line-height:1.05}.sf-tagline{font-size:var(--gd-text-md,16px);opacity:.95;margin:4px 0 0}@media (min-width:720px){.sf-hero-logo{width:84px;height:84px}}.sf-info{width:min(1120px,100%);font-size:var(--gd-text-sm,14px);color:var(--gd-color-on-surface-variant,#534341);flex-wrap:wrap;align-items:center;gap:6px 14px;margin:0 auto;padding:10px 16px;list-style:none;display:flex}.sf-info li{background:color-mix(in srgb, var(--gd-color-surface-variant,#f5ddd9) 55%, transparent);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;display:inline-flex}:is(.sf-info li:has(.gd-chip),.sf-info li:has(a)){background:0 0;padding:0}.sf-info a{color:var(--gd-color-primary,#a8221a);font-weight:600}.sf-offers{margin:8px 0 20px}.sf-offers h2{font-size:var(--gd-text-lg,18px);margin:0 0 8px}.sf-offers ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}@media (min-width:720px){.sf-offers ul{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}}.sf-offer details{background:color-mix(in srgb, var(--gd-color-primary,#a8221a) 7%, var(--gd-surface-elevated));border:1px solid var(--gd-border);border-radius:var(--gd-radius-md,12px);padding:10px 12px}.sf-offer summary{cursor:pointer;align-items:center;gap:10px;min-height:32px;font-weight:600;list-style:none;display:flex}.sf-offer summary::-webkit-details-marker{display:none}.sf-offer summary:after{content:"Details";font-size:var(--gd-text-xs,12px);color:var(--gd-color-primary,#a8221a);white-space:nowrap;margin-left:auto;font-weight:600}.sf-offer details[open] summary:after{content:"Weniger"}.sf-offer-icon{background:var(--gd-color-primary,#a8221a);width:32px;height:32px;color:var(--gd-color-on-primary,#fff);border-radius:999px;flex:none;place-items:center;font-weight:800;display:grid}.sf-offer p{font-size:var(--gd-text-sm,14px);margin:8px 0 0}.sf-catbar{z-index:12;scrollbar-width:none;background:color-mix(in srgb, var(--gd-color-surface,#fff8f6) 97%, transparent);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--gd-border);min-height:var(--sf-bar-h);box-sizing:border-box;gap:6px;margin:0 -16px;padding:8px 16px;display:flex;position:sticky;top:0;overflow-x:auto}.sf-catbar::-webkit-scrollbar{display:none}.sf-catbar a{white-space:nowrap;border-radius:var(--gd-radius-pill,999px);color:var(--gd-color-on-surface-variant,#534341);font-weight:600;font-size:var(--gd-text-sm,14px);background:0 0;flex:none;align-items:center;min-height:40px;padding:8px 14px;text-decoration:none;display:inline-flex}.sf-catbar a[aria-current=true]{background:var(--gd-color-primary,#a8221a);color:var(--gd-color-on-primary,#fff)}.sf-catbar a:focus-visible{box-shadow:var(--gd-ring);outline:none}.sf-cat{scroll-margin-top:calc(var(--sf-bar-h) + 8px)}.sf-cat h2{font-family:var(--gd-font-display);font-size:var(--gd-text-xl,22px);margin:20px 0 10px}.sf-row-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.sf-row-arrows{gap:6px;display:none}@media (min-width:720px){.sf-row-arrows{display:inline-flex}}.sf-row{scroll-snap-type:x mandatory;scrollbar-width:none;gap:10px;margin:0 -16px;padding:4px 16px 8px;list-style:none;display:flex;overflow-x:auto}.sf-row::-webkit-scrollbar{display:none}.sf-row>.sf-item{scroll-snap-align:start;flex:0 0 min(300px,82vw)}.sf-items{gap:10px;margin:0;padding:0;list-style:none;display:grid}@media (min-width:720px){.sf-items{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.sf-items{grid-template-columns:repeat(3,minmax(0,1fr))}}.sf-item{background:var(--gd-surface-elevated);border:1px solid var(--gd-border);border-radius:var(--gd-radius-lg,16px);box-shadow:var(--gd-shadow-sm);transition:box-shadow var(--gd-motion-fast,.12s) var(--gd-motion-easing,ease);display:flex;position:relative}.sf-item:hover{box-shadow:var(--gd-shadow-md)}.sf-item-main{text-align:left;width:100%;min-height:112px;font:inherit;color:inherit;border-radius:inherit;cursor:pointer;background:0 0;border:0;flex:auto;align-items:stretch;gap:12px;padding:12px;display:flex}.sf-item-main:focus-visible{box-shadow:var(--gd-ring);outline:none}.sf-item-text{flex-direction:column;flex:auto;gap:4px;min-width:0;padding-right:36px;display:flex}.sf-item.no-media .sf-item-text{padding-right:44px}.sf-item-name{font-size:var(--gd-text-md,16px);line-height:1.25}.sf-item-desc{font-size:var(--gd-text-sm,14px);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.sf-item-foot{flex-wrap:wrap;align-items:center;gap:6px;margin-top:auto;padding-top:4px;display:flex}.sf-item-media{border-radius:var(--gd-radius-md,12px);background:var(--gd-color-surface-variant,#f5ddd9);flex:none;width:96px;height:96px;position:relative;overflow:hidden}.sf-item-media img{object-fit:cover;width:100%;height:100%;display:block}.sf-item-media .sf-badge{padding:2px 6px;font-size:10px;position:absolute;top:auto;bottom:4px;left:4px}@media (min-width:720px){.sf-item-media{width:120px;height:120px}}.sf-item-add{background:var(--gd-color-primary,#a8221a);width:36px;height:36px;color:var(--gd-color-on-primary,#fff);cursor:pointer;box-shadow:var(--gd-shadow-sm);border:0;border-radius:999px;place-items:center;font-size:22px;font-weight:700;line-height:1;display:grid;position:absolute;top:10px;right:10px}.sf-item-add:after{content:"";position:absolute;inset:-4px}.sf-item-add:hover{box-shadow:var(--gd-shadow-md)}.sf-item-add:focus-visible{box-shadow:var(--gd-ring);outline:none}.sf-item.is-compact .sf-item-main{min-height:96px}.sf-item.is-compact .sf-item-desc{-webkit-line-clamp:1}.sf-chip-hot{background:var(--gd-color-tertiary,#6a5e2a);color:var(--gd-color-on-tertiary,#fff);font-size:var(--gd-text-xs,12px);border-radius:999px;align-items:center;padding:3px 10px;font-weight:700;display:inline-flex}.sf-sheet,.sf-drawer{background:var(--gd-color-surface,#fff8f6);color:var(--gd-color-on-surface,#231917);box-shadow:var(--gd-shadow-md);border-radius:var(--gd-radius-lg,20px) var(--gd-radius-lg,20px) 0 0;border:0;grid-template-rows:minmax(0,1fr) auto;width:100%;max-width:100vw;max-height:92dvh;margin:0;padding:0;display:none;position:fixed;inset:auto 0 0}.sf-sheet[open],.sf-drawer[open]{display:grid}.sf-sheet::backdrop,.sf-drawer::backdrop{background:#00000073}@media (min-width:720px){.sf-sheet{border-radius:var(--gd-radius-lg,20px);width:min(600px,100vw - 32px);max-height:min(90dvh,860px);margin:auto;inset:0}.sf-drawer{border-radius:0;width:min(440px,100vw);height:100dvh;max-height:100dvh;margin:0;inset:0 0 0 auto}}.sf-sheet-body,.sf-drawer-body{grid-template-columns:minmax(0,1fr);grid-auto-rows:max-content;gap:12px;padding:16px;display:grid;position:relative;overflow:auto}.sf-sheet-body>*,.sf-drawer-body>*{min-width:0}.sf-sheet .sf-detail-media{border-radius:var(--gd-radius-lg,20px) var(--gd-radius-lg,20px) 0 0;width:auto;max-height:40dvh;margin:-16px -16px 0}.sf-sheet .sf-detail-media img{object-fit:cover;width:100%;height:100%}.sf-sheet-close{z-index:2;color:#231917;cursor:pointer;width:36px;height:36px;box-shadow:var(--gd-shadow-sm);background:#ffffffeb;border:0;border-radius:999px;font-size:22px;line-height:1;position:absolute;top:10px;right:10px}.sf-sheet-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.sf-sheet-head h2{font-family:var(--gd-font-display);font-size:var(--gd-text-xl,22px);margin:0}.sf-sheet-desc{margin:0}.sf-group{border:1px solid var(--gd-border);border-radius:var(--gd-radius-md,12px);gap:2px;margin:0;padding:8px 12px 10px;display:grid}.sf-group legend{padding:0 4px;font-weight:700}.sf-option{align-items:center;gap:10px;min-height:40px;font-weight:400;display:flex}.sf-option input{width:20px;height:20px;accent-color:var(--gd-color-primary,#a8221a)}.sf-option-name{flex:auto}.sf-without{flex-wrap:wrap;gap:2px 16px;display:flex}.sf-info-fold{border:1px solid var(--gd-border);border-radius:var(--gd-radius-md,12px);padding:8px 12px}.sf-info-fold summary{cursor:pointer;align-items:center;min-height:32px;font-weight:700;display:flex}.sf-info-fold dl{font-size:var(--gd-text-sm,14px);gap:6px;margin:8px 0 0;display:grid}.sf-info-fold dt{font-weight:600}.sf-info-fold dd{color:var(--gd-color-on-surface-variant,#534341);margin:0}.sf-note{gap:4px;font-weight:600;display:grid}.sf-note input{font-weight:400}.sf-pairs h3{font-size:var(--gd-text-md,16px);margin:4px 0 6px}.sf-pairs .sf-row{margin:0 -16px}.sf-pairs .sf-row>.sf-item{flex-basis:min(260px,78vw)}.sf-sheet-foot{border-top:1px solid var(--gd-border);padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));background:var(--gd-surface-elevated);gap:8px;display:grid}.sf-sheet-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.sf-sheet-add{flex:auto;justify-content:center;min-height:48px}.sf-stepper{border:1px solid var(--gd-border);background:var(--gd-color-surface,#fff8f6);border-radius:999px;align-items:center;gap:6px;padding:2px;display:inline-flex}.sf-stepper button{width:40px;height:40px;color:var(--gd-color-primary,#a8221a);cursor:pointer;background:0 0;border:0;border-radius:999px;font-size:20px;font-weight:700}.sf-stepper button:disabled{opacity:.4;cursor:default}.sf-stepper button:focus-visible{box-shadow:var(--gd-ring);outline:none}.sf-stepper span{text-align:center;min-width:24px;font-weight:700}.sf-error{color:var(--gd-color-error,#ba1a1a);font-weight:600;font-size:var(--gd-text-sm,14px);margin:0}.sf-cartbar{z-index:16;padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));background:var(--gd-surface-elevated);border-top:1px solid var(--gd-border);align-items:center;gap:10px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -6px 20px #140a0814}.sf-cartbar-summary{border-radius:var(--gd-radius-md,12px);min-height:48px;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:auto;align-items:center;gap:10px;padding:6px 10px;font-weight:700;display:flex}.sf-cartbar-summary:focus-visible{box-shadow:var(--gd-ring);outline:none}.sf-cartbar-count{background:var(--gd-color-primary,#a8221a);width:28px;height:28px;color:var(--gd-color-on-primary,#fff);font-size:var(--gd-text-sm,14px);border-radius:999px;place-items:center;display:grid}.sf-cartbar-go{white-space:nowrap;min-height:48px}@media (max-width:480px){.sf-cartbar-label{display:none}}@media (min-width:1024px){.sf-cartbar{border-radius:var(--gd-radius-lg,20px);border:1px solid var(--gd-border);box-shadow:var(--gd-shadow-md);padding:10px 14px;bottom:24px;left:auto;right:24px}}.sf-lines{gap:10px;margin:0;padding:0;list-style:none;display:grid}.sf-line{border-bottom:1px solid var(--gd-border);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px 12px;padding-bottom:10px;display:grid}.sf-line-text{font-size:var(--gd-text-sm,14px);gap:2px;display:grid}.sf-hint{font-size:var(--gd-text-sm,14px);margin:0}.sf-details{margin-top:28px}.sf-details h2{font-family:var(--gd-font-display);margin-top:0}.sf-details-grid{gap:16px;display:grid}@media (min-width:720px){.sf-details-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.sf-details p{margin:4px 0 0}.sf-toast{left:50%;bottom:calc(var(--sf-cart-h) + 16px + env(safe-area-inset-bottom,0px));z-index:17;background:var(--gd-color-on-surface,#231917);color:var(--gd-color-surface,#fff8f6);box-shadow:var(--gd-shadow-md);animation:sf-toast-in var(--gd-motion-normal,.2s) var(--gd-motion-easing,ease);border-radius:999px;padding:10px 16px;font-weight:600;position:fixed;transform:translate(-50%)}@keyframes sf-toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.sf-item,.sf-toast{transition:none;animation:none}}.sf-search{align-items:center;gap:8px;margin:12px 0 4px;display:flex}.sf-search input{border-radius:var(--gd-radius-pill,999px);border:1px solid var(--gd-border);background:var(--gd-surface-elevated) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23857370' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='11' cy='11' r='8'/><line x1='21' y1='21' x2='16.65' y2='16.65'/></svg>") no-repeat 14px center;min-height:46px;font:inherit;color:inherit;flex:auto;padding:10px 14px 10px 40px}.sf-search input:focus-visible{box-shadow:var(--gd-ring);outline:none}.sf-hidden{display:none}.sf-item-cat{font-size:var(--gd-text-xs,12px);color:var(--gd-color-on-surface-variant,#534341);text-transform:uppercase;letter-spacing:.04em}.sf-share{justify-self:start}.sf-cartpanel{display:none}.sf-modeswitch{border-radius:var(--gd-radius-md,12px);background:color-mix(in srgb, var(--gd-color-surface-variant,#f5ddd9) 55%, transparent);grid-template-columns:1fr 1fr;gap:4px;margin-bottom:12px;padding:4px;display:grid}.sf-modeswitch button{border-radius:calc(var(--gd-radius-md,12px) - 4px);font:inherit;color:inherit;text-align:left;cursor:pointer;font-size:var(--gd-text-sm,14px);background:0 0;border:0;gap:2px;padding:8px 10px;display:grid}.sf-modeswitch button[aria-checked=true]{background:var(--gd-surface-elevated);box-shadow:var(--gd-shadow-sm)}.sf-modeswitch button:focus-visible{box-shadow:var(--gd-ring);outline:none}@media (min-width:1024px){.sf-shell.is-home .sf{grid-template-columns:minmax(0,1fr) 340px;align-items:start;column-gap:24px;display:grid}.sf-shell.is-home .sf>:not(.sf-cartpanel){grid-column:1;min-width:0}.sf-shell.is-home .sf>.sf-cartpanel{background:var(--gd-surface-elevated);border:1px solid var(--gd-border);border-radius:var(--gd-radius-lg,20px);box-shadow:var(--gd-shadow-sm);grid-area:1/2/span 40;gap:8px;max-height:calc(100vh - 32px);padding:16px;display:grid;position:sticky;top:16px;overflow:auto}.sf-cartpanel h2{font-family:var(--gd-font-display);font-size:var(--gd-text-lg,18px);margin:0 0 4px}.sf-cartpanel .sf-sheet-foot{border-top:1px solid var(--gd-border);background:0 0;padding:12px 0 0}.sf-cartpanel-empty{margin:8px 0 0}.sf-shell.is-home .sf-cartbar,.sf-shell.is-home .sf-drawer{display:none}body.sf-has-cart .sf-shell.is-home{padding-bottom:0}}