@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Fraunces:wght@500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}.static{position:static}.sticky{position:sticky}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-body);color:var(--text-primary);background-color:var(--bg-base);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;min-height:100vh;overflow-x:hidden}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}button{background:none;border:none;cursor:pointer}a{color:var(--text-link);text-decoration:none;transition:color var(--duration-base) var(--ease-out)}ol,ul{list-style:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-body);font-weight:700;color:var(--text-primary);line-height:var(--leading-tight);letter-spacing:var(--tracking-snug)}p{color:var(--text-secondary);line-height:var(--leading-normal)}::-moz-selection{background:var(--brand-100);color:var(--brand-800)}::selection{background:var(--brand-100);color:var(--brand-800)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-subtle)}::-webkit-scrollbar-thumb{background:var(--gray-medium);border-radius:var(--radius-sm);border:2px solid var(--bg-subtle)}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}:focus-visible{outline:2px solid var(--brand-500);outline-offset:2px;border-radius:var(--radius-xs)}button:focus-visible,a:focus-visible,[role=button]:focus-visible{outline-offset:3px}.container{width:100%;max-width:var(--container-xl);margin:0 auto;padding-left:clamp(1rem,4vw,2rem);padding-right:clamp(1rem,4vw,2rem)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skeleton{background:linear-gradient(90deg,var(--bg-muted) 25%,var(--bg-subtle) 50%,var(--bg-muted) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.4s ease-in-out infinite;border-radius:var(--radius-sm)}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.fade-in{animation:fade-in-up var(--duration-slow) var(--ease-out)}@keyframes fade-in-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}section{scroll-margin-top:calc(var(--header-height) + var(--space-4))}.Toastify__toast{font-family:var(--font-body)!important;border-radius:var(--radius-md)!important;box-shadow:var(--shadow-lg)!important;padding:var(--space-4)!important;background:var(--bg-surface)!important;color:var(--text-primary)!important;border:1px solid var(--border-subtle)!important}.Toastify__toast--success{border-left:4px solid var(--success)!important}.Toastify__toast--error{border-left:4px solid var(--danger)!important}.Toastify__toast--info{border-left:4px solid var(--info)!important}.Toastify__toast--warning{border-left:4px solid var(--warning)!important}.Toastify__toast-body{font-size:var(--fs-sm);line-height:var(--leading-snug);padding:0!important}.Toastify__close-button{color:var(--text-tertiary)!important;opacity:.7!important;align-self:center!important}.Toastify__close-button:hover{opacity:1!important;color:var(--text-primary)!important}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.skeleton,.fade-in{animation:none}}.app-header{position:sticky;top:0;z-index:var(--z-sticky);height:var(--header-height);background:#fafaf6b3;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid transparent;transition:background var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out)}.app-header.is-scrolled{background:#ffffffd9;border-bottom-color:var(--border-subtle);box-shadow:0 4px 20px #0f17110a}.header-container{height:100%;width:100%;max-width:var(--container-2xl);margin:0 auto;padding:0 var(--header-padding-x);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-6)}.logo{display:inline-flex;align-items:center;gap:var(--space-3);text-decoration:none;color:var(--text-primary);transition:transform var(--duration-base) var(--ease-out)}.logo:hover{transform:translateY(-1px)}.logo h1{font-family:var(--font-display);font-size:clamp(1.1rem,1.8vw,1.4rem);font-weight:700;color:var(--text-primary);letter-spacing:var(--tracking-tight);margin:0;line-height:1}.logo h1 em{color:var(--brand-500);font-style:italic;margin:0 .05em;font-weight:600}.logo-icon{width:40px;height:40px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--brand-500),var(--brand-700));color:var(--text-inverse);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.95rem;letter-spacing:-.02em;box-shadow:var(--shadow-brand);position:relative;overflow:hidden}.logo-icon:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 50%);opacity:0;transition:opacity var(--duration-base) var(--ease-out)}.logo:hover .logo-icon:before{opacity:1}.main-nav{display:flex;justify-content:center}.main-nav ul{display:flex;align-items:center;gap:var(--space-1);background:#ffffff80;border:1px solid var(--border-subtle);border-radius:var(--radius-full);padding:4px}.main-nav a{display:inline-block;padding:.5rem 1.1rem;font-size:.875rem;font-weight:500;color:var(--text-secondary);text-decoration:none;border-radius:var(--radius-full);transition:all var(--duration-base) var(--ease-out);letter-spacing:-.005em}.main-nav a:hover{color:var(--text-primary);background:#ffffffb3}.main-nav a.active{color:var(--text-inverse);background:var(--brand-700);box-shadow:0 2px 8px #1b5e2040}.header-right{display:flex;align-items:center;gap:var(--space-2)}.icon-button{width:44px;height:44px;border-radius:var(--radius-full);background:#fff9;border:1px solid var(--border-subtle);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--duration-base) var(--ease-out);color:var(--text-primary);padding:0}.icon-button:hover{background:var(--bg-surface);border-color:var(--border-soft);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.user-icon svg{width:20px;height:20px}.menu-toggle{display:none;flex-direction:column;gap:4px;padding:0 12px}.menu-toggle span{display:block;width:22px;height:2px;background:var(--text-primary);border-radius:2px;transition:transform var(--duration-base) var(--ease-out),opacity var(--duration-base) var(--ease-out);transform-origin:center}.menu-toggle.is-open span:nth-child(1){transform:translateY(6px) rotate(45deg)}.menu-toggle.is-open span:nth-child(2){opacity:0}.menu-toggle.is-open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.mobile-nav-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-overlay);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:opacity var(--duration-base) var(--ease-out);z-index:var(--z-modal);display:flex;justify-content:flex-end}.mobile-nav-overlay.is-open{opacity:1;pointer-events:auto}.mobile-nav-panel{width:min(360px,88vw);height:100%;background:var(--bg-surface);box-shadow:var(--shadow-xl);padding:calc(var(--header-height) + var(--space-6)) var(--space-6) var(--space-6);transform:translate(100%);transition:transform var(--duration-slow) var(--ease-out);display:flex;flex-direction:column}.mobile-nav-overlay.is-open .mobile-nav-panel{transform:translate(0)}.mobile-nav-panel ul{display:flex;flex-direction:column;gap:var(--space-1);flex:1}.mobile-nav-panel a{display:block;padding:var(--space-4) var(--space-4);font-size:1.05rem;font-weight:500;color:var(--text-primary);text-decoration:none;border-radius:var(--radius-md);transition:all var(--duration-base) var(--ease-out);border:1px solid transparent}.mobile-nav-panel a:hover{background:var(--bg-subtle)}.mobile-nav-panel a.active{background:var(--brand-50);color:var(--brand-700);border-color:var(--brand-100);font-weight:600}.mobile-nav-footer{border-top:1px solid var(--border-subtle);padding-top:var(--space-4);margin-top:var(--space-4)}.mobile-account-button{width:100%;padding:var(--space-4);background:linear-gradient(135deg,var(--brand-500),var(--brand-700));color:var(--text-inverse);border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--duration-base) var(--ease-out);box-shadow:var(--shadow-brand)}.mobile-account-button:hover{transform:translateY(-2px);box-shadow:0 16px 32px #2e7d3252}@media(max-width:960px){.main-nav{display:none}.menu-toggle{display:flex}.header-container{grid-template-columns:auto 1fr auto;gap:var(--space-3)}}@media(max-width:480px){.app-header{height:64px}.header-container{padding:0 var(--space-4)}.logo h1{font-size:1.05rem}.logo-icon{width:36px;height:36px;font-size:.85rem}.icon-button{width:40px;height:40px}}.app-footer{background:var(--text-primary);color:#ffffffc7;margin-top:var(--space-20);padding:var(--space-16) var(--header-padding-x) var(--space-6)}.footer-container{max-width:var(--container-2xl);margin:0 auto;display:grid;grid-template-columns:1.4fr 2fr;gap:var(--space-16);padding-bottom:var(--space-10);border-bottom:1px solid rgba(255,255,255,.08)}.footer-brand{max-width:380px}.footer-logo{display:inline-flex;align-items:center;gap:var(--space-3);text-decoration:none;color:var(--text-inverse);margin-bottom:var(--space-4)}.footer-logo-icon{width:38px;height:38px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--brand-500),var(--brand-700));color:var(--text-inverse);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.85rem;letter-spacing:-.02em;box-shadow:var(--shadow-brand)}.footer-logo span{font-family:var(--font-display);font-size:1.2rem;font-weight:700;letter-spacing:var(--tracking-tight);color:var(--text-inverse)}.footer-logo em{color:var(--gold-300);font-style:italic;margin:0 .05em;font-weight:600}.footer-tagline{font-size:var(--fs-sm);line-height:var(--leading-relaxed);color:#ffffffa6}.footer-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8)}.footer-column h4{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--gold-300);margin:0 0 var(--space-4);font-weight:600}.footer-column ul{display:flex;flex-direction:column;gap:var(--space-3)}.footer-column a{color:#ffffffb8;font-size:var(--fs-sm);text-decoration:none;transition:color var(--duration-base) var(--ease-out)}.footer-column a:hover{color:var(--text-inverse)}.footer-bottom{max-width:var(--container-2xl);margin:0 auto;padding-top:var(--space-6);display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3);font-size:var(--fs-xs);color:#ffffff80;letter-spacing:.01em}.footer-meta{color:var(--gold-300);opacity:.7}@media(max-width:768px){.app-footer{padding:var(--space-10) var(--space-5) var(--space-5)}.footer-container{grid-template-columns:1fr;gap:var(--space-8);padding-bottom:var(--space-6)}.footer-columns{grid-template-columns:repeat(3,1fr);gap:var(--space-5)}.footer-column ul{gap:var(--space-2)}}@media(max-width:480px){.footer-columns{grid-template-columns:1fr 1fr}}.root-layout{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-base)}.root-main{flex:1;width:100%}.home-page{padding:0 0 var(--space-20);background:var(--bg-base)}.hero-section{position:relative;margin:var(--space-6) auto var(--space-16);max-width:var(--container-2xl);padding:clamp(3rem,8vw,6rem) clamp(1.5rem,6vw,5rem);border-radius:var(--radius-2xl);overflow:hidden;background:linear-gradient(135deg,#0f2711d9,#2e7d32a6 60%,#4caf5073),url(/images/pexels-pixabay-164504.jpg) center / cover no-repeat;color:var(--text-inverse);box-shadow:var(--shadow-xl);isolation:isolate}.hero-section:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at top right,rgba(212,175,55,.25),transparent 55%),radial-gradient(ellipse at bottom left,rgba(0,0,0,.3),transparent 60%);pointer-events:none;z-index:-1}.hero-content{max-width:680px;position:relative;z-index:1;animation:fade-in-up var(--duration-slow) var(--ease-out)}.hero-eyebrow{display:inline-flex;align-items:center;gap:var(--space-2);padding:.4rem .95rem;background:#ffffff1f;border:1px solid rgba(255,255,255,.25);border-radius:var(--radius-full);font-size:var(--fs-xs);font-weight:500;letter-spacing:var(--tracking-wider);text-transform:uppercase;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);margin-bottom:var(--space-5);color:var(--gold-300)}.hero-eyebrow:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--gold-400);box-shadow:0 0 8px var(--gold-400)}.hero-title{font-family:var(--font-display);font-size:clamp(2.25rem,6vw,4.5rem);font-weight:700;line-height:1.05;letter-spacing:var(--tracking-tight);margin:0 0 var(--space-5);color:var(--text-inverse)}.hero-title em{font-style:italic;color:var(--gold-300);font-weight:600}.hero-subtitle{font-size:clamp(1rem,1.5vw,1.2rem);line-height:var(--leading-relaxed);margin:0 0 var(--space-8);color:#ffffffeb;max-width:560px}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.hero-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:.95rem 2rem;border-radius:var(--radius-full);font-weight:600;font-size:.95rem;text-decoration:none;transition:all var(--duration-base) var(--ease-out);border:1.5px solid transparent;letter-spacing:-.005em}.hero-button.primary{background:var(--gold-400);color:var(--brand-900);box-shadow:var(--shadow-gold)}.hero-button.primary:hover{transform:translateY(-2px);box-shadow:0 16px 36px #d4af3766;background:var(--gold-300)}.hero-button.ghost{background:#ffffff14;color:var(--text-inverse);border-color:#ffffff4d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.hero-button.ghost:hover{background:#ffffff26;border-color:#ffffff80;transform:translateY(-2px)}.features-grid-section{max-width:var(--container-2xl);margin:0 auto var(--space-16);padding:0 clamp(1rem,5vw,3rem)}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}.feature-card{padding:var(--space-6);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:all var(--duration-base) var(--ease-out)}.feature-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--brand-100)}.feature-icon{width:48px;height:48px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--brand-50),rgba(212,175,55,.12));display:flex;align-items:center;justify-content:center;font-size:1.4rem;margin-bottom:var(--space-4)}.feature-card h3{margin:0 0 var(--space-2);font-size:var(--fs-md);font-weight:600;color:var(--text-primary);letter-spacing:var(--tracking-snug)}.feature-card p{margin:0;font-size:var(--fs-sm);color:var(--text-secondary);line-height:var(--leading-relaxed)}@media(max-width:960px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.features-grid{grid-template-columns:1fr}}.testimonials-section{max-width:var(--container-2xl);margin:var(--space-16) auto;padding:0 clamp(1rem,5vw,3rem)}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5);margin-top:var(--space-8)}.testimonial-card{margin:0;padding:var(--space-6);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-4);transition:all var(--duration-base) var(--ease-out);position:relative}.testimonial-card:before{content:'"';position:absolute;top:var(--space-4);right:var(--space-5);font-family:var(--font-display);font-size:4.5rem;color:var(--brand-100);line-height:.7;font-style:italic}.testimonial-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--brand-100)}.testimonial-stars{color:var(--gold-500);font-size:1rem;letter-spacing:.1em;line-height:1}.testimonial-card blockquote{margin:0;flex:1}.testimonial-card blockquote p{margin:0;color:var(--text-primary);font-size:var(--fs-base);line-height:var(--leading-relaxed);font-family:var(--font-display);font-weight:500;font-style:italic}.testimonial-card figcaption{display:flex;flex-direction:column;padding-top:var(--space-4);border-top:1px solid var(--border-subtle)}.testimonial-author{color:var(--text-primary);font-weight:700;font-size:var(--fs-sm)}.testimonial-role{color:var(--text-tertiary);font-size:var(--fs-xs);margin-top:2px}@media(max-width:960px){.testimonials-grid{grid-template-columns:1fr;gap:var(--space-4)}}.cta-section{max-width:var(--container-xl);margin:var(--space-16) auto 0;padding:0 clamp(1rem,5vw,3rem)}.cta-card{background:linear-gradient(135deg,var(--brand-800),var(--brand-600));color:var(--text-inverse);padding:clamp(2.5rem,6vw,4.5rem) clamp(1.5rem,4vw,3rem);border-radius:var(--radius-2xl);text-align:center;position:relative;overflow:hidden;box-shadow:var(--shadow-lg)}.cta-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at top left,rgba(212,175,55,.2),transparent 50%),radial-gradient(ellipse at bottom right,rgba(255,255,255,.06),transparent 50%);pointer-events:none}.cta-card>*{position:relative}.cta-card .section-eyebrow{background:#ffffff1f;color:var(--gold-300);border:1px solid rgba(255,255,255,.15)}.cta-card h2{font-family:var(--font-display);font-size:clamp(1.75rem,4vw,2.75rem);font-weight:700;margin:var(--space-3) auto var(--space-3);color:var(--text-inverse);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);max-width:720px}.cta-card p{color:#ffffffd9;margin:0 auto var(--space-8);font-size:var(--fs-md);line-height:var(--leading-relaxed);max-width:540px}.cta-button{display:inline-flex;align-items:center;gap:var(--space-2);padding:1rem 2.25rem;background:var(--gold-400);color:var(--brand-900);border-radius:var(--radius-full);font-weight:700;font-size:.95rem;text-decoration:none;transition:all var(--duration-base) var(--ease-out);box-shadow:var(--shadow-gold)}.cta-button:after{content:"→";transition:transform var(--duration-base) var(--ease-out)}.cta-button:hover{background:var(--gold-300);transform:translateY(-2px);box-shadow:0 16px 40px #d4af3766}.cta-button:hover:after{transform:translate(4px)}.section-header{text-align:center;max-width:var(--container-md);margin:0 auto var(--space-10);padding:0 var(--space-4)}.section-eyebrow{display:inline-block;padding:.3rem .85rem;background:var(--brand-50);color:var(--brand-700);border-radius:var(--radius-full);font-size:var(--fs-xs);font-weight:600;letter-spacing:var(--tracking-wider);text-transform:uppercase;margin-bottom:var(--space-3)}.section-title{font-family:var(--font-display);font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:700;color:var(--text-primary);margin:0 0 var(--space-3);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight)}.section-intro{color:var(--text-secondary);font-size:var(--fs-md);line-height:var(--leading-relaxed);margin:0;max-width:640px;margin-inline:auto}.know-about-rice,.new-arrivals,.highest-bought{max-width:var(--container-2xl);margin:var(--space-16) auto;padding:0 clamp(1rem,5vw,3rem)}.about-rice-preview{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;background-color:var(--bg-surface);border-radius:var(--radius-2xl);overflow:hidden;box-shadow:var(--shadow-lg);border:1px solid var(--border-subtle);margin-top:var(--space-8);transition:transform var(--duration-slow) var(--ease-out),box-shadow var(--duration-slow) var(--ease-out)}.about-rice-preview:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.about-rice-preview img{width:100%;height:100%;min-height:380px;-o-object-fit:cover;object-fit:cover;transition:transform var(--duration-slower) var(--ease-out)}.about-rice-preview:hover img{transform:scale(1.04)}.preview-content{padding:clamp(2rem,4vw,3.5rem);display:flex;flex-direction:column;justify-content:center;text-align:left}.preview-content h3{font-family:var(--font-display);margin:0 0 var(--space-4);color:var(--text-primary);font-size:clamp(1.5rem,2.5vw,2rem);font-weight:700;line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}.preview-content p{margin:0 0 var(--space-8);color:var(--text-secondary);line-height:var(--leading-relaxed);font-size:var(--fs-base)}.learn-more-button{align-self:flex-start;display:inline-flex;align-items:center;gap:var(--space-2);padding:.85rem 1.75rem;background:var(--brand-700);color:var(--text-inverse);border:none;border-radius:var(--radius-full);font-weight:600;cursor:pointer;transition:all var(--duration-base) var(--ease-out);font-size:.9rem;text-decoration:none}.learn-more-button:after{content:"→";transition:transform var(--duration-base) var(--ease-out)}.learn-more-button:hover{background:var(--brand-500);transform:translateY(-2px);box-shadow:var(--shadow-brand)}.learn-more-button:hover:after{transform:translate(3px)}.new-arrivals-container,.highest-bought-container{overflow:hidden;position:relative;padding:var(--space-8) 0;border-radius:var(--radius-2xl);background:var(--bg-surface);box-shadow:var(--shadow-sm);border:1px solid var(--border-subtle);margin-top:var(--space-8)}.new-arrivals-container:before,.new-arrivals-container:after,.highest-bought-container:before,.highest-bought-container:after{content:"";position:absolute;top:0;bottom:0;width:100px;z-index:2;pointer-events:none}.new-arrivals-container:before,.highest-bought-container:before{left:0;background:linear-gradient(90deg,var(--bg-surface),transparent)}.new-arrivals-container:after,.highest-bought-container:after{right:0;background:linear-gradient(-90deg,var(--bg-surface),transparent)}.marquee-track{display:flex;width:-moz-max-content;width:max-content;gap:var(--space-5);padding:0 var(--space-5);animation:marquee-scroll 45s linear infinite;will-change:transform}.marquee-track-reverse{animation:marquee-scroll-reverse 45s linear infinite}.new-arrivals-container:hover .marquee-track,.highest-bought-container:hover .marquee-track{animation-play-state:paused}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(calc(-50% - var(--space-3)))}}@keyframes marquee-scroll-reverse{0%{transform:translate(calc(-50% - var(--space-3)))}to{transform:translate(0)}}.new-arrivals-item,.highest-bought-item{flex:0 0 280px;background-color:var(--bg-surface);border-radius:var(--radius-lg);overflow:hidden;transition:transform var(--duration-slow) var(--ease-out),box-shadow var(--duration-slow) var(--ease-out);position:relative;box-shadow:var(--shadow-xs);border:1px solid var(--border-subtle);display:flex;flex-direction:column}.new-arrivals-item:hover,.highest-bought-item:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:var(--brand-100)}.new-arrivals-item img,.highest-bought-item img{width:100%;height:200px;-o-object-fit:cover;object-fit:cover;transition:transform var(--duration-slower) var(--ease-out)}.new-arrivals-item:hover img,.highest-bought-item:hover img{transform:scale(1.06)}.new-arrivals-item-content,.highest-bought-item-content{padding:var(--space-5);display:flex;flex-direction:column;flex:1}.new-arrivals-item h3,.highest-bought-item h3{margin:0 0 var(--space-2);font-weight:600;font-size:var(--fs-md);color:var(--text-primary);line-height:var(--leading-snug);letter-spacing:var(--tracking-snug)}.new-arrivals-item p,.highest-bought-item p{margin:0 0 var(--space-4);color:var(--text-secondary);font-size:var(--fs-sm);line-height:var(--leading-snug);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1}.new-arrivals-item .price,.highest-bought-item .price{font-family:var(--font-display);font-weight:700;color:var(--brand-700);font-size:var(--fs-xl);margin-bottom:var(--space-4);font-variant-numeric:tabular-nums}.buy-now-button{padding:.7rem 1rem;background-color:var(--text-primary);color:var(--text-inverse);border:none;border-radius:var(--radius-full);font-weight:600;cursor:pointer;transition:all var(--duration-base) var(--ease-out);width:100%;font-size:var(--fs-sm);letter-spacing:-.005em}.buy-now-button:hover{background-color:var(--brand-700);transform:translateY(-1px);box-shadow:var(--shadow-brand)}@media(max-width:960px){.about-rice-preview{grid-template-columns:1fr}.about-rice-preview img{min-height:260px;max-height:320px}.preview-content{padding:var(--space-8) var(--space-6)}.know-about-rice,.new-arrivals,.highest-bought{margin:var(--space-12) auto}}@media(max-width:768px){.hero-section{margin:var(--space-4) var(--space-4) var(--space-10);padding:var(--space-12) var(--space-6);border-radius:var(--radius-xl);text-align:center}.hero-content{margin:0 auto}.hero-subtitle{margin-left:auto;margin-right:auto}.hero-actions{justify-content:center;flex-direction:column}.hero-button{width:100%}.new-arrivals-item,.highest-bought-item{flex:0 0 240px}.new-arrivals-item img,.highest-bought-item img{height:180px}.new-arrivals-container:before,.new-arrivals-container:after,.highest-bought-container:before,.highest-bought-container:after{width:50px}}@media(max-width:480px){.new-arrivals-item,.highest-bought-item{flex:0 0 220px}.new-arrivals-item img,.highest-bought-item img{height:160px}}@media(prefers-reduced-motion:reduce){.marquee-track{animation-duration:120s}}.add-item-container{max-width:760px;margin:var(--space-10) auto;padding:clamp(2rem,4vw,3rem);background-color:var(--bg-surface);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);border:1px solid var(--border-subtle);animation:fade-in-up var(--duration-slow) var(--ease-out)}.add-item-container h1{font-family:var(--font-display);text-align:center;color:var(--text-primary);margin:0 0 var(--space-8);font-size:clamp(1.75rem,3.5vw,2.25rem);font-weight:700;letter-spacing:var(--tracking-tight);line-height:var(--leading-tight)}.add-item-form{display:grid;gap:var(--space-5)}.price-fields{display:grid;gap:var(--space-4);grid-template-columns:1fr}@media(min-width:640px){.price-fields{grid-template-columns:repeat(3,1fr)}}.form-group{position:relative;display:flex;flex-direction:column;gap:var(--space-2)}.add-item-form label{margin:0;font-weight:500;color:var(--text-primary);font-size:var(--fs-sm)}.add-item-form input,.add-item-form select,.add-item-form textarea{width:100%;padding:.85rem 1rem;border:1px solid var(--border-soft);border-radius:var(--radius-md);font-size:var(--fs-sm);transition:all var(--duration-base) var(--ease-out);background-color:var(--bg-surface);color:var(--text-primary);font-family:inherit;box-sizing:border-box}.add-item-form input::-moz-placeholder,.add-item-form textarea::-moz-placeholder{color:var(--text-tertiary)}.add-item-form input::placeholder,.add-item-form textarea::placeholder{color:var(--text-tertiary)}.add-item-form textarea{resize:vertical;min-height:100px;line-height:var(--leading-snug)}.add-item-form input:hover:not(:disabled),.add-item-form select:hover:not(:disabled),.add-item-form textarea:hover:not(:disabled){border-color:var(--border-medium)}.add-item-form input:focus,.add-item-form select:focus,.add-item-form textarea:focus{border-color:var(--brand-500);outline:none;box-shadow:0 0 0 4px #2e7d321a}.add-item-form input:disabled,.add-item-form select:disabled,.add-item-form textarea:disabled{background-color:var(--bg-subtle);cursor:not-allowed;color:var(--text-tertiary)}.input-error{border-color:var(--danger)!important;animation:shake .4s}.input-error:focus{box-shadow:0 0 0 4px #c7372f1a!important}.custom-dropdown,.add-item-form select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235A615C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .85rem center;background-size:16px;padding-right:2.5rem!important;cursor:pointer}.submit-button{position:relative;padding:1rem 2rem;background:var(--text-primary);color:var(--text-inverse);border:none;border-radius:var(--radius-md);font-weight:700;letter-spacing:-.005em;font-size:var(--fs-base);cursor:pointer;transition:all var(--duration-base) var(--ease-out);margin-top:var(--space-3);font-family:inherit;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2)}.submit-button:disabled{opacity:.65;cursor:progress}.spinner{display:inline-block;width:1em;height:1em;border:2.5px solid rgba(255,255,255,.35);border-top-color:var(--text-inverse);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.success-message{background:var(--success-bg);color:var(--success);padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);border-left:3px solid var(--success);margin-bottom:var(--space-5);display:flex;align-items:center;gap:var(--space-3);font-weight:600;font-size:var(--fs-sm);animation:fade-in-up var(--duration-base) var(--ease-out)}.success-message:before{content:"✓";display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;background:var(--success);color:var(--text-inverse);border-radius:50%;font-size:.75rem;font-weight:700;flex-shrink:0}.error-message{color:var(--danger);font-size:var(--fs-xs);margin:var(--space-1) 0 0;display:flex;align-items:center;gap:var(--space-2);font-weight:500}.error-message:before{content:"!";display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;background-color:var(--danger);color:var(--text-inverse);border-radius:50%;font-size:.65rem;font-weight:700;flex-shrink:0}.add-item-container>.error-message{background-color:var(--danger-bg);padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);border-left:3px solid var(--danger);margin-bottom:var(--space-5);font-size:var(--fs-sm);font-weight:600}.add-item-container>.error-message:before{width:20px;height:20px;font-size:.8rem}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@media(max-width:640px){.add-item-container{padding:var(--space-6) var(--space-5);margin:var(--space-4);border-radius:var(--radius-xl)}.submit-button{width:100%}}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-10);color:var(--text-secondary);text-align:center;animation:fade-in-up var(--duration-base) var(--ease-out)}.loading--inline{display:inline-flex;flex-direction:row;padding:0;gap:var(--space-3);color:inherit}.loading--inline .loading-dots span,.loading--inline .loading-pulse span,.loading--inline .loading-branded-ring,.loading--inline .loading-branded-grain{background:currentColor;border-color:currentColor}.loading--inline .loading-dots span:nth-child(2),.loading--inline .loading-dots span:nth-child(3){background:currentColor;opacity:.7}.loading--inline .loading-spinner circle{stroke:currentColor}.loading--inline .loading-label{color:inherit;opacity:.95}.loading--full-page{position:fixed;top:0;right:0;bottom:0;left:0;background:#fafaf6e0;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:var(--z-modal);padding:var(--space-6)}.loading--sm{--loading-size: 28px;--loading-stroke: 2.5px}.loading--md{--loading-size: 44px;--loading-stroke: 3.5px}.loading--lg{--loading-size: 64px;--loading-stroke: 4px}.loading--xl{--loading-size: 88px;--loading-stroke: 5px}.loading{--loading-size: 44px;--loading-stroke: 3.5px}.loading-label{font-size:var(--fs-sm);color:var(--text-secondary);line-height:var(--leading-snug);margin:0;font-weight:500;max-width:280px}.loading--inline .loading-label{font-size:var(--fs-xs)}.loading-spinner{width:var(--loading-size);height:var(--loading-size);animation:loading-spinner-rotate 1.6s linear infinite}.loading-spinner svg{width:100%;height:100%;transform-origin:center}.loading-spinner circle{stroke:var(--brand-500);stroke-width:var(--loading-stroke);stroke-linecap:round;stroke-dasharray:1,200;stroke-dashoffset:0;animation:loading-spinner-dash 1.6s ease-in-out infinite}@keyframes loading-spinner-rotate{to{transform:rotate(360deg)}}@keyframes loading-spinner-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:90,200;stroke-dashoffset:-35px}to{stroke-dasharray:90,200;stroke-dashoffset:-125px}}.loading-dots{display:flex;gap:var(--space-2);align-items:center;justify-content:center}.loading-dots span{display:block;width:calc(var(--loading-size) * .22);height:calc(var(--loading-size) * .22);border-radius:50%;background:var(--brand-500);animation:loading-dots-bounce 1.2s ease-in-out infinite}.loading-dots span:nth-child(2){background:var(--brand-600);animation-delay:.15s}.loading-dots span:nth-child(3){background:var(--gold-400);animation-delay:.3s}@keyframes loading-dots-bounce{0%,80%,to{transform:translateY(0);opacity:.5}40%{transform:translateY(calc(var(--loading-size) * -.3));opacity:1}}.loading-pulse{position:relative;width:var(--loading-size);height:var(--loading-size)}.loading-pulse span{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:var(--loading-stroke) solid var(--brand-500);opacity:0;animation:loading-pulse-ring 1.8s cubic-bezier(.16,1,.3,1) infinite}.loading-pulse span:nth-child(2){animation-delay:.6s}.loading-pulse span:nth-child(3){animation-delay:1.2s}@keyframes loading-pulse-ring{0%{transform:scale(.4);opacity:0}20%{opacity:.7}to{transform:scale(1.05);opacity:0}}.loading-branded{position:relative;width:var(--loading-size);height:var(--loading-size)}.loading-branded-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:var(--loading-stroke) solid transparent;border-top-color:var(--brand-500);border-right-color:var(--gold-400);animation:loading-spinner-rotate 1.2s linear infinite}.loading-branded-grain{position:absolute;top:50%;left:50%;width:40%;height:55%;background:linear-gradient(180deg,var(--brand-500),var(--brand-700));border-radius:50% 50% 45% 45%/60% 60% 40% 40%;transform:translate(-50%,-50%) rotate(0);animation:loading-grain-pulse 1.8s ease-in-out infinite;box-shadow:inset 0 -2px 4px #00000026}.loading-branded-grain:after{content:"";position:absolute;top:18%;left:35%;width:28%;height:50%;background:#ffffff59;border-radius:50%;filter:blur(1px)}@keyframes loading-grain-pulse{0%,to{transform:translate(-50%,-50%) scale(1) rotate(-8deg);opacity:.95}50%{transform:translate(-50%,-50%) scale(1.06) rotate(8deg);opacity:1}}.loading--skeleton{padding:0;align-items:stretch}.loading-skeleton-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;width:100%;max-width:320px;box-shadow:var(--shadow-xs)}.loading-skeleton-image{width:100%;aspect-ratio:4 / 3;border-radius:0}.loading-skeleton-body{padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3)}.loading-skeleton-line{height:14px;border-radius:var(--radius-xs)}.loading-skeleton-line--short{height:18px;margin-top:var(--space-2)}.loading-skeleton-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-6);width:100%}@media(prefers-reduced-motion:reduce){.loading-spinner,.loading-branded-ring{animation-duration:3s}.loading-dots span,.loading-pulse span,.loading-branded-grain,.loading{animation:none}}:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: hsl(6, 78%, 57%);--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-container-width: fit-content;--toastify-toast-width: 320px;--toastify-toast-offset: 16px;--toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background: #fff;--toastify-toast-padding: 14px;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, .1);--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error);--toastify-color-progress-bgo: .2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;width:var(--toastify-container-width);box-sizing:border-box;color:#fff;display:flex;flex-direction:column}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y: 0px;position:relative;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;display:flex;flex:1 auto;align-items:center;word-break:break-word}@media only screen and (max-width:480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width: 100%;margin-bottom:0;border-radius:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}@media only screen and (max-width:480px){.Toastify__toast-container[data-stacked=true]{width:100vw}}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{margin-inline-end:10px;width:22px;flex-shrink:0;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;position:absolute;top:6px;right:6px;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{position:absolute;overflow:hidden;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.category-page{max-width:var(--container-2xl);margin:0 auto;padding:var(--space-8) clamp(1rem,4vw,2rem) var(--space-16);min-height:100vh}.catalog-header{text-align:center;max-width:760px;margin:0 auto var(--space-8);padding:var(--space-4) 0 var(--space-2);animation:fade-in-up var(--duration-slow) var(--ease-out)}.catalog-breadcrumb{display:flex;justify-content:center;align-items:center;gap:var(--space-2);font-size:var(--fs-sm);color:var(--text-tertiary);margin-bottom:var(--space-4)}.catalog-breadcrumb a{color:var(--text-secondary);text-decoration:none;transition:color var(--duration-base) var(--ease-out)}.catalog-breadcrumb a:hover{color:var(--brand-700)}.catalog-breadcrumb span[aria-hidden]{opacity:.5}.catalog-breadcrumb [aria-current]{color:var(--text-primary);font-weight:600}.catalog-header h1{font-family:var(--font-display);color:var(--text-primary);font-size:clamp(2rem,4vw,3.25rem);font-weight:700;letter-spacing:var(--tracking-tight);line-height:1.05;margin:0 0 var(--space-3)}.catalog-subtitle{color:var(--text-secondary);font-size:var(--fs-md);line-height:var(--leading-relaxed);margin:0 auto;max-width:580px}.category-pills-wrap{position:relative;margin:0 calc(-1*clamp(1rem,4vw,2rem)) var(--space-8);padding:0 clamp(1rem,4vw,2rem);overflow:hidden}.category-pills-wrap:before,.category-pills-wrap:after{content:"";position:absolute;top:0;bottom:0;width:40px;z-index:2;pointer-events:none}.category-pills-wrap:before{left:0;background:linear-gradient(90deg,var(--bg-base),transparent)}.category-pills-wrap:after{right:0;background:linear-gradient(-90deg,var(--bg-base),transparent)}.category-pills{display:flex;gap:var(--space-2);overflow-x:auto;padding:var(--space-1) 0 var(--space-3);scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:x proximity}.category-pills::-webkit-scrollbar{display:none}.category-pill{flex-shrink:0;padding:.55rem 1.15rem;background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-soft);border-radius:var(--radius-full);font-size:var(--fs-sm);font-weight:500;cursor:pointer;transition:all var(--duration-base) var(--ease-out);white-space:nowrap;scroll-snap-align:start;letter-spacing:-.005em}.category-pill:hover{border-color:var(--brand-300);background:var(--bg-surface);transform:translateY(-1px)}.category-pill.is-active{background:var(--text-primary);color:var(--text-inverse);border-color:var(--text-primary);box-shadow:var(--shadow-sm)}.main-content{display:grid;grid-template-columns:264px 1fr;gap:var(--space-8);align-items:start}.filters-sidebar{background-color:var(--bg-surface);padding:var(--space-6);border-radius:var(--radius-xl);box-shadow:var(--shadow-xs);border:1px solid var(--border-subtle);position:sticky;top:calc(var(--header-height) + var(--space-4))}.filters-header{display:none;justify-content:space-between;align-items:center;margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-subtle)}.filters-header h2{font-size:var(--fs-md);font-weight:700;margin:0;color:var(--text-primary);letter-spacing:var(--tracking-snug)}.filters-close{width:32px;height:32px;border-radius:50%;border:1px solid var(--border-soft);background:var(--bg-surface);font-size:1.25rem;line-height:1;color:var(--text-secondary);cursor:pointer;transition:all var(--duration-base) var(--ease-out)}.filters-close:hover{background:var(--bg-subtle);color:var(--text-primary)}.filter-section{margin-bottom:var(--space-6)}.filter-section:last-of-type{margin-bottom:0}.filter-section h3{margin:0 0 var(--space-4);font-size:var(--fs-xs);color:var(--text-tertiary);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-wider)}.price-range{display:flex;flex-direction:column;gap:var(--space-3)}.price-range input[type=range]{width:100%;height:4px;background:var(--gray-medium);border-radius:2px;outline:none;-webkit-appearance:none;cursor:pointer}.price-range input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;background:var(--brand-500);border-radius:50%;cursor:pointer;-webkit-transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out);transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out);border:3px solid var(--bg-surface);box-shadow:var(--shadow-sm)}.price-range input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 0 0 8px #2e7d321f}.price-range input[type=range]::-moz-range-thumb{width:20px;height:20px;background:var(--brand-500);border-radius:50%;cursor:pointer;border:3px solid var(--bg-surface);box-shadow:var(--shadow-sm)}.price-values{display:flex;justify-content:space-between;font-size:var(--fs-sm);color:var(--text-secondary);font-weight:500;font-variant-numeric:tabular-nums}.price-value-current{color:var(--brand-700)!important;font-weight:700!important}.toggle-row{display:flex;justify-content:space-between;align-items:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:var(--fs-sm);color:var(--text-primary);font-weight:500}.toggle-switch{position:relative;display:inline-block;width:40px;height:22px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--gray-medium);border-radius:var(--radius-full);transition:background var(--duration-base) var(--ease-out)}.toggle-slider:before{content:"";position:absolute;left:2px;top:2px;width:18px;height:18px;background:var(--bg-surface);border-radius:50%;transition:transform var(--duration-base) var(--ease-out);box-shadow:var(--shadow-xs)}.toggle-switch input:checked+.toggle-slider{background:var(--brand-500)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(18px)}.toggle-switch input:focus-visible+.toggle-slider{box-shadow:0 0 0 3px #2e7d3240}.filter-chips{display:flex;flex-direction:column;gap:var(--space-1)}.filter-chip{text-align:left;padding:.5rem .85rem;background:transparent;color:var(--text-secondary);border:1px solid transparent;border-radius:var(--radius-md);font-size:var(--fs-sm);cursor:pointer;transition:all var(--duration-base) var(--ease-out);font-weight:500}.filter-chip:hover{background:var(--bg-subtle);color:var(--text-primary)}.filter-chip.is-active{background:var(--brand-50);color:var(--brand-700);border-color:var(--brand-100);font-weight:600}.clear-filters{width:100%;margin-top:var(--space-5);padding:.7rem;background:transparent;border:1px solid var(--border-soft);color:var(--text-secondary);border-radius:var(--radius-md);font-size:var(--fs-sm);font-weight:500;cursor:pointer;transition:all var(--duration-base) var(--ease-out)}.clear-filters:hover{background:var(--bg-subtle);color:var(--danger);border-color:#c7372f33}.content-area{flex:1;min-width:0}.catalog-toolbar{display:flex;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;align-items:center;position:sticky;top:calc(var(--header-height) + var(--space-2));z-index:var(--z-base);padding:var(--space-3);background:#fafaf6d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-lg);border:1px solid var(--border-subtle)}.search-bar{flex:1 1 280px;position:relative;min-width:0}.search-bar:before{content:"";position:absolute;left:1rem;top:50%;transform:translateY(-50%);width:18px;height:18px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238A908D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");background-repeat:no-repeat;pointer-events:none}.search-bar input{width:100%;padding:.75rem 1rem .75rem 2.75rem;border:1px solid var(--border-soft);border-radius:var(--radius-full);font-size:var(--fs-sm);background:var(--bg-surface);color:var(--text-primary);transition:all var(--duration-base) var(--ease-out)}.search-bar input::-moz-placeholder{color:var(--text-tertiary)}.search-bar input::placeholder{color:var(--text-tertiary)}.search-bar input:focus{border-color:var(--brand-500);outline:none;box-shadow:0 0 0 4px #2e7d321a}.toolbar-right{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap}.toolbar-button{display:inline-flex;align-items:center;gap:var(--space-2);padding:.6rem 1rem;background:var(--bg-surface);border:1px solid var(--border-soft);border-radius:var(--radius-full);font-size:var(--fs-sm);font-weight:500;color:var(--text-primary);cursor:pointer;transition:all var(--duration-base) var(--ease-out)}.toolbar-button:hover{border-color:var(--border-medium);background:var(--bg-subtle)}.toolbar-button svg{width:16px;height:16px}.mobile-filter-trigger{display:none}.filter-count{background:var(--brand-500);color:var(--text-inverse);font-size:.7rem;font-weight:700;min-width:18px;height:18px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;padding:0 5px}.sort-by{display:flex;align-items:center;gap:var(--space-2);background:var(--bg-surface);border:1px solid var(--border-soft);border-radius:var(--radius-full);padding:4px 4px 4px .95rem}.sort-by label{font-size:var(--fs-xs);color:var(--text-tertiary);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-wider)}.sort-by select{border:none;background:transparent;padding:.45rem 1.85rem .45rem .5rem;font-size:var(--fs-sm);cursor:pointer;color:var(--text-primary);font-weight:600;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235A615C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;background-size:14px;font-family:inherit}.sort-by select:focus{outline:none}.view-toggle{display:flex;background:var(--bg-surface);border:1px solid var(--border-soft);border-radius:var(--radius-full);padding:3px;gap:2px}.view-toggle button{width:34px;height:34px;border:none;background:transparent;color:var(--text-tertiary);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--duration-base) var(--ease-out)}.view-toggle button svg{width:16px;height:16px}.view-toggle button:hover{color:var(--text-primary)}.view-toggle button.is-active{background:var(--text-primary);color:var(--text-inverse)}.results-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-5);min-height:32px}.results-count{color:var(--text-secondary);font-size:var(--fs-sm)}.results-count strong{color:var(--text-primary);font-weight:700;font-variant-numeric:tabular-nums}.active-chips{display:flex;gap:var(--space-2);flex-wrap:wrap;align-items:center}.active-chip{display:inline-flex;align-items:center;gap:var(--space-2);padding:.3rem .55rem .3rem .85rem;background:var(--brand-50);color:var(--brand-700);border:1px solid var(--brand-100);border-radius:var(--radius-full);font-size:var(--fs-xs);font-weight:600;cursor:pointer;transition:all var(--duration-base) var(--ease-out)}.active-chip span{width:18px;height:18px;border-radius:50%;background:var(--brand-100);display:inline-flex;align-items:center;justify-content:center;font-size:.85rem;line-height:1;transition:all var(--duration-base) var(--ease-out)}.active-chip:hover{background:var(--brand-100)}.active-chip:hover span{background:var(--brand-500);color:var(--text-inverse)}.clear-chip{background:none;border:none;color:var(--text-tertiary);font-size:var(--fs-xs);font-weight:600;cursor:pointer;padding:.3rem .5rem;text-decoration:underline;text-underline-offset:3px;transition:color var(--duration-base) var(--ease-out)}.clear-chip:hover{color:var(--danger)}.items-grid{display:grid;gap:var(--space-5)}.items-grid--grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.items-grid--compact{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-3)}.item-card{background:var(--bg-surface);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-xs);transition:transform var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out);display:flex;flex-direction:column;border:1px solid var(--border-subtle);position:relative;animation:fade-in-up var(--duration-slow) var(--ease-out)}.item-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:var(--brand-100)}.item-card.out-of-stock{opacity:.85}.item-card.out-of-stock .item-image img{filter:grayscale(40%)}.item-card-link{display:block;text-decoration:none;color:inherit}.item-image{aspect-ratio:4 / 3;width:100%;overflow:hidden;position:relative;background:var(--bg-subtle)}.item-image img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform var(--duration-slower) var(--ease-out)}.item-card:hover .item-image img{transform:scale(1.08)}.item-badges{position:absolute;top:var(--space-3);left:var(--space-3);display:flex;gap:var(--space-2);flex-wrap:wrap;z-index:2}.badge{padding:.3rem .7rem;border-radius:var(--radius-full);font-size:var(--fs-xs);font-weight:700;letter-spacing:var(--tracking-wide);text-transform:uppercase;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.badge-discount{background:var(--gold-400);color:var(--brand-900)}.badge-stock{background:#0f1711d9;color:var(--text-inverse)}.wishlist-button{position:absolute;top:var(--space-3);right:var(--space-3);width:36px;height:36px;border-radius:50%;background:#ffffffeb;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--border-subtle);color:var(--text-tertiary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--duration-base) var(--ease-out);z-index:2}.wishlist-button svg{width:18px;height:18px}.wishlist-button:hover{background:var(--bg-surface);color:var(--danger);transform:scale(1.08)}.wishlist-button.is-active{color:var(--danger);background:var(--bg-surface)}.quick-add-button{position:absolute;left:var(--space-3);right:var(--space-3);bottom:var(--space-3);padding:.7rem 1rem;background:#0f1711eb;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--text-inverse);border:none;border-radius:var(--radius-full);font-size:var(--fs-sm);font-weight:600;cursor:pointer;opacity:0;transform:translateY(8px);transition:opacity var(--duration-base) var(--ease-out),transform var(--duration-base) var(--ease-out),background var(--duration-base) var(--ease-out);z-index:2;display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.item-card:hover .quick-add-button,.item-card:focus-within .quick-add-button{opacity:1;transform:translateY(0)}.quick-add-button:hover:not(:disabled){background:var(--brand-700)}.quick-add-button:disabled{opacity:.7;cursor:progress}.item-details{padding:var(--space-5) var(--space-5) var(--space-4);flex:1;display:flex;flex-direction:column;gap:var(--space-2)}.item-type-tag{display:inline-block;color:var(--text-tertiary);font-size:var(--fs-xs);font-weight:600;letter-spacing:var(--tracking-wider);text-transform:uppercase}.item-details h3{margin:0;font-size:var(--fs-md);font-weight:600;color:var(--text-primary);line-height:var(--leading-snug);letter-spacing:var(--tracking-snug)}.item-details h3 a{color:inherit;text-decoration:none}.item-details h3 a:hover{color:var(--brand-700)}.item-description{margin:0;color:var(--text-secondary);line-height:var(--leading-snug);font-size:var(--fs-sm);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1}.item-meta{margin-top:var(--space-2)}.price-block{display:flex;align-items:baseline;gap:var(--space-3)}.price{font-family:var(--font-display);font-size:var(--fs-lg);font-weight:700;color:var(--text-primary);font-variant-numeric:tabular-nums;letter-spacing:var(--tracking-snug)}.original-price{color:var(--text-tertiary);font-size:var(--fs-sm);text-decoration:line-through;font-variant-numeric:tabular-nums}.items-grid--compact .item-card{border-radius:var(--radius-md)}.items-grid--compact .item-image{aspect-ratio:1 / 1}.items-grid--compact .item-details{padding:var(--space-3) var(--space-3) var(--space-3);gap:var(--space-1)}.items-grid--compact .item-details h3{font-size:var(--fs-sm)}.items-grid--compact .item-description{display:none}.items-grid--compact .price{font-size:var(--fs-base)}.items-grid--compact .wishlist-button{width:30px;height:30px}.items-grid--compact .quick-add-button{font-size:var(--fs-xs);padding:.5rem .85rem}.no-results{text-align:center;padding:clamp(3rem,8vw,5rem) var(--space-6);background:var(--bg-surface);border-radius:var(--radius-2xl);border:1px dashed var(--border-soft);color:var(--text-secondary);grid-column:1 / -1}.no-results:before{content:"🔍";display:block;font-size:3rem;margin-bottom:var(--space-4);opacity:.6}.no-results h3{font-family:var(--font-display);color:var(--text-primary);font-size:var(--fs-xl);font-weight:700;margin:0 0 var(--space-2);letter-spacing:var(--tracking-tight)}.no-results p{margin:0 0 var(--space-5);color:var(--text-secondary);font-size:var(--fs-md)}.reset-button{padding:.85rem 1.85rem;background:var(--text-primary);color:var(--text-inverse);border:none;border-radius:var(--radius-full);font-size:var(--fs-sm);font-weight:600;cursor:pointer;transition:all var(--duration-base) var(--ease-out);font-family:inherit}.reset-button:hover{background:var(--brand-700);transform:translateY(-2px);box-shadow:var(--shadow-brand)}.error-message{text-align:center;padding:var(--space-8);background:var(--danger-bg);color:var(--danger);border-radius:var(--radius-lg);border-left:4px solid var(--danger);font-size:var(--fs-md)}.filter-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-overlay);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:var(--z-modal);animation:fade-in var(--duration-base) var(--ease-out)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media(max-width:1024px){.main-content{grid-template-columns:1fr}.filters-sidebar{position:fixed;top:0;right:0;bottom:0;width:min(360px,90vw);height:100%;border-radius:0;z-index:calc(var(--z-modal) + 1);transform:translate(100%);transition:transform var(--duration-slow) var(--ease-out);overflow-y:auto;padding:var(--space-5)}.filters-sidebar.is-open{transform:translate(0)}.filters-header{display:flex}.mobile-filter-trigger{display:inline-flex}}@media(max-width:768px){.category-page{padding:var(--space-6) var(--space-4) var(--space-10)}.catalog-toolbar{position:static;padding:0;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border:none}.toolbar-right{width:100%;justify-content:space-between}.sort-by{flex:1}.quick-add-button{opacity:1;transform:translateY(0)}}@media(max-width:480px){.items-grid--grid{grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.items-grid--compact{grid-template-columns:repeat(2,1fr);gap:var(--space-2)}.item-details{padding:var(--space-3);gap:var(--space-1)}.item-details h3{font-size:var(--fs-sm)}.item-description{display:none}.price{font-size:var(--fs-base)}.wishlist-button{width:32px;height:32px}.wishlist-button svg{width:15px;height:15px}.badge{padding:.2rem .55rem;font-size:.65rem}.quick-add-button{font-size:var(--fs-xs);padding:.55rem .85rem}}.user-profile{max-width:920px;margin:0 auto;padding:var(--space-12) clamp(1rem,4vw,2rem) var(--space-16);min-height:100vh;animation:fade-in-up var(--duration-slow) var(--ease-out)}.user-profile h1{font-family:var(--font-display);text-align:center;margin:0 0 var(--space-3);color:var(--text-primary);font-size:clamp(2rem,4vw,3rem);font-weight:700;letter-spacing:var(--tracking-tight);line-height:var(--leading-tight)}.profile-container{background:transparent;padding:0;margin-top:var(--space-8)}.profile-info{display:flex;flex-direction:column;gap:var(--space-5)}.profile-hero{display:flex;align-items:center;gap:var(--space-5);padding:var(--space-6) var(--space-6);margin-bottom:var(--space-2);background:linear-gradient(135deg,var(--brand-50),rgba(212,175,55,.05));border:1px solid var(--brand-100);border-radius:var(--radius-xl)}.profile-hero-avatar{flex:0 0 64px;width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--brand-500),var(--brand-700));color:var(--text-inverse);display:flex;align-items:center;justify-content:center;font-size:1.7rem;font-weight:700;box-shadow:var(--shadow-brand);border:3px solid var(--bg-surface);text-transform:uppercase}.profile-hero-details{min-width:0}.profile-hero-name{font-family:var(--font-display);font-size:var(--fs-md);font-weight:700;color:var(--text-primary);margin-bottom:2px;line-height:var(--leading-tight)}.profile-hero-email{font-size:var(--fs-sm);color:var(--text-secondary);word-break:break-word}.profile-loading{background:var(--bg-surface);padding:var(--space-10);border-radius:var(--radius-xl);box-shadow:var(--shadow-xs);border:1px solid var(--border-subtle);display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.profile-loading-avatar{width:80px;height:80px;border-radius:50%;margin-bottom:var(--space-2)}.profile-loading-line{height:16px;border-radius:var(--radius-xs)}.profile-section{background-color:var(--bg-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-xs);padding:var(--space-6);border:1px solid var(--border-subtle);transition:box-shadow var(--duration-base) var(--ease-out)}.profile-section:hover{box-shadow:var(--shadow-sm)}.profile-section h2{font-family:var(--font-display);margin:0 0 var(--space-5);color:var(--text-primary);font-weight:700;font-size:var(--fs-xl);letter-spacing:var(--tracking-tight);display:flex;align-items:center;gap:var(--space-3)}.profile-section h2:before{content:"";display:inline-block;width:4px;height:22px;background:linear-gradient(180deg,var(--brand-500),var(--gold-400));border-radius:2px}.form-group{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.form-group label{font-weight:500;color:var(--text-primary);font-size:var(--fs-sm)}.user-profile input,.user-profile textarea{padding:.85rem 1rem;border:1px solid var(--border-soft);border-radius:var(--radius-md);font-size:var(--fs-sm);transition:all var(--duration-base) var(--ease-out);font-family:inherit;background:var(--bg-surface);color:var(--text-primary);width:100%;box-sizing:border-box}.user-profile input::-moz-placeholder,.user-profile textarea::-moz-placeholder{color:var(--text-tertiary)}.user-profile input::placeholder,.user-profile textarea::placeholder{color:var(--text-tertiary)}.user-profile input:hover,.user-profile textarea:hover{border-color:var(--border-medium)}.user-profile input:focus,.user-profile textarea:focus{border-color:var(--brand-500);outline:none;box-shadow:0 0 0 4px #2e7d321a}textarea{resize:vertical;min-height:88px;line-height:var(--leading-snug)}.saved-payments{background-color:var(--bg-subtle);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-4);border:1px solid var(--border-subtle)}.saved-payments:last-child{margin-bottom:0}.saved-payments h3{margin:0 0 var(--space-3);font-size:var(--fs-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-wider);font-weight:600}.saved-payments ul{list-style:none;padding:0;margin:0 0 var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}.saved-payments ul:empty{margin-bottom:0}.saved-payments li{padding:.85rem 1.1rem;background:var(--bg-surface);border:1px solid var(--border-soft);border-radius:var(--radius-md);display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);font-size:var(--fs-sm);font-variant-numeric:tabular-nums;transition:all var(--duration-base) var(--ease-out)}.saved-payments li:hover{border-color:var(--brand-300);box-shadow:var(--shadow-xs)}.cards-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4);margin-bottom:var(--space-3)}.payment-card{aspect-ratio:1.586 / 1;border-radius:var(--radius-lg);padding:var(--space-5);color:var(--text-inverse);display:flex;flex-direction:column;justify-content:space-between;box-shadow:var(--shadow-md);position:relative;overflow:hidden;background:linear-gradient(135deg,#2c3e50,#1a2832);transition:transform var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out)}.payment-card:before{content:"";position:absolute;top:-50%;right:-30%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.05) 0%,transparent 40%);pointer-events:none}.payment-card:hover{transform:translateY(-4px) rotate(-.5deg);box-shadow:var(--shadow-lg)}.payment-card--visa{background:linear-gradient(135deg,#1a1f71,#2a4eca)}.payment-card--mastercard{background:linear-gradient(135deg,#eb001b,#f79e1b)}.payment-card--amex{background:linear-gradient(135deg,#006fcf,#036)}.payment-card--discover{background:linear-gradient(135deg,#ff6000,#d5350d)}.payment-card--rupay{background:linear-gradient(135deg,#097969,#1b5e20)}.payment-card--jcb{background:linear-gradient(135deg,#0e4c96,#dc241f)}.payment-card-top{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}.payment-card-brand{font-family:var(--font-display);font-size:var(--fs-md);font-weight:800;letter-spacing:.05em;text-shadow:0 1px 4px rgba(0,0,0,.15)}.payment-card-chip{font-size:1.5rem;letter-spacing:-.2em;color:var(--gold-300);text-shadow:0 1px 4px rgba(0,0,0,.25)}.payment-card-number{font-family:var(--font-mono);font-size:clamp(1rem,2.4vw,1.3rem);font-weight:500;letter-spacing:.05em;position:relative;z-index:1;text-shadow:0 1px 3px rgba(0,0,0,.2)}.payment-card-bottom{display:flex;justify-content:space-between;align-items:flex-end;position:relative;z-index:1}.payment-card-label{display:block;font-size:.65rem;text-transform:uppercase;letter-spacing:var(--tracking-wider);opacity:.7;margin-bottom:2px}.payment-card-value{font-family:var(--font-mono);font-size:var(--fs-sm);font-weight:500}.payment-card-remove{background:#ffffff26;color:var(--text-inverse);border:1px solid rgba(255,255,255,.25);border-radius:var(--radius-full);padding:.3rem .85rem;font-size:var(--fs-xs);font-weight:600;cursor:pointer;transition:all var(--duration-base) var(--ease-out);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-family:inherit}.payment-card-remove:hover{background:#fffffff2;color:var(--danger)}.save-button{padding:.85rem 1.75rem;background:var(--text-primary);color:var(--text-inverse);border:none;border-radius:var(--radius-md);font-size:var(--fs-sm);font-weight:600;cursor:pointer;transition:all var(--duration-base) var(--ease-out);margin-top:var(--space-2);font-family:inherit}.save-button:hover:not(:disabled){background:var(--brand-700);transform:translateY(-2px);box-shadow:var(--shadow-brand)}.save-button:disabled{opacity:.5;cursor:not-allowed}.delete-button{padding:.85rem 1.75rem;background-color:var(--bg-surface);color:var(--danger);border:1px solid var(--danger);border-radius:var(--radius-md);font-size:var(--fs-sm);font-weight:600;cursor:pointer;transition:all var(--duration-base) var(--ease-out);margin-right:var(--space-3);font-family:inherit}.delete-button:hover:not(:disabled){background-color:var(--danger);color:var(--text-inverse);transform:translateY(-2px);box-shadow:0 12px 28px #c7372f40}.logout-button{padding:.85rem 1.75rem;background-color:var(--bg-subtle);color:var(--text-primary);border:1px solid var(--border-soft);border-radius:var(--radius-md);font-size:var(--fs-sm);font-weight:600;cursor:pointer;transition:all var(--duration-base) var(--ease-out);font-family:inherit}.logout-button:hover{background-color:var(--text-primary);color:var(--text-inverse);border-color:var(--text-primary);transform:translateY(-2px)}.delete-item-button{background-color:transparent;color:var(--danger);border:1px solid rgba(199,55,47,.2);border-radius:var(--radius-sm);padding:.3rem .8rem;font-size:var(--fs-xs);font-weight:600;cursor:pointer;transition:all var(--duration-base) var(--ease-out);font-family:inherit}.delete-item-button:hover{background-color:var(--danger);color:var(--text-inverse);border-color:var(--danger)}.add-button{background:var(--text-primary);color:var(--text-inverse);border:none;border-radius:var(--radius-sm);padding:.55rem 1.1rem;font-size:var(--fs-xs);font-weight:600;cursor:pointer;transition:all var(--duration-base) var(--ease-out);margin-top:var(--space-1);font-family:inherit}.add-button:hover{background:var(--brand-700);transform:translateY(-1px)}.cancel-button{background-color:transparent;color:var(--text-secondary);border:1px solid var(--border-soft);border-radius:var(--radius-sm);padding:.55rem 1.1rem;font-size:var(--fs-xs);font-weight:600;cursor:pointer;margin-left:var(--space-2);transition:all var(--duration-base) var(--ease-out);font-family:inherit}.cancel-button:hover{background-color:var(--bg-subtle);color:var(--text-primary)}.add-item-form{margin-top:var(--space-3);padding:var(--space-4);background-color:var(--bg-surface);border-radius:var(--radius-md);border:1px solid var(--border-soft);animation:fade-in-up var(--duration-base) var(--ease-out)}.add-item-form .form-group:last-of-type{margin-bottom:var(--space-3)}.error-message{background-color:var(--danger-bg);color:var(--danger);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-5);border-left:3px solid var(--danger);font-size:var(--fs-sm)}.profile-section:last-child{display:flex;flex-direction:column;align-items:stretch}.profile-section:last-child h2{margin-bottom:var(--space-3)}.profile-section:last-child h2~*{align-self:flex-start}@media(max-width:768px){.profile-section,.profile-hero{padding:var(--space-5)}.saved-payments li{flex-direction:column;align-items:stretch;gap:var(--space-2)}.saved-payments li .delete-item-button{align-self:flex-end}.delete-button,.save-button,.logout-button{width:100%;margin:0 0 var(--space-3) 0}.profile-section:last-child{align-items:stretch}.profile-section:last-child h2~*{align-self:stretch}}.confirm-buttons button{padding:.5rem 1.25rem;border-radius:var(--radius-sm);border:none;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);font-weight:600;font-family:inherit;font-size:var(--fs-sm)}.order-page{max-width:var(--container-lg);margin:0 auto;padding:var(--space-12) clamp(1rem,4vw,2rem) var(--space-16);min-height:100vh}.order-page h1{font-family:var(--font-display);text-align:center;color:var(--text-primary);font-size:clamp(2rem,4vw,3rem);font-weight:700;margin:0 0 var(--space-3);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight)}.loading{text-align:center;padding:var(--space-16);font-size:var(--fs-md);color:var(--text-secondary)}.error-message{background-color:var(--danger-bg);color:var(--danger);padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);margin-bottom:var(--space-5);border-left:4px solid var(--danger);font-size:var(--fs-sm)}.filters{display:flex;flex-wrap:wrap;gap:var(--space-3);margin:var(--space-8) 0 var(--space-6);padding:var(--space-4) var(--space-5);background-color:var(--bg-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-xs);border:1px solid var(--border-subtle)}.filter-group{display:flex;flex-direction:column;gap:4px;flex:1 1 180px}.filter-group label{font-weight:600;color:var(--text-tertiary);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:var(--tracking-wider)}.filter-group select{padding:.65rem 2.15rem .65rem .85rem;border:1px solid var(--border-soft);border-radius:var(--radius-md);font-size:var(--fs-sm);background:var(--bg-surface);color:var(--text-primary);transition:all var(--duration-base) var(--ease-out);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235A615C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .65rem center;background-size:14px}.filter-group select:focus{border-color:var(--brand-500);outline:none;box-shadow:0 0 0 4px #2e7d321f}.no-orders{text-align:center;padding:clamp(3rem,8vw,5rem) var(--space-6);background-color:var(--bg-surface);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xs);color:var(--text-secondary);border:1px dashed var(--border-soft);font-size:var(--fs-md)}.no-orders:before{content:"📦";display:block;font-size:3rem;margin-bottom:var(--space-3);opacity:.6}.orders-list{display:flex;flex-direction:column;gap:var(--space-5)}.order-card{background:var(--bg-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-xs);padding:var(--space-6);border:1px solid var(--border-subtle);transition:all var(--duration-base) var(--ease-out);animation:fade-in-up var(--duration-slow) var(--ease-out)}.order-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:var(--border-soft)}.order-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-5);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-subtle)}.order-header-main{display:flex;flex-direction:column;gap:var(--space-1);min-width:0;flex:1}.order-id-label{font-size:var(--fs-xs);color:var(--text-tertiary);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-wider)}.order-header h3.order-id{margin:0;color:var(--text-primary);font-size:var(--fs-base);font-weight:600;word-break:break-all;font-family:var(--font-mono);display:inline-flex;align-items:center;gap:var(--space-2)}.copy-id-button{width:26px;height:26px;border-radius:var(--radius-sm);background:var(--bg-subtle);border:1px solid var(--border-soft);color:var(--text-tertiary);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all var(--duration-base) var(--ease-out);flex-shrink:0}.copy-id-button svg{width:13px;height:13px}.copy-id-button:hover{background:var(--brand-50);color:var(--brand-700);border-color:var(--brand-100)}.copy-id-button:active{transform:scale(.95)}.order-header p{margin:0;color:var(--text-secondary);font-size:var(--fs-sm)}.address-value{text-align:right;max-width:60%;line-height:var(--leading-snug)}.muted{color:var(--text-tertiary);font-style:italic}.status-badge{padding:.35rem .95rem;border-radius:var(--radius-full);font-size:var(--fs-xs);font-weight:700;text-transform:uppercase;letter-spacing:var(--tracking-wider);white-space:nowrap}.status-badge.delivered{background-color:var(--success-bg);color:var(--success)}.status-badge.processing{background-color:var(--warning-bg);color:var(--warning)}.status-badge.cancelled{background-color:var(--danger-bg);color:var(--danger)}.status-badge.shipped{background-color:var(--info-bg);color:var(--info)}.order-tracking{margin:var(--space-5) 0;padding:var(--space-6) var(--space-5);background-color:var(--bg-subtle);border-radius:var(--radius-lg)}.order-tracking h4{margin:0 0 var(--space-5);color:var(--text-tertiary);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:var(--tracking-wider);font-weight:600}.tracking-steps{display:flex;justify-content:space-between;position:relative;gap:var(--space-2)}.tracking-steps:before{content:"";position:absolute;top:22px;left:8%;right:8%;height:2px;background-color:var(--gray-medium);z-index:1}.tracking-step{position:relative;z-index:2;text-align:center;flex:1}.step-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background-color:var(--bg-surface);border:2px solid var(--gray-medium);color:var(--text-tertiary);font-weight:700;margin-bottom:var(--space-2);transition:all var(--duration-base) var(--ease-out);font-size:var(--fs-sm)}.step-label{display:block;color:var(--text-tertiary);font-size:var(--fs-xs);font-weight:500;text-transform:uppercase;letter-spacing:var(--tracking-wide)}.tracking-step.completed .step-icon{background-color:var(--brand-500);border-color:var(--brand-500);color:var(--text-inverse);box-shadow:0 4px 12px #2e7d3240}.tracking-step.processing .step-icon{background-color:var(--gold-400);border-color:var(--gold-400);color:var(--brand-900);animation:pulse-step 1.8s ease-in-out infinite}.tracking-step.completed .step-label,.tracking-step.processing .step-label{color:var(--text-primary);font-weight:600}@keyframes pulse-step{0%,to{box-shadow:0 0 #d4af3780}50%{box-shadow:0 0 0 8px #d4af3700}}.order-items h4{margin:0 0 var(--space-3);color:var(--text-tertiary);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:var(--tracking-wider);font-weight:600}.order-items ul{list-style:none;padding:0;margin:0}.order-items li{display:grid;grid-template-columns:2.2fr 1fr 1.4fr .9fr;gap:var(--space-3);align-items:center;padding:var(--space-3) 0;border-bottom:1px solid var(--border-subtle);font-size:var(--fs-sm)}.order-items li:last-child{border-bottom:none}.item-name{font-weight:600;color:var(--text-primary)}.item-weight{color:var(--text-secondary);font-style:italic;font-size:var(--fs-xs)}.item-price{color:var(--text-secondary);font-size:var(--fs-xs);font-variant-numeric:tabular-nums}.item-total{color:var(--text-primary);font-weight:700;text-align:right;font-variant-numeric:tabular-nums}.order-summary{margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--border-subtle)}.summary-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2);font-size:var(--fs-sm);gap:var(--space-3)}.summary-row span:last-child{color:var(--text-primary);font-weight:600;text-align:right;font-variant-numeric:tabular-nums}.pagination{margin-top:var(--space-8);display:flex;justify-content:center}.pagination ul{display:flex;list-style:none;padding:4px;margin:0;gap:4px;background:var(--bg-surface);border-radius:var(--radius-full);box-shadow:var(--shadow-xs);border:1px solid var(--border-subtle)}.pagination button{padding:.5rem .9rem;background-color:transparent;border:none;border-radius:var(--radius-full);cursor:pointer;transition:all var(--duration-base) var(--ease-out);font-size:var(--fs-sm);font-weight:500;color:var(--text-secondary);font-family:inherit;min-width:38px}.pagination button:hover:not(:disabled){background-color:var(--bg-subtle);color:var(--text-primary)}.pagination li.active button{background-color:var(--text-primary);color:var(--text-inverse)}.pagination li.disabled button,.pagination button:disabled{opacity:.35;cursor:not-allowed}@media(max-width:768px){.order-page{padding:var(--space-8) var(--space-4) var(--space-12)}.order-card{padding:var(--space-5)}.order-items li{grid-template-columns:1fr;gap:var(--space-1);padding:var(--space-3) 0}.item-total{text-align:left}.tracking-steps:before{left:12%;right:12%}.step-icon{width:36px;height:36px;font-size:var(--fs-xs)}.step-label{font-size:.7rem}}@media(max-width:480px){.filters{flex-direction:column}}.cart-page{max-width:var(--container-xl);margin:0 auto;padding:var(--space-12) clamp(1rem,4vw,2rem) var(--space-16)}.cart-page h1{font-family:var(--font-display);text-align:center;color:var(--text-primary);margin:0 0 var(--space-3);font-size:clamp(2rem,4vw,3rem);font-weight:700;letter-spacing:var(--tracking-tight);line-height:var(--leading-tight)}.cart-page>.cart-container{margin-top:var(--space-10)}.cart-container{background:transparent;padding:0}.loading,.error-message{text-align:center;padding:var(--space-16);font-size:var(--fs-md);color:var(--text-secondary)}.error-message{color:var(--danger);background:var(--danger-bg);border-radius:var(--radius-lg);margin:var(--space-6) 0}.empty-cart{text-align:center;padding:clamp(3rem,8vw,5rem) var(--space-6);background:var(--bg-surface);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);border:1px dashed var(--border-soft)}.empty-cart-icon{font-size:3.5rem;margin-bottom:var(--space-4);opacity:.7}.empty-cart h2{font-family:var(--font-display);color:var(--text-primary);font-size:var(--fs-2xl);font-weight:700;margin:0 0 var(--space-2);letter-spacing:var(--tracking-tight)}.empty-cart p{color:var(--text-secondary);line-height:var(--leading-normal);margin:0 0 var(--space-6);font-size:var(--fs-md)}.empty-cart-cta{display:inline-block;padding:.9rem 1.85rem;background:var(--text-primary);color:var(--text-inverse);text-decoration:none;font-weight:600;border-radius:var(--radius-full);transition:all var(--duration-base) var(--ease-out);font-size:var(--fs-sm)}.empty-cart-cta:hover{background:var(--brand-700);transform:translateY(-2px);box-shadow:var(--shadow-brand)}.cart-content{display:grid;grid-template-columns:1.6fr 1fr;gap:var(--space-6)}.cart-items{background:var(--bg-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-xs);border:1px solid var(--border-subtle);padding:var(--space-3) var(--space-6);height:-moz-fit-content;height:fit-content}.cart-item{display:grid;grid-template-columns:100px 1fr auto auto;gap:var(--space-5);align-items:center;padding:var(--space-5) 0;border-bottom:1px solid var(--border-subtle)}.cart-item:last-child{border-bottom:none}.item-image{width:100px;height:100px;background:var(--bg-subtle);border-radius:var(--radius-md);overflow:hidden;transition:transform var(--duration-base) var(--ease-out)}.item-image:hover{transform:translateY(-2px)}.item-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform var(--duration-slower) var(--ease-out)}.item-image:hover img{transform:scale(1.05)}.item-details h3{margin:0 0 var(--space-1);font-size:var(--fs-md);color:var(--text-primary);font-weight:600;line-height:var(--leading-snug);letter-spacing:var(--tracking-snug)}.item-details p{margin:0;color:var(--text-secondary);font-size:var(--fs-sm)}.item-quantity{display:inline-flex;align-items:center;background:var(--bg-subtle);border-radius:var(--radius-full);padding:4px;border:1px solid var(--border-soft);justify-self:start}.item-quantity button{width:30px;height:30px;border:none;border-radius:50%;background:transparent;color:var(--text-primary);font-size:1.05rem;font-weight:600;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);display:flex;align-items:center;justify-content:center}.item-quantity button:hover:not(:disabled){background:var(--bg-surface);box-shadow:var(--shadow-xs)}.item-quantity button:disabled{opacity:.3;cursor:not-allowed}.item-quantity span{min-width:32px;text-align:center;font-weight:700;color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:var(--fs-sm)}.item-total{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-2)}.item-total>span{font-family:var(--font-display);font-weight:700;color:var(--text-primary);font-size:var(--fs-md);font-variant-numeric:tabular-nums}.remove-button{background:none;border:none;color:var(--text-tertiary);cursor:pointer;font-size:var(--fs-xs);font-weight:500;transition:all var(--duration-fast) var(--ease-out);padding:.25rem .55rem;border-radius:var(--radius-sm);letter-spacing:.02em}.remove-button:hover{color:var(--danger);background:var(--danger-bg)}.cart-summary{background:var(--bg-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-xs);border:1px solid var(--border-subtle);padding:var(--space-6);position:sticky;top:calc(var(--header-height) + var(--space-4));height:-moz-fit-content;height:fit-content}.free-shipping-progress{background:var(--warning-bg);border:1px solid rgba(183,121,31,.15);padding:var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-5)}.free-shipping-progress.earned{background:var(--success-bg);border-color:#1f8a3a26}.progress-text{font-size:var(--fs-sm);color:var(--text-primary);margin-bottom:var(--space-3);line-height:var(--leading-snug)}.free-shipping-progress.earned .progress-text{margin-bottom:0;text-align:center;color:var(--success);font-weight:600}.progress-text strong{color:var(--brand-700);font-weight:700;font-variant-numeric:tabular-nums}.progress-bar{height:6px;background-color:#0f171114;border-radius:var(--radius-full);overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--gold-400),var(--gold-600));border-radius:var(--radius-full);transition:width var(--duration-slow) var(--ease-out)}.free-tag{display:inline-block;background:var(--success-bg);color:var(--success);padding:.15rem .55rem;border-radius:var(--radius-full);font-size:var(--fs-xs);font-weight:700;letter-spacing:.05em}.promo-section{margin-bottom:var(--space-5);padding-bottom:var(--space-5);border-bottom:1px solid var(--border-subtle)}.promo-section h3{margin:0 0 var(--space-3);font-size:var(--fs-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-wider);font-weight:600}.promo-input{display:flex;gap:var(--space-2)}.promo-input input{flex:1;padding:.75rem 1rem;border:1px solid var(--border-soft);border-radius:var(--radius-md);font-size:var(--fs-sm);transition:all var(--duration-base) var(--ease-out);background:var(--bg-surface);min-width:0}.promo-input input::-moz-placeholder{color:var(--text-tertiary)}.promo-input input::placeholder{color:var(--text-tertiary)}.promo-input input:focus{border-color:var(--brand-500);outline:none;box-shadow:0 0 0 4px #2e7d321a}.promo-input button{padding:.75rem 1.25rem;background:var(--text-primary);color:var(--text-inverse);border:none;border-radius:var(--radius-md);font-size:var(--fs-sm);font-weight:600;cursor:pointer;transition:all var(--duration-base) var(--ease-out);white-space:nowrap}.promo-input button:hover:not(:disabled){background:var(--brand-700)}.promo-input button:disabled{opacity:.5;cursor:not-allowed}.order-summary{background:var(--bg-subtle);border-radius:var(--radius-md);padding:var(--space-5)}.summary-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3);font-size:var(--fs-sm);gap:var(--space-3)}.summary-row span:first-child{color:var(--text-secondary);font-weight:500}.summary-row span:last-child{color:var(--text-primary);font-weight:600;font-variant-numeric:tabular-nums}.summary-row:last-child{margin-bottom:0}.summary-row.total{font-size:var(--fs-md);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border-soft)}.summary-row.total span:first-child{color:var(--text-primary);font-weight:700}.summary-row.total span:last-child{font-family:var(--font-display);color:var(--brand-700);font-weight:700;font-size:var(--fs-lg)}.summary-row.discount span:last-child{color:var(--success)}.checkout-button{width:100%;padding:1.1rem;background:var(--text-primary);color:var(--text-inverse);border:none;border-radius:var(--radius-full);font-size:var(--fs-base);font-weight:700;cursor:pointer;transition:all var(--duration-base) var(--ease-out);margin-top:var(--space-5);letter-spacing:-.005em}.checkout-button:hover{background:var(--brand-700);transform:translateY(-2px);box-shadow:var(--shadow-brand)}.checkout-button:active{transform:translateY(0)}@media(max-width:960px){.cart-content{grid-template-columns:1fr}.cart-summary{position:static}}@media(max-width:600px){.cart-page{padding:var(--space-8) var(--space-4) var(--space-12)}.cart-item{grid-template-columns:80px 1fr;grid-template-areas:"image details" "qty total";gap:var(--space-3);padding:var(--space-4) 0}.cart-item .item-image{grid-area:image;width:80px;height:80px}.cart-item .item-details{grid-area:details}.cart-item .item-quantity{grid-area:qty;justify-self:start}.cart-item .item-total{grid-area:total;align-items:flex-end}.cart-items{padding:var(--space-2) var(--space-4)}.cart-summary{padding:var(--space-5)}}.custom-toast{font-family:var(--font-body)!important;border-radius:var(--radius-md)!important;box-shadow:var(--shadow-lg)!important;margin:var(--space-3)!important}.custom-confirm-toast{padding:var(--space-5)!important;min-width:300px!important;border-radius:var(--radius-md)!important;background:var(--bg-surface)!important;color:var(--text-primary)!important}.confirm-toast p{margin:0 0 var(--space-4);font-weight:500;color:var(--text-primary);line-height:var(--leading-snug)}.confirm-buttons{display:flex;gap:var(--space-2);justify-content:flex-end}.confirm-buttons button{padding:.5rem 1.25rem;border-radius:var(--radius-sm);border:none;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);font-weight:600;font-size:var(--fs-sm);font-family:inherit}.confirm-buttons button:first-child{background:var(--text-primary);color:var(--text-inverse)}.confirm-buttons button:first-child:hover{background:var(--brand-700)}.confirm-buttons button:last-child{background:var(--bg-subtle);color:var(--text-primary)}.confirm-buttons button:last-child:hover{background:var(--gray-medium)}.custom-progress{background:#ffffff4d!important}.Toastify__toast-icon{margin-right:var(--space-3)!important}.Toastify__close-button{color:inherit!important;opacity:.7!important}.item-detail-container{max-width:var(--container-xl);margin:var(--space-6) auto;padding:clamp(1.5rem,4vw,2.5rem);background:transparent;animation:fade-in-up var(--duration-slow) var(--ease-out)}.item-breadcrumb{display:flex;align-items:center;gap:var(--space-2);font-size:var(--fs-sm);color:var(--text-tertiary);margin-bottom:var(--space-6);flex-wrap:wrap}.item-breadcrumb a{color:var(--text-secondary);text-decoration:none;transition:color var(--duration-base) var(--ease-out)}.item-breadcrumb a:hover{color:var(--brand-700)}.item-breadcrumb span[aria-hidden]{opacity:.5}.item-breadcrumb [aria-current]{color:var(--text-primary);font-weight:600}.item-content{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(2rem,5vw,4rem);align-items:start}.item-image-side{position:sticky;top:calc(var(--header-height) + var(--space-4));display:flex;flex-direction:column;gap:var(--space-4)}.item-image-container{position:relative;border-radius:var(--radius-2xl);overflow:hidden;background:radial-gradient(ellipse at top,rgba(212,175,55,.06),transparent 70%),linear-gradient(135deg,var(--bg-subtle),var(--bg-muted));padding:var(--space-8);display:flex;align-items:center;justify-content:center;aspect-ratio:1 / 1;border:1px solid var(--border-subtle)}.item-image-container img{width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;transition:transform var(--duration-slower) var(--ease-out)}.item-image-container:hover img{transform:scale(1.05)}.image-badge{position:absolute;top:var(--space-4);left:var(--space-4);padding:.4rem .85rem;border-radius:var(--radius-full);font-size:var(--fs-xs);font-weight:700;letter-spacing:var(--tracking-wide);text-transform:uppercase;z-index:2}.image-badge-discount{background:var(--gold-400);color:var(--brand-900)}.image-wishlist{position:absolute;top:var(--space-4);right:var(--space-4);width:44px;height:44px;border-radius:50%;background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-tertiary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--duration-base) var(--ease-out);box-shadow:var(--shadow-xs);z-index:2}.image-wishlist svg{width:20px;height:20px}.image-wishlist:hover{color:var(--danger);transform:scale(1.08);box-shadow:var(--shadow-sm)}.image-wishlist.is-active{color:var(--danger)}.trust-badges{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.trust-badge{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:all var(--duration-base) var(--ease-out)}.trust-badge:hover{border-color:var(--brand-100);transform:translateY(-1px)}.trust-icon{font-size:1.2rem;flex-shrink:0}.trust-label{font-size:var(--fs-xs);color:var(--text-secondary);font-weight:500;line-height:var(--leading-snug)}.item-info-side{display:flex;flex-direction:column;gap:var(--space-6)}.item-header{display:flex;flex-direction:column;gap:var(--space-3)}.item-type{display:inline-flex;align-items:center;width:-moz-fit-content;width:fit-content;padding:.3rem .85rem;font-size:var(--fs-xs);color:var(--brand-700);background:var(--brand-50);border-radius:var(--radius-full);font-weight:600;letter-spacing:var(--tracking-wider);text-transform:uppercase}.item-header h1{font-family:var(--font-display);margin:0;color:var(--text-primary);font-size:clamp(2rem,4vw,3rem);font-weight:700;letter-spacing:var(--tracking-tight);line-height:1.1}.item-rating{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.stars{display:inline-flex;gap:1px;color:var(--gold-500);font-size:var(--fs-md);letter-spacing:.05em}.rating-meta{font-size:var(--fs-sm);color:var(--text-secondary);font-weight:500}.item-price-container{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--space-3);padding:var(--space-5) 0;border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);margin:0}.original-price{font-size:var(--fs-md);color:var(--text-tertiary);text-decoration:line-through;font-variant-numeric:tabular-nums}.discounted-price{font-family:var(--font-display);font-size:clamp(2rem,4vw,2.75rem);color:var(--text-primary);font-weight:700;letter-spacing:var(--tracking-tight);font-variant-numeric:tabular-nums}.discount-percentage{background:var(--success-bg);color:var(--success);padding:.3rem .85rem;border-radius:var(--radius-full);font-size:var(--fs-xs);font-weight:700;letter-spacing:var(--tracking-wide);text-transform:uppercase}.item-description{color:var(--text-secondary);line-height:var(--leading-relaxed);font-size:var(--fs-base);margin:0}.item-attributes{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.attribute{padding:var(--space-3) var(--space-4);background:var(--bg-subtle);border-radius:var(--radius-md);border:1px solid var(--border-subtle);text-align:center;display:flex;flex-direction:column;gap:var(--space-1)}.attribute-label{font-size:var(--fs-xs);color:var(--text-tertiary);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-wider)}.attribute-value{font-family:var(--font-display);font-size:var(--fs-md);font-weight:700;color:var(--text-primary);font-variant-numeric:tabular-nums;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2)}.in-stock-dot{width:8px;height:8px;background:var(--success);border-radius:50%;display:inline-block;box-shadow:0 0 0 3px #1f8a3a2e}.item-nutrients h3{margin:0 0 var(--space-3);color:var(--text-tertiary);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:var(--tracking-wider);font-weight:600}.item-nutrients ul{display:flex;flex-wrap:wrap;gap:var(--space-2);list-style:none;padding:0;margin:0}.item-nutrients li{padding:.45rem .95rem;background:var(--bg-surface);border-radius:var(--radius-full);font-size:var(--fs-sm);color:var(--text-primary);border:1px solid var(--border-soft);font-weight:500;transition:all var(--duration-base) var(--ease-out)}.item-nutrients li:hover{border-color:var(--brand-300);color:var(--brand-700);background:var(--brand-50)}.nutrient-name{display:inline-block}.purchase-panel{margin-top:var(--space-3);padding:var(--space-5);background:var(--bg-surface);border-radius:var(--radius-xl);border:1px solid var(--border-subtle);box-shadow:var(--shadow-xs);display:flex;flex-direction:column;gap:var(--space-4)}.purchase-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3)}.purchase-label{font-size:var(--fs-sm);color:var(--text-secondary);font-weight:500}.purchase-row-total{padding-top:var(--space-3);border-top:1px solid var(--border-subtle)}.purchase-row-total .purchase-label{color:var(--text-primary);font-weight:600}.purchase-total{font-family:var(--font-display);font-size:var(--fs-xl);font-weight:700;color:var(--brand-700);font-variant-numeric:tabular-nums}.quantity-selector{display:inline-flex;align-items:center;background:var(--bg-subtle);border-radius:var(--radius-full);padding:4px;border:1px solid var(--border-soft)}.quantity-selector button{width:36px;height:36px;border:none;border-radius:50%;background:transparent;color:var(--text-primary);font-size:1.15rem;font-weight:600;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);display:flex;align-items:center;justify-content:center}.quantity-selector button:hover:not(:disabled){background:var(--bg-surface);box-shadow:var(--shadow-xs)}.quantity-selector button:disabled{opacity:.3;cursor:not-allowed}.quantity-value{min-width:44px;text-align:center;font-size:var(--fs-base);font-weight:700;color:var(--text-primary);font-variant-numeric:tabular-nums}.add-to-cart-button{width:100%;padding:1.05rem 1.5rem;background:var(--text-primary);color:var(--text-inverse);border:none;border-radius:var(--radius-full);font-size:var(--fs-base);font-weight:600;cursor:pointer;transition:all var(--duration-base) var(--ease-out);display:flex;align-items:center;justify-content:center;gap:var(--space-2);letter-spacing:-.005em}.add-to-cart-button:hover:not(:disabled){background:var(--brand-700);transform:translateY(-2px);box-shadow:var(--shadow-brand)}.add-to-cart-button:disabled{opacity:.6;cursor:not-allowed;background:var(--text-tertiary)}.share-button{width:100%;padding:.85rem;background:transparent;border:1px solid var(--border-soft);color:var(--text-primary);border-radius:var(--radius-full);font-size:var(--fs-sm);font-weight:600;cursor:pointer;transition:all var(--duration-base) var(--ease-out);display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.share-button svg{width:16px;height:16px}.share-button:hover{background:var(--bg-subtle);border-color:var(--border-medium)}.error-container{max-width:480px;margin:var(--space-16) auto;padding:var(--space-10) var(--space-6);text-align:center;background:var(--bg-surface);border-radius:var(--radius-xl);border:1px solid var(--border-subtle)}.error-message{color:var(--danger);font-size:var(--fs-md);font-weight:500;margin:0 0 var(--space-5)}.back-link{color:var(--brand-700);text-decoration:none;font-weight:600;transition:color var(--duration-base) var(--ease-out)}.back-link:hover{color:var(--brand-500);text-decoration:underline;text-underline-offset:3px}@media(max-width:960px){.item-content{grid-template-columns:1fr}.item-image-side{position:static}.item-image-container{aspect-ratio:4 / 3}}@media(max-width:600px){.item-detail-container{margin:var(--space-2);padding:var(--space-4)}.item-attributes,.trust-badges{grid-template-columns:1fr}.image-wishlist{width:38px;height:38px}}.custom-toast{font-family:var(--font-body)!important;border-radius:var(--radius-md)!important;box-shadow:var(--shadow-lg)!important}.about-rice-container{max-width:var(--container-xl);margin:0 auto;padding:var(--space-8) clamp(1rem,4vw,2rem) var(--space-20);background-color:var(--bg-base);min-height:100vh}.header-animation{text-align:center;margin-bottom:var(--space-16);padding:clamp(3rem,8vw,6rem) clamp(1.5rem,5vw,3rem);border-radius:var(--radius-2xl);background:linear-gradient(135deg,#0f2711e0,#2e7d32b3 60%,#4caf508c),url(/images/pexels-pixabay-164504.jpg) center / cover no-repeat;color:var(--text-inverse);box-shadow:var(--shadow-xl);position:relative;overflow:hidden;isolation:isolate;animation:fade-in-up var(--duration-slower) var(--ease-out)}.header-animation:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at top right,rgba(212,175,55,.25),transparent 55%),radial-gradient(ellipse at bottom left,rgba(0,0,0,.2),transparent 60%);pointer-events:none;z-index:-1}.header-animation h1{font-family:var(--font-display);font-size:clamp(2.25rem,5.5vw,4rem);margin:0 0 var(--space-4);font-weight:700;color:var(--text-inverse);letter-spacing:var(--tracking-tight);line-height:1.05;text-shadow:0 2px 12px rgba(0,0,0,.15)}.header-animation p{font-size:clamp(1rem,1.5vw,1.2rem);max-width:720px;margin:0 auto;color:#ffffffed;line-height:var(--leading-relaxed)}.life-cycle-section{position:relative;padding:clamp(3rem,6vw,5rem) clamp(.5rem,3vw,2rem) clamp(4rem,8vw,6rem);background:radial-gradient(ellipse 70% 50% at top,rgba(46,125,50,.06),transparent 60%),radial-gradient(ellipse 60% 40% at center,rgba(212,175,55,.04),transparent 70%),radial-gradient(ellipse 50% 30% at bottom right,rgba(27,94,32,.08),transparent 70%),linear-gradient(180deg,#f8f8f3,#efeee6);border:1px solid var(--border-subtle);border-radius:var(--radius-2xl)}.lc-3d-context{position:relative;perspective:1600px;perspective-origin:50% 25%;overflow:clip;border-radius:var(--radius-2xl)}.lc-header{text-align:center;max-width:720px;margin:0 auto var(--space-8);position:relative;z-index:5}.lc-eyebrow{display:inline-block;padding:.4rem 1.1rem;background:var(--brand-50);color:var(--brand-700);border:1px solid var(--brand-100);border-radius:var(--radius-full);font-size:var(--fs-xs);font-weight:600;letter-spacing:var(--tracking-wider);text-transform:uppercase;margin-bottom:var(--space-4)}.life-cycle-section h2,.life-cycle-3d h2{font-family:var(--font-display);font-size:clamp(2rem,4.5vw,3.5rem);font-weight:700;color:var(--text-primary);letter-spacing:var(--tracking-tight);line-height:1.02;margin:0 0 var(--space-4)}.lc-intro{color:var(--text-secondary);font-size:var(--fs-md);line-height:var(--leading-relaxed);margin:0}.lc-progress-meter-wrap{position:sticky;top:calc(var(--header-height) + 12px);z-index:25;margin:0 auto var(--space-10);display:flex;justify-content:center;pointer-events:none}.lc-progress-meter{position:relative;display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);width:100%;max-width:720px;padding:var(--space-3) var(--space-6);background:#ffffffeb;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--border-subtle);border-radius:var(--radius-full);box-shadow:var(--shadow-md);transition:box-shadow .4s var(--ease-out),transform .4s var(--ease-out);pointer-events:auto}.lc-progress-meter:before{content:"";position:absolute;top:50%;left:calc(var(--space-6) + 18px);right:calc(var(--space-6) + 18px);height:3px;background:var(--border-soft);border-radius:var(--radius-full);transform:translateY(-50%);z-index:0}.lc-pm-fill{position:absolute;top:50%;left:calc(var(--space-6) + 18px);right:calc(var(--space-6) + 18px);height:3px;background:linear-gradient(90deg,var(--brand-400),var(--gold-400));border-radius:var(--radius-full);transform:translateY(-50%) scaleX(var(--progress, 0));transform-origin:left center;transition:transform .6s var(--ease-out);z-index:0;box-shadow:0 0 12px #2e7d324d;width:auto}.lc-pm-step{display:flex;flex-direction:column;align-items:center;gap:4px;flex:0 0 auto;transition:transform .4s var(--ease-out);position:relative;z-index:1}.lc-pm-step.is-current{transform:scale(1.08)}.lc-pm-dot{width:36px;height:36px;border-radius:50%;background:var(--bg-surface);border:2px solid var(--border-soft);display:flex;align-items:center;justify-content:center;transition:all .4s var(--ease-out);position:relative;box-shadow:0 2px 6px #0f17110a}.lc-pm-emoji{font-size:1rem;filter:grayscale(.7);opacity:.6;transition:all .4s var(--ease-out)}.lc-pm-step.is-active .lc-pm-dot{background:var(--brand-50);border-color:var(--brand-500)}.lc-pm-step.is-active .lc-pm-emoji{filter:grayscale(0);opacity:1}.lc-pm-step.is-current .lc-pm-dot{background:var(--brand-500);border-color:var(--brand-700);box-shadow:0 0 0 6px #2e7d3226,0 8px 20px #2e7d324d;animation:pm-current-pulse 2s ease-in-out infinite}.lc-pm-step.is-current .lc-pm-emoji{transform:scale(1.15);filter:grayscale(0) brightness(1.1)}@keyframes pm-current-pulse{0%,to{box-shadow:0 0 0 6px #2e7d3226,0 8px 20px #2e7d324d}50%{box-shadow:0 0 0 10px #2e7d321a,0 12px 24px #2e7d3266}}.lc-pm-label{font-size:.65rem;font-weight:600;color:var(--text-tertiary);letter-spacing:var(--tracking-wide);text-transform:uppercase;text-align:center;transition:color .4s var(--ease-out);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.lc-pm-step.is-current .lc-pm-label{color:var(--brand-700)}.lc-scroll-hint{display:inline-flex;align-items:center;gap:var(--space-3);margin-top:var(--space-6);padding:.6rem 1.25rem .6rem 1rem;background:var(--bg-surface);border:1px solid var(--border-soft);border-radius:var(--radius-full);font-size:var(--fs-sm);font-weight:500;color:var(--text-secondary);box-shadow:var(--shadow-sm);transition:opacity .5s var(--ease-out),transform .5s var(--ease-out);opacity:1;transform:translateY(0)}.lc-scroll-hint.is-hidden{opacity:0;transform:translateY(-8px);pointer-events:none}.lc-scroll-hint-icon{width:28px;height:28px;border-radius:50%;background:linear-gradient(180deg,var(--brand-500),var(--brand-700));color:var(--text-inverse);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 8px #2e7d324d;animation:scroll-bounce 1.6s ease-in-out infinite}.lc-scroll-hint-icon svg{width:14px;height:14px}@keyframes scroll-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}@media(prefers-reduced-motion:reduce){.lc-scroll-hint-icon{animation:none}}.lc-scene{position:relative;transform-style:preserve-3d;min-height:2400px}.lc-path{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;transform:translateZ(-20px)}.lc-path-trace{stroke-dasharray:9999;stroke-dashoffset:9999;transition:stroke-dashoffset .05s linear}.lc-traveler{position:absolute;top:0;left:0;width:100px;height:100px;z-index:8;pointer-events:none;transform-style:preserve-3d;will-change:transform}.lc-traveler-halo{position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;border-radius:50%;background:radial-gradient(circle,var(--traveler-glow, rgba(139, 111, 62, .45)) 0%,transparent 65%);filter:blur(20px);transition:background .6s var(--ease-out);animation:traveler-pulse 2.5s ease-in-out infinite;z-index:-1}@keyframes traveler-pulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.2);opacity:1}}.lc-traveler[data-stage="0"]{--traveler-glow: rgba(139, 111, 62, .55);--traveler-ring: rgba(139, 111, 62, .6)}.lc-traveler[data-stage="1"]{--traveler-glow: rgba(121, 194, 138, .55);--traveler-ring: rgba(121, 194, 138, .65)}.lc-traveler[data-stage="2"]{--traveler-glow: rgba(46, 125, 50, .55);--traveler-ring: rgba(46, 125, 50, .65)}.lc-traveler[data-stage="3"]{--traveler-glow: rgba(212, 175, 55, .6);--traveler-ring: rgba(212, 175, 55, .7)}.lc-traveler[data-stage="4"]{--traveler-glow: rgba(245, 233, 200, .7);--traveler-ring: rgba(212, 175, 55, .6)}.lc-traveler-orbit{position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;border:2px solid var(--traveler-ring, rgba(46, 125, 50, .6));border-radius:50%;pointer-events:none;transition:border-color .6s var(--ease-out)}.lc-traveler-orbit-1{border-color:transparent;border-top-color:var(--traveler-ring, rgba(46, 125, 50, .6));border-right-color:var(--traveler-ring, rgba(46, 125, 50, .6));animation:traveler-orbit-1 3s linear infinite;top:-5%;right:-5%;bottom:-5%;left:-5%}.lc-traveler-orbit-2{border-style:dashed;border-color:transparent;border-left-color:var(--gold-400);border-bottom-color:var(--gold-400);opacity:.6;animation:traveler-orbit-2 4s linear infinite reverse;top:-18%;right:-18%;bottom:-18%;left:-18%}@keyframes traveler-orbit-1{0%{transform:rotateY(60deg) rotate(0)}to{transform:rotateY(60deg) rotate(360deg)}}@keyframes traveler-orbit-2{0%{transform:rotateX(70deg) rotate(0)}to{transform:rotateX(70deg) rotate(360deg)}}.lc-form{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;will-change:opacity,transform;opacity:0;transition:transform .3s var(--ease-out)}.lc-form-emoji{font-size:3.6rem;line-height:1;filter:drop-shadow(0 6px 16px rgba(0,0,0,.2));animation:form-bob 3s ease-in-out infinite;display:inline-block}@keyframes form-bob{0%,to{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-6px) rotate(4deg)}}.lc-form-emoji--seed{filter:drop-shadow(0 6px 16px rgba(0,0,0,.3)) saturate(1.3)}.lc-traveler-sparkle{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--gold-400);box-shadow:0 0 10px var(--gold-400);opacity:0;pointer-events:none;animation:sparkle-emit 1.4s ease-out infinite}.lc-traveler-sparkle-1{top:20%;left:80%;animation-delay:0s}.lc-traveler-sparkle-2{top:50%;left:10%;animation-delay:.4s}.lc-traveler-sparkle-3{top:80%;left:60%;animation-delay:.8s}@keyframes sparkle-emit{0%{opacity:0;transform:scale(.4) translateZ(0)}30%{opacity:1;transform:scale(1.4) translateZ(20px)}to{opacity:0;transform:scale(.2) translate(20px,-30px) translateZ(40px)}}.lc-stages{position:relative;z-index:2;display:flex;flex-direction:column;gap:clamp(4rem,8vw,7rem);max-width:1100px;margin:0 auto;padding:var(--space-16) 0;transform-style:preserve-3d;transform:rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg));transition:transform .5s var(--ease-out)}.lc-stage{position:relative;width:100%;max-width:480px;opacity:0;transform-style:preserve-3d;transition:opacity .7s var(--ease-out),transform .8s var(--ease-out),box-shadow .6s var(--ease-out);transition-delay:calc(var(--stage-index, 0) * .04s)}.lc-stage--left{align-self:flex-start;transform:translateY(40px) rotateY(-5deg);transform-origin:left center}.lc-stage--right{align-self:flex-end;transform:translateY(40px) rotateY(5deg);transform-origin:right center}.lc-stage.is-visible{opacity:1}.lc-stage--left.is-visible{transform:translateY(0) rotateY(-5deg)}.lc-stage--right.is-visible{transform:translateY(0) rotateY(5deg)}.lc-stage.lc-stage--active .lc-stage-card{box-shadow:0 40px 80px #0f171126,0 12px 28px #2e7d322e,inset 0 1px #ffffffe6,0 0 0 2px var(--orb-color, var(--brand-500))}.lc-stage-card{position:relative;padding:clamp(1.75rem,3vw,2.5rem);background:#ffffffeb;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--border-subtle);border-radius:var(--radius-2xl);box-shadow:0 30px 60px #0f171114,0 8px 24px #0f17110d,inset 0 1px #ffffffe6;transform-style:preserve-3d;transition:transform .6s var(--ease-out),box-shadow .6s var(--ease-out)}.lc-stage-card:hover{transform:translateZ(40px) rotateX(-3deg)}.lc-card-backplate{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-2xl);background:var(--bg-surface);border:1px solid var(--border-subtle);pointer-events:none;transform-style:preserve-3d}.lc-card-backplate-1{transform:translateZ(-30px) translate(8px) translateY(8px);opacity:.6;background:var(--bg-subtle)}.lc-card-backplate-2{transform:translateZ(-60px) translate(16px) translateY(16px);opacity:.3;background:var(--bg-muted)}.lc-card-aurora{position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;background:radial-gradient(ellipse 40% 60% at 20% 20%,var(--card-glow-1, rgba(46, 125, 50, .18)),transparent 50%),radial-gradient(ellipse 40% 60% at 80% 80%,var(--card-glow-2, rgba(212, 175, 55, .15)),transparent 50%);z-index:0;pointer-events:none;border-radius:var(--radius-2xl);animation:lc-aurora-drift 20s ease-in-out infinite alternate}@keyframes lc-aurora-drift{0%{transform:rotate(0) scale(1)}to{transform:rotate(25deg) scale(1.2)}}.lc-card-floor-shadow{position:absolute;left:5%;right:5%;bottom:-60px;height:60px;background:radial-gradient(ellipse at center,rgba(15,23,17,.25),transparent 70%);filter:blur(15px);transform:rotateX(75deg);transform-origin:top center;z-index:-1;opacity:.6}.lc-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-5);position:relative;z-index:1;transform:translateZ(20px)}.lc-card-number{display:flex;flex-direction:column;line-height:1}.lc-card-number-prefix{font-size:.65rem;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:var(--tracking-wider);font-weight:600;margin-bottom:4px}.lc-card-number strong{font-family:var(--font-display);font-size:clamp(2.8rem,5.5vw,4rem);font-weight:800;background:linear-gradient(180deg,var(--brand-500),var(--brand-800));-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:-.04em;line-height:.85;text-shadow:0 4px 12px rgba(46,125,50,.15)}.lc-card-duration{font-size:var(--fs-xs);color:var(--brand-700);background:var(--brand-50);border:1px solid var(--brand-100);padding:.4rem .85rem;border-radius:var(--radius-full);font-weight:600;letter-spacing:var(--tracking-wide);white-space:nowrap}.lc-card-body{position:relative;z-index:1;transform:translateZ(15px)}.lc-card-body h3{font-family:var(--font-display);font-size:var(--fs-2xl);font-weight:700;color:var(--text-primary);margin:0 0 var(--space-2);text-align:center;letter-spacing:var(--tracking-tight)}.lc-card-body>p{color:var(--text-secondary);font-size:var(--fs-base);line-height:var(--leading-relaxed);margin:0 0 var(--space-5);text-align:center}.lc-card-details{list-style:none;padding:var(--space-4) var(--space-5);margin:0;background:var(--bg-subtle);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-2);border:1px solid var(--border-subtle);transform:translateZ(10px);box-shadow:inset 0 1px #fffc}.lc-card-details li{display:flex;align-items:center;gap:var(--space-3);font-size:var(--fs-sm);color:var(--text-primary);font-weight:500}.lc-detail-dot{width:8px;height:8px;border-radius:50%;background:var(--brand-500);flex-shrink:0;box-shadow:0 0 0 4px #2e7d3226}.lc-stage--seeding{--card-glow-1: rgba(166, 215, 176, .4);--card-glow-2: rgba(76, 175, 80, .18);--orb-color: var(--brand-300)}.lc-stage--growth{--card-glow-1: rgba(46, 125, 50, .3);--card-glow-2: rgba(76, 175, 80, .2);--orb-color: var(--brand-500)}.lc-stage--plant{--card-glow-1: rgba(46, 125, 50, .32);--card-glow-2: rgba(212, 175, 55, .12);--orb-color: var(--brand-600)}.lc-stage--harvest{--card-glow-1: rgba(212, 175, 55, .35);--card-glow-2: rgba(255, 193, 7, .18);--orb-color: var(--gold-500)}.lc-stage--table{--card-glow-1: rgba(27, 94, 32, .3);--card-glow-2: rgba(212, 175, 55, .22);--orb-color: var(--brand-700)}@media(max-width:768px){.life-cycle-section{padding:var(--space-8) var(--space-4)}.lc-3d-context{perspective:none}.lc-progress-meter-wrap{top:calc(var(--header-height) + 6px)}.lc-progress-meter{padding:var(--space-2) var(--space-3);gap:var(--space-2)}.lc-pm-label{display:none}.lc-pm-dot{width:30px;height:30px}.lc-progress-meter:before,.lc-pm-fill{left:calc(var(--space-3) + 15px);right:calc(var(--space-3) + 15px)}.lc-scene{transform:none!important;min-height:auto}.lc-stages{gap:var(--space-8);padding:var(--space-8) 0}.lc-stage{max-width:100%;transform:translateY(30px)}.lc-stage--right,.lc-stage--left{align-self:stretch;transform:translateY(30px)}.lc-stage.is-visible{transform:translateY(0)}.lc-stage-card:hover{transform:translateY(-4px)}.lc-card-backplate,.lc-card-floor-shadow,.lc-path,.lc-traveler{display:none}}@media(max-width:480px){.lc-card-header{flex-direction:column;align-items:flex-start;gap:var(--space-3)}}@media(prefers-reduced-motion:reduce){.lc-path-trace,.lc-card-aurora,.lc-traveler-halo,.lc-traveler-orbit,.lc-form-emoji,.lc-traveler-sparkle,.lc-scroll-hint-icon{animation:none!important}.lc-stage{opacity:1;transform:none!important}.lc-scene{transform:none!important}.lc-stage-card:hover{transform:none}.lc-traveler{display:none}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-6) var(--space-4);background:radial-gradient(ellipse 60% 50% at top left,rgba(46,125,50,.06),transparent 60%),radial-gradient(ellipse 60% 50% at bottom right,rgba(212,175,55,.06),transparent 60%),var(--bg-base)}.auth-card{max-width:460px;width:100%;padding:clamp(2rem,5vw,2.75rem);background-color:var(--bg-surface);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);border:1px solid var(--border-subtle);animation:fade-in-up var(--duration-slow) var(--ease-out)}.auth-brand{display:flex;justify-content:center;margin-bottom:var(--space-5)}.auth-brand-icon{width:56px;height:56px;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--brand-500),var(--brand-700));color:var(--text-inverse);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.15rem;letter-spacing:-.02em;box-shadow:var(--shadow-brand)}.auth-card h2{font-family:var(--font-display);text-align:center;margin:0 0 var(--space-2);color:var(--text-primary);font-size:clamp(1.75rem,3vw,2.15rem);font-weight:700;letter-spacing:var(--tracking-tight);line-height:var(--leading-tight)}.auth-subtitle{text-align:center;color:var(--text-secondary);margin:0 0 var(--space-8);font-size:var(--fs-sm);line-height:var(--leading-snug)}.auth-subtitle strong{color:var(--text-primary);font-weight:600}.error{color:var(--danger);margin-bottom:var(--space-5);padding:.9rem 1rem;background-color:var(--danger-bg);border-radius:var(--radius-md);border-left:3px solid var(--danger);font-size:var(--fs-sm);line-height:var(--leading-snug)}.form-group{margin-bottom:var(--space-4)}.auth-card label{display:block;margin-bottom:var(--space-2);font-weight:500;color:var(--text-primary);font-size:var(--fs-sm)}.auth-card input,.auth-card textarea{width:100%;padding:.85rem 1rem;border:1px solid var(--border-soft);border-radius:var(--radius-md);font-size:var(--fs-sm);transition:all var(--duration-base) var(--ease-out);font-family:inherit;background:var(--bg-surface);color:var(--text-primary);box-sizing:border-box}.auth-card input::-moz-placeholder,.auth-card textarea::-moz-placeholder{color:var(--text-tertiary)}.auth-card input::placeholder,.auth-card textarea::placeholder{color:var(--text-tertiary)}.auth-card input:hover,.auth-card textarea:hover{border-color:var(--border-medium)}.auth-card input:focus,.auth-card textarea:focus{border-color:var(--brand-500);outline:none;box-shadow:0 0 0 4px #2e7d321a}.auth-card textarea{resize:vertical;min-height:88px;line-height:var(--leading-snug)}.otp-input{text-align:center;font-size:1.6rem!important;letter-spacing:.55em;font-weight:700;padding:1rem .5rem!important;font-variant-numeric:tabular-nums;font-family:var(--font-mono)!important}.otp-input::-moz-placeholder{letter-spacing:.4em;opacity:.3}.otp-input::placeholder{letter-spacing:.4em;opacity:.3}.submit-button{width:100%;padding:.95rem;background:var(--text-primary);color:var(--text-inverse);border:none;border-radius:var(--radius-md);font-size:var(--fs-base);font-weight:600;cursor:pointer;transition:all var(--duration-base) var(--ease-out);font-family:inherit;margin-top:var(--space-2);letter-spacing:-.005em;min-height:48px;display:inline-flex;align-items:center;justify-content:center}.submit-button:hover:not(:disabled){background:var(--brand-700);transform:translateY(-2px);box-shadow:var(--shadow-brand)}.submit-button:active:not(:disabled){transform:translateY(0)}.submit-button:disabled{opacity:.55;cursor:not-allowed}.auth-footer{margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--border-subtle);text-align:center}.auth-footer p{margin:0;color:var(--text-secondary);font-size:var(--fs-sm)}.auth-footer a{color:var(--brand-700);font-weight:600;text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}.auth-footer a:hover{color:var(--brand-500);text-decoration:underline;text-underline-offset:3px}@media(max-width:480px){.auth-page{padding:var(--space-4) var(--space-3)}.auth-card{padding:var(--space-6) var(--space-5);border-radius:var(--radius-xl)}.otp-input{font-size:1.4rem!important;letter-spacing:.4em}}:root{--brand-50: #ECF7EE;--brand-100: #D2EBD7;--brand-200: #A6D7B0;--brand-300: #79C28A;--brand-400: #4CAE63;--brand-500: #2E7D32;--brand-600: #266929;--brand-700: #1B5E20;--brand-800: #134018;--brand-900: #0B270F;--gold-300: #E8CE73;--gold-400: #D4AF37;--gold-500: #C9A227;--gold-600: #A6831C;--primary-color: var(--brand-500);--primary-light: var(--brand-400);--primary-dark: var(--brand-700);--accent-gold: var(--gold-400);--bg-base: #FAFAF6;--bg-surface: #FFFFFF;--bg-subtle: #F4F4EE;--bg-muted: #EFEFE8;--bg-overlay: rgba(15, 23, 17, .4);--text-primary: #18221B;--text-secondary: #5A615C;--text-tertiary: #8A908D;--text-inverse: #FFFFFF;--text-link: var(--brand-600);--text-dark: var(--text-primary);--text-light: var(--text-secondary);--white: var(--bg-surface);--gray-light: var(--bg-subtle);--gray-medium: #E2E2DA;--border-subtle: rgba(15, 23, 17, .06);--border-soft: rgba(15, 23, 17, .1);--border-medium: rgba(15, 23, 17, .15);--border-strong: rgba(15, 23, 17, .25);--success: #1F8A3A;--success-bg: #E6F6EA;--warning: #B7791F;--warning-bg: #FFF8E5;--danger: #C7372F;--danger-bg: #FDECEA;--info: #1565C0;--info-bg: #E3F2FD;--error-color: var(--danger);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-3xl: 32px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(15, 23, 17, .04);--shadow-sm: 0 2px 8px rgba(15, 23, 17, .05), 0 1px 2px rgba(15, 23, 17, .03);--shadow-md: 0 8px 24px rgba(15, 23, 17, .06), 0 2px 6px rgba(15, 23, 17, .04);--shadow-lg: 0 16px 40px rgba(15, 23, 17, .08), 0 4px 12px rgba(15, 23, 17, .04);--shadow-xl: 0 24px 56px rgba(15, 23, 17, .12), 0 8px 16px rgba(15, 23, 17, .06);--shadow-brand: 0 12px 28px rgba(46, 125, 50, .28);--shadow-gold: 0 12px 28px rgba(212, 175, 55, .3);--shadow: var(--shadow-md);--shadow-lg-legacy: var(--shadow-lg);--font-display: "Fraunces", "Playfair Display", Georgia, serif;--font-body: "Plus Jakarta Sans", "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "SF Mono", Consolas, monospace;--fs-xs: .75rem;--fs-sm: .875rem;--fs-base: 1rem;--fs-md: 1.125rem;--fs-lg: 1.25rem;--fs-xl: 1.5rem;--fs-2xl: 1.875rem;--fs-3xl: 2.25rem;--fs-4xl: 3rem;--fs-5xl: 3.75rem;--leading-tight: 1.15;--leading-snug: 1.35;--leading-normal: 1.55;--leading-relaxed: 1.7;--tracking-tight: -.02em;--tracking-snug: -.01em;--tracking-wide: .04em;--tracking-wider: .08em;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--duration-fast: .15s;--duration-base: .25s;--duration-slow: .4s;--duration-slower: .6s;--transition-fast: all .15s var(--ease-out);--transition-md: all .25s var(--ease-out);--transition-slow: all .4s var(--ease-out);--transition: all .25s var(--ease-out);--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1200px;--container-2xl: 1400px;--header-height: 72px;--header-padding-x: clamp(1rem, 5vw, 3rem);--z-base: 1;--z-overlay: 100;--z-sticky: 500;--z-modal: 1000;--z-toast: 2000}.not-found-page{min-height:calc(100vh - var(--header-height));display:flex;align-items:center;justify-content:center;padding:var(--space-10) clamp(1rem,4vw,2rem);background:radial-gradient(ellipse 50% 40% at top right,rgba(212,175,55,.05),transparent 60%),radial-gradient(ellipse 50% 40% at bottom left,rgba(46,125,50,.05),transparent 60%),var(--bg-base)}.not-found-content{max-width:580px;text-align:center;position:relative;padding:clamp(2rem,5vw,3rem);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md);animation:fade-in-up var(--duration-slow) var(--ease-out);overflow:hidden}.not-found-eyebrow{display:inline-block;font-family:var(--font-mono);font-size:5rem;font-weight:800;color:var(--brand-50);line-height:1;letter-spacing:-.04em;margin-bottom:var(--space-3);background:linear-gradient(180deg,var(--brand-100),var(--gold-300));-webkit-background-clip:text;background-clip:text;color:transparent}.not-found-content h1{font-family:var(--font-display);font-size:clamp(1.85rem,4vw,2.5rem);font-weight:700;color:var(--text-primary);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);margin:0 0 var(--space-4)}.not-found-content h1 em{font-style:italic;color:var(--brand-700);font-weight:600}.not-found-content p{color:var(--text-secondary);font-size:var(--fs-md);line-height:var(--leading-relaxed);margin:0 0 var(--space-8);max-width:420px;margin-left:auto;margin-right:auto}.not-found-actions{display:flex;justify-content:center;gap:var(--space-3);flex-wrap:wrap}.not-found-button{display:inline-flex;align-items:center;gap:var(--space-2);padding:.9rem 1.85rem;border-radius:var(--radius-full);font-weight:600;font-size:var(--fs-sm);text-decoration:none;transition:all var(--duration-base) var(--ease-out);border:1.5px solid transparent}.not-found-button.primary{background:var(--text-primary);color:var(--text-inverse)}.not-found-button.primary:hover{background:var(--brand-700);transform:translateY(-2px);box-shadow:var(--shadow-brand)}.not-found-button.ghost{background:transparent;color:var(--text-primary);border-color:var(--border-soft)}.not-found-button.ghost:hover{background:var(--bg-subtle);border-color:var(--border-medium);transform:translateY(-2px)}.not-found-decoration{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1}.grain{position:absolute;font-size:2rem;opacity:.12;animation:float-grain 6s ease-in-out infinite}.grain-1{top:12%;left:8%;animation-delay:0s}.grain-2{top:70%;right:10%;font-size:2.5rem;animation-delay:1.5s}.grain-3{top:30%;right:18%;font-size:1.6rem;animation-delay:3s}@keyframes float-grain{0%,to{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-12px) rotate(8deg)}}@media(prefers-reduced-motion:reduce){.grain{animation:none}}