/* Homepage-only collage hero; selectors intentionally outrank legacy hero rules without changing other pages. */
section.hero{position:relative;isolation:isolate;overflow:hidden;min-height:clamp(18rem,24vw,23rem);padding-block:clamp(2rem,4vw,3rem)}
section.hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(21,42,28,.98) 0%,rgba(21,42,28,.92) 46%,rgba(21,42,28,.68) 64%,rgba(21,42,28,.18) 100%)}
section.hero .hero-art{position:absolute;inset:0 0 0 22%;z-index:-2;pointer-events:none}
section.hero .hero-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:72% center;opacity:.96}
section.hero .hero-inner{position:relative;display:flex;align-items:center}
section.hero .hero-copy{position:relative;z-index:1;max-width:36rem}
@media (min-width:56rem){section.hero::before{background:linear-gradient(90deg,rgba(21,42,28,.99) 0%,rgba(21,42,28,.91) 34%,rgba(21,42,28,.48) 52%,rgba(21,42,28,.08) 100%)}}
 :root{--color-primary: #1F3B27;--color-primary-dark: #152A1C;--color-primary-light: #2F5A3B;--color-primary-soft: #E6EDE4;--color-accent: #C69B46;--color-accent-dark: #A77F2C;--color-accent-light: #E6CC8E;--color-accent-soft: #F7EDD3;--color-background: #F8F6F0;--color-surface: #FFFFFF;--color-surface-soft: #F3F0E8;--color-surface-muted: #E9E5DA;--color-earth: #6C4B32;--color-earth-soft: #EFE5DA;--color-text: #213826;--color-text-strong: #17291D;--color-text-muted: #5E6B60;--color-text-on-primary: #FFFFFF;--color-text-on-accent: #1F3B27;--color-success: #2E7D4F;--color-success-soft: #E3F1E8;--color-warning: #8A5F12;--color-warning-soft: #FBF0D5;--color-danger: #B3402F;--color-danger-soft: #FAE5E1;--color-info: #2F6A86;--color-info-soft: #E3EEF3;--color-border: #E4E0D4;--color-border-strong: #CFC9B8;--color-overlay: rgba(21,42,28,0.6);--color-focus: #1D6FB8;--font-family-base: "Inter","Segoe UI",Arial,sans-serif;--font-family-display: "Manrope","Inter","Segoe UI",Arial,sans-serif;--font-size-xs: 0.75rem;--font-size-sm: 0.875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.375rem;--font-size-2xl: 1.75rem;--font-size-3xl: 2.25rem;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.7;--space-1: 0.25rem;--space-2: 0.5rem;--space-3: 0.75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--content-max-width: 1200px;--content-narrow-width: 640px;--page-padding: 1rem;--header-height: 4rem;--sidebar-width: 17rem;--bottom-nav-height: 4.25rem;--control-height: 3rem;--touch-min: 2.75rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 24px;--radius-pill: 999px;--shadow-soft: 0 1px 2px rgba(23,41,29,0.05),0 4px 14px rgba(23,41,29,0.05);--shadow-card: 0 2px 4px rgba(23,41,29,0.05),0 10px 28px rgba(23,41,29,0.08);--shadow-floating: 0 12px 36px rgba(23,41,29,0.18);--ease-standard: cubic-bezier(0.2,0.8,0.2,1);--duration-fast: 160ms;--duration-normal: 240ms;--duration-slow: 320ms}@media (min-width: 48rem){:root{--page-padding: 2rem}}*,*::before,*::after{box-sizing: border-box}html{-webkit-text-size-adjust: 100%;text-size-adjust: 100%}body,h1,h2,h3,h4,p,ul,ol,dl,dd,figure,fieldset{margin: 0;padding: 0}ul,ol{list-style: none}img,svg{display: block;max-width: 100%}img{height: auto}button,input,select,textarea{font: inherit;color: inherit}button{cursor: pointer;background: none;border: 0;padding: 0}fieldset{border: 0;min-width: 0}a{color: inherit;text-decoration: none}table{border-collapse: collapse}body{font-family: var(--font-family-base);font-size: var(--font-size-md);line-height: var(--line-height-normal);color: var(--color-text);background: var(--color-background);min-height: 100vh;overflow-wrap: break-word}body.has-bottom-nav{padding-bottom: calc(var(--bottom-nav-height) + env(safe-area-inset-bottom))}:focus-visible{outline: 3px solid var(--color-focus);outline-offset: 2px}.skip-link{position: absolute;left: var(--space-4);top: -4rem;z-index: 100;background: var(--color-primary);color: #fff;padding: var(--space-3) var(--space-4);border-radius: var(--radius-sm)}.skip-link:focus{top: var(--space-2)}.visually-hidden{position: absolute;width: 1px;height: 1px;margin: -1px;padding: 0;overflow: hidden;clip: rect(0 0 0 0);white-space: nowrap;border: 0}.icon{width: 1.25rem;height: 1.25rem;flex: none;fill: none;stroke: currentColor;stroke-width: 1.75;stroke-linecap: round;stroke-linejoin: round}.icon-lg{width: 2.5rem;height: 2.5rem}.icon-google{fill: currentColor;stroke: none}[hidden]{display: none !important}main:focus{outline: none}h1,h2,h3,h4{font-family: var(--font-family-display);color: var(--color-text-strong);line-height: var(--line-height-tight);font-weight: var(--font-weight-bold)}h1{font-size: var(--font-size-2xl)}h2{font-size: var(--font-size-xl)}h3{font-size: var(--font-size-lg)}.page-title{font-size: var(--font-size-2xl);margin-bottom: var(--space-4)}.lead{font-size: var(--font-size-md);color: var(--color-text-muted);margin-bottom: var(--space-5);line-height: var(--line-height-relaxed);max-width: 62ch}.muted{color: var(--color-text-muted)}.link{color: var(--color-primary);font-weight: var(--font-weight-semibold);text-decoration: none}.link:hover{color: var(--color-accent-dark)}.link-block{display: inline-flex;align-items: center;gap: var(--space-2);margin-top: var(--space-4)}.prose p{margin-bottom: var(--space-3);line-height: var(--line-height-relaxed);max-width: 65ch}p{line-height: var(--line-height-normal)}@media (min-width: 48rem){h1,.page-title{font-size: var(--font-size-3xl)}}.container{width: 100%;max-width: var(--content-max-width);margin-inline: auto;padding-inline: var(--page-padding)}.container-narrow{max-width: var(--content-narrow-width)}.page{padding-block: var(--space-6) var(--space-12);min-height: 60vh}.section{margin-top: var(--space-8)}.section-head{display: flex;align-items: center;justify-content: space-between;gap: var(--space-3);margin-bottom: var(--space-4)}.section-head h2{font-size: var(--font-size-xl)}.site-header{position: sticky;top: 0;z-index: 30;background: var(--color-surface);color: var(--color-text);border-bottom: 1px solid var(--color-border)}.header-inner{display: flex;align-items: center;gap: var(--space-2);min-height: var(--header-height)}.header-inner .icon-btn{width: 2.5rem;height: 2.5rem}.brand{display: inline-flex;align-items: center;min-width: 0;margin-right: auto}.brand-logo{height: 2.1rem;width: auto;max-width: none}.brand-name{font-family: var(--font-family-display);font-weight: var(--font-weight-bold);letter-spacing: 0.01em;color: var(--color-primary)}.header-search{display: none;flex: 1;max-width: 26rem;align-items: center;gap: var(--space-2)}.header-actions{display: flex;align-items: center;gap: 0.125rem}.header-fav{display: none !important}.cart-link{position: relative}.site-footer{background: var(--color-primary);color: #E6EDE4;padding-block: var(--space-10);margin-top: var(--space-8)}.site-footer a{color: #fff}.site-footer a:hover{color: var(--color-accent-light)}.footer-inner{display: grid;gap: var(--space-2);font-size: var(--font-size-sm)}.footer-name{font-family: var(--font-family-display);font-weight: var(--font-weight-bold);font-size: var(--font-size-xl);color: #fff}.footer-links{display: grid;gap: var(--space-6);margin: var(--space-5) 0}.footer-links ul{display: grid;gap: var(--space-2)}.footer-heading{font-size: var(--font-size-sm);font-weight: var(--font-weight-bold);letter-spacing: 0.06em;text-transform: uppercase;color: var(--color-accent-light);margin: 0 0 var(--space-3);font-family: var(--font-family-base)}.footer-copy{color: #B9C9BC;margin-top: var(--space-3);padding-top: var(--space-4);border-top: 1px solid rgba(255,255,255,0.14)}.hero{background: radial-gradient(120% 90% at 100% 0%,var(--color-primary-light) 0%,var(--color-primary) 55%,var(--color-primary-dark) 100%);color: #fff;padding-block: var(--space-8);margin: calc(var(--space-6) * -1) 0 0;border-bottom: 4px solid var(--color-accent)}.hero-title{color: #fff;font-size: clamp(1.6rem,6.5vw,2.5rem);line-height: 1.15;max-width: 20ch}.hero-text{margin-top: var(--space-3);max-width: 46ch;color: #D5E1D7;font-size: var(--font-size-md);line-height: var(--line-height-relaxed)}.hero-actions{display: grid;grid-template-columns: 1fr 1fr;gap: var(--space-3);margin-top: var(--space-5);max-width: 28rem}.hero-actions .btn{width: 100%;padding-inline: var(--space-3);white-space: nowrap}.product-grid{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: var(--space-3);align-items: stretch}.product-layout{display: grid;gap: var(--space-6)}.auth-body{background: var(--color-background)}.auth-shell{max-width: 28rem;margin-inline: auto;padding: var(--space-8) var(--page-padding) var(--space-12);display: grid;gap: var(--space-5)}.auth-shell--wide{max-width: 36rem}.auth-brand{display: flex;justify-content: center}.auth-brand img{width: 13.5rem;height: auto}.filter-bar{display: flex;flex-wrap: wrap;gap: var(--space-3);align-items: flex-end;margin-bottom: var(--space-4)}.title-row{display: flex;align-items: flex-start;justify-content: space-between;gap: var(--space-3);flex-wrap: wrap}.crumbs{font-size: var(--font-size-sm);color: var(--color-text-muted);margin-bottom: var(--space-4)}.btn{display: inline-flex;align-items: center;justify-content: center;gap: var(--space-2);min-height: var(--control-height);padding: 0.5rem var(--space-5);border-radius: var(--radius-md);border: 2px solid transparent;font-weight: var(--font-weight-semibold);line-height: 1.2;text-align: center;transition: background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard)}.btn:active{transform: translateY(1px)}.btn-primary{background: var(--color-accent);color: var(--color-text-on-accent)}.btn-primary:hover{background: #B88F3B}.btn-secondary{background: var(--color-primary);color: #fff}.btn-secondary:hover{background: var(--color-primary-light)}.btn-outline{background: transparent;color: var(--color-primary);border-color: var(--color-primary)}.btn-outline:hover{background: var(--color-primary-soft)}.btn-outline-light{background: transparent;color: #fff;border-color: rgba(255,255,255,0.85)}.btn-outline-light:hover{background: rgba(255,255,255,0.12)}.btn-block{display: flex;width: 100%}.btn-lg{min-height: 3.25rem;font-size: var(--font-size-md)}.btn-sm{min-height: 2.5rem;padding: 0.25rem var(--space-4);font-size: var(--font-size-sm)}.btn .icon{width: 1.15rem;height: 1.15rem}.btn[disabled],.btn.is-disabled{opacity: 0.55;cursor: not-allowed;pointer-events: none}.btn.is-loading{position: relative;color: transparent;pointer-events: none}.btn.is-loading::after{content: "";position: absolute;width: 1.1rem;height: 1.1rem;border: 2px solid currentColor;border-top-color: transparent;border-radius: 50%;animation: spin 0.7s linear infinite;color: var(--color-text-on-accent)}.icon-btn{display: inline-flex;align-items: center;justify-content: center;position: relative;width: var(--touch-min);height: var(--touch-min);border-radius: var(--radius-md);color: inherit;flex: none}.icon-btn:hover{background: var(--color-primary-soft)}.icon-btn.is-on{color: var(--color-danger)}.icon-btn.is-on .icon{fill: currentColor}.round-btn{display: inline-flex;align-items: center;justify-content: center;width: 2.5rem;height: 2.5rem;border-radius: 50%;background: var(--color-accent);color: var(--color-text-on-accent);flex: none}.round-btn:hover{background: #B88F3B}.link-button{color: var(--color-danger);font-weight: var(--font-weight-semibold);min-height: var(--touch-min);padding-inline: var(--space-2)}.link-button--plain{color: var(--color-primary)}.cart-count{position: absolute;top: 0.1rem;right: 0;min-width: 1.15rem;height: 1.15rem;padding: 0 0.25rem;border-radius: var(--radius-pill);background: var(--color-accent);color: var(--color-text-on-accent);font-size: 0.6875rem;font-weight: var(--font-weight-bold);display: inline-flex;align-items: center;justify-content: center}.badge{display: inline-flex;align-items: center;gap: var(--space-1);padding: 0.2rem 0.7rem;border-radius: var(--radius-pill);font-size: var(--font-size-xs);font-weight: var(--font-weight-semibold);line-height: 1.3;white-space: nowrap}.badge .icon{width: 0.95rem;height: 0.95rem}.badge-success{background: var(--color-success-soft);color: var(--color-success)}.badge-warning{background: var(--color-warning-soft);color: var(--color-warning)}.badge-danger{background: var(--color-danger-soft);color: var(--color-danger)}.badge-info{background: var(--color-info-soft);color: var(--color-info)}.badge-neutral{background: var(--color-surface-muted);color: var(--color-text)}.alert{display: flex;gap: var(--space-3);align-items: flex-start;padding: var(--space-3) var(--space-4);border-radius: var(--radius-md);margin-bottom: var(--space-3);border: 1px solid transparent;font-size: var(--font-size-sm)}.alert .icon{margin-top: 0.1rem}.alert p{line-height: 1.45}.alert-success{background: var(--color-success-soft);color: var(--color-success);border-color: rgba(46,125,79,0.35)}.alert-error{background: var(--color-danger-soft);color: var(--color-danger);border-color: rgba(179,64,47,0.35)}.alert-info{background: var(--color-info-soft);color: var(--color-info);border-color: rgba(47,106,134,0.35)}.flash-region:empty{display: none}.notice{padding: var(--space-3) var(--space-4);border-radius: var(--radius-md);background: var(--color-accent-soft);border: 1px solid var(--color-accent-light);color: var(--color-text);font-size: var(--font-size-sm);margin-bottom: var(--space-4)}.callout{background: var(--color-accent-soft);border: 1px solid var(--color-accent-light);border-radius: var(--radius-md);padding: var(--space-4);margin-block: var(--space-4)}.callout-actions{display: flex;gap: var(--space-3);margin-top: var(--space-3);flex-wrap: wrap;align-items: center}.empty-state{display: grid;gap: var(--space-3);justify-items: start;padding: var(--space-6);background: var(--color-surface);border: 1px dashed var(--color-border-strong);border-radius: var(--radius-lg);color: var(--color-text-muted)}.chip-row{display: flex;flex-wrap: wrap;gap: var(--space-2);margin-bottom: var(--space-4)}.chip{display: inline-flex;align-items: center;min-height: 2.5rem;padding: 0 var(--space-4);border-radius: var(--radius-pill);background: var(--color-surface);color: var(--color-text);font-weight: var(--font-weight-medium);font-size: var(--font-size-sm);border: 1px solid var(--color-border-strong);cursor: pointer}.chip:hover{background: var(--color-primary-soft)}.chip.is-active{background: var(--color-primary);color: #fff;border-color: var(--color-primary)}.divider{display: flex;align-items: center;gap: var(--space-3);color: var(--color-text-muted);font-size: var(--font-size-sm);margin-block: var(--space-2)}.divider::before,.divider::after{content: "";flex: 1;height: 1px;background: var(--color-border-strong)}.note{display: flex;align-items: center;justify-content: center;gap: var(--space-2);font-size: var(--font-size-sm);color: var(--color-text-muted);text-align: center}.pagination{display: flex;align-items: center;justify-content: space-between;gap: var(--space-3);margin-top: var(--space-6)}.pagination__status{color: var(--color-text-muted);font-size: var(--font-size-sm)}.result-count{color: var(--color-text-muted);margin-bottom: var(--space-3);font-size: var(--font-size-sm)}.back-link{display: inline-flex;align-items: center;gap: var(--space-2);min-height: var(--touch-min);color: var(--color-primary);font-weight: var(--font-weight-semibold)}.avatar{width: 4rem;height: 4rem;border-radius: 50%;background: var(--color-primary);color: #fff;display: inline-flex;align-items: center;justify-content: center;font-family: var(--font-family-display);font-weight: var(--font-weight-bold);font-size: var(--font-size-lg);flex: none}.media-placeholder{display: flex;align-items: center;justify-content: center;width: 100%;aspect-ratio: 1 / 1;background: var(--color-primary-soft);color: var(--color-primary-light)}.optional-tag{font-weight: var(--font-weight-regular);color: var(--color-text-muted);font-size: var(--font-size-xs);background: var(--color-surface-muted);padding: 0.1rem 0.5rem;border-radius: var(--radius-pill);margin-left: var(--space-1)}.stack{display: grid;gap: var(--space-3)}.stack>.field{margin-bottom: 0}.stack-form{display: grid;gap: var(--space-3)}.inline-form{display: flex;gap: var(--space-2);flex-wrap: wrap;align-items: center;margin-top: var(--space-2)}.inline-form .input{flex: 1 1 12rem;width: auto}.meta-list{display: grid;grid-template-columns: minmax(6.5rem,auto) minmax(0,1fr);gap: var(--space-2) var(--space-4);margin: 0;align-items: baseline}.meta-list>div{display: contents}.meta-list dt{color: var(--color-text-muted);font-size: var(--font-size-sm)}.meta-list dd{margin: 0;font-weight: var(--font-weight-medium)}.summary-list{display: grid;gap: var(--space-2)}.summary-list>div{display: flex;justify-content: space-between;gap: var(--space-3)}.summary-list dt{color: var(--color-text-muted)}.summary-list dd{margin: 0;font-weight: var(--font-weight-semibold)}.summary-total{font-size: var(--font-size-lg);border-top: 1px solid var(--color-border);padding-top: var(--space-3);margin-top: var(--space-2)}.summary-total dt{color: var(--color-text-strong);font-weight: var(--font-weight-bold)}.toast-region{position: fixed;left: 0;right: 0;bottom: calc(var(--bottom-nav-height) + var(--space-3));z-index: 60;display: grid;gap: var(--space-2);justify-items: center;padding-inline: var(--space-4);pointer-events: none}.toast{pointer-events: auto;max-width: 28rem;padding: var(--space-3) var(--space-4);border-radius: var(--radius-md);background: var(--color-primary-dark);color: #fff;box-shadow: var(--shadow-floating)}.toast--error{background: var(--color-danger)}.filter-search{margin-bottom: var(--space-3)}.cat-bar{display: flex;gap: var(--space-2);overflow-x: auto;padding-bottom: var(--space-2);margin-bottom: var(--space-3);scrollbar-width: none;-webkit-overflow-scrolling: touch}.cat-bar::-webkit-scrollbar{display: none}.cat-pill{flex: none;display: inline-flex;align-items: center;min-height: 2.25rem;padding: 0 var(--space-4);border-radius: var(--radius-pill);background: var(--color-surface);color: var(--color-text);border: 1px solid var(--color-border);font-size: var(--font-size-sm);font-weight: var(--font-weight-medium);white-space: nowrap}.cat-pill.is-active{background: var(--color-primary);color: #fff;border-color: var(--color-primary)}.result-head{display: flex;align-items: center;justify-content: space-between;gap: var(--space-3);margin-bottom: var(--space-3)}.result-head .result-count{margin: 0}.sort-form select{min-height: 2.25rem;padding-block: 0;font-size: var(--font-size-sm);width: auto}.filter-bar{display: block}.filter-search{width: 100%}.sort-bar{display: grid;grid-template-columns: 1fr 1fr;gap: var(--space-2);margin-bottom: var(--space-3)}.sort-bar .input{min-height: 2.75rem;font-size: var(--font-size-sm)}.price-old{color: var(--color-muted);font-size: 0.85em;font-weight: var(--font-weight-regular)}.price-old:empty{display: none}.badge-sale{background: var(--color-accent-soft);color: var(--color-primary)}.field{display: grid;gap: var(--space-2);margin-bottom: var(--space-4)}.field-grow{flex: 1 1 14rem;margin-bottom: 0}.field-label{font-weight: var(--font-weight-semibold);font-size: var(--font-size-sm);color: var(--color-text-strong)}.input{width: 100%;min-height: var(--control-height);padding: 0 var(--space-4);background: var(--color-surface);border: 1px solid var(--color-border-strong);border-radius: var(--radius-md);font-size: 1rem;color: var(--color-text)}.input::placeholder{color: var(--color-text-muted);opacity: 0.75}.input:hover{border-color: var(--color-primary-light)}.input:focus{border-color: var(--color-primary)}textarea.input,.textarea{padding: var(--space-3) var(--space-4);resize: vertical;min-height: 7rem;line-height: 1.5}select.input{appearance: auto;padding-right: var(--space-3)}.input-wrap{position: relative;display: flex;align-items: center}.input-wrap>.icon{position: absolute;left: var(--space-4);color: var(--color-text-muted);pointer-events: none}.input-wrap>.input{padding-left: 2.9rem}.input-wrap .pw-toggle{position: absolute;right: var(--space-1);color: var(--color-text-muted);width: 2.5rem;height: 2.5rem}.input-wrap.has-error>.input,.input[aria-invalid="true"]{border-color: var(--color-danger)}.field-hint{font-size: var(--font-size-sm);color: var(--color-text-muted);line-height: 1.4}.field-error{font-size: var(--font-size-sm);color: var(--color-danger);font-weight: var(--font-weight-medium)}fieldset.field{border: 0;padding: 0}fieldset.field>legend{padding: 0;margin-bottom: var(--space-2)}.checkbox{display: flex;gap: var(--space-3);align-items: flex-start;min-height: 2.25rem;cursor: pointer;line-height: 1.4}.checkbox input{width: 1.25rem;height: 1.25rem;margin-top: 0.1rem;accent-color: var(--color-primary);flex: none}.form-aside{text-align: right;margin: 0;font-size: var(--font-size-sm)}.field-row{display: grid;gap: var(--space-4);grid-template-columns: 1fr}@media (min-width: 560px){.field-row{grid-template-columns: 2fr 1fr}}.filter-bar .field{margin-bottom: 0}.qty-control{display: inline-flex;align-items: stretch;border: 1px solid var(--color-border-strong);border-radius: var(--radius-md);background: var(--color-surface);overflow: hidden}.qty-btn{width: var(--control-height);display: inline-flex;align-items: center;justify-content: center;color: var(--color-primary)}.qty-btn:hover{background: var(--color-primary-soft)}.qty-input{width: 5.5rem;text-align: center;border: 0;border-radius: 0}.qty-control .qty-input{border-inline: 1px solid var(--color-border)}.unit-picker{display: grid;grid-template-columns: repeat(auto-fit,minmax(9rem,1fr));gap: var(--space-3);margin-block: var(--space-3)}.unit-picker legend{grid-column: 1 / -1;margin-bottom: var(--space-1);font-weight: var(--font-weight-semibold);font-size: var(--font-size-sm)}.unit-option{display: block;cursor: pointer}.unit-option input{position: absolute;opacity: 0}.unit-option__box{display: grid;gap: var(--space-1);padding: var(--space-3) var(--space-4);border: 2px solid var(--color-border-strong);border-radius: var(--radius-md);background: var(--color-surface);text-align: center}.unit-option input:checked + .unit-option__box{background: var(--color-primary);color: #fff;border-color: var(--color-primary)}.unit-option input:focus-visible + .unit-option__box{outline: 3px solid var(--color-focus);outline-offset: 2px}.unit-option input:disabled + .unit-option__box{opacity: 0.5;cursor: not-allowed}.qty-form{display: flex;align-items: center;gap: var(--space-2);flex-wrap: wrap}.card{background: var(--color-surface);border: 1px solid var(--color-border);border-radius: var(--radius-lg);box-shadow: var(--shadow-soft)}a.card{color: inherit}.product-card{display: flex;flex-direction: column;overflow: hidden;height: 100%}.product-card__top{position: relative;background: var(--color-primary-soft)}.product-card__media{display: block}.product-card__media img,.product-card__media .media-placeholder{width: 100%;aspect-ratio: 4 / 3;object-fit: cover}.product-card__fav{position: absolute;top: var(--space-2);right: var(--space-2)}.product-card__fav .icon-btn{width: 2.25rem;height: 2.25rem;background: rgba(255,255,255,0.92);color: var(--color-primary);border-radius: 50%;box-shadow: var(--shadow-soft)}.product-card__fav .icon-btn.is-on{color: var(--color-danger)}.product-card__body{display: flex;flex-direction: column;gap: var(--space-1);padding: var(--space-3) var(--space-3) var(--space-3);flex: 1}.product-card__title{font-size: var(--font-size-md);line-height: 1.3}.product-card__meta{color: var(--color-text-muted);font-size: var(--font-size-sm);line-height: 1.35;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden}.product-card__price{margin-top: var(--space-1);font-size: var(--font-size-md);font-weight: var(--font-weight-bold);color: var(--color-text-strong);line-height: 1.25}.product-card__price strong{display: block}.product-card__price .muted{font-size: var(--font-size-sm);font-weight: var(--font-weight-regular);white-space: nowrap}.product-card__min{color: var(--color-text-muted);font-size: var(--font-size-xs)}.product-card__foot .btn{flex: none;white-space: nowrap}.product-card__foot{display: flex;align-items: center;justify-content: space-between;gap: var(--space-2);margin-top: auto;padding-top: var(--space-3)}.product-gallery img{width: 100%;border-radius: var(--radius-lg);aspect-ratio: 1 / 1;object-fit: cover}.gallery-main{border-radius: var(--radius-lg);overflow: hidden}.gallery-thumbs{display: grid;grid-template-columns: repeat(4,1fr);gap: var(--space-2);margin-top: var(--space-2)}.gallery-thumbs img{border-radius: var(--radius-sm)}.price{font-family: var(--font-family-display);font-size: var(--font-size-2xl);color: var(--color-accent-dark);font-weight: var(--font-weight-bold)}.price-line{margin-block: var(--space-3)}.product-info{display: grid;gap: var(--space-3);align-content: start}.buy-form{display: grid;gap: var(--space-3)}.info-cards{display: grid;gap: var(--space-3);margin-top: var(--space-4)}.info-card{padding: var(--space-4)}.info-card h2{display: flex;align-items: center;gap: var(--space-2);font-size: var(--font-size-md);margin-bottom: var(--space-2)}.info-card h2 .icon{color: var(--color-primary)}.spec-list{display: grid;gap: var(--space-1);font-size: var(--font-size-sm)}.spec-list div{display: flex;gap: var(--space-2)}.spec-list dt{color: var(--color-text-muted);min-width: 5.5rem}.spec-list dd{margin: 0}.fav-form{margin-top: var(--space-3)}.cart-list{display: grid;gap: var(--space-3);margin-bottom: var(--space-5)}.cart-line{display: grid;grid-template-columns: 5.5rem 1fr;gap: var(--space-3);padding: var(--space-3)}.cart-line.has-problem{border-color: var(--color-danger)}.cart-line__media img,.cart-line__media .media-placeholder{border-radius: var(--radius-sm);aspect-ratio: 1 / 1;object-fit: cover}.cart-line__body{display: grid;gap: var(--space-1);min-width: 0;align-content: start}.cart-line__title{font-size: var(--font-size-md)}.cart-line__controls{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: var(--space-2)}.cart-line__actions{display: inline-flex;align-items: center;gap: var(--space-2);margin-left: auto}.cart-line__actions form{display: inline-flex}.summary-item__link{color: inherit;font-weight: var(--font-weight-semibold);text-decoration: underline;text-decoration-color: var(--color-border-strong);text-underline-offset: 0.18em}.summary-item__link:hover{color: var(--color-primary)}.cart-line__price{grid-column: 1 / -1;display: flex;justify-content: space-between;align-items: baseline;border-top: 1px solid var(--color-border);padding-top: var(--space-2)}.summary{padding: var(--space-4);display: grid;gap: var(--space-3)}.auth-card{background: var(--color-surface);border: 1px solid var(--color-border);border-radius: var(--radius-xl);padding: var(--space-6);box-shadow: var(--shadow-card);display: grid;gap: var(--space-3)}.auth-card .field{margin-bottom: 0}.auth-card form{display: grid;gap: var(--space-4)}.auth-title{font-size: var(--font-size-2xl)}.auth-lead{color: var(--color-text-muted);margin-top: calc(var(--space-2) * -1)}.auth-switch{text-align: center;font-size: var(--font-size-sm);color: var(--color-text-muted)}.profile-card{display: flex;gap: var(--space-4);padding: var(--space-4);margin-bottom: var(--space-4);align-items: flex-start}.profile-main{min-width: 0;display: grid;gap: var(--space-1)}.profile-name{font-family: var(--font-family-display);font-weight: var(--font-weight-bold);font-size: var(--font-size-xl)}.profile-email{color: var(--color-text-muted);font-size: var(--font-size-sm)}.status-row{display: flex;flex-wrap: wrap;gap: var(--space-2);margin-top: var(--space-3)}.verify-card{padding: var(--space-4);margin-bottom: var(--space-3);display: grid;gap: var(--space-3);justify-items: start}.verify-head{display: flex;align-items: center;justify-content: space-between;gap: var(--space-3);width: 100%}.verify-head h2{display: flex;align-items: center;gap: var(--space-2);font-size: var(--font-size-lg)}.menu-list{display: grid;gap: var(--space-2)}.menu-item{display: flex;align-items: center;gap: var(--space-3);width: 100%;padding: var(--space-3) var(--space-4);background: var(--color-surface);border: 1px solid var(--color-border);border-radius: var(--radius-lg);text-align: left;min-height: 4rem;box-shadow: var(--shadow-soft);color: inherit}.menu-item:hover{border-color: var(--color-accent)}.menu-item__icon{width: 2.5rem;height: 2.5rem;border-radius: 50%;display: inline-flex;align-items: center;justify-content: center;background: var(--color-primary);color: #fff;flex: none}.menu-item__text{display: grid;flex: 1;min-width: 0;gap: 2px}.menu-item__text strong{font-weight: var(--font-weight-semibold)}.menu-item__text .muted{font-size: var(--font-size-sm)}.menu-item--button{cursor: pointer}.new-address{margin-top: var(--space-3)}.stat-card{display: block}.gallery-thumb{display: block;width: 100%;padding: 0;border: 2px solid transparent;border-radius: var(--radius-sm);background: none;cursor: pointer;overflow: hidden}.gallery-thumb.is-active{border-color: var(--accent)}.menu-panel{position: fixed;inset: 0 auto 0 0;width: min(21rem,86vw);z-index: 50;background: var(--color-surface);box-shadow: var(--shadow-floating);padding: var(--space-4);overflow-y: auto}.menu-backdrop{position: fixed;inset: 0;z-index: 40;background: var(--color-overlay)}.menu-panel-head{display: flex;align-items: center;gap: var(--space-3);margin-bottom: var(--space-5);padding-bottom: var(--space-4);border-bottom: 1px solid var(--color-border)}.menu-panel-head .brand-name{flex: 1;font-size: var(--font-size-lg)}.menu-mark{width: 2.5rem;height: 2.5rem}.menu-links{display: grid;gap: var(--space-1)}.menu-links a,.menu-button{display: flex;align-items: center;gap: var(--space-3);width: 100%;min-height: var(--touch-min);padding: 0 var(--space-3);border-radius: var(--radius-md);font-weight: var(--font-weight-medium);text-align: left;color: var(--color-text)}.menu-links a:hover,.menu-button:hover{background: var(--color-primary-soft)}.menu-links .icon,.menu-button .icon{color: var(--color-primary)}.pagination a{text-decoration: none}.bottom-nav{position: fixed;inset: auto 0 0 0;z-index: 30;display: flex;background: var(--color-surface);border-top: 1px solid var(--color-border);padding-bottom: env(safe-area-inset-bottom);box-shadow: 0 -4px 16px rgba(23,41,29,0.06)}.bottom-nav__item{flex: 1;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 2px;min-height: var(--bottom-nav-height);font-size: var(--font-size-xs);color: var(--color-text-muted);font-weight: var(--font-weight-medium);border-top: 3px solid transparent}.bottom-nav__item.is-active{color: var(--color-primary);border-top-color: var(--color-accent);font-weight: var(--font-weight-bold)}.bottom-nav__item.is-active .icon{fill: var(--color-primary-soft)}.error-page{max-width: 34rem;padding-block: var(--space-6)}.error-actions{display: flex;flex-wrap: wrap;gap: var(--space-3);margin-block: var(--space-5)}.error-search{display: flex;gap: var(--space-2)}.error-code{font-family: var(--font-family-display);font-size: var(--font-size-3xl);font-weight: var(--font-weight-bold);color: var(--color-accent-dark)}.is-loading-skeleton{background: linear-gradient(90deg,var(--color-surface-soft),var(--color-surface-muted),var(--color-surface-soft));background-size: 200% 100%;animation: shimmer 1.4s linear infinite}.toast-region{position: fixed;left: 0;right: 0;bottom: calc(var(--bottom-nav-height) + var(--space-3));z-index: 60;display: grid;gap: var(--space-2);justify-items: center;padding-inline: var(--space-4);pointer-events: none}.toast{pointer-events: auto;max-width: 28rem;padding: var(--space-3) var(--space-4);border-radius: var(--radius-md);background: var(--color-primary-dark);color: var(--color-text-on-primary);box-shadow: var(--shadow-floating)}.toast--error{background: var(--color-danger)}@keyframes spin{to{transform: rotate(360deg)}}@keyframes shimmer{to{background-position: -200% 0}}@keyframes toast-in{from{opacity: 0;transform: translateY(0.5rem)}to{opacity: 1;transform: none}}.toast{animation: toast-in var(--duration-normal) var(--ease-standard)}.cart-count.is-bumped{animation: bump var(--duration-normal) var(--ease-standard)}@keyframes bump{50%{transform: scale(1.25)}}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration: 0.01ms !important;animation-iteration-count: 1 !important;transition-duration: 0.01ms !important;scroll-behavior: auto !important}}.text-center{text-align: center}.mt-4{margin-top: var(--space-4)}.mb-4{margin-bottom: var(--space-4)}.admin-body{background: var(--color-background)}.admin-shell{min-height: 100vh}.admin-sidebar{position: fixed;inset: 0 auto 0 0;width: min(var(--sidebar-width),86vw);z-index: 60;display: flex;flex-direction: column;background: var(--color-primary);color: #E6EDE4;overflow-y: auto;transform: translateX(-100%);visibility: hidden;transition: transform var(--duration-normal) var(--ease-standard),visibility 0s linear var(--duration-normal)}.admin-sidebar.is-open{transform: none;visibility: visible;transition: transform var(--duration-normal) var(--ease-standard);box-shadow: var(--shadow-floating)}.admin-backdrop{position: fixed;inset: 0;z-index: 55;background: var(--color-overlay)}.admin-brand{display: block;margin: var(--space-4);padding: var(--space-3) var(--space-4);background: #fff;border-radius: var(--radius-lg)}.admin-brand img{width: 100%;height: auto}.admin-nav{display: grid;gap: 2px;padding: 0 var(--space-3) var(--space-4);flex: 1;align-content: start}.admin-nav__group{margin: var(--space-4) var(--space-3) var(--space-1);font-size: var(--font-size-xs);font-weight: var(--font-weight-bold);letter-spacing: 0.08em;text-transform: uppercase;color: var(--color-accent-light)}.admin-nav__link{display: flex;align-items: center;gap: var(--space-3);width: 100%;min-height: 2.75rem;padding: 0 var(--space-3);border-radius: var(--radius-md);color: #E6EDE4;font-weight: var(--font-weight-medium);text-align: left;border-left: 3px solid transparent}.admin-nav__link:hover{background: rgba(255,255,255,0.08);color: #fff}.admin-nav__link.is-active{background: rgba(255,255,255,0.12);color: #fff;border-left-color: var(--color-accent);font-weight: var(--font-weight-bold)}.admin-nav__link .icon{opacity: 0.9}.admin-sidebar__foot{display: grid;gap: 2px;padding: var(--space-3) var(--space-3) var(--space-4);border-top: 1px solid rgba(255,255,255,0.14)}.admin-nav__button{cursor: pointer}.admin-topbar{position: sticky;top: 0;z-index: 20;display: flex;align-items: center;gap: var(--space-3);min-height: 3.5rem;padding-inline: var(--space-3);background: var(--color-surface);border-bottom: 1px solid var(--color-border)}.admin-topbar__title{font-family: var(--font-family-display);font-weight: var(--font-weight-bold);color: var(--color-primary);flex: 1;min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.admin-topbar__user{font-size: var(--font-size-sm);color: var(--color-text-muted);display: none}.admin-main>p:first-child:has(>.link,>.back-link){margin-bottom: var(--space-2)}.admin-main{padding: var(--space-5) var(--page-padding) var(--space-12);max-width: 78rem}@media (min-width: 64rem){.admin-sidebar{transform: none;visibility: visible;width: var(--sidebar-width);box-shadow: none}.admin-backdrop{display: none !important}.admin-content{margin-left: var(--sidebar-width)}.admin-topbar{justify-content: flex-end;min-height: 3.5rem}.admin-topbar [data-admin-menu],.admin-topbar__title{display: none}.admin-topbar__user{display: block}.admin-main{padding-top: var(--space-6)}}.stat-grid{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: var(--space-3)}.stat{display: grid;gap: var(--space-2);align-content: space-between;padding: var(--space-4);min-height: 6.25rem}.stat .muted{font-size: var(--font-size-sm);line-height: 1.3}.stat strong{font-family: var(--font-family-display);font-size: var(--font-size-2xl);line-height: 1;color: var(--color-text-strong)}a.stat:hover{border-color: var(--color-accent);box-shadow: var(--shadow-card)}@media (min-width: 48rem){.stat-grid{grid-template-columns: repeat(auto-fill,minmax(12rem,1fr))}}.table-wrap{overflow-x: auto;background: var(--color-surface);border: 1px solid var(--color-border);border-radius: var(--radius-lg);box-shadow: var(--shadow-soft);margin-bottom: var(--space-4)}.admin-table{width: 100%;min-width: 34rem;font-size: var(--font-size-sm)}.admin-table th,.admin-table td{text-align: left;padding: var(--space-3) var(--space-4);border-bottom: 1px solid var(--color-border);vertical-align: middle}.admin-table thead th{color: var(--color-text-muted);font-weight: var(--font-weight-semibold);background: var(--color-surface-soft);font-size: var(--font-size-xs);letter-spacing: 0.04em;text-transform: uppercase;white-space: nowrap}.admin-table td{white-space: nowrap}.admin-table tbody th{font-weight: var(--font-weight-semibold);min-width: 9rem}.admin-table tbody tr:last-child>*{border-bottom: 0}.admin-table tbody tr:hover{background: var(--color-surface-soft)}.admin-table .actions{text-align: right;white-space: nowrap}.form-card{padding: var(--space-5);margin-bottom: var(--space-4);display: grid;gap: var(--space-3);align-content: start}.form-card>h2{font-size: var(--font-size-lg)}.card-legend{font-family: var(--font-family-display);font-weight: var(--font-weight-bold);font-size: var(--font-size-lg);padding: 0;margin-bottom: var(--space-3)}.form-grid{display: grid;gap: 0 var(--space-4);grid-template-columns: repeat(auto-fit,minmax(12rem,1fr))}.option-row{border: 1px solid var(--color-border);border-radius: var(--radius-md);padding: var(--space-4);margin-bottom: var(--space-3);background: var(--color-surface-soft)}.option-title{font-size: var(--font-size-md);margin-bottom: var(--space-3)}.photo-list{display: grid;gap: var(--space-3);grid-template-columns: repeat(auto-fill,minmax(8rem,1fr));margin-bottom: var(--space-4)}.photo-item{display: grid;gap: var(--space-2);font-size: var(--font-size-sm)}.photo-item img{border-radius: var(--radius-sm);width: 100%;height: auto;aspect-ratio: 1 / 1;object-fit: cover}.admin-grid{display: grid;gap: var(--space-4);align-items: start}@media (min-width: 56rem){.admin-grid{grid-template-columns: 2fr 1fr}}.form-set{border: 0;padding: 0;margin: 0;min-width: 0;display: grid;gap: var(--space-4)}.tab-bar{display: flex;gap: var(--space-1);overflow-x: auto;border-bottom: 1px solid var(--color-border);margin-bottom: var(--space-4);scrollbar-width: none}.tab-bar::-webkit-scrollbar{display: none}.tab{flex: 1 0 auto;padding: var(--space-3) var(--space-3);border: 0;border-bottom: 3px solid transparent;background: none;color: var(--color-muted);font-weight: var(--font-weight-semibold);font-size: var(--font-size-sm);cursor: pointer}.tab.is-active{color: var(--color-primary);border-bottom-color: var(--color-accent)}.tab-panel[hidden],.save-bar[hidden],.field[hidden]{display: none}.tab-panel{display: grid;gap: var(--space-4);margin-bottom: var(--space-4)}.save-bar{position: sticky;bottom: 0;padding: var(--space-3) 0;background: linear-gradient(to top,var(--color-background) 70%,transparent);z-index: 5}.save-bar .btn{width: 100%}.more-fold{margin-top: var(--space-3);border: 1px solid var(--color-border);border-radius: var(--radius-md);padding: var(--space-3) var(--space-4);background: var(--color-surface)}.more-fold>summary{cursor: pointer;font-weight: var(--font-weight-semibold);color: var(--color-primary)}.more-fold[open]>summary{margin-bottom: var(--space-3)}.option-row{display: grid;gap: var(--space-3)}.form-card .form-grid{display: grid;gap: var(--space-3);grid-template-columns: 1fr}@media (min-width: 40rem){.form-card .form-grid{grid-template-columns: 1fr 1fr}}.page-head{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: var(--space-2)}.live-note{display: inline-flex;align-items: center;gap: var(--space-2);font-size: var(--font-size-sm);color: var(--color-text-muted);margin: 0}.live-dot{width: 0.6rem;height: 0.6rem;border-radius: 50%;background: var(--color-success);animation: pulse 2s ease-in-out infinite}.live-dot.is-off{background: var(--color-warning);animation: none}@keyframes pulse{0%,100%{box-shadow: 0 0 0 0 rgba(47,90,59,0.45)}50%{box-shadow: 0 0 0 6px rgba(47,90,59,0)}}.stat-money strong{font-size: var(--font-size-xl)}.chart-card{margin-top: var(--space-4);padding: var(--space-4)}.chart-title{font-size: var(--font-size-md);margin-bottom: var(--space-3)}.chart-row{display: grid;gap: var(--space-4);grid-template-columns: 1fr}@media (min-width: 56rem){.chart-row{grid-template-columns: 1fr 1fr}}.chart{min-height: 6rem}.chart-empty{padding: var(--space-6) var(--space-2);text-align: center;margin: 0}.svg-chart{width: 100%;height: auto;display: block;overflow: visible}.grid-line{stroke: var(--color-border);stroke-width: 1}.axis-text{font-size: 10px;fill: var(--color-text-muted);font-family: inherit}.area-fill{fill: var(--color-accent-soft);opacity: 0;animation: fade-in 0.9s ease 0.5s forwards}.line-draw{stroke: var(--color-primary-light);stroke-width: 2.5;stroke-linejoin: round;stroke-linecap: round;stroke-dasharray: 1;stroke-dashoffset: 1;animation: draw 1.3s ease forwards}.dot{fill: var(--color-accent);stroke: var(--color-surface);stroke-width: 1.5;opacity: 0;animation: fade-in 0.4s ease 1.1s forwards}@keyframes draw{to{stroke-dashoffset: 0}}@keyframes fade-in{to{opacity: 1}}.svg-donut{width: min(14rem,100%);display: block;margin: 0 auto}.seg{stroke-width: 16;opacity: 0;animation: fade-in 0.6s ease forwards}.donut-num{font-size: 22px;font-weight: 700;fill: var(--color-text-strong);font-family: inherit}.c-a{stroke: var(--color-info);background: var(--color-info);fill: var(--color-info)}.c-b{stroke: var(--color-primary-light);background: var(--color-primary-light);fill: var(--color-primary-light)}.c-c{stroke: var(--color-accent);background: var(--color-accent);fill: var(--color-accent)}.c-d{stroke: var(--color-primary);background: var(--color-primary);fill: var(--color-primary)}.c-e{stroke: var(--color-danger);background: var(--color-danger);fill: var(--color-danger)}.c-f{stroke: var(--color-border-strong);background: var(--color-border-strong);fill: var(--color-border-strong)}.seg.c-a,.seg.c-b,.seg.c-c,.seg.c-d,.seg.c-e,.seg.c-f{fill: none;background: none}.legend{list-style: none;margin: var(--space-3) 0 0;padding: 0;display: grid;gap: var(--space-1);font-size: var(--font-size-sm)}.swatch{display: inline-block;width: 0.7rem;height: 0.7rem;border-radius: 3px;margin-right: var(--space-1);fill: none;stroke: none}.hbar{display: grid;grid-template-columns: minmax(0,1fr) auto;gap: var(--space-1) var(--space-3);margin-bottom: var(--space-3);align-items: center}.hbar-name{font-size: var(--font-size-sm);font-weight: var(--font-weight-semibold);overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.hbar-val{font-size: var(--font-size-sm);color: var(--color-text-muted)}.hbar-track{grid-column: 1 / -1;height: 0.6rem;background: var(--color-surface-soft);border-radius: var(--radius-pill);overflow: hidden}.hbar-fill{display: block;height: 100%;width: 0;background: var(--color-accent);border-radius: var(--radius-pill);transition: width 0.9s cubic-bezier(0.2,0.8,0.2,1)}.bar-grow{fill: var(--color-primary-light);transform-box: fill-box;transform-origin: bottom;transform: scaleY(0);animation: grow 0.7s cubic-bezier(0.2,0.8,0.2,1) forwards}@keyframes grow{to{transform: scaleY(1)}}@media (prefers-reduced-motion: reduce){.line-draw,.area-fill,.dot,.seg,.bar-grow,.live-dot{animation: none;opacity: 1;stroke-dashoffset: 0;transform: none}.hbar-fill{transition: none}}.chart[data-chart="customers"] .svg-chart{max-width: 34rem;max-height: 13rem;margin-inline: auto}.stock-now{display: flex;align-items: baseline;gap: var(--space-2);flex-wrap: wrap;margin: 0 0 var(--space-3)}.stock-now strong{font-family: var(--font-family-display);font-size: var(--font-size-2xl);color: var(--color-text-strong)}.choice-list,.order-list,.summary-items,.plain-list{list-style: none;padding: 0;margin: 0;display: grid;gap: var(--space-3)}.choice{display: flex;gap: var(--space-3);align-items: flex-start;padding: var(--space-3);border: 1px solid var(--color-border);border-radius: var(--radius-md);cursor: pointer;min-height: var(--touch-min)}.choice input{margin-top: 0.2rem;accent-color: var(--color-primary);width: 1.2rem;height: 1.2rem;flex: none}.choice>span{display: grid;gap: 0.15rem}.summary-items li{display: flex;justify-content: space-between;gap: var(--space-3)}.summary-items li>span{display: grid}.order-row{display: flex;justify-content: space-between;gap: var(--space-3);padding: var(--space-4);align-items: center}.order-row__main,.order-row__side{display: grid;gap: var(--space-1)}.order-row__side{justify-items: end}.timeline{list-style: none;margin: 0;padding: 0 0 0 var(--space-4);border-left: 2px solid var(--color-border);display: grid;gap: var(--space-3)}.timeline li{display: grid;gap: 0.1rem;position: relative}.timeline li::before{content: "";position: absolute;left: calc(-1 * var(--space-4) - 6px);top: 0.4rem;width: 10px;height: 10px;border-radius: 50%;background: var(--color-primary)}.receipt-table{min-width: 0}@media print{.site-header,.bottom-nav,.no-print,.skip-link,.site-footer,.admin-sidebar,.admin-topbar,.admin-backdrop{display: none !important}.admin-content{margin-left: 0 !important}.card{border: 0;box-shadow: none}}.hp-field{position: absolute;left: -9999px;width: 1px;height: 1px;overflow: hidden}.status-list{list-style: none;margin: 0;padding: 0;display: grid;gap: var(--space-3)}.status-list li{display: flex;justify-content: space-between;gap: var(--space-3);align-items: center}.info-section{margin-top: var(--space-5);display: grid;gap: var(--space-2)}.prose-page p{max-width: 65ch}.is-unread{border-color: var(--color-primary)}@media (min-width: 40rem){.list-cards{display: grid;gap: var(--space-3)}.list-card{display: flex;align-items: center;justify-content: space-between;gap: var(--space-3);padding: var(--space-4);color: inherit;text-decoration: none}.list-card:hover{border-color: var(--color-primary-light)}.list-card p{margin: var(--space-1) 0 0}@media (min-width: 560px){.check-list{list-style: none;margin: 0;padding: 0;display: grid;gap: var(--space-2)}.check-list li{display: flex;flex-wrap: wrap;align-items: baseline;gap: var(--space-2)}@media (min-width: 40rem){.product-grid{grid-template-columns: repeat(3,minmax(0,1fr));gap: var(--space-4)}.hero-title{font-size: var(--font-size-3xl)}.cart-line{grid-template-columns: 7rem 1fr auto}.cart-line__price{grid-column: auto;flex-direction: column;align-items: flex-end;border-top: 0;padding-top: 0}.header-fav{display: inline-flex !important}.footer-links{grid-template-columns: repeat(3,1fr)}}@media (min-width: 56rem){.header-search{display: flex}.brand-logo{height: 2.6rem}.product-layout{grid-template-columns: minmax(0,1fr) minmax(0,1fr);gap: var(--space-10)}.product-gallery{position: sticky;top: calc(var(--header-height) + var(--space-4));align-self: start}.hero{padding-block: var(--space-16)}body.has-bottom-nav{padding-bottom: 0}.bottom-nav{display: none}.toast-region{bottom: var(--space-4)}}@media (min-width: 75rem){.product-grid{grid-template-columns: repeat(4,minmax(0,1fr))}}