:root{--gold-900:#3d2e00;--gold-700:#584400;--gold-500:#755b00;--gold-400:#9c7a00;--gold-300:#c9a84c;--gold-200:#e6c364;--gold-100:#ffe08f;--gold-50:#fff8e7;--ivory:#fff8f1;--ivory-dark:#f5ede2;--ivory-mid:#faf3e7;--pearl:#f5f1eb;--cream:#fdfbf7;--charcoal:#111009;--charcoal-2:#1a1714;--charcoal-3:#252118;--charcoal-4:#343029;--on-surface:#1e1b15;--on-surface-var:#4d4637;--outline:#d0c5b2;--outline-dim:#7e7665;--sage:#a4b4a4;--coral:#e8705a;--coral-light:#ffb89a;--clr-primary:var(--gold-500);--clr-gold:var(--gold-300);--clr-bg:var(--ivory);--clr-surface:var(--ivory);--clr-charcoal:var(--charcoal-2);--font-serif:"Cormorant Garamond", "Didot", Georgia, serif;--font-sans:"DM Sans", "Inter", system-ui, sans-serif;--sp-2:2px;--sp-4:4px;--sp-8:8px;--sp-12:12px;--sp-16:16px;--sp-24:24px;--sp-32:32px;--sp-48:48px;--sp-64:64px;--sp-96:96px;--sp-120:120px;--sp-160:160px;--container:1280px;--gutter:clamp(20px, 5vw, 80px);--r-2:2px;--r-4:4px;--r-full:9999px;--shadow-sm:0 2px 8px #0000000d;--shadow-md:0 4px 24px #00000012;--shadow-lg:0 8px 48px #00000017;--shadow-gold:0 4px 24px #755b0026;--shadow-card:0 12px 56px #1a17141f;--ease-smooth:cubic-bezier(.25, .46, .45, .94);--ease-expo:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--dur-1:.2s;--dur-2:.4s;--dur-3:.7s;--dur-4:1s;--dur-5:1.4s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);background:var(--clr-bg);color:var(--on-surface);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--dur-3) var(--ease-out);line-height:1.65;overflow-x:hidden}body.theme-natural{--clr-bg:#eff2eb}body.theme-grace{--clr-bg:#fffbf0}body.theme-lush{--clr-bg:#f0f8f8}img{object-fit:cover;max-width:100%;display:block}a{color:inherit;text-decoration:none}ul{list-style:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}strong{font-weight:600}.label-caps{font-family:var(--font-sans);letter-spacing:.28em;text-transform:uppercase;font-size:10.5px;font-weight:500;line-height:1}.label-caps.gold{color:var(--gold-500)}.text-gold{color:var(--gold-300)}.gradient-text{background:linear-gradient(135deg, var(--gold-500) 0%, var(--gold-300) 50%, var(--gold-200) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.line-wrap{display:block;overflow:hidden}.line-inner{transition:transform var(--dur-5) var(--ease-expo);transition-delay:var(--d,0s);will-change:transform;display:block;transform:translateY(110%)}.is-revealed .line-inner,.hero-loaded .hero-content .line-inner{transform:translateY(0)}.reveal-up-el{opacity:0;transition:opacity var(--dur-4) var(--ease-expo), transform var(--dur-4) var(--ease-expo);transition-delay:var(--d,0s);transform:translateY(36px)}.reveal-left-el{opacity:0;transition:opacity var(--dur-5) var(--ease-expo), transform var(--dur-5) var(--ease-expo);transition-delay:var(--d,0s);transform:translate(-48px)}.reveal-right-el{opacity:0;transition:opacity var(--dur-5) var(--ease-expo), transform var(--dur-5) var(--ease-expo);transition-delay:var(--d,0s);transform:translate(48px)}.reveal-fade-el{opacity:0;transition:opacity var(--dur-4) var(--ease-expo);transition-delay:var(--d,0s)}.reveal-line{display:block;overflow:hidden}.reveal-line .line-inner{transition:transform var(--dur-4) var(--ease-expo);transition-delay:var(--d,0s);transform:translateY(110%)}.reveal-line-fast .line-inner{transition:transform .9s var(--ease-expo);transition-delay:var(--d,0s);transform:translateY(105%)}.visible .reveal-up-el,.reveal-up-el.visible,.reveal-left-el.visible,.reveal-right-el.visible{opacity:1;transform:none}.reveal-fade-el.visible{opacity:1}.reveal-line.visible .line-inner,.reveal-line-fast.visible .line-inner{transform:translateY(0)}.btn{font-family:var(--font-sans);letter-spacing:.24em;text-transform:uppercase;transition:all var(--dur-2) var(--ease-expo);will-change:transform;align-items:center;gap:10px;padding:15px 38px;font-size:10.5px;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";transition:transform .65s var(--ease-smooth);background:linear-gradient(105deg,#0000 35%,#ffffff38 50%,#0000 65%);position:absolute;inset:0;transform:translate(-120%)}.btn:hover:after{transform:translate(120%)}.btn--ghost{border:1px solid var(--gold-500);color:var(--gold-500);background:0 0}.btn--ghost:hover{letter-spacing:.3em;background:#755b000f}.btn--solid{background:var(--gold-500);color:#fff;border:1px solid var(--gold-500);box-shadow:0 4px 20px #755b0047,inset 0 1px #ffffff1a}.btn--solid:hover{background:var(--gold-700);transform:translateY(-2px);box-shadow:0 8px 32px #755b0061}.banner{z-index:100;background:var(--charcoal-2);justify-content:center;align-items:center;padding:10px 56px;display:flex;position:relative;overflow:hidden}.banner.hidden{display:none}.banner-marquee{white-space:nowrap;gap:0;display:flex;overflow:hidden}.banner-marquee span{font-family:var(--font-sans);letter-spacing:.22em;text-transform:uppercase;color:#e6c364cc;flex-shrink:0;padding-right:60px;font-size:10px;font-weight:400;animation:28s linear infinite banner-scroll}@keyframes banner-scroll{0%{transform:translate(0)}to{transform:translate(-100%)}}.banner-marquee span:nth-child(2){animation-delay:-14s}.banner-close{color:#e6c36480;width:44px;height:44px;transition:color var(--dur-1);justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:20px;transform:translateY(-50%)}.banner-close:hover{color:var(--gold-200)}.banner-close .material-symbols-outlined{font-size:15px}.navbar{z-index:90;-webkit-backdrop-filter:blur(24px);transition:background var(--dur-2), border-color var(--dur-2), box-shadow var(--dur-2);background:#fff8f1e0;border-bottom:1px solid #0000;position:sticky;top:0}.navbar.scrolled{background:#fff8f1f7;border-bottom-color:#d0c5b259;box-shadow:0 1px #d0c5b24d,0 4px 32px #0000000d}.nav-inner{max-width:var(--container);padding:0 var(--gutter);grid-template-columns:1fr auto 1fr;align-items:center;height:68px;margin:0 auto;display:grid}.nav-left{justify-content:flex-start;align-items:center;display:flex}.nav-logo{font-family:var(--font-serif);color:var(--gold-500);letter-spacing:.03em;white-space:nowrap;transition:opacity var(--dur-1);justify-self:center;font-size:21px;font-style:italic;font-weight:400}.nav-logo:hover{opacity:.72}.nav-right{justify-content:flex-end;align-items:center;gap:20px;display:flex}.nav-links{align-items:center;gap:36px;display:flex}.nav-link{font-family:var(--font-sans);letter-spacing:.24em;text-transform:uppercase;color:var(--on-surface-var);transition:color var(--dur-1);padding-bottom:3px;font-size:10px;font-weight:500;position:relative}.nav-link:after{content:"";background:var(--gold-500);height:1px;transition:left var(--dur-2) var(--ease-expo), right var(--dur-2) var(--ease-expo);position:absolute;bottom:-1px;left:50%;right:50%}.nav-link:hover,.nav-link.active{color:var(--gold-500)}.nav-link:hover:after,.nav-link.active:after{left:0;right:0}.nav-icon-btn{color:var(--gold-500);width:36px;height:36px;transition:opacity var(--dur-1), transform var(--dur-1);justify-content:center;align-items:center;display:flex;position:relative}.nav-icon-btn:hover{opacity:.65;transform:scale(1.08)}.nav-icon-btn .material-symbols-outlined{font-variation-settings:"FILL" 0, "wght" 200;font-size:20px}.nav-icon--desktop{display:flex}.cart-btn{position:relative}.cart-count{background:var(--gold-500);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;font-size:8px;font-weight:700;display:flex;position:absolute;top:2px;right:2px}.nav-hamburger{color:var(--gold-500);flex-direction:column;justify-content:center;align-items:center;gap:5px;min-width:44px;min-height:44px;padding:4px;display:none}.nav-hamburger span{width:22px;height:1px;transition:all var(--dur-2) var(--ease-expo);transform-origin:50%;background:currentColor;display:block}.nav-hamburger[aria-expanded=true] span:first-child{transform:translateY(6px)rotate(45deg)}.nav-hamburger[aria-expanded=true] span:nth-child(2){opacity:0}.nav-hamburger[aria-expanded=true] span:nth-child(3){transform:translateY(-6px)rotate(-45deg)}.nav-drawer{padding:var(--sp-16) var(--gutter) var(--sp-24);background:#fff8f1fa;border-top:1px solid #d0c5b24d;flex-direction:column;gap:0;display:none}.nav-drawer.open{display:flex}.drawer-link{font-family:var(--font-sans);letter-spacing:.18em;text-transform:uppercase;color:var(--on-surface-var);transition:color var(--dur-1), padding-left var(--dur-2);border-bottom:1px solid #d0c5b240;padding:14px 0;font-size:12px;font-weight:500}.drawer-link:last-child{border-bottom:none}.drawer-link:hover,.drawer-link.active{color:var(--gold-500);padding-left:8px}.hero{background:var(--pearl);justify-content:center;align-items:center;min-height:100svh;display:flex;position:relative;overflow:hidden}.hero-bg{z-index:0;position:absolute;inset:0}.hero-img{object-fit:cover;object-position:center 25%;will-change:transform;width:100%;height:100%;transition:transform}.hero-overlay{background:linear-gradient(#fff8f1b3 0%,#fff8f180 40%,#fff8f1a6 100%);position:absolute;inset:0}.hero-grain{opacity:.04;mix-blend-mode:multiply;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-size:200px;position:absolute;inset:0}.hero-watermark{font-family:var(--font-serif);color:#755b0009;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:1;letter-spacing:-.05em;justify-content:center;align-items:center;font-size:clamp(200px,35vw,480px);font-style:italic;font-weight:600;display:flex;position:absolute;inset:0}.hero-content{z-index:3;text-align:center;padding:0 var(--gutter);flex-direction:column;gap:20px;max-width:900px;display:flex;position:relative}.hero-eyebrow-text{font-family:var(--font-sans);letter-spacing:.3em;text-transform:uppercase;color:var(--gold-500);justify-content:center;align-items:center;gap:16px;font-size:10px;font-weight:500;display:flex}.eyebrow-pip{background:var(--gold-300);vertical-align:middle;width:32px;height:1px;display:inline-block}.hero-title{font-family:var(--font-serif);letter-spacing:-.025em;color:var(--gold-500);flex-direction:column;gap:0;margin:8px 0;font-size:clamp(72px,13vw,148px);font-weight:300;line-height:.95;display:flex}.italic-accent{color:#755b0099;font-style:italic;font-weight:300}.hero-descriptor{font-family:var(--font-sans);letter-spacing:.24em;text-transform:uppercase;color:var(--on-surface-var);font-size:11px;font-weight:400}.hero-cta .line-inner{flex-wrap:wrap;justify-content:center;gap:16px;padding-top:8px;display:flex}.hero-badge{z-index:4;-webkit-backdrop-filter:blur(16px);border-radius:var(--r-2);box-shadow:var(--shadow-md);opacity:0;transition:opacity .8s var(--ease-expo), transform .8s var(--ease-expo);background:#fff8f1e6;border:1px solid #c9a84c40;align-items:center;gap:12px;padding:12px 20px;display:flex;position:absolute}.hero-loaded .hero-badge{opacity:1}.badge-icon{color:var(--gold-500);font-variation-settings:"FILL" 0, "wght" 200;font-size:18px}.badge-text{flex-direction:column;gap:1px;display:flex}.badge-text strong{font-family:var(--font-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--gold-500);font-size:10px;font-weight:600}.badge-text span{font-family:var(--font-sans);color:var(--on-surface-var);font-size:10px}.hero-badge--left{bottom:18%;left:clamp(20px,6vw,96px)}.hero-badge--right{bottom:18%;right:clamp(20px,6vw,96px)}.hero-badge--left{transform:translate(-16px)}.hero-badge--right{transform:translate(16px)}.hero-loaded .hero-badge--left,.hero-loaded .hero-badge--right{transform:translate(0)}.scroll-cue{z-index:3;opacity:0;animation:fadeInCue 1s var(--ease-expo) 2s forwards;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;bottom:36px;left:50%;transform:translate(-50%)}@keyframes fadeInCue{to{opacity:1}}.scroll-cue-line{transform-origin:top;background:linear-gradient(#755b0099,#0000);width:1px;height:40px;animation:2s ease-in-out infinite scrollLine;display:block}@keyframes scrollLine{0%{opacity:0;transform:scaleY(0)}30%{opacity:1}to{opacity:0;transform:scaleY(1)}}.scroll-cue-label{font-family:var(--font-sans);letter-spacing:.32em;text-transform:uppercase;color:#755b008c;font-size:8px;font-weight:500}.marquee-section{background:var(--charcoal-2);border-top:1px solid #c9a84c1f;border-bottom:1px solid #c9a84c1f;padding:16px 0;overflow:hidden}.marquee-track{width:100%;display:flex;overflow:hidden}.marquee-content{white-space:nowrap;flex-shrink:0;align-items:center;gap:48px;animation:35s linear infinite marquee-scroll;display:flex}.marquee-content:hover{animation-play-state:paused}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-item{font-family:var(--font-serif);color:#c9a84ca6;letter-spacing:.12em;transition:color var(--dur-2);font-size:14px;font-style:italic;font-weight:300}.marquee-content:hover .marquee-item{color:#c9a84ce6}.marquee-sep{color:#c9a84c40;font-size:7px}.philosophy{background:var(--charcoal-2);padding:clamp(72px, 10vw, 120px) var(--gutter);position:relative;overflow:hidden}.philosophy:before{content:"";pointer-events:none;background:radial-gradient(60% 80% at 50% 0,#c9a84c0a 0%,#0000 70%);position:absolute;inset:0}.philosophy-inner{text-align:center;max-width:860px;margin:0 auto}.philosophy-quote{font-family:var(--font-serif);color:#f5f1ebd9;letter-spacing:.01em;margin-bottom:48px;font-size:clamp(20px,3vw,32px);font-style:italic;font-weight:300;line-height:1.65}.philosophy-rule{justify-content:center;align-items:center;gap:20px;margin-bottom:56px;display:flex}.rule-line-gold{background:#c9a84c4d;flex:1;max-width:70px;height:1px;display:block}.rule-diamond-gold{color:var(--gold-300);font-size:8px}.philosophy-pillars{grid-template-columns:repeat(3,1fr);gap:clamp(24px,5vw,64px);display:grid}.pillar{flex-direction:column;align-items:center;gap:12px;display:flex;position:relative}.pillar-num{font-family:var(--font-serif);color:#c9a84c40;letter-spacing:.1em;font-size:11px;font-style:italic;position:absolute;top:-8px;right:0}.pillar-icon{width:56px;height:56px;color:var(--gold-300);transition:all var(--dur-2) var(--ease-expo);border:1px solid #c9a84c33;border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.pillar-icon:after{content:"";transition:border-color var(--dur-2);border:1px solid #c9a84c14;border-radius:50%;position:absolute;inset:-4px}.pillar:hover .pillar-icon{border-color:var(--gold-300);background:#c9a84c1a;transform:scale(1.1)}.pillar:hover .pillar-icon:after{border-color:#c9a84c33}.pillar-icon .material-symbols-outlined{font-variation-settings:"FILL" 0, "wght" 200;font-size:22px}.pillar-title{font-family:var(--font-serif);color:#f5f1ebeb;font-size:20px;font-weight:500}.pillar-body{font-family:var(--font-sans);color:#f5f1eb99;letter-spacing:.05em;text-align:center;font-size:11.5px;line-height:1.6}.story{padding:clamp(72px, 10vw, 140px) var(--gutter);background:var(--ivory)}.story-inner{max-width:var(--container);grid-template-columns:52fr 48fr;align-items:center;gap:clamp(48px,7vw,112px);margin:0 auto;display:grid}.story-image-wrap{position:relative}.story-image-frame{aspect-ratio:3/4;border-radius:var(--r-2);position:relative;overflow:hidden}.story-image{object-fit:cover;width:100%;height:100%;transition:transform var(--dur-5) var(--ease-smooth)}.story-image-wrap:hover .story-image{transform:scale(1.04)}.story-accent-border{border-radius:var(--r-2);z-index:-1;pointer-events:none;border:1px solid #c9a84c38;width:75%;height:75%;position:absolute;bottom:-20px;right:-20px}.story-accent-label{background:var(--charcoal-2);color:#e6c364b3;font-family:var(--font-serif);letter-spacing:.12em;border-radius:var(--r-2);padding:6px 14px;font-size:11px;font-style:italic;position:absolute;top:20px;left:-16px}.story-content{flex-direction:column;gap:20px;display:flex}.story-title{font-family:var(--font-serif);letter-spacing:-.015em;color:var(--gold-500);margin:8px 0;font-size:clamp(34px,4.5vw,56px);font-weight:300;line-height:1.1}.story-rule{background:var(--gold-300);width:40px;height:1px;margin:4px 0}.story-body{font-family:var(--font-sans);color:var(--on-surface-var);font-size:14.5px;font-weight:300;line-height:1.8}.story-body strong.text-gold{font-weight:600}.link-underline{font-family:var(--font-sans);letter-spacing:.24em;text-transform:uppercase;color:var(--gold-500);border-bottom:1px solid var(--gold-500);width:fit-content;transition:all var(--dur-2) var(--ease-expo);align-items:center;gap:8px;margin-top:4px;padding-bottom:4px;font-size:10px;font-weight:600;display:inline-flex}.link-underline:hover{opacity:.65;gap:14px}.link-underline .material-symbols-outlined{font-variation-settings:"wght" 200;font-size:15px}.story-stats{border-top:1px solid #d0c5b266;align-items:center;gap:0;margin-top:12px;padding-top:28px;display:flex}.stat-item{flex-direction:column;flex:1;gap:4px;display:flex}.stat-num{font-family:var(--font-serif);color:var(--gold-500);letter-spacing:-.02em;font-size:clamp(32px,4vw,44px);font-weight:500;line-height:1}.stat-suffix{font-family:var(--font-serif);color:var(--gold-300);vertical-align:super;font-size:24px;line-height:1}.stat-label{font-family:var(--font-sans);letter-spacing:.16em;text-transform:uppercase;color:var(--on-surface-var);font-size:10px;font-weight:500}.stat-divider{background:#d0c5b266;flex-shrink:0;width:1px;height:36px;margin:0 24px}.collections{padding:clamp(72px, 10vw, 140px) var(--gutter);background:var(--ivory-mid)}.collections-header{max-width:var(--container);margin:0 auto var(--sp-64);text-align:center;flex-direction:column;align-items:center;gap:16px;display:flex}.collections-title{font-family:var(--font-serif);letter-spacing:-.015em;color:var(--on-surface);font-size:clamp(34px,5vw,56px);font-weight:300;line-height:1.1}.collections-subtitle{font-family:var(--font-sans);color:var(--on-surface-var);max-width:520px;margin-top:4px;font-size:13.5px;font-weight:300;line-height:1.8}.collections-grid{max-width:var(--container);grid-template-columns:repeat(3,1fr);gap:20px;margin:0 auto;display:grid}.flip-card{perspective:1200px;aspect-ratio:2/3;border-radius:var(--r-2)}.flip-card-inner{text-align:left;width:100%;height:100%;transition:transform var(--dur-3) cubic-bezier(.25, 1, .5, 1);transform-style:preserve-3d;cursor:pointer;border-radius:var(--r-2);position:relative}.flip-card-inner.is-flipped{transform:rotateY(180deg)}.flip-face{backface-visibility:hidden;border-radius:var(--r-2);width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.flip-front{background:var(--charcoal-2);z-index:2;transform:rotateY(0)}.flip-back{z-index:1;border:1px solid #d0c5b233;flex-direction:column;justify-content:space-between;padding:32px;display:flex;transform:rotateY(180deg)}.flip-back--sage{background:linear-gradient(135deg, var(--charcoal-2) 0%, #1e261e 100%);border-color:#a4b4a44d}.flip-back--grace{background:linear-gradient(135deg, var(--charcoal-2) 0%, #292113 100%);border-color:#c9a84c4d}.flip-back--lush{background:linear-gradient(135deg, var(--charcoal-2) 0%, #2b1f1a 100%);border-color:#e8705a4d}.collection-num{z-index:4;font-family:var(--font-serif);letter-spacing:.1em;color:#f5f1eb59;border-radius:var(--r-2);transition:color var(--dur-2), border-color var(--dur-2);border:1px solid #f5f1eb26;padding:3px 8px;font-size:11px;font-style:italic;position:absolute;top:20px;right:20px}.collection-num--gold{color:#c9a84c80;border-color:#c9a84c33}.collection-num--coral{color:#e8705a80;border-color:#e8705a33}.flip-card:hover .collection-num{color:#f5f1ebb3;border-color:#f5f1eb59}.flip-card:hover .collection-num--gold{color:var(--gold-300);border-color:#c9a84c66}.flip-card:hover .collection-num--coral{color:var(--coral-light);border-color:#e8705a66}.collection-image-wrap{position:absolute;inset:0;overflow:hidden}.collection-image{object-fit:cover;width:100%;height:100%;transition:transform 1s var(--ease-smooth)}.flip-card:hover .collection-image{transform:scale(1.07)}.collection-overlay{transition:background var(--dur-2);background:linear-gradient(#1110091a 0%,#11100959 55%,#111009d9 100%);position:absolute;inset:0}.collection-overlay--dark{background:linear-gradient(#11100933 0%,#1110098c 50%,#111009f2 100%)}.collection-overlay--lush{background:linear-gradient(#11100914 0%,#1110094d 55%,#111009d1 100%)}.flip-card:hover .collection-overlay{background:linear-gradient(#11100926 0%,#11100973 45%,#111009eb 100%)}.collection-info{z-index:3;transition:transform var(--dur-3) var(--ease-expo);flex-direction:column;gap:8px;padding:28px;display:flex;position:absolute;bottom:0;left:0;right:0;transform:translateY(16px)}.flip-card:hover .collection-info{transform:translateY(0)}.collection-tag{font-family:var(--font-sans);letter-spacing:.26em;text-transform:uppercase;color:#f5f1eb99;border-radius:var(--r-2);width:fit-content;transition:all var(--dur-2);border:1px solid #f5f1eb2e;padding:4px 10px;font-size:8.5px;font-weight:600}.collection-tag--gold{color:#c9a84cbf;border-color:#c9a84c4d}.collection-tag--coral{color:#ffb89abf;border-color:#e8705a40}.collection-name{font-family:var(--font-serif);color:#f5f1ebf2;letter-spacing:.01em;transition:color var(--dur-2);font-size:clamp(30px,4vw,42px);font-weight:400;line-height:1}.collection-name--gold{color:var(--gold-200)}.flip-card:hover .collection-name{color:#fff}.flip-close{color:#f5f1eb66;cursor:pointer;width:44px;height:44px;transition:all var(--dur-2) var(--ease-expo);z-index:5;background:0 0;border:1px solid #f5f1eb1a;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:24px;right:24px}.flip-close:hover{color:#fff;background:#ffffff0d;border-color:#f5f1eb4d}.flip-close--gold{color:#c9a84c80;border-color:#c9a84c33}.flip-close--gold:hover{color:var(--gold-300);border-color:var(--gold-300);background:#c9a84c14}.flip-close--coral{color:#e8705a80;border-color:#e8705a33}.flip-close--coral:hover{color:var(--coral-light);border-color:var(--coral-light);background:#e8705a14}.flip-back-content{z-index:3;flex-direction:column;justify-content:flex-start;align-items:flex-start;height:100%;display:flex;position:relative}.flip-back-num{font-family:var(--font-serif);color:#f5f1eb40;margin-bottom:16px;font-size:14px;font-style:italic}.flip-back-num--gold{color:#c9a84c4d}.flip-back-num--coral{color:#e8705a4d}.flip-back-tag{font-family:var(--font-sans);letter-spacing:.26em;text-transform:uppercase;color:#f5f1eb8c;border-radius:var(--r-2);border:1px solid #f5f1eb26;margin-bottom:16px;padding:4px 10px;font-size:8.5px;font-weight:600}.flip-back-tag--gold{color:var(--gold-300);border-color:#c9a84c40}.flip-back-tag--coral{color:var(--coral-light);border-color:#e8705a40}.flip-back-title{font-family:var(--font-serif);color:#fff;margin-bottom:12px;font-size:clamp(28px,3.5vw,38px);font-weight:400;line-height:1.1}.flip-back-title--gold{color:var(--gold-200)}.flip-back-rule{background:#f5f1eb33;width:32px;height:1px;margin-bottom:24px}.flip-back-rule--gold{background:#c9a84c4d}.flip-back-rule--coral{background:#e8705a4d}.flip-back-body{font-family:var(--font-sans);color:#f5f1ebb3;margin-bottom:16px;font-size:13px;font-weight:300;line-height:1.7}.flip-back-body strong{color:#fff;font-weight:500}.flip-back-body--light strong{color:var(--gold-200)}.flip-back-body em{font-style:italic}.flip-back-traits{flex-wrap:wrap;gap:8px 12px;margin-bottom:auto;padding-top:8px;display:flex}.flip-back-traits span{font-family:var(--font-sans);letter-spacing:.08em;color:#f5f1eb73;font-size:10px;font-weight:400}.flip-back-traits--gold span{color:#c9a84cb3}.flip-back-traits--coral span{color:#ffb89ab3}.flip-back-cta{font-family:var(--font-sans);letter-spacing:.2em;text-transform:uppercase;color:#fff;transition:all var(--dur-2) var(--ease-expo);border-bottom:1px solid #fff;align-items:center;gap:8px;margin-top:24px;padding-bottom:4px;font-size:10px;font-weight:600;text-decoration:none;display:inline-flex}.flip-back-cta:hover{opacity:.8;gap:14px}.flip-back-cta--gold{color:var(--gold-300);border-bottom-color:var(--gold-300)}.flip-back-cta--coral{color:var(--coral-light);border-bottom-color:var(--coral-light)}.flip-hint{font-family:var(--font-sans);letter-spacing:.16em;text-transform:uppercase;color:#f5f1eb73;opacity:0;transition:all var(--dur-2) var(--ease-expo);align-items:center;gap:6px;margin-top:12px;font-size:9px;font-weight:600;display:inline-flex;transform:translateY(8px)}.flip-card:hover .flip-hint{opacity:1;transform:translateY(0)}.flip-hint .material-symbols-outlined{font-variation-settings:"wght" 300;font-size:14px;animation:1.5s infinite alternate pulse-tap}@keyframes pulse-tap{0%{opacity:.6;transform:translateY(0)}to{opacity:1;transform:translateY(-3px)}}.flip-hint--gold{color:#c9a84ca6}.flip-hint--coral{color:#ffb89aa6}.testimonials{padding:clamp(72px, 10vw, 120px) var(--gutter);background:var(--ivory)}.testimonials-inner{max-width:var(--container);margin:0 auto}.testimonials-header{text-align:center;flex-direction:column;align-items:center;gap:14px;margin-bottom:clamp(40px,5vw,64px);display:flex}.testimonials-title{font-family:var(--font-serif);color:var(--on-surface);letter-spacing:-.01em;font-size:clamp(32px,4vw,48px);font-weight:300}.testimonials-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.testimonial-card{background:var(--cream);border-radius:var(--r-2);transition:box-shadow var(--dur-2) var(--ease-expo), transform var(--dur-2) var(--ease-expo), border-color var(--dur-2);border:1px solid #d0c5b266;flex-direction:column;gap:16px;padding:32px;display:flex}.testimonial-card:hover{box-shadow:var(--shadow-gold);border-color:#c9a84c40;transform:translateY(-4px)}.testimonial-stars{color:var(--gold-300);letter-spacing:2px;font-size:14px}.testimonial-body{font-family:var(--font-serif);color:var(--on-surface);flex:1;font-size:16px;font-style:italic;font-weight:300;line-height:1.7}.testimonial-footer{border-top:1px solid #d0c5b259;align-items:center;gap:12px;padding-top:16px;display:flex}.testimonial-avatar{background:linear-gradient(135deg, var(--gold-500), var(--gold-300));color:#fff;width:36px;height:36px;font-family:var(--font-sans);letter-spacing:.05em;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:600;display:flex}.testimonial-name{font-family:var(--font-sans);color:var(--on-surface);letter-spacing:.04em;font-size:12px;font-weight:600}.testimonial-verified{font-family:var(--font-sans);color:var(--gold-500);letter-spacing:.12em;margin-top:1px;font-size:9.5px}.trust{background:var(--pearl);padding:clamp(48px, 6vw, 72px) var(--gutter);border-top:1px solid #d0c5b240;border-bottom:1px solid #d0c5b240}.trust-inner{max-width:var(--container);text-align:center;grid-template-columns:repeat(4,1fr);gap:clamp(24px,4vw,40px);margin:0 auto;display:grid}.trust-item{flex-direction:column;align-items:center;gap:12px;display:flex}.trust-icon{width:52px;height:52px;color:var(--gold-500);transition:all var(--dur-2) var(--ease-expo);background:#fff;border:1px solid #755b0026;border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 2px 12px #755b000f}.trust-item:hover .trust-icon{background:var(--gold-500);color:#fff;transform:scale(1.1);box-shadow:0 6px 24px #755b0038}.trust-icon .material-symbols-outlined{font-variation-settings:"FILL" 0, "wght" 200;font-size:20px}.trust-title{font-family:var(--font-serif);color:var(--gold-500);font-size:17px;font-weight:500}.trust-body{font-family:var(--font-sans);color:var(--on-surface-var);letter-spacing:.05em;font-size:11px}.newsletter{background:var(--charcoal-2);padding:clamp(72px, 10vw, 120px) var(--gutter);position:relative;overflow:hidden}.newsletter-art{pointer-events:none;position:absolute;inset:0}.nl-orb{filter:blur(90px);border-radius:50%;position:absolute}.nl-orb--1{background:radial-gradient(circle,#c9a84c14 0%,#0000 70%);width:clamp(300px,45vw,560px);height:clamp(300px,45vw,560px);top:-25%;right:-5%}.nl-orb--2{background:radial-gradient(circle,#755b000f 0%,#0000 70%);width:clamp(200px,30vw,400px);height:clamp(200px,30vw,400px);bottom:-20%;left:5%}.newsletter-inner{max-width:var(--container);z-index:1;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(48px,7vw,100px);margin:0 auto;display:grid;position:relative}.newsletter-left{flex-direction:column;gap:20px;display:flex}.newsletter-title{font-family:var(--font-serif);letter-spacing:-.02em;color:#f5f1ebeb;font-size:clamp(36px,5vw,60px);font-weight:300;line-height:1.1}.newsletter-title em{color:var(--gold-200);font-style:italic;font-weight:300}.newsletter-body{font-family:var(--font-sans);color:#f5f1eb80;font-size:13.5px;font-weight:300;line-height:1.8}.newsletter-perks{flex-direction:column;gap:12px;margin-top:8px;display:flex}.perk-item{font-family:var(--font-sans);color:#f5f1eb8c;letter-spacing:.04em;align-items:center;gap:12px;font-size:12px;font-weight:300;display:flex}.perk-item .material-symbols-outlined{color:var(--gold-300);font-variation-settings:"FILL" 0, "wght" 200;flex-shrink:0;font-size:16px}.newsletter-right{flex-direction:column;display:flex}.newsletter-form{flex-direction:column;gap:16px;display:flex}.nl-label{font-family:var(--font-sans);letter-spacing:.22em;text-transform:uppercase;color:#c9a84c99;margin-bottom:4px;font-size:9.5px;font-weight:600;display:block}.nl-input-row{position:relative}.nl-input{border-radius:var(--r-2);width:100%;font-family:var(--font-sans);color:#f5f1ebd9;transition:border-color var(--dur-2), background var(--dur-2), box-shadow var(--dur-2);background:#f5f1eb0d;border:1px solid #d0c5b233;outline:none;padding:16px 20px;font-size:13px;font-weight:300}.nl-input::placeholder{color:#f5f1eb40}.nl-input:focus{background:#c9a84c0a;border-color:#c9a84c73;box-shadow:0 0 0 3px #c9a84c14}.nl-btn{justify-content:center;width:100%;padding:16px}.nl-legal{font-family:var(--font-sans);color:#f5f1eb40;letter-spacing:.06em;text-align:center;font-size:10px}.footer{background:var(--charcoal);color:#f5f1ebb3;border-top:1px solid #f5f1eb0d}.footer-inner{max-width:var(--container);padding:clamp(56px, 7vw, 88px) var(--gutter) clamp(48px, 6vw, 72px);grid-template-columns:2fr 1fr 1fr 1fr;gap:clamp(32px,5vw,64px);margin:0 auto;display:grid}.footer-logo{font-family:var(--font-serif);color:var(--gold-200);letter-spacing:.02em;margin-bottom:12px;font-size:22px;font-style:italic;font-weight:400}.footer-tagline{font-family:var(--font-sans);color:#f5f1eb8c;max-width:240px;margin-bottom:24px;font-size:12px;font-weight:300;line-height:1.75}.footer-socials{gap:12px;display:flex}.social-link{border-radius:var(--r-2);color:#f5f1eb59;width:34px;height:34px;transition:all var(--dur-1);border:1px solid #f5f1eb1a;justify-content:center;align-items:center;display:flex}.social-link:hover{border-color:var(--gold-300);color:var(--gold-300);background:#c9a84c0f}.footer-nav{flex-direction:column;gap:10px;display:flex}.footer-nav-heading{font-family:var(--font-sans);letter-spacing:.24em;text-transform:uppercase;color:var(--gold-200);margin-bottom:10px;font-size:9.5px;font-weight:600}.footer-nav-link{font-family:var(--font-sans);color:#f5f1eb6b;transition:color var(--dur-1), padding-left var(--dur-1);letter-spacing:.03em;font-size:12px;font-weight:300}.footer-nav-link:hover{color:#f5f1ebbf;padding-left:6px}.footer-bottom{padding:20px var(--gutter);max-width:var(--container);border-top:1px solid #f5f1eb0d;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin:0 auto;display:flex}.footer-bottom p{font-family:var(--font-sans);color:#f5f1eb38;letter-spacing:.08em;font-size:10px;font-weight:300}@media (width<=1024px){.collections-grid{grid-template-columns:1fr 1fr}.collections-grid .collection-card:nth-child(3){aspect-ratio:16/9;grid-column:span 2}.newsletter-inner{grid-template-columns:1fr}.footer-inner{grid-template-columns:1fr 1fr}.footer-brand{grid-column:span 2}}@media (width<=768px){.nav-links{display:none}.nav-hamburger{display:flex}.nav-icon--desktop,.hero-badge{display:none}.hero-title{font-size:clamp(60px,18vw,100px)}.story-inner{grid-template-columns:1fr}.story-image-wrap{max-height:360px}.story-image-frame{aspect-ratio:16/10}.story-accent-border,.story-accent-label{display:none}.philosophy-pillars{grid-template-columns:1fr;gap:28px}.testimonials-grid,.collections-grid{grid-template-columns:1fr}.collections-grid .collection-card:nth-child(3){aspect-ratio:2/3;grid-column:auto}.trust-inner{grid-template-columns:repeat(2,1fr)}.story-stats{flex-direction:column;gap:24px}.stat-divider{width:48px;height:1px;margin:0}}@media (width<=540px){.footer-inner{grid-template-columns:1fr}.footer-brand{grid-column:auto}.hero-cta .line-inner{flex-direction:column;align-items:center}.hero-cta .btn{width:100%;max-width:280px}.footer-bottom{text-align:center;flex-direction:column}}:focus-visible{outline:2px solid var(--gold-300);outline-offset:4px;border-radius:var(--r-2)}.flip-card-inner:focus-visible{outline:3px solid var(--gold-300);outline-offset:6px}@media (hover:none){.flip-hint{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.marquee-content,.banner-marquee span,.scroll-cue-line{animation:none!important}.scroll-cue{opacity:1!important;animation:none!important}.line-inner{transition:none!important;transform:translateY(0)!important}.reveal-up-el,.reveal-left-el,.reveal-right-el,.reveal-fade-el{opacity:1!important;transition:none!important;transform:none!important}.reveal-line .line-inner,.reveal-line-fast .line-inner{transition:none!important;transform:translateY(0)!important}.hero-badge{opacity:1!important;transition:none!important;transform:none!important}.hero-img{will-change:auto!important}*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.hidden{display:none!important}.shop{padding:clamp(72px, 10vw, 140px) var(--gutter);background:var(--clr-bg);transition:background-color var(--dur-3) var(--ease-out);overflow:hidden}.shop-inner{max-width:var(--container);margin:0 auto}.shop-header{text-align:center;flex-direction:column;align-items:center;gap:16px;margin-bottom:clamp(40px,5vw,64px);display:flex}.shop-title{font-family:var(--font-serif);letter-spacing:-.015em;color:var(--on-surface);font-size:clamp(34px,5vw,56px);font-weight:300;line-height:1.1}.shop-subtitle{font-family:var(--font-sans);color:var(--on-surface-var);max-width:480px;font-size:13.5px;font-weight:300;line-height:1.8}.view-toggle{background:var(--pearl);border-radius:var(--r-full);border:1px solid #d0c5b280;gap:4px;margin-top:8px;padding:4px;display:flex}.view-btn{font-family:var(--font-sans);letter-spacing:.18em;text-transform:uppercase;color:var(--on-surface-var);border-radius:var(--r-full);transition:all var(--dur-2) var(--ease-expo);cursor:pointer;align-items:center;gap:7px;padding:10px 22px;font-size:10px;font-weight:600;display:flex}.view-btn .material-symbols-outlined{font-variation-settings:"wght" 300;font-size:15px}.view-btn.active{background:var(--charcoal-2);color:var(--gold-200);box-shadow:0 2px 12px #00000024}.view-btn:hover:not(.active){background:#d0c5b259}.swipe-view{flex-direction:column;align-items:center;gap:28px;display:flex}.swipe-hint{align-items:center;gap:20px;display:flex}.hint-chip{font-family:var(--font-sans);letter-spacing:.16em;text-transform:uppercase;border-radius:var(--r-full);align-items:center;gap:6px;padding:6px 14px;font-size:9.5px;font-weight:600;display:flex}.hint-chip .material-symbols-outlined{font-variation-settings:"wght" 500;font-size:13px}.hint-chip--skip{color:#c0392b;background:#c0392b12;border:1px solid #c0392b33}.hint-chip--like{color:var(--gold-500);background:#755b000f;border:1px solid #755b002e}.card-stack{width:min(420px,100vw - 48px);height:640px;position:relative}.swipe-card{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;will-change:transform;border-radius:22px;flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden}.swipe-card:active{cursor:grabbing}.swipe-card--natural{background:linear-gradient(160deg, #1e261e 0%, var(--charcoal-2) 100%);border:1px solid #a4b4a44d}.swipe-card--grace{background:linear-gradient(160deg, #292113 0%, var(--charcoal-2) 100%);border:1px solid #c9a84c4d}.swipe-card--lush{background:linear-gradient(160deg,#041e28 0%,#0a3545 100%);border:1px solid #4ecdc447}.card-overlay{z-index:5;pointer-events:none;opacity:0;border-radius:22px;align-items:flex-start;padding:28px;display:flex;position:absolute;inset:0}.card-overlay--like{background:linear-gradient(135deg,#755b0073 0%,#0000 65%);justify-content:flex-start}.card-overlay--skip{background:linear-gradient(225deg,#c0392b73 0%,#0000 65%);justify-content:flex-end}.overlay-stamp{font-family:var(--font-sans);letter-spacing:.14em;text-transform:uppercase;border:2.5px solid;border-radius:4px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:800;display:flex}.card-overlay--like .overlay-stamp{color:var(--gold-200);border-color:var(--gold-200);transform:rotate(-12deg)}.card-overlay--skip .overlay-stamp{color:#e74c3c;border-color:#e74c3c;transform:rotate(12deg)}.overlay-stamp .material-symbols-outlined{font-size:16px}.card-image{flex-shrink:0;height:340px;overflow:hidden}.card-image img{object-fit:cover;width:100%;height:100%;transition:transform .5s var(--ease-smooth);pointer-events:none}.card-body{flex-direction:column;flex:1;gap:10px;padding:20px 24px 22px;display:flex}.card-category-badge{font-family:var(--font-sans);letter-spacing:.24em;text-transform:uppercase;border-radius:var(--r-2);align-items:center;gap:5px;width:fit-content;padding:4px 10px;font-size:8.5px;font-weight:600;display:inline-flex}.card-category-badge .material-symbols-outlined{font-size:8px}.swipe-card--natural .card-category-badge{color:var(--sage);background:#a4b4a41f;border:1px solid #a4b4a44d}.swipe-card--grace .card-category-badge{color:var(--gold-300);background:#c9a84c1a;border:1px solid #c9a84c40}.swipe-card--lush .card-category-badge{color:#4ecdc4;background:#4ecdc41a;border:1px solid #4ecdc440}.card-name{font-family:var(--font-serif);color:#f5f1ebf5;font-size:27px;font-weight:400;line-height:1.15}.card-desc{font-family:var(--font-sans);color:#f5f1ebb8;flex:1;font-size:12.5px;font-weight:300;line-height:1.7}.card-tags{flex-wrap:wrap;gap:6px;display:flex}.card-tag{font-family:var(--font-sans);letter-spacing:.06em;color:#f5f1eb85;font-size:9px;font-weight:400}.card-price-row{border-top:1px solid #f5f1eb14;justify-content:space-between;align-items:center;margin-top:2px;padding-top:8px;display:flex}.card-price{font-family:var(--font-serif);letter-spacing:-.01em;font-size:30px;font-weight:500;line-height:1}.swipe-card--natural .card-price{color:var(--sage)}.swipe-card--grace .card-price{color:var(--gold-200)}.swipe-card--lush .card-price{color:#4ecdc4}.swipe-actions{align-items:center;gap:28px;display:flex}.swipe-btn{cursor:pointer;width:64px;height:64px;transition:all var(--dur-2) var(--ease-expo);border:2px solid;border-radius:50%;justify-content:center;align-items:center;display:flex}.swipe-btn .material-symbols-outlined{font-variation-settings:"wght" 300;font-size:24px}.swipe-btn--skip{color:#c0392b;background:#c0392b0d;border-color:#c0392b66}.swipe-btn--skip:hover{background:#c0392b1f;border-color:#c0392bb3;transform:scale(1.1)}.swipe-btn--like{color:var(--gold-500);background:#755b000d;border-color:#755b0066}.swipe-btn--like:hover{border-color:var(--gold-300);background:#755b001a;transform:scale(1.1)}.swipe-counter{font-family:var(--font-sans);letter-spacing:.16em;color:var(--on-surface-var);text-align:center;min-width:48px;font-size:11px;font-weight:500}.swipe-empty{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:48px 24px;display:flex}.swipe-empty .material-symbols-outlined{color:var(--gold-300);font-variation-settings:"FILL" 0, "wght" 200;font-size:52px}.swipe-empty h3{font-family:var(--font-serif);color:var(--on-surface);font-size:28px;font-weight:300}.swipe-empty p{font-family:var(--font-sans);color:var(--on-surface-var);font-size:13px}.shop-filter-bar{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.collection-desc{text-align:center;max-width:600px;transition:opacity var(--dur-2) var(--ease-out), transform var(--dur-2) var(--ease-out);flex-direction:column;align-items:center;gap:8px;margin-bottom:48px;margin-left:auto;margin-right:auto;display:flex}.desc-subtitle{font-family:var(--font-sans);letter-spacing:.15em;text-transform:uppercase;color:var(--gold-300);align-items:center;gap:12px;font-size:11px;font-weight:600;display:flex}.desc-body{font-family:var(--font-serif);color:var(--charcoal-3);font-size:22px;font-style:italic;font-weight:400;line-height:1.4;position:relative}.filter-pill{font-family:var(--font-sans);letter-spacing:.18em;text-transform:uppercase;border-radius:var(--r-full);color:var(--on-surface-var);cursor:pointer;transition:all var(--dur-2) var(--ease-expo);background:0 0;border:1px solid #d0c5b247;padding:7px 16px;font-size:9.5px;font-weight:600}.filter-pill:hover{color:var(--gold-300);border-color:#c9a84c73}.filter-pill.active{background:var(--charcoal-2);color:var(--gold-200);border-color:#c9a84c59;box-shadow:0 2px 12px #0000002e}.products-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.product-card{animation:card-fade-up calc(.22s + var(--stagger-i,0) * 35ms) var(--ease-expo) both;transition:box-shadow var(--dur-2) var(--ease-expo), transform var(--dur-2) var(--ease-expo);overflow:hidden}@keyframes card-fade-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.product-card--natural{background:linear-gradient(155deg,#0e1a0d 0%,#152118 55%,#1a2a1e 100%);border:1px solid #a4b4a429;border-top:2px solid #a4b4a485;border-radius:18px 4px}.product-card--natural:hover{border-top-color:#a4b4a4e0;transform:translateY(-5px);box-shadow:0 16px 48px #0000006b,0 0 28px #a4b4a412}.product-card--grace{background:linear-gradient(155deg,#1a1207 0%,#241a08 55%,#2c210f 100%);border:1px solid #c9a84c29;border-top:2px solid #c9a84c85;border-radius:3px}.product-card--grace:hover{border-top-color:#c9a84ce0;transform:translateY(-5px);box-shadow:0 16px 48px #0000006b,0 0 28px #c9a84c17}.product-card--lush{clip-path:url(#wave-lush);transition:filter var(--dur-2) var(--ease-expo), transform var(--dur-2) var(--ease-expo), border-color var(--dur-2) var(--ease-expo);background:linear-gradient(155deg,#041e28 0%,#082d3a 55%,#0a3545 100%);border:1px solid #4ecdc426;border-top:2px solid #4ecdc480;border-radius:12px}.product-card--lush:hover{filter:drop-shadow(0 16px 40px #00000073)drop-shadow(0 0 24px #4ecdc42e);border-top-color:#4ecdc4d9;transform:translateY(-3px)}.product-card-image{aspect-ratio:1;position:relative;overflow:hidden}.product-card-image img{object-fit:cover;width:100%;height:100%;transition:transform .6s var(--ease-smooth);display:block}.product-card:hover .product-card-image img{transform:scale(1.07)}.product-card-overlay{opacity:0;transition:opacity .3s var(--ease-expo);pointer-events:none;justify-content:center;align-items:flex-end;padding:16px;display:flex;position:absolute;inset:0}.product-card--natural .product-card-overlay{background:linear-gradient(#0000 48%,#001c08c7 100%)}.product-card--grace .product-card-overlay{background:linear-gradient(#0000 48%,#201200c7 100%)}.product-card--lush .product-card-overlay{background:linear-gradient(#0000 48%,#04141ed1 100%)}.product-card:hover .product-card-overlay{opacity:1;pointer-events:auto}.overlay-quick-add{font-family:var(--font-sans);letter-spacing:.18em;text-transform:uppercase;border-radius:var(--r-full);cursor:pointer;white-space:nowrap;transition:transform .3s var(--ease-expo), background .2s;border:none;align-items:center;gap:6px;padding:9px 20px;font-size:9px;font-weight:700;display:flex;transform:translateY(8px)}.overlay-quick-add .material-symbols-outlined{font-variation-settings:"wght" 300;font-size:13px}.product-card:hover .overlay-quick-add{transform:translateY(0)}.overlay-quick-add.added{pointer-events:none;color:#fff;background:#5ab45ae0;transform:translateY(0)}.product-card--natural .overlay-quick-add{border-radius:var(--r-full);color:#0e1a0d;background:#a4b4a4eb}.product-card--natural .overlay-quick-add:hover{background:#c0d4c0}.product-card--grace .overlay-quick-add{color:#1a1207;background:#c9a84ceb;border-radius:3px}.product-card--grace .overlay-quick-add:hover{background:#e0c264}.product-card--lush .overlay-quick-add{border-radius:var(--r-full);color:#041e28;background:#4ecdc4eb}.product-card--lush .overlay-quick-add:hover{background:#6ee1da}.product-card-body{flex-direction:column;gap:8px;padding:16px 18px 18px;display:flex}.product-card-badge{font-family:var(--font-sans);letter-spacing:.22em;text-transform:uppercase;border-radius:var(--r-2);border:1px solid;width:fit-content;padding:3px 8px;font-size:8px;font-weight:700}.badge--natural{color:var(--sage);background:#a4b4a41a;border-color:#a4b4a447}.badge--grace{color:var(--gold-300);background:#c9a84c1a;border-color:#c9a84c40}.badge--lush{color:#4ecdc4;background:#4ecdc41a;border-color:#4ecdc447}.product-card--natural .product-card-badge{border-radius:var(--r-full)}.product-card--grace .product-card-badge{border-radius:2px}.product-card--lush .product-card-badge{border-radius:var(--r-full)}.product-card-name{font-family:var(--font-serif);font-size:17px;font-weight:400;line-height:1.25}.product-card--natural .product-card-name{color:#d0e2d0eb}.product-card--grace .product-card-name{color:#f8eed7eb}.product-card--lush .product-card-name{color:#c8eeebeb}.product-card-footer{justify-content:space-between;align-items:center;margin-top:4px;padding-top:12px;display:flex}.product-card--natural .product-card-footer{border-top:1px solid #a4b4a41f}.product-card--grace .product-card-footer{border-top:1px solid #c9a84c1f}.product-card--lush .product-card-footer{border-top:1px solid #4ecdc41f}.product-card-actions{align-items:center;gap:8px;display:flex}.product-card-price{font-family:var(--font-serif);letter-spacing:-.01em;font-size:20px;font-weight:500}.product-card--natural .product-card-price{color:var(--sage)}.product-card--grace .product-card-price{color:var(--gold-300)}.product-card--lush .product-card-price{color:#4ecdc4}.btn-add-cart{font-family:var(--font-sans);letter-spacing:.18em;text-transform:uppercase;border-radius:var(--r-2);cursor:pointer;transition:all var(--dur-2) var(--ease-expo);background:0 0;border:1px solid;align-items:center;gap:5px;padding:7px 11px;font-size:8.5px;font-weight:700;display:flex}.btn-add-cart .material-symbols-outlined{font-variation-settings:"wght" 300;font-size:12px}.btn-add-cart.added{pointer-events:none;color:#7dcf7d;background:#5ab45a1f;border-color:#7dcf7d47}.product-card--natural .btn-add-cart{border-radius:var(--r-2);color:var(--sage);border-color:#a4b4a459}.product-card--natural .btn-add-cart:hover{border-color:var(--sage);background:#a4b4a41f}.product-card--grace .btn-add-cart{color:var(--gold-300);border-color:#c9a84c59;border-radius:2px}.product-card--grace .btn-add-cart:hover{border-color:var(--gold-300);background:#c9a84c1f}.product-card--lush .btn-add-cart{border-radius:var(--r-full);color:#4ecdc4;border-color:#4ecdc459}.product-card--lush .btn-add-cart:hover{background:#4ecdc41a;border-color:#4ecdc4}@keyframes shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.skeleton-card{background:var(--charcoal-2);border:1px solid #f5f1eb0f;border-radius:14px;overflow:hidden}.skeleton-slab{aspect-ratio:1;background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14 50%,#ffffff0a 75%) 0 0/1200px 100%;animation:1.6s linear infinite shimmer}.skeleton-body-area{flex-direction:column;gap:10px;padding:16px 18px 18px;display:flex}.skeleton-bar{background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a 50%,#ffffff0d 75%) 0 0/1200px 100%;border-radius:4px;height:10px;animation:1.6s linear infinite shimmer}.skeleton-bar--badge{width:52px;height:8px}.skeleton-bar--name{width:78%;height:15px}.skeleton-bar--price{width:52px;height:17px;margin-top:4px}.swipe-skeleton{background:linear-gradient(160deg, #1c1c1a 0%, var(--charcoal-2) 100%);border:1px solid #f5f1eb14;border-radius:22px;flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden}.swipe-skeleton .skeleton-slab{height:340px;aspect-ratio:unset;flex-shrink:0}.swipe-skeleton .skeleton-body-area{gap:14px;padding:22px 24px}.swipe-skeleton .skeleton-bar--name{width:72%;height:26px}.swipe-skeleton .skeleton-bar--price{width:44%;height:24px;margin-top:8px}.shop-toast{background:var(--charcoal-2);color:#f5f1ebeb;font-family:var(--font-sans);letter-spacing:.08em;border-radius:var(--r-full);z-index:9000;transition:transform .4s var(--ease-expo), opacity .4s;opacity:0;pointer-events:none;border:1px solid #c9a84c40;align-items:center;gap:10px;padding:12px 24px;font-size:12px;font-weight:500;display:flex;position:fixed;bottom:32px;left:50%;transform:translate(-50%)translateY(80px);box-shadow:0 8px 32px #0000004d}.shop-toast.visible{opacity:1;transform:translate(-50%)translateY(0)}.shop-toast .material-symbols-outlined{font-variation-settings:"FILL" 1;font-size:15px}@media (hover:none){.product-card-overlay{display:none}}@media (width<=768px){.products-grid{grid-template-columns:repeat(2,1fr);gap:14px}.card-stack{width:calc(100vw - 48px);max-width:420px;height:600px}.card-image{height:300px}}@media (width<=480px){.products-grid{grid-template-columns:1fr}.card-stack{width:calc(100vw - 32px);height:580px}.card-image{height:280px}.swipe-btn{width:56px;height:56px}}@media (prefers-reduced-motion:reduce){.product-card{opacity:1;animation:none}.product-card-image img,.product-card-overlay,.overlay-quick-add{transition:none}.skeleton-slab,.skeleton-bar{animation:none}}.swipe-fullscreen-btn{font-family:var(--font-sans);letter-spacing:.18em;text-transform:uppercase;color:var(--on-surface-var);border-radius:var(--r-full);cursor:pointer;transition:all var(--dur-2) var(--ease-expo);background:0 0;border:1px solid #d0c5b266;align-items:center;gap:7px;margin-top:4px;padding:9px 20px;font-size:10px;font-weight:600;display:flex}.swipe-fullscreen-btn .material-symbols-outlined{font-size:16px}.swipe-fullscreen-btn:hover{background:var(--charcoal-2);color:var(--gold-200);border-color:#c9a84c4d}.swipe-fs-overlay{z-index:7000;background:var(--charcoal);opacity:0;pointer-events:none;transition:opacity .35s var(--ease-expo);flex-direction:column;justify-content:center;align-items:center;gap:24px;display:flex;position:fixed;inset:0}.swipe-fs-overlay.open{opacity:1;pointer-events:auto}.swipe-fs-close{font-family:var(--font-sans);letter-spacing:.18em;text-transform:uppercase;color:#f5f1eb80;border-radius:var(--r-full);cursor:pointer;transition:all var(--dur-2) var(--ease-expo);background:0 0;border:1px solid #f5f1eb26;align-items:center;gap:6px;padding:9px 18px;font-size:9px;font-weight:600;display:flex;position:absolute;top:20px;right:20px}.swipe-fs-close:hover{color:var(--gold-200);border-color:#c9a84c59}.swipe-fs-close .material-symbols-outlined{font-size:14px}.swipe-fs-overlay .card-stack{width:min(480px,100vw - 32px);height:min(720px,100svh - 200px)}.swipe-fs-overlay .card-image{height:min(400px,56%)}.swipe-fs-overlay .swipe-hint{margin-top:0}.swipe-fs-overlay .swipe-actions{gap:36px}.swipe-fs-overlay .swipe-btn{width:72px;height:72px}.swipe-fs-overlay .swipe-btn .material-symbols-outlined{font-size:28px}.swipe-fs-overlay .swipe-counter{font-size:12px}.product-modal-backdrop{z-index:8000;-webkit-backdrop-filter:blur(12px);opacity:0;pointer-events:none;transition:opacity .35s var(--ease-expo);background:#111009d1;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.product-modal-backdrop.open{opacity:1;pointer-events:auto}.product-modal{background:var(--charcoal-2);width:100%;max-width:820px;max-height:90vh;transition:transform .4s var(--ease-expo);border:1px solid #c9a84c26;border-radius:24px;grid-template-columns:1fr 1fr;display:grid;position:relative;overflow:hidden;transform:translateY(32px)scale(.97);box-shadow:0 32px 80px #0009}.product-modal-backdrop.open .product-modal{transform:translateY(0)scale(1)}.modal-close{z-index:10;color:#f5f1ebb3;cursor:pointer;width:40px;height:40px;transition:all var(--dur-2) var(--ease-expo);background:#11100980;border:1px solid #c9a84c33;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:16px;right:16px}.modal-close:hover{color:var(--gold-200);background:#c9a84c26;transform:scale(1.1)}.modal-close .material-symbols-outlined{font-size:18px}.modal-image-panel{min-height:400px;position:relative;overflow:hidden}.modal-image-panel img{object-fit:cover;width:100%;height:100%;display:block}.modal-image-gradient{background:linear-gradient(to right, transparent 60%, var(--charcoal-2) 100%);position:absolute;inset:0}.modal-info-panel{flex-direction:column;justify-content:center;gap:16px;padding:48px 36px 40px;display:flex;overflow-y:auto}.modal-category-badge{font-family:var(--font-sans);letter-spacing:.28em;text-transform:uppercase;border-radius:var(--r-2);align-items:center;gap:6px;width:fit-content;padding:5px 12px;font-size:9px;font-weight:700;display:inline-flex}.modal-badge--natural{color:var(--sage);background:#a4b4a41f;border:1px solid #a4b4a44d}.modal-badge--grace{color:var(--gold-300);background:#c9a84c1a;border:1px solid #c9a84c40}.modal-badge--lush{color:var(--coral-light);background:#e8705a1a;border:1px solid #e8705a40}.modal-product-name{font-family:var(--font-serif);color:#f5f1ebf5;letter-spacing:-.01em;font-size:clamp(28px,4vw,40px);font-weight:300;line-height:1.1}.modal-price{font-family:var(--font-serif);letter-spacing:-.01em;font-size:34px;font-weight:500;line-height:1}.modal-price--natural{color:var(--sage)}.modal-price--grace{color:var(--gold-200)}.modal-price--lush{color:var(--coral-light)}.modal-divider{background:#f5f1eb14;height:1px}.modal-desc{font-family:var(--font-sans);color:#f5f1eb8c;font-size:13.5px;font-weight:300;line-height:1.75}.modal-tags{flex-wrap:wrap;gap:8px;display:flex}.modal-tag{font-family:var(--font-sans);letter-spacing:.06em;color:#f5f1eb4d;border-radius:var(--r-full);border:1px solid #f5f1eb1a;padding:4px 10px;font-size:10px}.modal-actions{flex-wrap:wrap;gap:12px;padding-top:8px;display:flex}.modal-btn-cart{font-family:var(--font-sans);letter-spacing:.22em;text-transform:uppercase;background:var(--gold-500);color:#fff;border:1px solid var(--gold-500);border-radius:var(--r-4);cursor:pointer;transition:all var(--dur-2) var(--ease-expo);flex:1;justify-content:center;align-items:center;gap:8px;padding:14px 24px;font-size:10px;font-weight:700;display:flex}.modal-btn-cart:hover{background:var(--gold-700);transform:translateY(-2px);box-shadow:0 8px 24px #755b0059}.modal-btn-cart .material-symbols-outlined{font-size:16px}.card-view-btn{font-family:var(--font-sans);letter-spacing:.18em;text-transform:uppercase;border-radius:var(--r-full);color:#f5f1eba6;cursor:pointer;transition:all var(--dur-2) var(--ease-expo);background:#f5f1eb0f;border:1px solid #f5f1eb33;align-items:center;gap:5px;padding:6px 14px;font-size:9px;font-weight:600;display:flex}.card-view-btn:hover{color:#f5f1ebe6;background:#f5f1eb1f}.card-view-btn .material-symbols-outlined{font-variation-settings:"wght" 400;font-size:12px}@media (width<=640px){.product-modal{border-radius:20px 20px 0 0;grid-template-columns:1fr;align-self:flex-end;max-height:92vh;margin:0}.product-modal-backdrop{align-items:flex-end;padding:0}.modal-image-panel{min-height:260px;max-height:300px}.modal-image-gradient{background:linear-gradient(to bottom, transparent 60%, var(--charcoal-2) 100%)}.modal-info-panel{padding:28px 24px 32px}}.admin-login-page{background:#08070a;justify-content:center;align-items:center;min-height:100dvh;display:flex;overflow:hidden}.login-bg{z-index:0;position:fixed;inset:0}.login-orb{filter:blur(80px);border-radius:50%;position:absolute}.login-orb--1{background:#d4a85312;width:500px;height:500px;animation:12s ease-in-out infinite alternate orbFloat;top:-120px;left:-120px}.login-orb--2{background:#755b0017;width:360px;height:360px;animation:9s ease-in-out infinite alternate-reverse orbFloat;bottom:-80px;right:-80px}@keyframes orbFloat{0%{transform:translate(0)scale(1)}to{transform:translate(24px,32px)scale(1.06)}}.login-grain{opacity:.025;mix-blend-mode:screen;position:absolute;inset:0}.login-wrap{z-index:1;width:100%;max-width:400px;padding:20px;position:relative}.login-card{-webkit-backdrop-filter:blur(32px)saturate(1.4);background:#12100ee6;border:1px solid #d4a85324;border-top-color:#d4a85347;border-radius:20px;padding:48px 40px 44px;box-shadow:0 32px 80px #0009,inset 0 0 0 1px #ffffff08}.login-brand{flex-direction:column;align-items:center;gap:8px;margin-bottom:36px;display:flex}.login-brand-mark{background:#d4a8531f;border:1px solid #d4a85347;border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.login-brand-mark .material-symbols-outlined{color:#d4a853;font-size:20px}.login-logo{font-family:var(--font-serif);color:#d4a853;letter-spacing:.08em;font-size:28px;font-style:italic;font-weight:400;line-height:1}.login-subbrand{letter-spacing:.32em;text-transform:uppercase;color:#d4a8536b;font-size:9px;font-weight:500}.login-title{font-family:var(--font-serif);color:#f5f1ebeb;text-align:center;margin-bottom:5px;font-size:26px;font-weight:400}.login-subtitle{color:#f5f1eb52;text-align:center;margin-bottom:32px;font-size:12px}.login-form{flex-direction:column;gap:18px;display:flex}.login-field{flex-direction:column;gap:7px;display:flex}.login-label{letter-spacing:.16em;text-transform:uppercase;color:#f5f1eb6b;font-size:10px;font-weight:500}.login-input-wrap{position:relative}.login-input-icon{color:#d4a85361;pointer-events:none;font-size:16px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.login-input{width:100%;font-family:var(--font-sans);color:#f5f1ebe6;background:#f5f1eb0a;border:1px solid #d4a85324;border-radius:10px;outline:none;padding:13px 44px;font-size:14px;transition:border-color .2s,background .2s,box-shadow .2s}.login-input::placeholder{color:#f5f1eb2e}.login-input:focus{background:#f5f1eb0f;border-color:#d4a85380;box-shadow:0 0 0 3px #d4a8531a}.field--error .login-input{border-color:#f8717180;box-shadow:0 0 0 3px #f8717114}.login-eye{color:#f5f1eb47;border-radius:6px;padding:8px;transition:color .2s,background .15s;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.login-eye:hover{color:#f5f1eb99;background:#f5f1eb0f}.login-eye .material-symbols-outlined{font-size:16px;display:block}.login-error{color:#f87171e6;background:#f8717114;border:1px solid #f8717133;border-radius:10px;align-items:center;gap:8px;padding:10px 14px;font-size:12px;display:flex}.login-error .material-symbols-outlined{flex-shrink:0;font-size:15px}.login-error.hidden{display:none}.login-btn{color:#0e0a00;font-family:var(--font-sans);letter-spacing:.2em;text-transform:uppercase;cursor:pointer;background:linear-gradient(135deg,#b8852e 0%,#d4a853 50%,#b8852e 100%) 100%/200% 100%;border:none;border-radius:10px;justify-content:center;align-items:center;gap:10px;margin-top:4px;padding:14px 24px;font-size:11px;font-weight:700;transition:background-position .4s,transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 20px #ac802859}.login-btn:hover:not(:disabled){background-position:0;transform:translateY(-1px);box-shadow:0 8px 28px #ac802873}.login-btn:active:not(:disabled){transform:translateY(0)}.login-btn:disabled{opacity:.5;cursor:not-allowed}.login-spinner{border:2px solid #0e0a0040;border-top-color:#0e0a00;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.login-spinner.hidden,.login-arrow.hidden{display:none}.login-back{text-align:center;margin-top:24px}.login-back-link{color:#f5f1eb47;letter-spacing:.04em;align-items:center;gap:6px;font-size:11px;transition:color .2s;display:inline-flex}.login-back-link:hover{color:#f5f1eb99}.login-back-link .material-symbols-outlined{font-size:13px}.admin-page{background:#0a0908;min-height:100dvh;display:flex}.admin-page--pos{max-height:100dvh;overflow:hidden}#sidebar-container{z-index:50;flex-shrink:0;position:relative}.admin-sidebar{background:#0d0c0a;border-right:1px solid #d4a85317;flex-direction:column;width:248px;height:100vh;display:flex;position:sticky;top:0;overflow:hidden}.sidebar-brand{border-bottom:1px solid #d4a85312;align-items:center;gap:10px;padding:20px 18px 18px;display:flex}.sidebar-brand-mark{background:#d4a8531a;border:1px solid #d4a85338;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.sidebar-brand-mark .material-symbols-outlined{color:#d4a853;font-size:16px}.sidebar-brand-text{flex-direction:column;gap:1px;display:flex}.sidebar-logo{font-family:var(--font-serif);color:#d4a853;letter-spacing:.04em;font-size:18px;font-style:italic;line-height:1}.sidebar-subbrand{letter-spacing:.26em;text-transform:uppercase;color:#d4a85361;font-size:8.5px;font-weight:500}.sidebar-nav{flex-direction:column;flex:1;gap:1px;padding:10px;display:flex;overflow-y:auto}.sidebar-nav-section{letter-spacing:.24em;text-transform:uppercase;color:#f5f1eb29;padding:14px 12px 6px;font-size:8px;font-weight:600}.sidebar-link{font-family:var(--font-sans);color:#f5f1eb66;white-space:nowrap;border-radius:8px;align-items:center;gap:10px;padding:9px 12px;font-size:12.5px;font-weight:400;transition:all .16s;display:flex;position:relative}.sidebar-link .material-symbols-outlined{flex-shrink:0;font-size:17px;transition:color .16s}.sidebar-link:hover{color:#f5f1ebb8;background:#d4a85312}.sidebar-link:hover .material-symbols-outlined{color:#d4a853a6}.sidebar-link.active{color:#d4a853;background:#d4a8531a;font-weight:500}.sidebar-link.active .material-symbols-outlined{color:#d4a853}.sidebar-link.active:before{content:"";background:#d4a853;border-radius:0 3px 3px 0;width:2.5px;position:absolute;top:22%;bottom:22%;left:0}.sidebar-footer{border-top:1px solid #d4a85312;flex-direction:column;gap:2px;padding:10px 10px 12px;display:flex}.sidebar-user{border-radius:8px;align-items:center;gap:10px;padding:8px 10px;display:flex}.sidebar-avatar{color:#0e0a00;background:linear-gradient(135deg,#b8852e,#d4a853);border:1.5px solid #d4a85366;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:11px;font-weight:700;display:flex}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-name{color:#f5f1ebcc;white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;font-weight:500;display:block;overflow:hidden}.sidebar-user-role{letter-spacing:.14em;text-transform:uppercase;color:#d4a85373;margin-top:1px;font-size:8.5px;display:block}.sidebar-logout{color:#f5f1eb47;cursor:pointer;width:100%;font-size:12px;font-family:var(--font-sans);background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 10px;transition:all .16s;display:flex}.sidebar-logout:hover{color:#f87171cc;background:#f8717114}.sidebar-logout .material-symbols-outlined{font-size:15px}.sidebar-toggle{z-index:60;color:#d4a853;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:#0d0c0aeb;border:1px solid #d4a85338;border-radius:9px;justify-content:center;align-items:center;width:42px;height:42px;transition:background .2s;display:none;position:fixed;top:14px;left:14px}.sidebar-toggle:hover{background:#d4a8531a}.admin-main{flex-direction:column;flex:1;gap:20px;min-width:0;max-height:100vh;padding:28px 32px 40px;display:flex;overflow-y:auto}.admin-page--pos .admin-main{padding:0;overflow:hidden}.admin-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.admin-header-actions{align-items:center;gap:8px;display:flex}.admin-page-title{font-family:var(--font-serif);color:#f5f1ebf0;letter-spacing:-.01em;font-size:26px;font-weight:400}.admin-page-subtitle{color:#f5f1eb52;margin-top:3px;font-size:12px}.admin-header-btn{color:#0e0a00;font-family:var(--font-sans);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;cursor:pointer;background:linear-gradient(135deg,#b8852e,#d4a853);border:none;border-radius:9px;align-items:center;gap:7px;padding:9px 18px;font-size:11px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 3px 14px #ac80284d}.admin-header-btn:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 6px 20px #ac802866}.admin-header-btn .material-symbols-outlined{font-size:15px}.admin-card{background:#111009;border:1px solid #d4a8531a;border-radius:14px;overflow:hidden}.card-header{border-bottom:1px solid #d4a85312;justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.card-title{font-family:var(--font-serif);color:#f5f1ebc7;letter-spacing:.01em;font-size:15px;font-weight:400}.card-link{color:#d4a853ad;letter-spacing:.1em;font-size:10.5px;transition:color .18s}.card-link:hover{color:#d4a853}.kpi-grid{grid-template-columns:repeat(6,1fr);gap:12px;display:grid}.kpi-card{background:#111009;border:1px solid #d4a8531a;border-radius:14px;flex-direction:column;gap:12px;padding:18px 18px 16px;transition:border-color .2s,transform .2s;display:flex;position:relative;overflow:hidden}.kpi-card:hover{border-color:#d4a85338;transform:translateY(-1px)}.kpi-card:before{content:"";border-radius:14px 14px 0 0;height:2px;position:absolute;top:0;left:0;right:0}.kpi-card--gold:before{background:linear-gradient(90deg,#d4a853,#d4a85326)}.kpi-card--green:before{background:linear-gradient(90deg,#34d399,#34d39926)}.kpi-card--blue:before{background:linear-gradient(90deg,#60a5fa,#60a5fa26)}.kpi-card--red:before{background:linear-gradient(90deg,#f87171,#f8717126)}.kpi-top{justify-content:space-between;align-items:center;display:flex}.kpi-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.kpi-icon .material-symbols-outlined{font-size:17px}.kpi-icon--gold{color:#d4a853;background:#d4a8531f}.kpi-icon--green{color:#34d399;background:#34d3991f}.kpi-icon--blue{color:#60a5fa;background:#60a5fa1f}.kpi-icon--red{color:#f87171;background:#f871711f}.kpi-label{letter-spacing:.12em;text-transform:uppercase;color:#f5f1eb4d;font-size:9.5px}.kpi-value{color:#f5f1ebeb;font-variant-numeric:tabular-nums;font-size:20px;font-weight:600;line-height:1.1}.dashboard-grid{grid-template-columns:2fr 1fr;gap:14px;display:grid}.chart-wrap{padding:12px 20px 20px}.top-products-list{padding:4px 0}.top-product-row{border-bottom:1px solid #d4a8530d;grid-template-columns:22px 1fr auto auto;align-items:center;gap:10px;padding:10px 22px;display:grid}.top-product-row:last-child{border-bottom:none}.top-rank{color:#d4a85373;font-size:10px;font-weight:700}.top-name{color:#f5f1ebb3;font-size:12px}.top-qty{color:#f5f1eb47;white-space:nowrap;font-size:10px}.top-rev{color:#d4a853;font-variant-numeric:tabular-nums;font-size:12px;font-weight:500}.table-wrap{overflow-x:auto}.admin-table{border-collapse:collapse;width:100%}.admin-table thead{z-index:1;position:sticky;top:0}.admin-table th{letter-spacing:.2em;text-transform:uppercase;color:#f5f1eb47;text-align:left;white-space:nowrap;background:#111009;border-bottom:1px solid #d4a8531a;padding:11px 18px;font-size:9px;font-weight:600}.admin-table td{color:#f5f1eb99;vertical-align:middle;border-bottom:1px solid #d4a8530d;padding:13px 18px;font-size:12.5px}.admin-table tr:last-child td{border-bottom:none}.admin-table tbody tr{transition:background .15s}.admin-table tbody tr:hover td{background:#d4a8530a}.table-loading{text-align:center;color:#f5f1eb38;padding:52px 20px;font-size:12px}.table-loading:before{content:"";border:2px solid #d4a85326;border-top-color:#d4a8538c;border-radius:50%;width:22px;height:22px;margin:0 auto 12px;animation:.8s linear infinite spin;display:block}.table-empty{text-align:center;color:#f5f1eb38;padding:52px 20px;font-size:12px}.order-num{color:#d4a853;letter-spacing:.04em;font-family:monospace;font-size:11px}.date-cell{color:#f5f1eb52;font-variant-numeric:tabular-nums;font-size:11px}.status-badge{letter-spacing:.07em;white-space:nowrap;border-radius:20px;align-items:center;gap:5px;padding:3px 10px;font-size:10px;font-weight:500;display:inline-flex}.status-badge:before{content:"";border-radius:50%;flex-shrink:0;width:5px;height:5px}.badge--success{color:#34d399;background:#34d3991a;border:1px solid #34d39933}.badge--success:before{background:#34d399}.badge--warning{color:#fbbf24;background:#fbbf241a;border:1px solid #fbbf2433}.badge--warning:before{background:#fbbf24}.badge--info{color:#60a5fa;background:#60a5fa1a;border:1px solid #60a5fa33}.badge--info:before{background:#60a5fa}.badge--purple{color:#c084fc;background:#c084fc1a;border:1px solid #c084fc33}.badge--purple:before{background:#c084fc}.badge--error{color:#f87171;background:#f871711a;border:1px solid #f8717133}.badge--error:before{background:#f87171}.type-badge{letter-spacing:.12em;text-transform:uppercase;border-radius:4px;padding:2px 8px;font-size:9px;font-weight:600;display:inline-block}.type-badge--online{color:#60a5fa;background:#60a5fa1f}.type-badge--pos{color:#d4a853;background:#d4a8531f}.collection-badge{border-radius:4px;padding:2px 9px;font-size:10px;font-weight:500;display:inline-block}.collection--natural{color:var(--sage);background:#a4b4a41f}.collection--grace{color:#d4a853;background:#d4a8531f}.collection--lush{color:var(--coral);background:#e8705a1f}.role-badge{border-radius:20px;padding:3px 10px;font-size:10px;font-weight:600;display:inline-block}.role-badge--superadmin{color:#d4a853;background:#d4a85324}.role-badge--admin{color:#f5f1eb6b;background:#f5f1eb0f}.stock-badge{border-radius:20px;padding:3px 10px;font-size:10px;font-weight:500;display:inline-block}.stock--ok{color:#34d399;background:#34d3991a}.stock--low{color:#fbbf24;background:#fbbf241a}.stock--out{color:#f87171;background:#f871711a}.badge-archived{color:#f5f1eb38;background:#f5f1eb0d;border-radius:4px;padding:1px 6px;font-size:9px}.filter-bar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.search-wrap{flex:1;min-width:200px;max-width:340px;position:relative}.search-icon{color:#f5f1eb33;pointer-events:none;font-size:16px;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.admin-search{width:100%;font-family:var(--font-sans);color:#f5f1ebd1;background:#111009;border:1px solid #d4a8531f;border-radius:9px;outline:none;padding:9px 14px 9px 36px;font-size:12.5px;transition:border-color .2s,box-shadow .2s}.admin-search::placeholder{color:#f5f1eb33}.admin-search:focus{border-color:#d4a85361;box-shadow:0 0 0 3px #d4a85314}.admin-select{font-family:var(--font-sans);color:#f5f1eba6;cursor:pointer;appearance:none;background:#111009 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='rgba(212,168,83,0.4)' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") right 11px center no-repeat;border:1px solid #d4a8531f;border-radius:9px;outline:none;padding:9px 32px 9px 13px;font-size:12.5px;transition:border-color .2s}.admin-select:focus{border-color:#d4a85361}.action-btns{gap:4px;display:flex}.action-btn{color:#f5f1eb42;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .16s;display:flex}.action-btn .material-symbols-outlined{font-size:15px}.action-btn:hover{color:#f5f1ebb8;background:#f5f1eb0f;border-color:#f5f1eb14}.action-btn--edit:hover{color:#d4a853;background:#d4a8531a;border-color:#d4a85333}.action-btn--archive:hover{color:#f87171;background:#f871711a;border-color:#f8717133}.product-cell{align-items:center;gap:11px;display:flex}.product-thumb{object-fit:cover;border:1px solid #d4a8531a;border-radius:8px;flex-shrink:0;width:42px;height:42px}.product-thumb-empty{background:#d4a85312;border:1px solid #d4a8531a;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.product-thumb-empty .material-symbols-outlined{color:#d4a85347;font-size:16px}.product-cell-name{color:#f5f1ebd1;font-size:12.5px;font-weight:500;display:block}.stock-edit-wrap{align-items:center;gap:6px;display:flex}.stock-input{color:#f5f1ebd1;text-align:center;background:#f5f1eb0a;border:1px solid #d4a8531f;border-radius:6px;outline:none;width:64px;padding:5px 8px;font-size:12px;transition:border-color .2s}.stock-input:focus{border-color:#d4a85359}.stock-save-btn{color:#34d399;cursor:pointer;background:#34d3991a;border:1px solid #34d39933;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .16s;display:flex}.stock-save-btn:hover{background:#34d39933}.stock-save-btn .material-symbols-outlined{font-size:13px}.admin-modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(8px);opacity:0;pointer-events:none;background:#050403c2;justify-content:center;align-items:center;padding:24px;transition:opacity .22s;display:flex;position:fixed;inset:0}.admin-modal-backdrop.open{opacity:1;pointer-events:auto}.admin-modal{background:#161412;border:1px solid #d4a85324;border-top-color:#d4a8533d;border-radius:16px;width:100%;max-width:520px;max-height:90vh;transition:transform .26s cubic-bezier(.34,1.56,.64,1);overflow-y:auto;transform:translateY(14px)scale(.98);box-shadow:0 24px 60px #00000080}.admin-modal-backdrop.open .admin-modal{transform:none}.admin-modal--wide{max-width:700px}.admin-modal--payment{max-width:400px}.admin-modal--receipt{max-width:360px}.modal-header{border-bottom:1px solid #d4a85314;justify-content:space-between;align-items:center;padding:20px 24px 18px;display:flex}.modal-title{font-family:var(--font-serif);color:#f5f1ebe6;font-size:17px;font-weight:400}.modal-close-btn{color:#f5f1eb47;cursor:pointer;background:0 0;border:none;border-radius:7px;padding:6px;transition:all .16s}.modal-close-btn:hover{color:#f5f1ebcc;background:#f5f1eb0f}.modal-close-btn .material-symbols-outlined{font-size:18px;display:block}.modal-form{flex-direction:column;gap:16px;padding:22px 24px 24px;display:flex}.form-grid-2{grid-template-columns:1fr 1fr;gap:14px;display:grid}.form-field{flex-direction:column;gap:6px;display:flex}.form-label{letter-spacing:.16em;text-transform:uppercase;color:#f5f1eb5c;font-size:10px;font-weight:600}.form-input{font-family:var(--font-sans);color:#f5f1ebe0;background:#f5f1eb0a;border:1px solid #d4a85321;border-radius:8px;outline:none;width:100%;padding:10px 13px;font-size:13px;transition:border-color .2s,box-shadow .2s}.form-input::placeholder{color:#f5f1eb2e}.form-input:focus{border-color:#d4a8536b;box-shadow:0 0 0 3px #d4a85314}.form-textarea{resize:vertical;min-height:80px;line-height:1.55}.form-input--xl{text-align:center;padding:16px;font-size:24px;font-weight:600}.form-hint{color:#f5f1eb4d;font-size:10.5px;line-height:1.5}.modal-actions{border-top:1px solid #d4a85312;justify-content:flex-end;gap:10px;margin-top:4px;padding-top:12px;display:flex}.btn-admin-primary{color:#0e0a00;font-family:var(--font-sans);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:linear-gradient(135deg,#b8852e,#d4a853);border:none;border-radius:8px;align-items:center;gap:7px;padding:10px 20px;font-size:11px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 2px 12px #ac802840}.btn-admin-primary:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 4px 18px #ac802861}.btn-admin-primary:active:not(:disabled){transform:translateY(0)}.btn-admin-primary:disabled{opacity:.42;cursor:not-allowed}.btn-admin-primary--large{padding:13px 24px;font-size:12px}.btn-admin-ghost{color:#f5f1eb75;font-family:var(--font-sans);letter-spacing:.07em;cursor:pointer;background:0 0;border:1px solid #d4a8532e;border-radius:8px;align-items:center;gap:7px;padding:10px 20px;font-size:11px;font-weight:500;transition:all .2s;display:inline-flex}.btn-admin-ghost:hover{color:#f5f1ebd1;background:#d4a8530f;border-color:#d4a85361}.btn-admin-danger{color:#f87171;font-family:var(--font-sans);letter-spacing:.07em;cursor:pointer;background:#f871711a;border:1px solid #f8717140;border-radius:8px;align-items:center;gap:7px;padding:10px 20px;font-size:11px;font-weight:600;transition:all .2s;display:inline-flex}.btn-admin-danger:hover{background:#f871712e;border-color:#f8717166}.admin-modal-error{color:#f87171;background:#f8717114;border:1px solid #f8717133;border-radius:8px;padding:10px 14px;font-size:12px;line-height:1.5}.admin-modal-error.hidden{display:none}.img-upload-zone{cursor:pointer;border:1.5px dashed #d4a85338;border-radius:10px;justify-content:center;align-items:center;min-height:130px;transition:border-color .2s,background .2s;display:flex;position:relative;overflow:hidden}.img-upload-zone:hover,.img-upload-zone.drag-over{background:#d4a8530a;border-color:#d4a8537a}.img-upload-zone:focus-within{outline-offset:2px;border-color:#d4a853a6;outline:2px solid #d4a8534d}.img-upload-input{opacity:0;cursor:pointer;z-index:1;width:100%;height:100%;position:absolute;inset:0}.img-upload-placeholder{color:#f5f1eb47;pointer-events:none;text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.img-upload-placeholder .material-symbols-outlined{font-size:28px}.img-upload-placeholder p{color:#f5f1eb6b;margin:0;font-size:12px}.img-upload-hint{color:#f5f1eb61;font-size:10px}.img-upload-preview{object-fit:cover;border-radius:8px;width:100%;height:160px;display:none}.img-upload-zone.has-image .img-upload-placeholder{display:none}.img-upload-zone.has-image .img-upload-preview{display:block}.img-upload-clear{cursor:pointer;color:#f5f1ebd9;z-index:2;background:#000000a6;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:background .15s;display:none;position:absolute;top:6px;right:6px}.img-upload-clear:hover{background:#f87171b8}.img-upload-zone.has-image .img-upload-clear{display:flex}.img-upload-clear .material-symbols-outlined{font-size:18px}.img-upload-overlay{z-index:3;background:#100e0cc7;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:none;position:absolute;inset:0}.img-upload-zone.uploading .img-upload-overlay{display:flex}.img-upload-zone.uploading .img-upload-input{pointer-events:none}.img-upload-spinner-icon{color:#d4a853;font-size:28px;animation:.8s linear infinite spin}.img-upload-overlay-text{font-size:11px;font-family:var(--font-sans);color:#f5f1eb99;letter-spacing:.1em;text-transform:uppercase}.admin-toast{z-index:200;font-family:var(--font-sans);color:#f5f1ebd9;opacity:0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#12100ef7;border:1px solid #d4a85326;border-top-color:#d4a85342;border-radius:12px;align-items:center;gap:10px;min-width:240px;max-width:380px;padding:12px 18px 12px 14px;font-size:13px;transition:all .28s cubic-bezier(.34,1.56,.64,1);display:flex;position:fixed;bottom:28px;right:28px;transform:translateY(12px)scale(.96);box-shadow:0 8px 32px #00000073}.admin-toast.visible{opacity:1;transform:none}.admin-toast .material-symbols-outlined{flex-shrink:0;font-size:17px}.admin-toast--success .material-symbols-outlined{color:#34d399}.admin-toast--error .material-symbols-outlined{color:#f87171}.admin-toast--info .material-symbols-outlined{color:#60a5fa}.admin-toast--warning .material-symbols-outlined{color:#fbbf24}.status-select{font-family:var(--font-sans);color:#f5f1eba6;cursor:pointer;appearance:none;background:#12100ee6 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='rgba(212,168,83,0.4)' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") right 8px center no-repeat;border:1px solid #d4a8531f;border-radius:6px;outline:none;padding:5px 28px 5px 8px;font-size:11px;transition:border-color .2s}.status-select:focus{border-color:#d4a85361}.order-detail-content{padding:22px 24px 24px}.order-detail-grid{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px;display:grid}.order-detail-section{margin-bottom:14px}.order-detail-heading{letter-spacing:.22em;text-transform:uppercase;color:#d4a85380;margin-bottom:10px;font-size:9px;display:block}.order-detail-section p{color:#f5f1eb99;margin-bottom:4px;font-size:12.5px;line-height:1.5}.order-detail-items{border:1px solid #d4a85314;border-radius:10px;overflow:hidden}.order-detail-item{border-bottom:1px solid #d4a8530d;align-items:center;gap:12px;padding:10px 14px;display:flex}.order-detail-item:last-child{border-bottom:none}.odi-name{color:#f5f1ebbf;flex:1;font-size:12.5px}.odi-qty{color:#f5f1eb4d;white-space:nowrap;font-size:11px}.odi-price{color:#d4a853;font-variant-numeric:tabular-nums;font-size:12.5px;font-weight:500}.order-detail-totals{flex-direction:column;gap:6px;margin-top:12px;display:flex}.total-row{color:#f5f1eb75;justify-content:space-between;font-size:12px;display:flex}.total-row--discount{color:#f87171}.total-row--grand{color:#f5f1ebe6;border-top:1px solid #d4a8531a;padding-top:8px;font-size:14px;font-weight:600}.admin-user-cell{align-items:center;gap:10px;display:flex}.pos-layout{flex:1;min-width:0;display:flex;overflow:hidden}.pos-products{background:#0a0908;border-right:1px solid #d4a85317;flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.pos-products-header{background:#0d0c0a;border-bottom:1px solid #d4a85314;flex-direction:column;flex-shrink:0;gap:11px;padding:14px 16px 12px;display:flex}.pos-filter-tabs{flex-wrap:wrap;gap:6px;display:flex}.pos-tab{font-family:var(--font-sans);color:#f5f1eb5c;cursor:pointer;background:0 0;border:1px solid #d4a8531a;border-radius:20px;padding:5px 14px;font-size:11px;font-weight:500;transition:all .16s}.pos-tab.active{color:#d4a853;background:#d4a8531f;border-color:#d4a8534d}.pos-tab:hover:not(.active){color:#f5f1eb9e;background:#d4a8530f;border-color:#d4a8532e}.pos-product-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(146px,1fr));align-content:start;gap:10px;padding:12px;display:grid;overflow-y:auto}.pos-product-tile{text-align:left;cursor:pointer;background:#111009;border:1px solid #d4a8531a;border-radius:11px;transition:all .16s;overflow:hidden}.pos-product-tile:hover{border-color:#d4a85352;transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.pos-product-tile:active{box-shadow:none;transform:translateY(0)}.pos-tile-img{aspect-ratio:1;object-fit:cover;width:100%;display:block}.pos-tile-placeholder{aspect-ratio:1;background:#d4a8530a;justify-content:center;align-items:center;width:100%;display:flex}.pos-tile-placeholder .material-symbols-outlined{color:#d4a8532e;font-size:28px}.pos-tile-info{padding:9px 10px}.pos-tile-name{color:#f5f1ebcc;margin-bottom:3px;font-size:11px;font-weight:500;line-height:1.35}.pos-tile-collection{letter-spacing:.1em;text-transform:uppercase;font-size:9px;font-weight:500}.pos-coll--natural{color:var(--sage)}.pos-coll--grace{color:#d4a853}.pos-coll--lush{color:var(--coral)}.pos-tile-bottom{justify-content:space-between;align-items:center;margin-top:5px;display:flex}.pos-tile-price{color:#d4a853;font-variant-numeric:tabular-nums;font-size:12px;font-weight:700}.pos-tile-stock{color:#f5f1eb38;font-size:9px}.pos-cart{background:#0d0c0a;flex-direction:column;flex-shrink:0;width:336px;display:flex}.pos-cart-header{border-bottom:1px solid #d4a85314;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 16px 14px;display:flex}.pos-cart-title{font-family:var(--font-serif);color:#f5f1ebcc;align-items:center;gap:8px;font-size:15px;display:flex}.pos-cart-title .material-symbols-outlined{color:#d4a853;font-size:17px}.pos-clear-btn{color:#f5f1eb38;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px;transition:all .16s}.pos-clear-btn:hover{color:#f87171;background:#f8717114}.pos-clear-btn .material-symbols-outlined{font-size:19px;display:block}.pos-cart-items{flex-direction:column;flex:1;gap:6px;padding:10px;display:flex;overflow-y:auto}.pos-cart-empty{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;padding:40px 20px;display:flex}.pos-cart-empty .material-symbols-outlined{color:#f5f1eb26;font-size:32px}.pos-cart-empty p{color:#f5f1eb38;font-size:12px}.pos-empty-hint{font-size:10px;color:#f5f1eb24!important}.pos-cart-item{background:#f5f1eb08;border:1px solid #d4a85317;border-radius:9px;flex-direction:column;gap:6px;padding:10px 11px;display:flex}.pos-cart-item-info{justify-content:space-between;gap:8px;display:flex}.pos-ci-name{color:#f5f1ebcc;flex:1;font-size:12px;font-weight:500;line-height:1.3}.pos-ci-price{color:#f5f1eb47;white-space:nowrap;font-size:11px}.pos-cart-item-controls{align-items:center;gap:8px;display:flex}.pos-qty-btn{color:#d4a853;cursor:pointer;background:#d4a8531a;border:none;border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;font-size:16px;transition:background .16s;display:flex}.pos-qty-btn:hover{background:#d4a85333}.pos-qty-display{color:#f5f1ebd9;text-align:center;font-variant-numeric:tabular-nums;min-width:24px;font-size:13px;font-weight:600}.pos-ci-subtotal{color:#d4a853;font-variant-numeric:tabular-nums;margin-left:auto;font-size:13px;font-weight:700}.pos-remove-btn{color:#f5f1eb2e;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:22px;height:22px;padding:2px;transition:all .16s;display:flex}.pos-remove-btn:hover{color:#f87171;background:#f8717114}.pos-remove-btn .material-symbols-outlined{font-size:14px;display:block}.pos-cart-footer{border-top:1px solid #d4a85314;flex-direction:column;flex-shrink:0;gap:10px;padding:12px 14px 14px;display:flex}.pos-discount-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.pos-discount-label{color:#f5f1eb4d;font-size:11px}.pos-discount-input{text-align:right;color:#f5f1ebcc;font-variant-numeric:tabular-nums;background:#f5f1eb0a;border:1px solid #d4a8531f;border-radius:6px;outline:none;width:100px;padding:7px 10px;font-size:13px;transition:border-color .2s}.pos-discount-input:focus{border-color:#d4a85359}.pos-totals{border-top:1px solid #d4a85312;border-bottom:1px solid #d4a85312;flex-direction:column;gap:4px;padding:8px 0;display:flex}.pos-total-row{color:#f5f1eb75;font-variant-numeric:tabular-nums;justify-content:space-between;font-size:13px;display:flex}.pos-total-row--discount{color:#f87171}.pos-total-row--grand{color:#f5f1ebf2;padding-top:4px;font-size:19px;font-weight:700}.pos-payment-tabs{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.pos-pay-tab{font-family:var(--font-sans);color:#f5f1eb57;cursor:pointer;background:0 0;border:1px solid #d4a8531a;border-radius:8px;flex-direction:column;align-items:center;gap:3px;padding:8px 4px;font-size:10px;font-weight:500;transition:all .16s;display:flex}.pos-pay-tab .material-symbols-outlined{font-size:16px}.pos-pay-tab.active{color:#d4a853;background:#d4a8531f;border-color:#d4a85359}.pos-pay-tab:hover:not(.active){color:#f5f1eb99;background:#d4a8530f}.pos-charge-btn{color:#0e0a00;font-family:var(--font-sans);letter-spacing:.07em;cursor:pointer;background:linear-gradient(135deg,#b8852e,#d4a853);border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:14px;font-size:13px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 16px #ac802866}.pos-charge-btn:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 7px 22px #ac802880}.pos-charge-btn:disabled{opacity:.26;cursor:not-allowed;box-shadow:none;transform:none}.pos-charge-btn .material-symbols-outlined{font-size:18px}.payment-modal-body{flex-direction:column;gap:20px;padding:22px 24px 24px;display:flex}.payment-total-display{text-align:center;background:#d4a8530f;border:1px solid #d4a8531a;border-radius:10px;padding:16px}.payment-total-label{letter-spacing:.2em;text-transform:uppercase;color:#f5f1eb4d;margin-bottom:6px;font-size:10px;display:block}.payment-total-value{color:#d4a853;font-variant-numeric:tabular-nums;font-size:38px;font-weight:700}.change-display{text-align:center;background:#34d39912;border:1px solid #34d39926;border-radius:8px;padding:14px}.change-label{text-transform:uppercase;letter-spacing:.18em;color:#34d399a6;margin-bottom:4px;font-size:10px;display:block}.change-value{color:#34d399;font-variant-numeric:tabular-nums;font-size:26px;font-weight:700}.payment-modal-actions{gap:10px;display:flex}.payment-modal-actions .btn-admin-ghost,.payment-modal-actions .btn-admin-primary{flex:1;justify-content:center}.receipt-body{padding:18px 22px}.receipt-header{text-align:center;margin-bottom:14px}.receipt-brand{font-family:var(--font-serif);color:#d4a853;font-size:20px;font-style:italic}.receipt-date,.receipt-num{color:#f5f1eb4d;margin-top:3px;font-size:10px;display:block}.receipt-divider{background:#d4a8531a;height:1px;margin:10px 0}.receipt-item{color:#f5f1eb99;justify-content:space-between;padding:3px 0;font-size:11px;display:flex}.receipt-totals{flex-direction:column;gap:5px;display:flex}.receipt-total-row{color:#f5f1eb75;font-variant-numeric:tabular-nums;justify-content:space-between;font-size:12px;display:flex}.receipt-grand{color:#f5f1ebe6;font-size:14px;font-weight:700}.receipt-change{color:#34d399}.receipt-footer{text-align:center;color:#f5f1eb38;margin-top:12px;font-size:10px;font-style:italic}.receipt-actions{gap:10px;padding:0 22px 18px;display:flex}.receipt-actions button{flex:1;justify-content:center}@media (width<=1400px){.kpi-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=1100px){.dashboard-grid{grid-template-columns:1fr}.admin-main{padding:24px 24px 36px}}@media (width<=900px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.admin-sidebar{z-index:50;height:100dvh;transition:left .25s;position:fixed;top:0;left:-248px;box-shadow:4px 0 40px #00000080}.admin-sidebar.open{left:0}.sidebar-toggle{display:flex}.admin-main{padding:64px 16px 32px}.order-detail-grid,.form-grid-2{grid-template-columns:1fr}.pos-cart{width:290px}}@media (width<=600px){.admin-header{flex-direction:column;align-items:flex-start}.filter-bar{gap:8px}.search-wrap{min-width:0;max-width:100%}}@media (prefers-reduced-motion:reduce){.admin-sidebar,.admin-modal,.admin-toast,.login-btn,.login-orb{transition:none!important;animation:none!important}}.checkout-page{background:var(--charcoal);color:#f5f1ebd9;min-height:100vh}.checkout-nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:50;background:#111009cc;border-bottom:1px solid #c9a84c1a;justify-content:space-between;align-items:center;padding:16px 32px;display:flex;position:sticky;top:0}.checkout-nav-logo{font-family:var(--font-serif);color:var(--gold-300);font-size:20px;font-style:italic}.checkout-secure{letter-spacing:.15em;text-transform:uppercase;color:#f5f1eb4d;align-items:center;gap:6px;font-size:10px;display:flex}.checkout-secure .material-symbols-outlined{color:#22c55e;font-size:14px}.checkout-layout{grid-template-columns:1fr 360px;gap:32px;max-width:1100px;margin:0 auto;padding:40px 32px;display:grid}.checkout-main{flex-direction:column;gap:24px;display:flex}.checkout-steps{align-items:center;gap:0;display:flex}.checkout-step{flex:1;align-items:center;gap:8px;display:flex}.step-num{color:#f5f1eb4d;border:1px solid #c9a84c33;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:600;transition:all .3s;display:flex}.step-label{color:#f5f1eb4d;white-space:nowrap;font-size:11px;transition:color .3s}.checkout-step.active .step-num{background:var(--gold-500);border-color:var(--gold-500);color:#fff}.checkout-step.active .step-label{color:#f5f1ebd9}.checkout-step.done .step-num{color:#22c55e;background:#22c55e26;border-color:#22c55e}.step-connector{background:#c9a84c1f;flex:1;height:1px}.checkout-step-panel{display:none}.checkout-step-panel.active{flex-direction:column;gap:20px;display:flex}.checkout-panel-title{font-family:var(--font-serif);color:#f5f1ebe6;font-size:22px;font-weight:400}.checkout-step-actions{justify-content:space-between;align-items:center;gap:12px;padding-top:8px;display:flex}.cart-review-item{background:#1a1714cc;border:1px solid #c9a84c14;border-radius:10px;align-items:center;gap:14px;padding:14px;display:flex}.cart-review-img{object-fit:cover;border-radius:8px;flex-shrink:0;width:60px;height:60px}.cart-review-img-empty{background:#c9a84c0f;border:1px solid #c9a84c1a;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.cart-review-info{flex-direction:column;flex:1;gap:2px;display:flex}.cart-review-name{color:#f5f1ebd9;font-size:13px;font-weight:500}.cart-review-coll{color:#c9a84c80;font-size:10px}.cart-review-price{color:#f5f1eb66;font-size:12px}.cart-review-qty{align-items:center;gap:8px;display:flex}.qty-btn{width:28px;height:28px;color:var(--gold-300);cursor:pointer;background:#c9a84c1a;border-radius:6px;justify-content:center;align-items:center;font-size:16px;transition:background .2s;display:flex}.qty-btn:hover{background:#c9a84c33}.qty-val{text-align:center;min-width:24px;font-size:14px;font-weight:600}.cart-review-subtotal{color:var(--gold-300);text-align:right;min-width:70px;font-size:14px;font-weight:600}.cart-review-remove{color:#f5f1eb33;cursor:pointer;padding:4px;transition:color .2s}.cart-review-remove:hover{color:#f87171}.cart-review-remove .material-symbols-outlined{font-size:16px}.checkout-shipping-note{color:#c9a84ccc;background:#c9a84c0f;border:1px solid #c9a84c1f;border-radius:8px;align-items:center;gap:8px;padding:10px 14px;font-size:12px;display:flex}.checkout-shipping-note .material-symbols-outlined{font-size:14px}.checkout-form{flex-direction:column;gap:16px;display:flex}.payment-options{flex-direction:column;gap:8px;display:flex}.payment-option{cursor:pointer;display:block}.payment-option-inner{background:#1a1714cc;border:1px solid #c9a84c1a;border-radius:10px;align-items:center;gap:14px;padding:14px 16px;transition:all .2s;display:flex}.payment-radio{display:none}.payment-radio:checked~.payment-option-inner{border-color:var(--gold-500);background:#c9a84c0f}.payment-option-icon{color:var(--gold-300);font-size:20px}.payment-option-name{color:#f5f1ebd9;font-size:13px;font-weight:500;display:block}.payment-option-desc{color:#f5f1eb4d;font-size:11px;display:block}.payment-check{color:var(--gold-300);opacity:0;margin-left:auto;font-size:18px;transition:opacity .2s}.payment-radio:checked~.payment-option-inner .payment-check{opacity:1}.payment-detail-panel{background:#c9a84c0a;border:1px solid #c9a84c1a;border-radius:10px;flex-direction:column;gap:12px;margin-top:-4px;padding:16px;display:flex}.payment-detail-panel.hidden{display:none}.gcash-info,.bank-info{flex-direction:column;gap:6px;display:flex}.gcash-number{color:#f5f1ebb3;align-items:center;gap:8px;font-size:13px;display:flex}.gcash-number .material-symbols-outlined{color:var(--gold-300);font-size:16px}.gcash-name,.bank-info p{color:#f5f1eb80;font-size:12px}.cod-note{color:#f5f1eb80;align-items:flex-start;gap:8px;font-size:12px;display:flex}.cod-note .material-symbols-outlined{color:#60a5fa;flex-shrink:0;font-size:15px}.btn-checkout-primary{background:var(--gold-500);color:#fff;font-family:var(--font-sans);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:13px 24px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 16px #755b0059}.btn-checkout-primary:hover{background:var(--gold-400);transform:translateY(-1px)}.btn-checkout-ghost{color:#f5f1eb80;font-family:var(--font-sans);letter-spacing:.05em;border:1px solid #c9a84c33;border-radius:10px;align-items:center;gap:8px;padding:13px 24px;font-size:12px;font-weight:500;transition:all .2s;display:inline-flex}.btn-checkout-ghost:hover{color:#f5f1ebcc;border-color:#c9a84c66}.checkout-sidebar{align-self:start;position:sticky;top:80px}.checkout-summary-card{background:#1a1714e6;border:1px solid #c9a84c1f;border-radius:14px;flex-direction:column;gap:16px;padding:24px;display:flex}.checkout-summary-title{font-family:var(--font-serif);color:#f5f1ebcc;border-bottom:1px solid #c9a84c14;padding-bottom:12px;font-size:16px;font-weight:400}.checkout-summary-item{color:#f5f1eb80;justify-content:space-between;padding:3px 0;font-size:11px;display:flex}.checkout-summary-totals{border-top:1px solid #c9a84c14;flex-direction:column;gap:6px;padding-top:8px;display:flex}.checkout-total-row{color:#f5f1eb80;justify-content:space-between;font-size:12px;display:flex}.checkout-total-row--grand{color:#f5f1ebe6;font-size:16px;font-weight:700}.checkout-trust{border-top:1px solid #c9a84c14;flex-direction:column;gap:8px;padding-top:12px;display:flex}.checkout-trust-item{color:#f5f1eb4d;align-items:center;gap:8px;font-size:11px;display:flex}.checkout-trust-item .material-symbols-outlined{color:#c9a84c66;font-size:14px}.empty-cart{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:48px 24px;display:flex}.empty-cart .material-symbols-outlined{color:#f5f1eb1a;font-size:40px}.empty-cart p{color:#f5f1eb4d;font-size:13px}.confirm-page{background:var(--charcoal);min-height:100vh}.confirm-layout{justify-content:center;align-items:center;min-height:calc(100vh - 65px);padding:40px 24px;display:flex}.confirm-card{text-align:center;background:#1a1714d9;border:1px solid #c9a84c1f;border-radius:20px;flex-direction:column;gap:20px;width:100%;max-width:560px;padding:48px 40px;display:flex}.confirm-icon-wrap{justify-content:center;display:flex}.confirm-icon{color:#22c55e;opacity:0;width:72px;height:72px;transition:transform .5s var(--ease-spring), opacity .4s;background:#22c55e1f;border:2px solid #22c55e4d;border-radius:50%;justify-content:center;align-items:center;display:flex;transform:scale(.5)}.confirm-icon.animated{opacity:1;transform:scale(1)}.confirm-icon .material-symbols-outlined{font-variation-settings:"wght" 300;font-size:36px}.confirm-eyebrow{letter-spacing:.28em;text-transform:uppercase;color:#22c55e;font-size:9px}.confirm-title{font-family:var(--font-serif);color:#f5f1ebeb;font-size:36px;font-weight:400}.confirm-subtitle{color:#f5f1eb66;margin-top:-8px;font-size:13px}.confirm-order-box{text-align:left;background:#f5f1eb0a;border:1px solid #c9a84c1a;border-radius:12px;padding:20px}.confirm-order-num{color:var(--gold-300);align-items:center;gap:8px;margin-bottom:14px;font-family:monospace;font-size:14px;display:flex}.confirm-order-num .material-symbols-outlined{font-size:16px}.confirm-detail-grid{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.confirm-detail-row{color:#f5f1eb8c;align-items:center;gap:8px;font-size:12px;display:flex}.confirm-detail-row .material-symbols-outlined{color:#c9a84c66;font-size:14px}.confirm-items{border-top:1px solid #c9a84c14;flex-direction:column;gap:4px;padding:12px 0;display:flex}.confirm-item-row{color:#f5f1eb99;justify-content:space-between;font-size:12px;display:flex}.confirm-total-row{color:#f5f1ebe6;border-top:1px solid #c9a84c1a;justify-content:space-between;padding-top:10px;font-size:14px;font-weight:700;display:flex}.confirm-timeline{text-align:left;flex-direction:column;gap:0;display:flex}.confirm-tl-item{gap:14px;padding-bottom:16px;padding-left:4px;display:flex;position:relative}.confirm-tl-item:last-child{padding-bottom:0}.confirm-tl-item:not(:last-child):before{content:"";background:#c9a84c1a;width:1px;position:absolute;top:20px;bottom:0;left:10px}.tl-dot{background:0 0;border:2px solid #c9a84c33;border-radius:50%;flex-shrink:0;width:20px;height:20px;margin-top:1px;transition:all .3s}.tl-active .tl-dot{background:var(--gold-500);border-color:var(--gold-500)}.tl-content{flex-direction:column;gap:1px;display:flex}.tl-label{color:#f5f1ebb3;font-size:12px;font-weight:500}.tl-desc{color:#f5f1eb4d;font-size:10px}.confirm-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}@media (width<=1024px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.checkout-layout{grid-template-columns:1fr}.checkout-sidebar{position:static}.pos-cart{width:300px}}@media (width<=768px){.admin-sidebar{z-index:100;transition:transform .3s;position:fixed;top:0;left:0;transform:translate(-100%)}.admin-sidebar.open{transform:translate(0)}.sidebar-toggle{display:flex}.admin-main{padding:72px 16px 16px}.pos-layout{flex-direction:column}.pos-cart{width:100%;max-height:50vh}.kpi-grid{grid-template-columns:1fr 1fr}.form-grid-2{grid-template-columns:1fr}.confirm-card{padding:32px 20px}.checkout-layout{padding:24px 16px}.order-detail-grid{grid-template-columns:1fr}.filter-bar{flex-direction:column;align-items:stretch}.admin-search,.admin-select{width:100%;min-width:0}}@media (width<=480px){.kpi-grid{grid-template-columns:1fr}.login-card{padding:32px 24px}.checkout-steps .step-label{display:none}.admin-modal-backdrop{align-items:flex-end;padding:0}.admin-modal{border-bottom:none;border-left:none;border-right:none;border-bottom-right-radius:0;border-bottom-left-radius:0;max-width:100vw;max-height:90vh;transform:translateY(100%)}.admin-modal-backdrop.open .admin-modal{transform:translateY(0)}}@media print{.admin-sidebar,.pos-products,.pos-cart-header,.pos-cart-footer,.modal-header,.receipt-actions{display:none!important}}.like-heart-burst{color:var(--coral,#e74c3c);pointer-events:none;z-index:10;opacity:0;filter:drop-shadow(0 4px 12px #0006);font-variation-settings:"FILL" 1, "wght" 400;font-size:80px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.like-heart-burst.animate{animation:.8s cubic-bezier(.175,.885,.32,1.275) forwards heartBurst}@keyframes heartBurst{0%{opacity:0;transform:translate(-50%,-50%)scale(0)}15%{opacity:1;transform:translate(-50%,-50%)scale(1.2)}30%{opacity:1;transform:translate(-50%,-50%)scale(1)}70%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(1.4)}}