.shop{background:var(--color-bg-page);flex-direction:column;min-height:100dvh;display:flex}.shop-header{z-index:var(--z-header);background:var(--color-bg-surface);border-bottom:1px solid var(--color-border);position:sticky;top:0}.shop-header-bar{align-items:center;gap:var(--sp-3);height:var(--header-height);display:flex}.shop-logo{min-height:var(--tap-min);flex:none;align-items:center;margin-right:auto;display:flex}.shop-logo img{width:auto;height:28px}.shop-nav{display:none}.shop-header-actions{align-items:center;gap:var(--sp-2);display:flex}.cart-button{align-items:center;gap:var(--sp-2);min-height:var(--tap-min);min-width:var(--tap-min);border-radius:var(--radius-md);color:var(--color-text);font-weight:var(--weight-bold);padding:0 10px;text-decoration:none;display:inline-flex;position:relative}.cart-button:hover{background:var(--grey-100)}.cart-button .icon{width:24px;height:24px}.cart-button .count{position:absolute;top:2px;left:26px}.cart-button-total{font-variant-numeric:tabular-nums;display:none}.delivery-strip{border-top:1px solid var(--color-border);background:var(--grey-50)}.delivery-strip-inner{align-items:center;gap:var(--sp-3);min-height:48px;font-size:var(--text-sm);display:flex}.delivery-strip-text{flex-direction:column;min-width:0;line-height:1.3;display:flex}.delivery-strip-text strong{font-size:var(--text-sm)}.delivery-strip-text span{color:var(--color-text-secondary)}.delivery-strip .delivery-date{font-size:var(--text-md)}.delivery-strip-zone{color:var(--color-text-secondary);white-space:nowrap;margin-left:auto;display:none}@media (min-width:600px){.delivery-strip-zone{display:inline}}.shop-main{padding-top:var(--sp-5);padding-bottom:calc(var(--tabbar-height) + var(--sp-8) + env(safe-area-inset-bottom));flex:1}.shop-main.has-cartbar{padding-bottom:calc(var(--tabbar-height) + 76px + var(--sp-8) + env(safe-area-inset-bottom))}.shop-footer{border-top:1px solid var(--color-border);padding:var(--sp-6) 0 calc(var(--tabbar-height) + var(--sp-6) + env(safe-area-inset-bottom));font-size:var(--text-sm);color:var(--color-text-secondary)}.shop:has(.shop-footer) .shop-main{padding-bottom:var(--sp-10)}.shop:has(.cartbar:not([hidden])) .shop-footer{padding-bottom:calc(var(--tabbar-height) + 76px + var(--sp-6) + env(safe-area-inset-bottom))}.shop-main-narrow{max-width:calc(560px + 2 * var(--gutter))}.page-head{gap:var(--sp-2);margin-bottom:var(--sp-5);flex-direction:column;display:flex}.page-title{font-size:var(--text-2xl);font-weight:var(--weight-bold);line-height:var(--leading-snug);letter-spacing:var(--tracking-tight)}.page-subtitle{color:var(--color-text-secondary)}.tabbar{z-index:var(--z-header);height:calc(var(--tabbar-height) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--color-bg-surface);border-top:1px solid var(--color-border);grid-template-columns:repeat(3,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.tabbar-item{color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:var(--weight-semibold);flex-direction:column;justify-content:center;align-items:center;gap:3px;text-decoration:none;display:flex;position:relative}.tabbar-item .icon{width:24px;height:24px}.tabbar-item[aria-current=page]{color:var(--color-text)}.tabbar-item[aria-current=page]:before{content:"";background:var(--derman-black);border-radius:0 0 3px 3px;height:3px;position:absolute;top:-1px;left:28%;right:28%}.tabbar-item .count{position:absolute;top:6px;left:calc(50% + 6px)}.cartbar{z-index:var(--z-sticky);left:0;right:0;bottom:calc(var(--tabbar-height) + env(safe-area-inset-bottom));padding:var(--sp-2) var(--gutter);background:linear-gradient(to top, var(--color-bg-page) 70%, transparent);position:fixed}.cartbar-link{align-items:center;gap:var(--sp-3);min-height:60px;padding:0 var(--sp-4);border-radius:var(--radius-lg);background:var(--derman-black);color:var(--grey-0);box-shadow:var(--shadow-3);text-decoration:none;display:flex}.cartbar-link .icon{width:22px;height:22px}.cartbar-text{flex-direction:column;min-width:0;line-height:1.25;display:flex}.cartbar-text strong{font-size:var(--text-md)}.cartbar-text span{font-size:var(--text-sm);color:var(--color-text-inverse-secondary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.cartbar-total{font-size:var(--text-lg);font-weight:var(--weight-heavy);font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:auto}.cartbar-warning{color:var(--derman-yellow)!important}.checkout-bar{align-items:center;gap:var(--sp-3);min-height:60px;padding:var(--sp-2) var(--sp-2) var(--sp-2) var(--sp-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-surface);box-shadow:var(--shadow-3);display:flex}.checkout-bar-total{flex-direction:column;min-width:0;margin-right:auto;line-height:1.25;display:flex}.checkout-bar-total>span{font-size:var(--text-sm);color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.checkout-bar-total strong{font-size:var(--text-lg);font-weight:var(--weight-heavy);font-variant-numeric:tabular-nums;white-space:nowrap}.checkout-bar-total .checkout-bar-warning{color:var(--color-warning-text);font-weight:var(--weight-semibold)}.checkout-bar .btn{flex:none}.checkout-bar{row-gap:var(--sp-1);flex-wrap:wrap}.checkout-bar-legal{font-size:var(--text-xs);color:var(--color-text-secondary);flex-basis:100%;margin:0}.checkout-bar-legal a{color:inherit}.auth{background:var(--color-bg-page);flex-direction:column;min-height:100dvh;display:flex}.auth-header{justify-content:space-between;align-items:center;gap:var(--sp-3);height:var(--header-height);display:flex}.auth-header img{width:auto;height:28px}.auth-main{padding:var(--sp-6) var(--gutter) var(--sp-12);flex-direction:column;flex:1;align-items:center;display:flex}.auth-card{width:100%;max-width:440px}.auth-title{font-size:var(--text-3xl);font-weight:var(--weight-heavy);font-stretch:var(--stretch-expanded);letter-spacing:var(--tracking-display);line-height:var(--leading-tight)}.auth-footer{padding:var(--sp-6) var(--gutter);text-align:center;font-size:var(--text-sm);color:var(--color-text-secondary)}.auth-footer a{color:inherit}.auth-media{display:none}.auth-footer{align-items:center;gap:var(--sp-2);flex-direction:column;display:flex}.auth-footer .cluster{--cluster-gap:var(--sp-2) var(--sp-5);justify-content:center}@media (min-width:1024px){.auth-split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.auth-split .auth-main{justify-content:center}.auth-media{height:100dvh;padding:var(--sp-4) var(--sp-4) var(--sp-4) 0;margin:0;display:block;position:sticky;top:0}.auth-media-frame{border-radius:var(--radius-xl);background:var(--derman-charcoal);height:100%;position:relative;overflow:hidden}.auth-media img{object-fit:cover;object-position:18% center;width:100%;height:100%}.auth-media figcaption{left:var(--sp-6);right:var(--sp-6);bottom:var(--sp-6);max-width:24rem;padding:var(--sp-4) var(--sp-5);border-radius:var(--radius-md);background:var(--derman-black);color:var(--color-text-inverse);flex-direction:column;gap:2px;display:flex;position:absolute}.auth-media figcaption span{font-size:var(--text-sm);color:var(--color-text-inverse-secondary)}}@media (max-width:1023px){.shop~.toast-region,.shop .toast-region{bottom:calc(var(--tabbar-height) + var(--sp-3) + env(safe-area-inset-bottom))}}@media (min-width:600px){.auth-card.card-on-wide{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--sp-10)}}@media (min-width:1024px){:root{--header-height:72px}.shop-logo{margin-right:0}.shop-logo img{height:34px}.shop-nav{gap:var(--sp-1);margin-left:var(--sp-8);margin-right:auto;display:flex}.shop-nav a{min-height:var(--tap-min);padding:0 var(--sp-4);border-radius:var(--radius-md);color:var(--color-text-secondary);font-weight:var(--weight-semibold);align-items:center;text-decoration:none;display:inline-flex}.shop-nav a:hover{color:var(--color-text);background:var(--grey-100)}.shop-nav a[aria-current=page]{color:var(--color-text);box-shadow:inset 0 -3px 0 var(--derman-black);border-radius:0}.cart-button{border:1px solid var(--color-border-strong);padding:0 14px}.cart-button .count{position:static}.cart-button-total{display:inline}.tabbar,.cartbar{display:none}.shop-main,.shop-main.has-cartbar{padding-top:var(--sp-8);padding-bottom:var(--sp-16)}.shop:has(.shop-footer) .shop-main{padding-top:var(--sp-8);padding-bottom:var(--sp-16)}.shop:has(.cartbar:not([hidden])) .shop-footer{padding-bottom:var(--sp-6)}.page-title{font-size:var(--text-3xl)}.auth-header img{height:34px}}.shop-layout{gap:var(--sp-8);grid-template-columns:minmax(0,1fr);display:grid}@media (min-width:1024px){.shop-layout{grid-template-columns:minmax(0,1fr) 360px;align-items:start}.shop-aside{top:calc(var(--header-height) + 48px + var(--sp-6));position:sticky}}.shop-footer .container{gap:var(--sp-2) var(--sp-5);flex-wrap:wrap;display:flex}.shop-footer a{color:inherit}.panel{grid-template-columns:var(--rail-width) minmax(0, 1fr);background:var(--color-bg-page);min-height:100dvh;font-size:var(--text-lg);display:grid}.panel-rail{height:100dvh;padding:var(--sp-3) var(--sp-2);background:var(--derman-black);color:var(--grey-0);z-index:var(--z-header);flex-direction:column;align-items:stretch;gap:4px;display:flex;position:sticky;top:0;overflow-y:auto}.rail-brand{height:64px;margin-bottom:var(--sp-2);place-items:center;display:grid}.rail-brand img{width:52px;height:52px}.rail-brand-wide{display:none}.rail-item{border-radius:var(--radius-md);min-height:68px;color:var(--color-text-inverse-secondary);font-size:12.5px;font-stretch:var(--stretch-semi);font-weight:var(--weight-semibold);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:8px 4px;line-height:1.15;text-decoration:none;display:flex;position:relative}.rail-item .icon{width:26px;height:26px}.rail-item:hover{color:var(--grey-0);background:#ffffff0f}.rail-item[aria-current=page]{color:var(--grey-0);background:#ffffff1a}.rail-item[aria-current=page]:before{content:"";background:var(--derman-yellow);border-radius:0 4px 4px 0;width:4px;position:absolute;top:14px;bottom:14px;left:-8px}.rail-item .count{position:absolute;top:6px;right:14px}.rail-sep{height:1px;margin:var(--sp-2) var(--sp-2);background:#ffffff1f}.rail-bottom{margin-top:auto}.rail-more{display:none}.panel-main{flex-direction:column;min-width:0;display:flex}.panel-topbar{z-index:var(--z-sticky);align-items:center;gap:var(--sp-4);min-height:76px;padding:var(--sp-3) var(--sp-6);background:var(--color-bg-surface);border-bottom:1px solid var(--color-border);display:flex;position:sticky;top:0}.panel-title{font-size:var(--text-3xl);font-weight:var(--weight-heavy);letter-spacing:var(--tracking-tight);line-height:1.1}.panel-title-sub{font-size:var(--text-md);color:var(--color-text-secondary);font-weight:var(--weight-medium)}.panel-topbar-actions{align-items:center;gap:var(--sp-3);margin-left:auto;display:flex}.panel-content{padding:var(--sp-6);gap:var(--sp-6);flex-direction:column;display:flex}.panel-content-narrow{max-width:960px}[data-surface=panel] .table{font-size:var(--text-lg)}[data-surface=panel] .table th{font-size:var(--text-md)}[data-surface=panel] .status{height:32px;font-size:var(--text-md);padding:0 12px}[data-surface=panel] .btn{min-height:var(--tap-panel);font-size:var(--text-lg)}[data-surface=panel] .btn-sm{min-height:44px;font-size:var(--text-md)}[data-surface=panel] .btn-xl{min-height:var(--tap-panel-xl);font-size:var(--text-xl)}[data-surface=panel] .chip{min-height:var(--tap-panel);font-size:var(--text-md);padding:0 20px}[data-surface=panel] .segmented button,[data-surface=panel] .segmented a{min-height:var(--tap-panel)}[data-surface=panel] .ticket-foot .btn{min-height:var(--tap-panel-xl);font-size:var(--text-xl)}[data-surface=panel] .ticket-foot .btn-icon{width:var(--tap-panel-xl);min-width:var(--tap-panel-xl)}[data-surface=panel] .input,[data-surface=panel] .select{min-height:var(--tap-panel);font-size:var(--text-lg)}[data-surface=panel] .input-reveal .btn-icon{min-height:calc(var(--tap-panel) - var(--sp-1))}[data-surface=panel] .field-label{font-size:var(--text-md)}[data-surface=panel] .check{font-size:var(--text-lg)}[data-surface=panel] .product .btn{min-height:var(--tap-min);font-size:var(--text-sm)}[data-surface=panel] .product .status{height:26px;font-size:var(--text-sm);padding:0 10px}.savebar{z-index:var(--z-sticky);align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-6);background:var(--color-bg-surface);border-top:1px solid var(--color-border);display:flex;position:sticky;bottom:0}.savebar-note{align-items:center;gap:var(--sp-2);font-size:var(--text-sm);color:var(--color-text-secondary);min-width:0;display:flex}.savebar-note.is-error{color:var(--color-danger-text);font-weight:var(--weight-semibold)}.savebar-actions{gap:var(--sp-3);flex:none;margin-left:auto;display:flex}@media (min-width:1280px){.panel{grid-template-columns:var(--sidebar-width) minmax(0, 1fr);font-size:var(--text-md)}.panel-rail{padding:var(--sp-4) var(--sp-3)}.rail-brand{display:none}.rail-brand-wide{padding:var(--sp-2) var(--sp-2) var(--sp-5);display:block}.rail-brand-wide img{width:100%;height:auto}.rail-item{justify-content:flex-start;gap:var(--sp-3);min-height:48px;padding:0 var(--sp-3);font-size:var(--text-md);text-align:left;flex-direction:row;font-stretch:100%}.rail-item .icon{width:22px;height:22px}.rail-item[aria-current=page]:before{top:10px;bottom:10px;left:-12px}.rail-item .count{margin-left:auto;position:static}[data-surface=panel] .table{font-size:var(--text-md)}[data-surface=panel] .table th{font-size:var(--text-sm)}[data-surface=panel] .status{height:28px;font-size:var(--text-sm)}[data-surface=panel] .btn{min-height:48px;font-size:var(--text-md)}[data-surface=panel] .btn-sm{min-height:40px}[data-surface=panel] .btn-xl{min-height:60px;font-size:var(--text-lg)}[data-surface=panel] .chip{min-height:40px;font-size:var(--text-sm);padding:0 14px}[data-surface=panel] .segmented button,[data-surface=panel] .segmented a{min-height:34px}[data-surface=panel] .ticket-foot .btn{min-height:56px;font-size:var(--text-lg)}[data-surface=panel] .ticket-foot .btn-icon{width:56px;min-width:56px}[data-surface=panel] .input,[data-surface=panel] .select{min-height:48px;font-size:var(--text-md)}[data-surface=panel] .input-reveal .btn-icon{min-height:44px}[data-surface=panel] .check{font-size:var(--text-md)}[data-surface=panel] .field-label{font-size:var(--text-sm)}.savebar{padding:var(--sp-3) var(--sp-8)}.panel-title{font-size:var(--text-2xl)}.panel-topbar{min-height:72px;padding:var(--sp-3) var(--sp-8)}.panel-content{padding:var(--sp-8)}}@media (max-width:599px){.panel{font-size:var(--text-md);grid-template-columns:1fr}.panel-rail{height:calc(var(--rail-bar-height) + env(safe-area-inset-bottom));padding:0 0 env(safe-area-inset-bottom);flex-direction:row;gap:0;position:fixed;inset:auto 0 0;overflow:hidden}.rail-brand,.rail-brand-wide,.rail-sep,.rail-item.rail-secondary{display:none}.rail-more{display:flex}.rail-item{min-height:var(--rail-bar-height);border-radius:0;flex:1;font-size:11px}.rail-item[aria-current=page]:before{border-radius:0 0 3px 3px;width:auto;height:3px;inset:0 25% auto}.rail-bottom{margin-top:0}.panel-main{padding-bottom:calc(var(--rail-bar-height) + var(--sp-3) + env(safe-area-inset-bottom))}.panel-rail:has(.rail-secondary[aria-current=page]) .rail-more{color:var(--grey-0);background:#ffffff1a}.panel-rail:has(.rail-secondary[aria-current=page]) .rail-more:before{content:"";background:var(--derman-yellow);border-radius:0 0 3px 3px;height:3px;position:absolute;top:0;left:25%;right:25%}.savebar{bottom:calc(var(--rail-bar-height) + env(safe-area-inset-bottom));padding:var(--sp-3) var(--gutter);flex-wrap:wrap}.savebar-note{flex-basis:100%}.savebar-note:not(.is-error){display:none}.savebar-actions,.savebar-actions .btn{flex:1}.panel-topbar{padding:var(--sp-3) var(--gutter);gap:var(--sp-2) var(--sp-3);flex-wrap:wrap;min-height:64px}.panel-topbar-actions{gap:var(--sp-2)}.panel-topbar-actions .segmented{display:none}.panel-title{font-size:var(--text-2xl)}.panel-content{padding:var(--sp-4) var(--gutter)}.panel~.toast-region,.panel .toast-region{bottom:calc(var(--rail-bar-height) + var(--sp-3) + env(safe-area-inset-bottom))}}