:root{--color-primary-sage:#6b7f72;--color-primary-dark:#4b5950;--color-primary-light:#edf1ed;--color-accent-terracotta:#d9745b;--color-accent-hover:#c45f47;--color-accent-light:#fbf0ed;--color-bg-main:#fbfbf9;--color-bg-card:#fff;--color-text-main:#2a2e2b;--color-text-muted:#707571;--color-border:#e3e6e3;--color-success:#4b7e62;--color-warning:#d19843;--color-danger:#c85c5c;--font-heading:"Lora", ui-serif, Georgia, serif;--font-body:"Inter", ui-sans-serif, system-ui, sans-serif;--font-serif:var(--font-heading,"Lora", serif);--font-sans:var(--font-body,"Inter", sans-serif);--radius-lg:16px;--radius-md:12px;--radius-sm:8px;--shadow-soft:0 10px 30px -5px #6b7f7214, 0 4px 12px -2px #00000005;--shadow-elevation:0 20px 40px -10px #2a2e2b14, 0 8px 20px -6px #00000008;--transition-smooth:background-color .25s cubic-bezier(.4, 0, .2, 1), color .25s cubic-bezier(.4, 0, .2, 1), border-color .25s cubic-bezier(.4, 0, .2, 1), box-shadow .25s cubic-bezier(.4, 0, .2, 1), transform .25s cubic-bezier(.4, 0, .2, 1), opacity .25s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--color-bg-main);color:var(--color-text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px;line-height:1.6;overflow-x:hidden}.app-shell{min-height:100dvh;padding-top:env(safe-area-inset-top,0)}h1{font-family:var(--font-serif);color:var(--color-text-main);font-size:2.25rem;font-weight:600;line-height:1.2}h2{font-family:var(--font-serif);color:var(--color-text-main);font-size:1.75rem;font-weight:600;line-height:1.3}h3{font-family:var(--font-serif);color:var(--color-text-main);font-size:1.25rem;font-weight:500;line-height:1.4}p{color:var(--color-text-muted)}button,.btn{font-family:var(--font-sans);letter-spacing:.03em;text-transform:uppercase;cursor:pointer;transition:var(--transition-smooth);border-radius:var(--radius-sm);border:none;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-weight:600;display:inline-flex}button.text-xs,.btn.text-xs{padding:.5rem .875rem;font-size:.75rem}button.text-sm,.btn.text-sm{padding:.625rem 1.25rem;font-size:.875rem}button.text-left,.btn.text-left{justify-content:flex-start!important}button:active,.btn:active{transform:scale(.98)}button:disabled,.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--color-primary-sage);color:#fff}.btn-primary:hover{background-color:var(--color-primary-dark)}.btn-terracotta{background-color:var(--color-accent-terracotta);color:#fff}.btn-terracotta:hover{background-color:var(--color-accent-hover)}.btn-secondary{background-color:var(--color-primary-light);color:var(--color-primary-dark)}.btn-secondary:hover{background-color:var(--color-border)}.btn-outline{border:1px solid var(--color-border);color:var(--color-text-main);text-transform:none;background-color:#0000}.btn-outline:hover{background-color:var(--color-primary-light);border-color:var(--color-primary-sage)}input,select,textarea{font-family:var(--font-sans);color:var(--color-text-main);background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-sm);transition:var(--transition-smooth);outline:none;width:100%;padding:.75rem 1rem;font-size:.938rem;font-weight:400}input::placeholder,textarea::placeholder{color:var(--color-text-muted);opacity:.7}input:focus,select:focus,textarea:focus{border-color:var(--color-primary-sage);box-shadow:0 0 0 3px #6b7f7226}label{font-family:var(--font-sans);color:var(--color-text-main);margin-bottom:.25rem;font-size:.813rem;font-weight:500;display:block}.shadow-soft{box-shadow:var(--shadow-soft)}.shadow-elevation{box-shadow:var(--shadow-elevation)}.glass-panel{-webkit-backdrop-filter:blur(12px);background:#ffffffbf;border:1px solid #ffffff4d}.badge{font-family:var(--font-sans);border-radius:50px;justify-content:center;align-items:center;padding:.25rem .625rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-success{color:var(--color-success);background-color:#4b7e621a}.badge-warning{color:var(--color-warning);background-color:#d198431a}.badge-danger{color:var(--color-danger);background-color:#c85c5c1a}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.28s cubic-bezier(.16,1,.3,1) forwards fadeInUp}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.animate-slide-up{animation:.3s cubic-bezier(.16,1,.3,1) forwards slideUp}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}.animate-slide-in-left{animation:.28s cubic-bezier(.16,1,.3,1) forwards slideInLeft}.transition-colors{transition-property:background-color,color,border-color;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-property:background-color,color,border-color,box-shadow,transform,opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}button:active,.btn:active,.animate-fade-in,.animate-slide-up,.animate-slide-in-left{animation:none!important;transform:none!important}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary-sage)}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-1{flex:1}.flex-wrap{flex-wrap:wrap}.shrink-0{flex-shrink:0}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}@media (width>=768px){.md\:flex-row{flex-direction:row!important}.md\:flex-col{flex-direction:column!important}}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}@media (width>=640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width>=1280px){.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-0{padding-left:0;padding-right:0}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0{padding-top:0;padding-bottom:0}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pb-1{padding-bottom:.25rem}.pb-2{padding-bottom:.5rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pb-6{padding-bottom:1.5rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pl-10{padding-left:2.5rem}.pr-4{padding-right:1rem}.pr-1{padding-right:.25rem}.m-auto{margin:auto}.mt-auto{margin-top:auto}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mr-2{margin-right:.5rem}.w-full{width:100%}.w-4{width:1rem}.w-6{width:1.5rem}.w-10{width:2.5rem}.w-12{width:3rem}.w-16{width:4rem}.h-1{height:.25rem}.h-4{height:1rem}.h-6{height:1.5rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-16{height:4rem}.min-h-screen{min-height:100vh}.max-w-md{max-width:28rem}.max-w-lg{max-width:32rem}.w-80{width:20rem}.w-96{width:24rem}.max-h-36{max-height:9rem}.max-h-\[250px\]{max-height:250px}.max-h-\[90vh\]{max-height:90vh}@media (width>=768px){.md\:w-64{width:16rem!important}}.bg-white{background-color:#fff}.bg-\[\#FBFBF9\]{background-color:#fbfbf9}.bg-\[\#EDF1ED\]{background-color:#edf1ed}.bg-\[\#FBF0ED\]{background-color:#fbf0ed}.bg-\[\#6B7F72\]{background-color:#6b7f72}.bg-\[\#D9745B\]{background-color:#d9745b}.bg-\[\#4B7E62\]{background-color:#4b7e62}.bg-transparent{background-color:#0000}.bg-white\/90{background-color:#ffffffe6}.bg-black\/50{background-color:#00000080}.bg-\[\#2A2E2B\]\/50{background-color:#2a2e2b80}.bg-white\/75{background-color:#ffffffbf}.backdrop-blur{-webkit-backdrop-filter:blur(8px)}.backdrop-blur-sm{-webkit-backdrop-filter:blur(4px)}.border{border:1px solid var(--color-border)}.border-b{border-bottom:1px solid var(--color-border)}.border-t{border-top:1px solid var(--color-border)}.border-r{border-right:1px solid var(--color-border)}.border-l{border-left:1px solid var(--color-border)}.border-none{border:none}.border-dashed{border-style:dashed}.border-y{border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.border-\[\#E3E6E3\]{border:1px solid #e3e6e3}.border-\[\#E3E6E3\]\/40{border:1px solid #e3e6e366}.border-white\/30{border:1px solid #ffffff4d}.border-\[\#C85C5C\]\/20{border:1px solid #c85c5c33}.border-\[\#D19843\]\/20{border:1px solid #d1984333}.border-\[\#4B7E62\]\/10{border:1px solid #4b7e621a}.border-\[\#C85C5C\]\/10{border:1px solid #c85c5c1a}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-md{font-size:1.125rem}.text-lg{font-size:1.25rem}.text-xl{font-size:1.5rem}.text-2xl{font-size:1.75rem}.text-3xl{font-size:2rem}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-black{font-weight:900}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.uppercase{text-transform:uppercase}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.leading-none{line-height:1}.leading-tight{line-height:1.25}.leading-relaxed{line-height:1.625}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.text-\[\#2A2E2B\]{color:#2a2e2b}.text-\[\#707571\]{color:#707571}.text-\[\#D9745B\]{color:#d9745b}.text-\[\#C85C5C\]{color:#c85c5c}.text-\[\#4B5950\]{color:#4b5950}.text-\[\#6B7F72\]{color:#6b7f72}.text-\[\#4B7E62\]{color:#4b7e62}.text-\[\#D19843\]{color:#d19843}.text-white{color:#fff}.text-white\/70{color:#ffffffb3}.text-white\/80{color:#fffc}.rounded-sm{border-radius:4px}.rounded{border-radius:6px}.rounded-lg{border-radius:8px}.rounded-xl{border-radius:12px}.rounded-2xl{border-radius:16px}.rounded-full{border-radius:9999px}.rounded-none{border-radius:0}.rounded-t-2xl{border-top-left-radius:16px;border-top-right-radius:16px}.rounded-b-2xl{border-bottom-right-radius:16px;border-bottom-left-radius:16px}.hidden{display:none}.block{display:block}.inline-flex{display:inline-flex}.inline-block{display:inline-block}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.inset-0{inset:0}.top-2{top:.5rem}.top-3{top:.75rem}.top-4{top:1rem}.bottom-0{bottom:0}.left-2{left:.5rem}.left-3{left:.75rem}.left-1\/2{left:50%}.right-3{right:.75rem}.bottom-3{bottom:.75rem}.inset-x-0{left:0;right:0}.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-x-auto{overflow-x:auto}.aspect-square{aspect-ratio:1}.banner-frame{aspect-ratio:auto 16/6;width:100%;height:auto;display:block}.object-cover{object-fit:cover}.object-contain{object-fit:contain}.cursor-pointer{cursor:pointer}.shadow{box-shadow:0 1px 3px #0000001a}.space-y-1>*+*{margin-top:.25rem!important}.space-y-1\.5>*+*{margin-top:.375rem!important}.space-y-2>*+*{margin-top:.5rem!important}.space-y-3>*+*{margin-top:.75rem!important}.space-y-4>*+*{margin-top:1rem!important}.space-y-6>*+*{margin-top:1.5rem!important}.space-x-1\.5>*+*{margin-left:.375rem!important}.space-x-2>*+*{margin-left:.5rem!important}.space-x-3>*+*{margin-left:.75rem!important}.space-x-4>*+*{margin-left:1rem!important}.mx-auto{margin-left:auto;margin-right:auto}.-mx-4{margin-left:-1rem;margin-right:-1rem}.-mx-5{margin-left:-1.25rem;margin-right:-1.25rem}.ml-auto{margin-left:auto}.mt-0\.5{margin-top:.125rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-10{margin-top:2.5rem}.mb-0\.5{margin-bottom:.125rem}.sticky{position:sticky}.top-0{top:0}.z-20{z-index:20}.z-30{z-index:30}.-top-1{top:-.25rem}.-right-1{right:-.25rem}.top-3\.5{top:.875rem}.transform{transform:translateX(var(--tw-tx,0)) translateY(var(--tw-ty,0))}.-translate-x-1\/2{--tw-tx:-50%;transform:translate(-50%)}.scrollbar-none::-webkit-scrollbar{display:none}.scrollbar-none{scrollbar-width:none}.whitespace-nowrap{white-space:nowrap}.text-ellipsis{text-overflow:ellipsis}.font-mono{font-family:SF Mono,ui-monospace,Menlo,monospace}.max-w-xs{max-width:20rem}.divide-y>*+*{border-top:1px solid var(--color-border)}.divide-\[\#E3E6E3\]>*+*{border-top-color:#e3e6e3}.divide-\[\#E3E6E3\]\/40>*+*{border-top-color:#e3e6e366}.first\:pt-0:first-child{padding-top:0}.last\:pb-0:last-child{padding-bottom:0}.last\:border-b-0:last-child{border-bottom:0}.first\:border-t-0:first-child{border-top:0!important}.min-w-0{min-width:0}.gap-0{gap:0}.gap-0\.5{gap:.125rem}.gap-5{gap:1.25rem}.gap-8{gap:2rem}.w-5{width:1.25rem}.h-5{height:1.25rem}.w-7{width:1.75rem}.h-7{height:1.75rem}.w-8{width:2rem}.h-8{height:2rem}.w-9{width:2.25rem}.h-9{height:2.25rem}.w-14{width:3.5rem}.h-14{height:3.5rem}.w-20{width:5rem}.h-20{height:5rem}.w-24{width:6rem}.h-24{height:6rem}.w-px{width:1px}.h-px{height:1px}.h-8-px{height:.125rem}.h-screen{height:100vh}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[13px\]{font-size:13px}.text-\[15px\]{font-size:15px}.text-\[28px\]{font-size:28px}.text-\[32px\]{font-size:32px}.text-\[40px\]{font-size:40px}.text-\[44px\]{font-size:44px}.leading-snug{line-height:1.35}.leading-\[1\]{line-height:1}.leading-\[0\.95\]{line-height:.95}.italic{font-style:italic}.not-italic{font-style:normal}.lowercase{text-transform:lowercase}.normal-case{text-transform:none}.tracking-\[0\.18em\]{letter-spacing:.18em}.tracking-\[0\.25em\]{letter-spacing:.25em}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.p-0\.5{padding:.125rem}.pb-24{padding-bottom:6rem}.pb-28{padding-bottom:7rem}.pb-32{padding-bottom:8rem}.pt-1{padding-top:.25rem}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.max-h-\[85vh\]{max-height:85vh}.bg-\[\#25D366\]{background-color:#25d366}.bg-\[\#128C7E\]{background-color:#128c7e}.bg-\[\#2A2E2B\]{background-color:#2a2e2b}.bg-\[\#4B5950\]{background-color:#4b5950}.bg-\[\#FBF7F0\]{background-color:#fbf7f0}.bg-\[\#E3E6E3\]{background-color:#e3e6e3}.text-\[\#25D366\]{color:#25d366}.text-\[\#4B5950\]\/70{color:#4b5950b3}.text-\[\#2A2E2B\]\/60{color:#2a2e2b99}.border-white\/40{border-color:#fff6}.hover\:border-white:hover{border-color:#fff}.hover\:bg-\[\#4B5950\]:hover{background-color:#4b5950}.hover\:bg-\[\#D9745B\]:hover{background-color:#d9745b}.hover\:bg-\[\#128C7E\]:hover{background-color:#128c7e}.hover\:bg-\[\#EDF1ED\]:hover{background-color:#edf1ed}.hover\:text-white:hover{color:#fff}.hover\:scale-105:hover{transform:scale(1.05)}.bg-gradient-sage{background:linear-gradient(#fbfbf9 0%,#edf1ed 100%)}.bg-gradient-terracotta{background:linear-gradient(135deg,#d9745b 0%,#c45f47 100%)}.bg-gradient-cream{background:linear-gradient(#fbfbf9 0%,#fbf7f0 100%)}.divider-ornament{color:var(--color-primary-sage);align-items:center;gap:.75rem;display:flex}.divider-ornament:before,.divider-ornament:after{content:"";background-color:var(--color-border);flex:1;height:1px}.divider-ornament .dot{background-color:var(--color-accent-terracotta);border-radius:50%;width:4px;height:4px}.step-line{background-color:var(--color-border);flex:1;height:1px}.step-line.active{background-color:var(--color-primary-sage)}.eyebrow{font-family:var(--font-sans);letter-spacing:.2em;text-transform:uppercase;color:var(--color-primary-sage);font-size:10px;font-weight:700}.display-serif{font-family:var(--font-serif);letter-spacing:-.02em;font-weight:500}.bottom-nav{-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--color-border);z-index:40;width:100%;max-width:28rem;padding-bottom:env(safe-area-inset-bottom,0);background:#ffffffeb;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav-item{color:var(--color-text-muted);letter-spacing:.08em;text-transform:uppercase;transition:var(--transition-smooth);background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:12px 0 14px;font-size:10px;font-weight:600;display:flex;position:relative}.bottom-nav-item.active{color:var(--color-primary-dark)}.bottom-nav-item.active:before{content:"";background-color:var(--color-accent-terracotta);border-radius:0 0 4px 4px;width:28px;height:2px;position:absolute;top:0;left:50%;transform:translate(-50%)}.floating-cart-bar{z-index:35;background:var(--color-primary-dark);color:#fff;border-radius:14px;justify-content:space-between;align-items:center;width:calc(100% - 24px);max-width:calc(28rem - 24px);padding:12px 16px;animation:.35s cubic-bezier(.16,1,.3,1) floatIn;display:flex;position:fixed;bottom:64px;left:50%;transform:translate(-50%);box-shadow:0 18px 40px -12px #4b595073}@keyframes floatIn{0%{opacity:0;transform:translate(-50%,100%)}to{opacity:1;transform:translate(-50%)}}.product-row{border:1px solid var(--color-border);border-radius:var(--radius-md);transition:var(--transition-smooth);background:#fff;gap:14px;padding:12px;display:flex;position:relative;overflow:hidden}.product-row:hover{border-color:var(--color-primary-sage);box-shadow:var(--shadow-soft);transform:translateY(-2px)}.product-row__media{background:var(--color-primary-light);border-radius:10px;flex-shrink:0;width:92px;height:92px;position:relative;overflow:hidden}.product-row__media img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1)}.product-row:hover .product-row__media img{transform:scale(1.06)}.stock-meter{background:#fbfbf9d1;border:1px solid #6b7f722e;border-radius:10px;width:100%;margin-top:12px;padding:8px 10px}.stock-meter__header{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.stock-meter__label{color:var(--color-primary-dark);letter-spacing:0;text-transform:uppercase;font-size:10px;font-weight:800;line-height:1.2}.stock-meter__detail{color:var(--color-text-muted);text-align:right;white-space:nowrap;font-size:10px;font-weight:600;line-height:1.2}.stock-meter__track{background:var(--color-border);border-radius:999px;height:4px;margin-top:7px;overflow:hidden}.stock-meter__track span{border-radius:inherit;background:var(--color-primary-sage);height:100%;transition:width .35s cubic-bezier(.16,1,.3,1),background-color .25s;display:block}.stock-meter--watch{background:#fbf7f0e6;border-color:#d1984340}.stock-meter--watch .stock-meter__label{color:var(--color-warning)}.stock-meter--watch .stock-meter__track span{background:var(--color-warning)}.stock-meter--low{background:#fbf0eddb;border-color:#d9745b47}.stock-meter--low .stock-meter__label{color:var(--color-accent-terracotta)}.stock-meter--low .stock-meter__track span{background:var(--color-accent-terracotta)}.stock-meter--empty{background:#fbf0edb3;border-color:#c85c5c40}.stock-meter--empty .stock-meter__label{color:var(--color-danger)}.stock-meter--empty .stock-meter__track span{background:var(--color-danger)}.stock-meter--compact{background:0 0;border:0;border-radius:0;margin-top:8px;padding:0}.stock-meter--compact .stock-meter__detail{display:none}.stock-meter--compact .stock-meter__track{height:3px;margin-top:5px}.hero-card{color:#fff;background:linear-gradient(135deg,#4b5950 0%,#6b7f72 60%,#8a9d8f 100%);border-radius:20px;padding:24px;position:relative;overflow:hidden}.hero-card:before{content:"";pointer-events:none;background:radial-gradient(circle at 85% 15%,#d9745b59,#0000 45%),radial-gradient(circle at 10% 90%,#ffffff2e,#0000 50%);position:absolute;inset:0}.hero-card>*{position:relative}.category-chip{letter-spacing:.02em;border:1px solid var(--color-border);color:var(--color-text-muted);white-space:nowrap;text-transform:none;transition:var(--transition-smooth);background:#fff;border-radius:999px;padding:8px 16px;font-size:12px;font-weight:600}.category-chip.active{background:var(--color-text-main);color:#fff;border-color:var(--color-text-main)}.qty-stepper{background:var(--color-primary-light);border:1px solid var(--color-border);border-radius:999px;align-items:center;padding:2px;display:inline-flex}.qty-stepper button{width:28px;height:28px;color:var(--color-primary-dark);background:0 0;border-radius:999px;padding:0}.qty-stepper button:not(:disabled):hover{background:#fff}.qty-stepper span{text-align:center;min-width:26px;color:var(--color-text-main);font-size:13px;font-weight:700}.step-pill{border:1px solid var(--color-border);width:28px;height:28px;font-family:var(--font-serif);color:var(--color-text-muted);background:#fff;border-radius:999px;justify-content:center;align-items:center;font-size:13px;font-weight:600;display:inline-flex}.step-pill.active{background:var(--color-primary-dark);border-color:var(--color-primary-dark);color:#fff}.step-pill.done{background:var(--color-primary-sage);border-color:var(--color-primary-sage);color:#fff}.section-label{font-family:var(--font-sans);letter-spacing:.18em;text-transform:uppercase;color:var(--color-primary-dark);align-items:center;gap:10px;margin-bottom:10px;font-size:11px;font-weight:700;display:flex}.section-label:after{content:"";background:var(--color-border);flex:1;height:1px}