@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Playfair+Display:wght@600;700;800&display=swap";:root{--color-primary: #8b4513;--color-primary-light: #a0522d;--color-primary-dark: #5d2e0a;--color-secondary: #c19a6b;--color-accent: #b8860b;--color-accent-light: #daa520;--color-bg: #fdfaf6;--color-bg-secondary: #f7f2eb;--color-surface: #ffffff;--color-surface-elevated: rgba(255, 255, 255, .98);--color-text-primary: #2c1e11;--color-text-secondary: #5c4033;--color-text-muted: #8d7b6d;--color-text-inverse: #ffffff;--color-border: rgba(139, 69, 19, .12);--color-top-bar: #5d2e0a;--color-nav-bg: #ffffff;--color-nav-border: rgba(139, 69, 19, .1);--color-success: #3e5c3e;--color-error: #8b0000;--color-warning: #b8860b;--color-info: #5d2e0a;--gradient-primary: linear-gradient(135deg, #a0522d 0%, #5d2e0a 100%);--gradient-hero: linear-gradient(160deg, #fdfaf6 0%, #f7f0e6 100%);--gradient-card: linear-gradient(145deg, #ffffff 0%, #fdfaf6 100%);--gradient-accent: linear-gradient(135deg, #daa520 0%, #b8860b 100%);--shadow-xs: 0 1px 2px rgba(139, 69, 19, .04);--shadow-sm: 0 2px 8px rgba(139, 69, 19, .07), 0 1px 3px rgba(0, 0, 0, .04);--shadow-md: 0 4px 16px rgba(139, 69, 19, .1), 0 2px 6px rgba(0, 0, 0, .05);--shadow-lg: 0 8px 30px rgba(139, 69, 19, .12), 0 4px 12px rgba(0, 0, 0, .06);--shadow-xl: 0 16px 48px rgba(139, 69, 19, .14), 0 6px 18px rgba(0, 0, 0, .07);--shadow-2xl: 0 24px 60px rgba(139, 69, 19, .16), 0 8px 24px rgba(0, 0, 0, .08);--shadow-glow: 0 0 24px rgba(139, 69, 19, .25);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--spacing-4xl: 6rem;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 28px;--radius-3xl: 36px;--radius-full: 9999px;--font-heading: "Playfair Display", "Georgia", serif;--font-body: "Plus Jakarta Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;--transition-fast: .12s cubic-bezier(.4, 0, .2, 1);--transition-base: .22s cubic-bezier(.4, 0, .2, 1);--transition-slow: .38s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .3s cubic-bezier(.34, 1.56, .64, 1);--z-sticky: 100;--z-modal: 200;--z-tooltip: 300}@media(prefers-color-scheme:dark){:root{--color-bg: #1A1612;--color-bg-secondary: #231c14;--color-surface: #2C2416;--color-surface-elevated: rgba(44, 36, 22, .97);--color-text-primary: #F5F1E8;--color-text-secondary: #D4C9B3;--color-text-muted: #A89B85;--color-nav-border: rgba(255, 255, 255, .08);--color-border: rgba(255, 255, 255, .08);--gradient-card: linear-gradient(145deg, rgba(44, 36, 22, .95) 0%, rgba(30, 24, 14, .9) 100%)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{font-family:var(--font-body);font-size:1rem;line-height:1.6;color:var(--color-text-primary);background-color:var(--color-bg);min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2;color:var(--color-text-primary);margin-bottom:var(--spacing-md)}h1{font-size:clamp(2.25rem,5vw,3.75rem);font-weight:800;letter-spacing:-.02em}h2{font-size:clamp(1.75rem,4vw,2.75rem);font-weight:700}h3{font-size:clamp(1.375rem,3vw,1.875rem)}h4{font-size:clamp(1.125rem,2.5vw,1.375rem)}p{margin-bottom:var(--spacing-md);color:var(--color-text-secondary)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-base)}a:hover{color:var(--color-primary-dark)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.75rem;font-family:var(--font-body);font-size:.9375rem;font-weight:600;line-height:1;text-align:center;white-space:nowrap;border:none;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-bounce);position:relative;overflow:hidden;letter-spacing:.01em}.btn:after{content:"";position:absolute;inset:0;border-radius:inherit;background:#fff0;transition:background var(--transition-fast)}.btn:hover:after{background:#ffffff1f}.btn:active{transform:scale(.97)!important}.btn-primary{background:var(--gradient-primary);color:var(--color-text-inverse);box-shadow:var(--shadow-md),0 0 #8b451300}.btn-primary:hover{box-shadow:var(--shadow-lg),var(--shadow-glow);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--color-surface);color:var(--color-primary);border:2px solid rgba(139,69,19,.3);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background:var(--color-primary);color:var(--color-text-inverse);border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-ghost{background:transparent;color:var(--color-primary);border:none}.btn-ghost:hover{background:#8b451314;transform:translateY(-1px)}.btn-danger{background:var(--color-error);color:var(--color-text-inverse);box-shadow:var(--shadow-md),0 0 #8b000000}.btn-danger:hover{background:#a00000;box-shadow:var(--shadow-lg),0 0 24px #8b000040;transform:translateY(-2px)}.btn-danger:active{transform:translateY(0)}.btn-large{padding:1rem 2.25rem;font-size:1.0625rem}.btn-small{padding:.5rem 1.25rem;font-size:.8125rem}.card{background:var(--color-surface);border-radius:var(--radius-2xl);padding:var(--spacing-xl);box-shadow:var(--shadow-md);border:1px solid var(--color-border);transition:all var(--transition-base);position:relative;overflow:hidden}.card:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.card-interactive{cursor:pointer}.card-interactive:hover{box-shadow:var(--shadow-2xl);transform:translateY(-6px)}.floating-card{background:var(--color-surface);border-radius:var(--radius-2xl);padding:var(--spacing-xl);box-shadow:var(--shadow-lg);border:1px solid var(--color-border);transition:all var(--transition-bounce)}.floating-card:hover{box-shadow:var(--shadow-2xl),0 0 0 2px #8b451314;transform:translateY(-6px) scale(1.012)}.glass{background:#ffffff1f;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.22);box-shadow:var(--shadow-lg)}.container{width:100%;max-width:1060px;margin:0 auto;padding:0 var(--spacing-lg)}@media(min-width:768px){.container{padding:0 var(--spacing-xl)}}@media(min-width:1024px){.container{padding:0 var(--spacing-2xl)}}.grid{display:grid;gap:var(--spacing-lg)}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-col{display:flex;flex-direction:column}.input{width:100%;padding:.875rem 1.125rem;font-family:var(--font-body);font-size:1rem;color:var(--color-text-primary);background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-base);outline:none}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px #8b45131a}.input::placeholder{color:var(--color-text-muted)}@keyframes fadeIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.93)}to{opacity:1;transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.7) translateY(16px)}60%{opacity:1;transform:scale(1.04) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes floatUp{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseDot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.5}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.animate-fade-in{animation:fadeIn var(--transition-slow) ease-out}.animate-scale-in{animation:scaleIn .35s cubic-bezier(.34,1.56,.64,1)}.animate-bounce-in{animation:bounceIn .5s cubic-bezier(.34,1.56,.64,1)}.animate-float-up{animation:floatUp .45s ease-out both}.animate-slide-in{animation:slideInRight var(--transition-slow) ease-out}.stagger>*:nth-child(1){animation-delay:.05s}.stagger>*:nth-child(2){animation-delay:.1s}.stagger>*:nth-child(3){animation-delay:.15s}.stagger>*:nth-child(4){animation-delay:.2s}.stagger>*:nth-child(5){animation-delay:.25s}.stagger>*:nth-child(6){animation-delay:.3s}.page-enter{animation:floatUp .4s ease-out both}.skeleton{background:linear-gradient(90deg,#8b691412,#d4af3726,#8b691412);background-size:1000px 100%;animation:shimmer 2s infinite;border-radius:var(--radius-lg)}.badge{display:inline-flex;align-items:center;padding:.25rem .75rem;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;border-radius:var(--radius-full);background:var(--gradient-primary);color:var(--color-text-inverse)}.chip{display:inline-flex;align-items:center;gap:.25rem;padding:.35rem .9rem;font-size:.8125rem;font-weight:600;border-radius:var(--radius-full);background:#8b45131a;color:var(--color-primary);border:1px solid rgba(139,69,19,.18)}.text-center{text-align:center}.text-right{text-align:right}.text-muted{color:var(--color-text-muted)}.text-primary{color:var(--color-primary)}.text-accent{color:var(--color-accent)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mt-2xl{margin-top:var(--spacing-2xl)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.mb-2xl{margin-bottom:var(--spacing-2xl)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}@media(max-width:768px){.hide-mobile{display:none}}@media(min-width:769px){.hide-desktop{display:none}}.scroll-reveal{opacity:0;transform:translateY(26px);transition:opacity .55s ease-out,transform .55s ease-out}.scroll-reveal.revealed{opacity:1;transform:translateY(0)}.pulse-dot{width:9px;height:9px;border-radius:var(--radius-full);background:var(--color-success);display:inline-block;animation:pulseDot 1.8s ease-in-out infinite}.pulse-dot.warning{background:var(--color-warning)}.pulse-dot.error{background:var(--color-error)}.badge-number{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;font-size:.6875rem;font-weight:800;border-radius:var(--radius-full);background:var(--gradient-primary);color:#fff;animation:bounceIn .4s cubic-bezier(.34,1.56,.64,1)}:focus-visible{outline:3px solid rgba(139,69,19,.5);outline-offset:3px;border-radius:var(--radius-sm)}::selection{background:var(--color-accent);color:var(--color-text-inverse)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--gradient-primary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary-dark)}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:col-span-4{grid-column:span 4 / span 4}.lg\:col-span-8{grid-column:span 8 / span 8}.gap-xs{gap:.5rem}.gap-sm{gap:.75rem}.gap-md{gap:1rem}.gap-lg{gap:1.5rem}.gap-xl{gap:2rem}.sticky{position:sticky}.top-20{top:5rem}.top-24{top:6rem}.rounded-3xl{border-radius:2rem}.shadow-2xl{box-shadow:0 25px 50px -12px #00000040}.bg-success\/10{background-color:#3e5c3e1a}.text-success{color:#3e5c3e}.border-success\/20{border-color:#3e5c3e33}.bg-info\/10{background-color:#5d2e0a1a}.text-info{color:#5d2e0a}.border-info\/20{border-color:#5d2e0a33}.bg-warning\/10{background-color:#b8860b1a}.text-warning{color:#b8860b}.border-warning\/20{border-color:#b8860b33}.bg-error\/10{background-color:#8b00001a}.text-error{color:#8b0000}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-2xl{font-size:1.5rem}.p-2{padding:.5rem}.pl-10{padding-left:2.5rem}.min-h-\[400px\]{min-height:400px}.max-w-4xl{max-width:56rem}.transition-colors{transition-property:background-color,border-color,color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.header{position:sticky;top:0;z-index:var(--z-sticky, 100);background:#ffffffeb;backdrop-filter:blur(18px) saturate(180%);-webkit-backdrop-filter:blur(18px) saturate(180%);border-bottom:1px solid var(--color-nav-border);transition:box-shadow var(--transition-base),background var(--transition-base)}.header.scrolled{box-shadow:var(--shadow-md)}.header-top{background:var(--gradient-primary);color:#fff;padding:.45rem 0;overflow:hidden;white-space:nowrap;font-size:.75rem;font-weight:600;letter-spacing:.06em}.header-top-marquee{display:flex;overflow:hidden}.header-top-track{display:inline-flex;gap:2rem;align-items:center;white-space:nowrap;animation:marquee 30s linear infinite}.header-top-track .sep{color:#fff6;flex-shrink:0}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.header-content{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0;gap:var(--spacing-md)}.header-logo{flex-shrink:0}.logo-link{display:flex;align-items:center;gap:.625rem;text-decoration:none;transition:all var(--transition-base)}.logo-link:hover{opacity:.85;transform:scale(1.01)}.logo-icon{font-size:1.75rem;color:var(--color-accent);filter:drop-shadow(0 2px 6px rgba(184,134,11,.35));animation:pulse 3s ease-in-out infinite}.logo-img{height:60px;width:auto;object-fit:contain;display:block;transition:transform var(--transition-bounce)}@media(max-width:768px){.logo-img{height:48px}}.header-nav{background:transparent;border:none;padding:0}.nav-container{display:flex;justify-content:center;gap:.25rem}.nav-link{font-size:.875rem;font-weight:600;color:var(--color-text-secondary);text-decoration:none;padding:.45rem 1rem;border-radius:var(--radius-full);transition:all var(--transition-base);letter-spacing:.01em}.nav-link:hover{color:var(--color-primary);background:#8b451314}.nav-link.active{color:var(--color-primary);background:#8b45131a}.header-utils{display:flex;gap:var(--spacing-sm);align-items:center}.util-link{display:flex;align-items:center;gap:.35rem;font-size:.8125rem;font-weight:600;color:var(--color-text-secondary);text-decoration:none;padding:.45rem .9rem;border-radius:var(--radius-full);transition:all var(--transition-bounce);position:relative}.header-search{flex:1;max-width:480px;margin-right:var(--spacing-md);margin-left:var(--spacing-md)}.search-form{position:relative;display:flex;align-items:center}.search-input{width:100%;padding:.65rem 3rem .65rem 1.1rem;font-size:.9375rem;background:#8b45130a;border:1.5px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-primary);transition:all var(--transition-base)}.search-input:focus{outline:none;background:#fff;border-color:var(--color-primary);box-shadow:0 0 0 4px #8b45131a}.search-submit{position:absolute;right:5px;background:var(--color-primary);color:#fff;border:none;width:36px;height:36px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform var(--transition-bounce),background var(--transition-base)}.search-submit:hover{background:var(--color-accent);transform:scale(1.05)}.search-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .8s linear infinite}.search-suggestions{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#fffffffa;border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:1000;overflow:hidden;animation:slideDown .22s cubic-bezier(.34,1.56,.64,1)}.suggestion-item{display:flex;align-items:center;gap:12px;padding:10px 16px;cursor:pointer;transition:background .15s,border-left-color .15s;border-left:3px solid transparent}.suggestion-item:hover{background:#8b45130d;border-left-color:var(--color-primary)}.suggestion-img{width:40px;height:40px;border-radius:6px;object-fit:cover;background:#f5f5f5}.suggestion-info{flex:1}.suggestion-name{font-size:.9rem;font-weight:600;color:var(--color-text-primary)}.suggestion-price{font-size:.8rem;color:var(--color-primary);font-weight:700}.suggestion-view-all{padding:10px;text-align:center;font-size:.85rem;font-weight:700;color:var(--color-primary);background:#8b45130a;cursor:pointer;border-top:1px solid var(--color-border)}.suggestion-view-all:hover{background:#8b451314}.suggestion-empty{padding:20px;text-align:center;color:var(--color-text-muted);font-size:.9rem}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.util-link:hover{color:var(--color-primary);background:#8b451312;transform:translateY(-1px) scale(1.02)}.header-actions{display:flex;align-items:center;gap:var(--spacing-sm);flex:1}.cart-button{position:relative;display:flex;align-items:center;gap:.375rem;color:var(--color-text-secondary);text-decoration:none;padding:.5rem 1rem;border-radius:var(--radius-full);border:1.5px solid var(--color-border);background:var(--color-surface);transition:all var(--transition-bounce);box-shadow:var(--shadow-xs)}.cart-button:hover{color:var(--color-primary);border-color:var(--color-primary);box-shadow:var(--shadow-sm);transform:translateY(-1px);background:#8b45130a}.cart-label{font-size:.8125rem;font-weight:700;letter-spacing:.02em}@keyframes cartBadgePop{0%{transform:scale(0)}60%{transform:scale(1.25)}to{transform:scale(1)}}.cart-badge{position:absolute;top:-6px;right:-6px;display:flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;font-size:.6875rem;font-weight:800;color:#fff;background:var(--gradient-primary);border-radius:var(--radius-full);border:2px solid #ffffff;box-shadow:var(--shadow-sm);animation:cartBadgePop .4s cubic-bezier(.34,1.56,.64,1)}.menu-toggle{display:flex;flex-direction:column;justify-content:space-between;width:26px;height:18px;background:transparent;border:none;cursor:pointer;padding:0;margin-left:var(--spacing-xs)}.menu-toggle span{display:block;width:100%;height:2px;background:var(--color-primary);border-radius:var(--radius-full);transition:all var(--transition-base)}.menu-toggle:hover span{background:var(--color-accent)}.menu-toggle.active span:nth-child(1){transform:translateY(8px) rotate(45deg)}.menu-toggle.active span:nth-child(2){opacity:0;transform:scaleX(0)}.menu-toggle.active span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}@media(max-width:768px){.header-content{padding:.5rem 0}.header-nav{position:fixed;top:54px;left:0;right:0;z-index:98;background:#fffffff7;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--color-nav-border);box-shadow:var(--shadow-lg);max-height:0;overflow:hidden;transition:max-height .32s cubic-bezier(.4,0,.2,1)}.header-nav.open{max-height:100vh}.nav-container{flex-direction:column;gap:0;padding:var(--spacing-sm) var(--spacing-md)}.nav-link{padding:.85rem var(--spacing-md);border-radius:var(--radius-lg);border-bottom:1px solid var(--color-nav-border);text-align:left}.nav-link:last-child{border-bottom:none}.logo-subtitle{display:none}.logo-title{font-size:1.35rem}}@media(min-width:769px)and (max-width:1024px){.nav-link{padding:.45rem .75rem}}.hero{position:relative;padding:var(--spacing-4xl) 0 0 0;background:var(--color-bg);overflow:hidden;min-height:580px;display:flex;flex-direction:column;justify-content:center}.hero:before{content:"";position:absolute;top:-20%;right:-10%;width:56%;height:140%;background:radial-gradient(ellipse at center,rgba(184,134,11,.09) 0%,transparent 70%);pointer-events:none;z-index:0}.hero-background{position:absolute;inset:0;background:var(--gradient-hero);z-index:0}.hero-grain{position:absolute;inset:0;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");pointer-events:none}.hero-container{position:relative;z-index:1;display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--spacing-3xl);padding-bottom:var(--spacing-4xl)}.hero-tagline{display:inline-flex;align-items:center;gap:.5rem;font-size:.8125rem;font-weight:700;color:var(--color-primary);letter-spacing:.1em;text-transform:uppercase;margin-bottom:var(--spacing-md);background:#8b451314;padding:.35rem 1rem;border-radius:var(--radius-full);border:1px solid rgba(139,69,19,.15);width:fit-content}.hero-title{font-family:var(--font-heading);font-size:clamp(2.75rem,7vw,4.25rem);font-weight:800;color:var(--color-text-primary);line-height:1.1;margin-bottom:var(--spacing-lg);letter-spacing:-.025em}.hero-title span{color:var(--color-secondary);position:relative}.hero-description{font-size:1.125rem;color:var(--color-text-secondary);max-width:540px;line-height:1.7;margin-bottom:var(--spacing-2xl)}.hero-actions{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.hero-trust-badge{background:var(--color-surface);padding:var(--spacing-xl);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);border:1px solid var(--color-border);transform:rotate(2deg);transition:transform var(--transition-bounce)}.hero-trust-badge:hover{transform:rotate(0) scale(1.03)}.trust-badge-content{display:flex;align-items:center;gap:var(--spacing-md)}.badge-icon{font-size:2.5rem}.badge-text h4{font-family:var(--font-body);font-size:.7rem;font-weight:700;text-transform:uppercase;color:var(--color-text-muted);letter-spacing:.07em;margin-bottom:2px}.badge-text p{font-weight:700;color:var(--color-secondary);margin:0}.hero-trust-bar{background:var(--color-surface);border-top:1px solid var(--color-nav-border);padding:var(--spacing-lg) 0;margin-top:auto}.trust-bar-items{display:flex;justify-content:center;align-items:center;gap:var(--spacing-2xl)}.trust-item{display:flex;flex-direction:column;gap:3px}.trust-label{font-size:.625rem;font-weight:700;color:var(--color-text-muted);letter-spacing:.12em;text-transform:uppercase}.trust-item strong{font-size:.9rem;color:var(--color-text-primary);font-weight:700}.trust-item.divider{width:1px;height:36px;background:var(--color-nav-border)}@media(max-width:1024px){.hero-container{grid-template-columns:1fr;text-align:center}.hero-description{margin-left:auto;margin-right:auto}.hero-actions{justify-content:center}.hero-tagline{margin-left:auto;margin-right:auto}.hero-trust-badge{display:none}}@media(max-width:768px){.hero{padding-top:var(--spacing-2xl);min-height:auto}.trust-bar-items{flex-direction:column;gap:var(--spacing-md);text-align:center}.trust-item.divider{display:none}}.product-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);overflow:hidden;transition:all var(--transition-base);cursor:pointer;display:flex;flex-direction:column;height:100%;box-shadow:var(--shadow-sm)}.product-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl),0 0 0 1px #8b45131f;border-color:#8b451347}.product-image-wrapper{position:relative;padding-top:100%;background:#f7f2eb;overflow:hidden;border-radius:0}.product-image-wrapper .product-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.product-card:hover .product-image-wrapper .product-image{transform:scale(1.08)}.product-image-wrapper:after{content:"View Details";position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;padding-bottom:1.25rem;background:linear-gradient(to top,rgba(93,46,10,.55) 0%,transparent 55%);color:#fff;font-family:var(--font-body);font-size:.8125rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;opacity:0;transition:opacity var(--transition-base)}.product-card:hover .product-image-wrapper:after{opacity:1}.product-info{padding:var(--spacing-lg);display:flex;flex-direction:column;flex-grow:1;min-width:0;gap:var(--spacing-xs)}.product-name{font-family:var(--font-heading);font-size:1.1rem;font-weight:700;color:var(--color-text-primary);margin-bottom:0;line-height:1.25}.product-description{font-size:.875rem;color:var(--color-text-muted);line-height:1.55;flex-grow:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:var(--spacing-md)}.product-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-sm);padding-top:var(--spacing-md);border-top:1px solid var(--color-nav-border);margin-top:auto}.product-price{font-size:1.2rem;font-weight:800;color:var(--color-primary);white-space:nowrap}.btn-add-cart{background:var(--gradient-primary);color:#fff;border:none;padding:.55rem 1.125rem;border-radius:var(--radius-full);font-family:var(--font-body);font-size:.8rem;font-weight:700;cursor:pointer;transition:all var(--transition-bounce);white-space:nowrap;flex:1;min-width:fit-content;text-align:center;box-shadow:var(--shadow-sm);letter-spacing:.02em}.btn-add-cart:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-md);opacity:.92}.btn-add-cart:active:not(:disabled){transform:scale(.97)}.btn-add-cart:disabled{background:var(--color-text-muted);cursor:not-allowed;opacity:.6}@keyframes addSuccess{0%{background:var(--gradient-primary)}30%{background:linear-gradient(135deg,#3e5c3e,#2e4e2e)}to{background:var(--gradient-primary)}}.btn-add-cart.adding{animation:addSuccess 1s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}.product-card{animation:fadeInUp .55s ease-out backwards}.product-card:nth-child(1){animation-delay:.05s}.product-card:nth-child(2){animation-delay:.12s}.product-card:nth-child(3){animation-delay:.19s}.product-card:nth-child(4){animation-delay:.26s}.product-card:nth-child(5){animation-delay:.33s}.product-card:nth-child(6){animation-delay:.4s}.home{min-height:100vh;display:flex;flex-direction:column;background:var(--color-bg)}.all-products{padding:var(--spacing-3xl) 0}.section-header{text-align:center;margin-bottom:var(--spacing-3xl)}.section-eyebrow{display:inline-flex;align-items:center;gap:.4rem;font-size:.8125rem;font-weight:700;color:var(--color-primary);letter-spacing:.1em;text-transform:uppercase;margin-bottom:var(--spacing-sm);background:#8b451314;padding:.35rem 1rem;border-radius:var(--radius-full);border:1px solid rgba(139,69,19,.15)}.section-title{font-family:var(--font-heading);font-size:clamp(1.875rem,4vw,2.75rem);color:var(--color-text-primary);margin-bottom:var(--spacing-sm);font-weight:800;letter-spacing:-.02em}.section-description{font-size:1.0625rem;color:var(--color-text-muted);font-style:italic}.section-header:after{content:"";display:block;width:48px;height:3px;background:var(--gradient-accent);border-radius:var(--radius-full);margin:1rem auto 0}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:var(--spacing-xl);animation:fadeIn .4s ease-out}.loading-state,.error-state,.empty-state{text-align:center;padding:var(--spacing-3xl);background:var(--color-surface);border:2px dashed rgba(139,69,19,.15);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm);animation:fadeIn .4s ease-out}.skeleton-card{height:420px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);overflow:hidden}.product-image-skeleton{height:280px;width:100%}.skeleton-title{height:24px;width:70%;margin-bottom:var(--spacing-sm)}.skeleton-price{height:28px;width:40%}.skeleton-button{height:40px;width:40px;border-radius:var(--radius-full)}.footer{background:var(--color-surface);border-top:1px solid var(--color-border);padding:var(--spacing-3xl) 0 var(--spacing-xl);margin-top:auto}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-2xl);margin-bottom:var(--spacing-2xl)}.footer-section h4{font-family:var(--font-body);font-size:.875rem;font-weight:800;color:var(--color-text-primary);margin-bottom:var(--spacing-md);text-transform:uppercase;letter-spacing:.08em}.footer-section ul{list-style:none;padding:0}.footer-section li{margin-bottom:var(--spacing-sm);font-size:.9rem;color:var(--color-text-secondary)}.footer-section a{color:var(--color-text-muted);text-decoration:none;transition:color var(--transition-base),padding-left var(--transition-base);display:inline-block}.footer-section a:hover{color:var(--color-primary);padding-left:4px}.footer-bottom{text-align:center;padding-top:var(--spacing-xl);border-top:1px solid var(--color-border);font-size:.8rem;color:var(--color-text-muted)}.products-page{min-height:100vh;display:flex;flex-direction:column;background:var(--color-bg)}.products-toolbar{position:sticky;top:0;z-index:var(--z-sticky);background:var(--color-surface-elevated);border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);padding:var(--spacing-md) 0;transition:box-shadow var(--transition-base)}.products-toolbar.scrolled{box-shadow:var(--shadow-md)}.toolbar-inner{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.toolbar-search{position:relative;flex:1;min-width:200px;max-width:420px}.toolbar-search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--color-text-muted);pointer-events:none;display:flex;align-items:center}.toolbar-search-input{width:100%;padding:.7rem 1rem .7rem 2.75rem;font-family:var(--font-body);font-size:.9375rem;color:var(--color-text-primary);background:var(--color-bg);border:1.5px solid var(--color-border);border-radius:var(--radius-full);outline:none;transition:all var(--transition-base)}.toolbar-search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px #8b451314;background:var(--color-surface)}.toolbar-search-input::placeholder{color:var(--color-text-muted)}.toolbar-controls{display:flex;align-items:center;gap:var(--spacing-sm);margin-left:auto}.toolbar-sort{position:relative}.toolbar-sort-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.6rem 1rem;font-family:var(--font-body);font-size:.875rem;font-weight:600;color:var(--color-text-secondary);background:var(--color-bg);border:1.5px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.toolbar-sort-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background:#8b45130a}.toolbar-sort-btn svg{transition:transform var(--transition-base)}.toolbar-sort-btn.open svg{transform:rotate(180deg)}.sort-dropdown{position:absolute;top:calc(100% + 6px);right:0;min-width:200px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);overflow:hidden;z-index:10;animation:scaleIn .2s ease-out}.sort-option{display:flex;align-items:center;gap:.5rem;width:100%;padding:.7rem 1rem;font-family:var(--font-body);font-size:.875rem;font-weight:500;color:var(--color-text-secondary);background:transparent;border:none;cursor:pointer;transition:all var(--transition-fast);text-align:left}.sort-option:hover{background:#8b45130f;color:var(--color-primary)}.sort-option.active{color:var(--color-primary);font-weight:700;background:#8b451314}.sort-option .check-icon{margin-left:auto;color:var(--color-primary)}.toolbar-count{font-size:.85rem;color:var(--color-text-muted);white-space:nowrap;font-weight:500}.products-section{padding:var(--spacing-3xl) 0;flex:1}.products-grid-main{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:var(--spacing-xl);animation:fadeIn .4s ease-out}.products-empty{text-align:center;padding:var(--spacing-4xl) var(--spacing-xl);animation:fadeIn .4s ease-out}.products-empty-icon{font-size:3.5rem;margin-bottom:var(--spacing-lg);display:block;animation:bounceIn .6s ease-out}.products-empty h3{font-family:var(--font-heading);font-size:1.5rem;color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.products-empty p{color:var(--color-text-muted);max-width:400px;margin:0 auto var(--spacing-lg)}.products-empty .btn{margin-top:var(--spacing-sm)}.product-featured-badge{position:absolute;top:12px;left:12px;display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .7rem;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#fff;background:var(--gradient-accent);border-radius:var(--radius-full);z-index:2;box-shadow:var(--shadow-sm)}.products-skeleton-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:var(--spacing-xl)}.product-skeleton-card{height:420px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);overflow:hidden}.product-skeleton-card .skeleton-img{height:280px;width:100%}.product-skeleton-card .skeleton-content{padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-sm)}.product-skeleton-card .skeleton-line{height:18px;border-radius:6px}.product-skeleton-card .skeleton-line.w-70{width:70%}.product-skeleton-card .skeleton-line.w-50{width:50%}.product-skeleton-card .skeleton-line.w-40{width:40%}.product-skeleton-card .skeleton-btn{height:40px;width:100%;border-radius:var(--radius-full);margin-top:var(--spacing-sm)}@media(max-width:768px){.products-hero{padding:var(--spacing-3xl) 0 var(--spacing-2xl)}.toolbar-inner{flex-direction:column;align-items:stretch}.toolbar-search{max-width:100%}.toolbar-controls{justify-content:space-between;margin-left:0}.products-grid-main{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--spacing-lg)}}@media(max-width:480px){.products-grid-main{grid-template-columns:1fr}}.saved-address-banner{display:flex;flex-direction:column;gap:.75rem;padding:1rem 1.25rem;margin-bottom:1.5rem;background:linear-gradient(135deg,#8b45130f,#8b451308);border:1px solid rgba(139,69,19,.2);border-radius:var(--radius-xl);animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.saved-address-info{display:flex;align-items:flex-start;gap:.75rem}.saved-address-icon{font-size:1.25rem;flex-shrink:0;margin-top:2px}.saved-address-label{font-weight:700;font-size:.85rem;color:var(--color-primary);margin-bottom:.2rem}.saved-address-text{font-size:.8rem;color:var(--color-text-muted)}.saved-address-actions{display:flex;gap:.5rem}.btn-small{padding:.4rem .9rem!important;font-size:.8rem!important}#payment-form{max-width:600px;margin:0 auto;padding:2.5rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl)}.checkout-step h4{margin-bottom:1.5rem;color:var(--color-primary);font-size:1.1rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:.5rem}.loading-rates{padding:1.5rem;text-align:center;background:#8b451308;border-radius:var(--radius-lg);border:1px dashed var(--color-border);color:var(--color-text-muted);font-size:.9rem;animation:pulse 2s infinite}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.shipping-rates{display:flex;flex-direction:column;gap:.75rem}.rate-option{display:flex;align-items:center;padding:1rem 1.25rem;background:var(--color-bg);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease;gap:1rem}.rate-option:hover{border-color:var(--color-primary-light);background:#8b451305}.rate-option.active{border-color:var(--color-primary);background:#8b45130d;box-shadow:0 4px 12px #8b451314}.rate-option input[type=radio]{accent-color:var(--color-primary);width:1.2rem;height:1.2rem}.rate-info{flex:1;display:flex;flex-direction:column}.rate-service{font-weight:700;color:var(--color-text-primary);font-size:.95rem}.rate-days{font-size:.8rem;color:var(--color-text-muted)}.rate-cost{font-family:monospace;font-weight:700;color:var(--color-primary);font-size:1.1rem}.payment-summary-box{background:var(--color-bg);padding:1.5rem;border-radius:var(--radius-lg);border:1px solid var(--color-border);margin-bottom:2rem}.summary-line{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.9rem;color:var(--color-text-muted)}.summary-line.total{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--color-border);font-weight:800;font-size:1.25rem;color:var(--color-text-primary)}.payment-summary-box .total span:last-child{color:var(--color-primary)}.delivery-toggle-container{margin-bottom:2rem}.delivery-toggle{display:flex;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:.25rem;gap:.25rem}.toggle-option{flex:1;padding:.75rem;border:none;background:none;border-radius:var(--radius-lg);font-weight:700;color:var(--color-text-muted);cursor:pointer;transition:all .2s ease;font-size:.9rem}.toggle-option.active{background:var(--color-surface);color:var(--color-primary);box-shadow:var(--shadow-sm);border:1px solid var(--color-border)}.pickup-locations-list{display:flex;flex-direction:column;gap:1rem}#payment-message{margin-top:1rem;padding:1rem;background:#dc35450d;border-radius:var(--radius-md);color:var(--color-error);font-size:.9rem;text-align:center;border:1px solid rgba(220,53,69,.1)}@media(max-width:480px){#payment-form{padding:1.5rem;border-radius:0;border:none}}.toast-container{position:fixed;top:2rem;right:2rem;display:flex;flex-direction:column;gap:1rem;z-index:9999;pointer-events:none}.toast{pointer-events:auto;min-width:300px;max-width:450px;background:var(--color-surface);border-radius:var(--radius-xl);padding:1rem 1.25rem;box-shadow:0 10px 25px #5d2e0a26;border:1px solid var(--color-border);animation:toastSlideIn .4s cubic-bezier(.16,1,.3,1);display:flex;align-items:center}@keyframes toastSlideIn{0%{transform:translate(100%) scale(.9);opacity:0}to{transform:translate(0) scale(1);opacity:1}}.toast-content{display:flex;align-items:center;gap:.85rem;width:100%}.toast-icon{width:20px;height:20px;flex-shrink:0}.toast-message{font-size:.9375rem;font-weight:500;color:var(--color-text-primary)}.toast-success{border-left:4px solid #3e5c3e}.toast-success .toast-icon{color:#3e5c3e}.toast-error{border-left:4px solid #8b0000}.toast-error .toast-icon{color:#8b0000}.toast-info{border-left:4px solid var(--color-primary)}.toast-info .toast-icon{color:var(--color-primary)}@media(max-width:600px){.toast-container{top:auto;bottom:2rem;left:1rem;right:1rem}.toast{min-width:0}}.cart-page{min-height:100vh;background:var(--color-bg)}.cart-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-2xl) 0;border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-2xl)}.cart-header h1{font-size:2rem;color:var(--color-text-primary);margin:0}.cart-empty{text-align:center;padding:var(--spacing-3xl) 0;max-width:500px;margin:0 auto}.empty-cart-icon{font-size:5rem;margin-bottom:var(--spacing-lg);opacity:.25}.cart-empty h1{font-size:2rem;color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.cart-empty p{color:var(--color-text-secondary);margin-bottom:var(--spacing-2xl);font-size:1.125rem}.cart-content{display:grid;grid-template-columns:1fr 380px;gap:var(--spacing-2xl);margin-bottom:var(--spacing-3xl)}@media(max-width:968px){.cart-content{grid-template-columns:1fr}}.cart-items{display:flex;flex-direction:column;gap:var(--spacing-md)}.cart-item{display:grid;grid-template-columns:110px 1fr auto;gap:var(--spacing-lg);padding:var(--spacing-lg);background:var(--color-surface);border-radius:var(--radius-2xl);border:1px solid var(--color-border);transition:all var(--transition-base);box-shadow:var(--shadow-xs)}.cart-item:hover{box-shadow:var(--shadow-md);border-color:#8b451338}.cart-item-image{width:110px;height:110px;object-fit:cover;border-radius:var(--radius-xl);background:var(--color-bg-secondary)}.cart-item-details{display:flex;flex-direction:column;gap:var(--spacing-xs)}.cart-item-details h3{font-size:1.125rem;color:var(--color-text-primary);margin:0}.cart-item-description{color:var(--color-text-muted);font-size:.9rem;margin:0;line-height:1.5}.cart-item-price{color:var(--color-primary);font-weight:700;font-size:1.0625rem;margin:0}.cart-item-actions{display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-md)}.quantity-controls{display:flex;align-items:center;gap:0;background:var(--color-bg-secondary);border-radius:var(--radius-full);border:1.5px solid var(--color-border);overflow:hidden;padding:2px}.quantity-btn{width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-full);color:var(--color-primary);font-size:1.1rem;font-weight:700;cursor:pointer;transition:all var(--transition-fast)}.quantity-btn:hover{background:var(--color-primary);color:#fff}.quantity-display{min-width:36px;text-align:center;font-weight:700;font-size:.9375rem;color:var(--color-text-primary)}.item-total{font-size:1.2rem;font-weight:800;color:var(--color-primary);margin:0}.btn-remove{background:none;border:none;color:var(--color-text-muted);font-size:.8125rem;font-weight:600;cursor:pointer;padding:.35rem .75rem;border-radius:var(--radius-full);transition:all var(--transition-base)}.btn-remove:hover{background:#8b000014;color:var(--color-error)}.cart-summary{position:sticky;top:var(--spacing-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--spacing-xl);height:fit-content;box-shadow:var(--shadow-md)}.cart-summary h2{font-size:1.375rem;color:var(--color-text-primary);margin:0 0 var(--spacing-lg) 0}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 0;color:var(--color-text-secondary);font-size:.9375rem}.summary-row span:last-child{font-weight:600;color:var(--color-text-primary)}.summary-divider{height:1px;background:var(--color-border);margin:var(--spacing-md) 0}.summary-total{font-size:1.1875rem;color:var(--color-text-primary);font-weight:700;padding:var(--spacing-md) 0}.summary-total span:last-child{color:var(--color-primary);font-size:1.375rem;font-weight:800}.btn-block{width:100%;margin-top:var(--spacing-md)}@media(max-width:768px){.cart-item{grid-template-columns:80px 1fr;gap:var(--spacing-md);border-radius:var(--radius-xl)}.cart-item-image{width:80px;height:80px;border-radius:var(--radius-lg)}.cart-item-actions{grid-column:1 / -1;flex-direction:row;justify-content:space-between;align-items:center}.cart-summary{position:static}}.product-details-page{padding-top:var(--spacing-2xl);padding-bottom:var(--spacing-3xl);background-color:var(--color-bg)}.product-details-container{max-width:1080px;margin:var(--spacing-2xl) auto;padding:var(--spacing-3xl);display:grid;grid-template-columns:minmax(0,1fr) 1fr;gap:var(--spacing-4xl);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-3xl);box-shadow:var(--shadow-xl)}.product-image-section{position:relative;background:linear-gradient(145deg,#fdfaf6,#f3ece0);border:1px solid var(--color-nav-border);border-radius:var(--radius-2xl);padding:var(--spacing-2xl);display:flex;align-items:center;justify-content:center;min-width:0;aspect-ratio:1 / 1;overflow:hidden}.product-image-section .product-image{position:static!important;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 6px 18px rgba(93,46,10,.15));transition:transform var(--transition-slow)}.product-image-section:hover .product-image{transform:scale(1.04)}.product-info-section{display:flex;flex-direction:column;gap:var(--spacing-lg)}.product-title{font-family:var(--font-heading);font-size:2.25rem;font-weight:800;color:var(--color-text-primary);margin:0;line-height:1.2}.product-price{font-size:1.875rem;color:var(--color-primary);font-weight:800;font-family:var(--font-body)}.product-description{font-size:1rem;line-height:1.75;color:var(--color-text-secondary)}.product-weight-label{display:inline-block;font-size:.875rem;font-weight:700;color:var(--color-primary);background:#8b451314;padding:.25rem .75rem;border-radius:var(--radius-full);margin-bottom:var(--spacing-sm)}.add-to-cart-section{margin-top:var(--spacing-sm);display:flex;flex-direction:column;gap:var(--spacing-md)}.quantity-selector{display:inline-flex;align-items:center;background:var(--color-bg-secondary);border:1.5px solid var(--color-border);border-radius:var(--radius-full);overflow:hidden;width:fit-content}.qty-btn{background:transparent;border:none;width:42px;height:42px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.25rem;font-weight:700;color:var(--color-primary);transition:background var(--transition-fast),color var(--transition-fast)}.qty-btn:hover{background:#8b45131f}.qty-input{width:56px;text-align:center;border:none;border-left:1.5px solid var(--color-border);border-right:1.5px solid var(--color-border);background:transparent;font-family:var(--font-body);font-size:1rem;font-weight:700;color:var(--color-text-primary);padding:0;height:42px;line-height:42px;outline:none}.btn-add-cart{background:var(--gradient-primary);color:#fff;border:none;padding:1rem 2rem;border-radius:var(--radius-full);font-family:var(--font-body);font-size:1.0625rem;font-weight:700;cursor:pointer;transition:all var(--transition-bounce);letter-spacing:.04em;box-shadow:var(--shadow-md);width:100%}.btn-add-cart:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg),var(--shadow-glow)}.btn-add-cart:active{transform:translateY(0) scale(.98)}.product-image-details-skeleton{width:100%;height:100%;border-radius:var(--radius-2xl)}.skeleton-title-lg{height:48px;width:80%}.skeleton-price-lg{height:36px;width:30%}.skeleton-desc-lg{height:18px;width:100%}.skeleton-btn-lg{height:56px;width:100%;border-radius:var(--radius-full)}.loading-container,.error-container{text-align:center;padding:var(--spacing-3xl);min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center}@media(max-width:768px){.product-details-container{grid-template-columns:1fr;padding:var(--spacing-lg);gap:var(--spacing-xl);border-radius:var(--radius-2xl)}.product-title{font-size:1.75rem}.product-price{font-size:1.5rem}}.success-page{min-height:100vh;display:flex;flex-direction:column;background:var(--color-bg)}.success-content{flex:1;display:flex;align-items:center;justify-content:center;padding:3rem 1.25rem}.success-card{max-width:640px;width:100%;padding:3rem 2.5rem;text-align:center;border-radius:var(--radius-2xl);background:var(--color-surface);box-shadow:0 25px 50px -12px #8b451326;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(139,69,19,.1)}.icon-container{width:80px;height:80px;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%;border:2px solid currentColor}.icon-container svg{width:40px;height:40px}.success-icon{color:var(--color-success);background:#2d7a3e1a;animation:scaleUp .5s cubic-bezier(.175,.885,.32,1.275)}.processing-icon{color:var(--color-info);background:#2563eb1a}.error-icon{color:var(--color-error);background:#c530301a}.success-card h1{font-size:2.25rem;font-family:var(--font-primary);color:var(--color-primary-dark);margin-bottom:.75rem;line-height:1.15}.success-card>p{font-size:1.1rem;color:var(--color-text-secondary);margin-bottom:1.5rem;line-height:1.6}.order-details{background:var(--color-bg-secondary);padding:1.25rem 1.5rem;border-radius:var(--radius-lg);margin-bottom:2rem}.order-id-badge{font-size:.9rem;margin-bottom:.5rem;color:var(--color-text-primary)}.order-id-badge code{font-weight:700;word-break:break-all}.order-details .text-muted{font-size:.9rem;color:var(--color-text-muted);margin-bottom:0}.success-actions{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 0}.spinner-large{width:44px;height:44px;border:4px solid rgba(0,0,0,.1);border-left-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes scaleUp{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.about-container{padding-top:var(--spacing-2xl);padding-bottom:var(--spacing-3xl);max-width:1000px}.breadcrumbs{font-size:.875rem;color:var(--color-text-muted);margin-bottom:var(--spacing-xl);text-transform:uppercase;letter-spacing:.05em}.breadcrumbs a{color:var(--color-text-muted)}.page-title{font-size:2.5rem;color:var(--color-primary);border-bottom:2px solid var(--color-primary-light);padding-bottom:var(--spacing-sm);margin-bottom:var(--spacing-xl)}.faq-subtitle{font-family:var(--font-body);font-style:italic;font-weight:400;color:var(--color-text-secondary);margin-bottom:var(--spacing-2xl)}.faq-item{margin-bottom:var(--spacing-2xl)}.faq-question{font-size:1.25rem;font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-xs);text-decoration:underline}.faq-answer{font-size:1rem;line-height:1.8;color:var(--color-text-secondary);margin-bottom:var(--spacing-md)}@media(max-width:768px){.page-title{font-size:2rem}}.account-page{min-height:80vh;padding:var(--spacing-2xl) 0 var(--spacing-3xl);background:var(--color-bg)}.account-loading{text-align:center;padding:var(--spacing-3xl)}.auth-container{display:flex;justify-content:center;align-items:flex-start;padding:var(--spacing-2xl) 0}.auth-card{width:100%;max-width:460px;background:var(--color-surface);border-radius:var(--radius-2xl);padding:var(--spacing-2xl) var(--spacing-2xl) var(--spacing-xl);box-shadow:var(--shadow-xl);border:1px solid var(--color-border)}.auth-header{text-align:center;margin-bottom:var(--spacing-xl)}.auth-header h1{font-size:1.75rem;margin-bottom:var(--spacing-xs)}.auth-subtitle{color:var(--color-text-muted);font-size:.9375rem}.auth-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.auth-message{padding:.75rem 1rem;border-radius:var(--radius-lg);font-size:.875rem;font-weight:600;margin-bottom:var(--spacing-sm)}.auth-message.error{background:#8b000014;color:var(--color-error);border:1px solid rgba(139,0,0,.15)}.auth-message.success{background:#3e5c3e14;color:var(--color-success);border:1px solid rgba(62,92,62,.15)}.auth-link{background:none;border:none;color:var(--color-primary);font-weight:600;font-size:.875rem;cursor:pointer;padding:.25rem;text-align:center;text-decoration:underline}.auth-link:hover{color:var(--color-primary-dark)}.auth-divider{display:flex;align-items:center;gap:1rem;color:var(--color-text-muted);font-size:.8125rem;margin:var(--spacing-sm) 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--color-border)}.form-group{display:flex;flex-direction:column;gap:.35rem}.form-group label{font-size:.8125rem;font-weight:700;color:var(--color-text-secondary);letter-spacing:.02em}.form-input{width:100%;padding:.75rem 1rem;font-family:var(--font-body);font-size:.9375rem;color:var(--color-text-primary);background:var(--color-bg);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);outline:none;transition:border-color var(--transition-base),box-shadow var(--transition-base)}.form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px #8b45131a}.form-input:disabled{opacity:.6;cursor:not-allowed}.form-input::placeholder{color:var(--color-text-muted)}select.form-input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' fill='%238b4513'%3E%3Cpath d='M1 1l5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem}.form-hint{font-size:.75rem;color:var(--color-text-muted)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.form-row-3{grid-template-columns:1fr 1fr 1fr}@media(max-width:600px){.form-row,.form-row-3{grid-template-columns:1fr}}.btn-block{width:100%}.account-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-xl);gap:var(--spacing-md);flex-wrap:wrap}.account-greeting{display:flex;align-items:center;gap:var(--spacing-md)}.avatar{width:56px;height:56px;border-radius:var(--radius-full);background:var(--gradient-primary);color:#fff;font-size:1.5rem;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md),0 0 0 3px #8b451333;flex-shrink:0;transition:all var(--transition-bounce);animation:avatarIn .5s cubic-bezier(.34,1.56,.64,1)}@keyframes avatarIn{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}.avatar:hover{transform:scale(1.07);box-shadow:var(--shadow-lg),0 0 0 5px #8b451326}.account-greeting h1{font-size:1.5rem;margin:0}.account-email{font-size:.875rem;color:var(--color-text-muted);margin:0}.account-tabs{display:flex;gap:.25rem;border-bottom:1.5px solid var(--color-border);margin-bottom:var(--spacing-xl);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.account-tabs::-webkit-scrollbar{display:none}.tab-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-family:var(--font-body);font-size:.875rem;font-weight:600;color:var(--color-text-muted);background:none;border:none;border-bottom:2.5px solid transparent;cursor:pointer;white-space:nowrap;transition:all var(--transition-base);margin-bottom:-1.5px;position:relative}.tab-btn:after{content:"";position:absolute;bottom:-1.5px;left:50%;right:50%;height:2.5px;background:var(--color-primary);border-radius:var(--radius-full);transition:left .25s ease,right .25s ease;opacity:0}.tab-btn.active:after{left:0;right:0;opacity:1}.tab-btn:hover{color:var(--color-primary);background:#8b45130a;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.tab-btn.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.tab-btn .tab-icon{opacity:.5;transition:opacity var(--transition-base),transform var(--transition-bounce)}.tab-btn.active .tab-icon{opacity:1;stroke:var(--color-primary);transform:scale(1.1)}.account-content{min-height:400px}.tab-panel{animation:fadeIn .3s ease-out}.panel-header{margin-bottom:var(--spacing-xl)}.panel-header h2{font-size:1.375rem;margin:0 0 var(--spacing-xs)}.panel-subtitle{color:var(--color-text-muted);font-size:.9rem;margin:0}.order-count{font-size:.8125rem;color:var(--color-text-muted);font-weight:600}.tab-loading{text-align:center;padding:var(--spacing-2xl)}.empty-tab{text-align:center;padding:var(--spacing-3xl) var(--spacing-xl);background:var(--color-surface);border-radius:var(--radius-2xl);border:2px dashed rgba(139,69,19,.15);animation:fadeIn .4s ease-out}.empty-icon{font-size:3.5rem;margin-bottom:var(--spacing-md);opacity:.35;display:block;animation:floatBob 3s ease-in-out infinite}@keyframes floatBob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.empty-tab h3{margin-bottom:var(--spacing-xs)}.empty-tab p{color:var(--color-text-muted);margin-bottom:var(--spacing-lg)}.orders-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.order-card{background:var(--color-surface);border-radius:var(--radius-2xl);border:1px solid var(--color-border);overflow:hidden;transition:box-shadow var(--transition-base),transform var(--transition-base),border-color var(--transition-base)}.order-card:hover{box-shadow:var(--shadow-lg);border-color:#8b451333;transform:translateY(-2px)}.order-card-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg) var(--spacing-xl);cursor:pointer;gap:var(--spacing-md);flex-wrap:wrap;transition:background var(--transition-fast)}.order-card-header:hover{background:#8b451308}.order-meta{display:flex;gap:var(--spacing-2xl);flex-wrap:wrap}.order-meta-row{display:flex;flex-direction:column;gap:2px}.meta-label{font-size:.6875rem;font-weight:700;color:var(--color-text-muted);letter-spacing:.08em;text-transform:uppercase}.meta-value{font-size:.9375rem;font-weight:600;color:var(--color-text-primary)}.meta-price{color:var(--color-primary);font-weight:800}.meta-id{font-family:monospace;font-size:.875rem;color:var(--color-text-muted)}.order-status-area{display:flex;align-items:center;gap:var(--spacing-md)}.status-badge{display:inline-flex;align-items:center;padding:.3rem .85rem;font-size:.75rem;font-weight:700;border-radius:var(--radius-full);text-transform:capitalize}.status-delivered{background:#3e5c3e1f;color:#2e6e2e}.status-shipped{background:#1964af1f;color:#1964af}.status-processing{background:#b8860b1f;color:#8b6914}.status-pending{background:#8b451314;color:var(--color-text-muted)}.status-cancelled{background:#8b00001a;color:#8b0000}.tracking-label{font-size:.8125rem;color:var(--color-text-muted);font-weight:600}.expand-icon{transition:transform var(--transition-base);opacity:.4;flex-shrink:0}.expand-icon.expanded{transform:rotate(180deg)}.order-card-body{padding:0 var(--spacing-xl) var(--spacing-xl);border-top:1px solid var(--color-border);animation:fadeIn .25s ease}.order-items-list{display:flex;flex-direction:column;gap:0;padding:var(--spacing-md) 0}.order-item-row{display:flex;justify-content:space-between;align-items:center;padding:.6rem 0;border-bottom:1px solid rgba(139,69,19,.06)}.order-item-row:last-child{border-bottom:none}.item-info{display:flex;flex-direction:column;gap:1px}.item-name{font-weight:600;color:var(--color-text-primary);font-size:.9375rem}.item-qty{font-size:.8125rem;color:var(--color-text-muted)}.item-price{font-weight:700;color:var(--color-text-primary)}.order-summary-section{padding:var(--spacing-md) 0;border-top:1px solid var(--color-border)}.order-summary-row{display:flex;justify-content:space-between;padding:.3rem 0;font-size:.9375rem;color:var(--color-text-secondary)}.order-summary-row.total{font-weight:800;color:var(--color-primary);font-size:1.0625rem;padding-top:var(--spacing-sm);border-top:1.5px solid var(--color-border);margin-top:var(--spacing-sm)}.order-address-block{padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}.order-address-block h4{font-size:.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin-bottom:.25rem}.order-address-block p{font-size:.9rem;line-height:1.6;color:var(--color-text-secondary);margin:0}.order-status-tracker-container{padding:var(--spacing-xl) 0 var(--spacing-lg);border-bottom:1px solid rgba(139,69,19,.06);margin-bottom:var(--spacing-md)}.status-tracker{width:100%;max-width:600px;margin:0 auto}.status-steps{display:flex;justify-content:space-between;align-items:flex-start;position:relative}.status-step{display:flex;flex-direction:column;align-items:center;flex:1;position:relative;z-index:1}.step-point{width:48px;height:48px;border-radius:var(--radius-full);background:var(--color-surface);border:2px solid var(--color-border);display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-xs);position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275);font-size:1.25rem}.status-step.completed .step-point{border-color:var(--color-primary);background:#8b45130d;box-shadow:0 0 15px #8b45131a}.status-step.active .step-point{background:var(--gradient-primary);border-color:transparent;transform:scale(1.1);box-shadow:var(--shadow-lg)}.status-step.active .step-icon{filter:brightness(0) invert(1);animation:pulse-icon 2s infinite}@keyframes pulse-icon{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.step-check{position:absolute;top:-4px;right:-4px;width:20px;height:20px;background:var(--color-success);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;border:2px solid #fff;animation:pop-in .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes pop-in{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.step-label{font-size:.75rem;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;transition:color .3s ease}.status-step.completed .step-label{color:var(--color-primary)}.status-step.active .step-label{color:var(--color-text-primary)}.step-line{position:absolute;top:24px;left:calc(50% + 24px);width:calc(100% - 48px);height:3px;background:var(--color-border);z-index:-1;transition:all .6s ease}.step-line.completed{background:var(--color-primary);box-shadow:0 0 10px #8b451333}.status-tracker.cancelled .status-tracker-message{display:flex;align-items:center;gap:var(--spacing-md);background:#8b00000d;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-xl);border:1px solid rgba(139,0,0,.1)}.status-icon{font-size:2rem}.status-text h4{margin:0;color:var(--color-error);font-size:1rem}.status-text p{margin:2px 0 0;font-size:.875rem;color:var(--color-text-muted)}@media(max-width:480px){.step-point{width:36px;height:36px;font-size:1rem}.step-line{top:18px;left:calc(50% + 18px);width:calc(100% - 36px)}.step-label{font-size:.65rem}}.tracking-info-banner{display:flex;align-items:center;gap:var(--spacing-md);background:var(--color-bg);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-sm) var(--spacing-md);margin-top:var(--spacing-lg);animation:fadeIn .5s ease}.tracking-icon{font-size:1.25rem}.tracking-details{display:flex;flex-direction:column;flex:1}.tracking-id-label{font-size:.6875rem;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.tracking-id-value{font-family:monospace;font-size:.9375rem;font-weight:700;color:var(--color-text-primary)}.profile-form,.address-form,.security-form{display:flex;flex-direction:column;gap:var(--spacing-lg);max-width:640px}.security-form h3{font-size:1.125rem;margin:0}.danger-zone{margin-top:var(--spacing-2xl);padding:var(--spacing-xl);background:#8b00000a;border:1px solid rgba(139,0,0,.12);border-radius:var(--radius-xl)}.danger-zone h3{color:var(--color-error);margin-bottom:var(--spacing-xs)}.danger-zone p{font-size:.9rem;color:var(--color-text-muted);margin-bottom:var(--spacing-md)}.btn-danger{background:#8b00001a;color:var(--color-error);border:1.5px solid rgba(139,0,0,.2);padding:.6rem 1.5rem;font-weight:700;font-size:.875rem;font-family:var(--font-body);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-base)}.btn-danger:hover{background:#8b00002e;box-shadow:0 0 0 3px #8b000014}@media(max-width:768px){.account-header{flex-direction:column;align-items:flex-start}.account-greeting h1{font-size:1.25rem}.avatar{width:44px;height:44px;font-size:1.125rem}.order-meta{gap:var(--spacing-md)}.order-card-header{padding:var(--spacing-md)}.tab-btn{padding:.65rem .85rem;font-size:.8125rem}.auth-card{padding:var(--spacing-xl) var(--spacing-lg);border-radius:var(--radius-xl)}}@keyframes badge-pulse{0%,to{box-shadow:0 0 #ef444480}50%{box-shadow:0 0 0 5px #ef444400}}.to-page{min-height:100vh;background:var(--color-background);color:var(--color-text);display:flex;flex-direction:column}.to-hero{background:linear-gradient(135deg,var(--color-primary) 0%,#a0521a 100%);color:#fff;padding:3rem 2rem 3.5rem;position:relative;overflow:hidden}.to-hero:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.04'%3E%3Ccircle cx='30' cy='30' r='20'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") repeat;opacity:.4;pointer-events:none}.to-back{display:inline-flex;align-items:center;gap:.4rem;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#ffffffbf;text-decoration:none;margin-bottom:1.5rem;transition:color .2s}.to-back:hover{color:#fff}.to-hero-content{max-width:640px;margin:0 auto;text-align:center;position:relative}.to-hero-icon{width:56px;height:56px;background:#ffffff26;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2)}.to-hero-content h1{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;margin-bottom:.5rem;color:#fff}.to-hero-content p{font-size:1rem;color:#fffc}.to-main{flex:1;width:100%;max-width:860px;margin:0 auto;padding:2.5rem 1.5rem 4rem}.to-loading,.to-empty{text-align:center;padding:5rem 2rem;color:var(--color-text-muted)}.to-empty-icon{opacity:.2;margin-bottom:1rem;display:block;margin-left:auto;margin-right:auto}.to-empty h3{font-size:1.2rem;font-weight:700;margin-bottom:.4rem;color:var(--color-text)}.to-empty p{margin-bottom:1.5rem}.to-spinner{width:36px;height:36px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .7s linear infinite;margin:0 auto 1rem}@keyframes spin{to{transform:rotate(360deg)}}.to-orders-list{display:flex;flex-direction:column;gap:.75rem}.to-order-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;overflow:hidden;transition:border-color .2s,box-shadow .2s}.to-order-card.open,.to-order-card:hover{border-color:var(--color-primary);box-shadow:0 4px 20px #8b451314}.to-order-card-header{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.1rem 1.4rem;background:transparent;border:none;cursor:pointer;text-align:left;transition:background .15s}.to-order-card-header:hover{background:#8b451308}.to-order-left{display:flex;align-items:center;gap:.85rem}.to-order-icon-wrap{width:40px;height:40px;background:#8b451314;color:var(--color-primary);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.to-order-id{font-size:.85rem;font-weight:700;font-family:Courier New,monospace;color:var(--color-text)}.to-order-date{font-size:.73rem;color:var(--color-text-muted);margin-top:.1rem}.to-order-right{display:flex;align-items:center;gap:.85rem;flex-shrink:0}.to-order-total{font-size:1rem;font-weight:800;color:var(--color-primary)}.to-chevron{color:var(--color-text-muted);transition:transform .25s ease;flex-shrink:0}.to-chevron.rotated{transform:rotate(180deg)}.to-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .7rem;border-radius:99px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border:1px solid}.status-shipped,.status-delivered{background:#22c55e1a;color:#16a34a;border-color:#22c55e40}.status-processing{background:#3b82f61a;color:#2563eb;border-color:#3b82f640}.status-pending{background:#eab3081a;color:#ca8a04;border-color:#eab30840}.status-cancelled{background:#ef44441a;color:#dc2626;border-color:#ef444440}.to-order-detail{padding:0 1.4rem 1.4rem;border-top:1px solid var(--color-border);margin-top:0}.to-progress-bar-wrap{position:relative;display:flex;justify-content:space-between;align-items:flex-end;padding:1.8rem 0 1rem;margin-bottom:1.25rem}.to-progress-bg{position:absolute;top:50%;left:0;right:0;height:3px;background:var(--color-border);border-radius:99px;transform:translateY(-100%)}.to-progress-fill{position:absolute;top:50%;left:0;height:3px;background:var(--color-primary);border-radius:99px;transform:translateY(-100%);transition:width .8s ease}.to-step{display:flex;flex-direction:column;align-items:center;gap:.35rem;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);position:relative;z-index:1}.to-step-dot{width:32px;height:32px;border-radius:50%;background:var(--color-surface-2, #f5f0eb);border:2px solid var(--color-border);display:flex;align-items:center;justify-content:center;transition:all .3s}.to-step.active .to-step-dot{background:var(--color-primary);border-color:var(--color-primary);color:#fff;box-shadow:0 0 0 4px #8b451326}.to-step.active{color:var(--color-primary)}.to-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;margin-bottom:1rem}.to-info-card{background:var(--color-background);border:1px solid var(--color-border);border-radius:12px;padding:.85rem 1rem}.to-info-card-header{display:flex;align-items:center;gap:.35rem;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--color-primary);margin-bottom:.6rem}.to-info-name{font-weight:700;font-size:.88rem;margin-bottom:.2rem}.to-info-sub{font-size:.8rem;color:var(--color-text-muted);line-height:1.5}.to-info-row{display:flex;justify-content:space-between;align-items:center;padding:.3rem 0;border-bottom:1px solid var(--color-border);font-size:.8rem}.to-info-row:last-child{border-bottom:none}.to-info-row span{color:var(--color-text-muted)}.to-info-row strong{font-weight:600}.to-tracking{font-family:Courier New,monospace;font-size:.75rem;color:var(--color-primary)}.to-items{background:var(--color-background);border:1px solid var(--color-border);border-radius:12px;padding:.85rem 1rem}.to-items-title{display:flex;align-items:center;gap:.35rem;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--color-primary);margin-bottom:.6rem}.to-item-row{display:flex;justify-content:space-between;align-items:center;padding:.35rem 0;font-size:.85rem;border-bottom:1px solid var(--color-border)}.to-item-row:last-child{border-bottom:none}.to-item-name{color:var(--color-text)}.to-item-name em{color:var(--color-text-muted);font-style:normal;font-size:.78rem}.to-item-price{font-weight:600}.to-item-total{font-weight:800;color:var(--color-primary);border-top:2px solid var(--color-border)!important;margin-top:.25rem}.to-guest{display:flex;justify-content:center}.to-guest-form-wrap{width:100%;max-width:520px}.to-guest-form{background:var(--color-surface);border:1px solid var(--color-border);border-radius:20px;padding:2.25rem;box-shadow:0 8px 40px #0000000f;display:flex;flex-direction:column;gap:1.25rem}.to-form-group label{display:block;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin-bottom:.45rem}.to-input-wrap{position:relative}.to-input-wrap .input{padding-left:2.5rem;width:100%}.to-input-icon{position:absolute;left:.85rem;top:50%;transform:translateY(-50%);color:var(--color-text-muted);opacity:.5;pointer-events:none}.btn-block{width:100%;justify-content:center}.to-signin-hint{text-align:center;font-size:.82rem;color:var(--color-text-muted);margin-top:1.25rem}.to-signin-link{color:var(--color-primary);font-weight:700;text-decoration:none}.to-signin-link:hover{text-decoration:underline}.to-error{margin-top:1rem;padding:.85rem 1rem;background:#ef444412;color:#dc2626;border:1px solid rgba(239,68,68,.2);border-radius:10px;font-size:.83rem;font-weight:500}.to-guest-result{margin-top:1.75rem;background:var(--color-surface);border:1px solid var(--color-primary);border-radius:20px;overflow:hidden;box-shadow:0 8px 36px #8b45131a}.to-guest-result-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.4rem;border-bottom:1px solid var(--color-border);gap:1rem}.to-guest-result-header h3{font-size:1rem;font-weight:800;font-family:Courier New,monospace;margin-bottom:.35rem}@media(max-width:600px){.to-order-card-header{padding:.9rem 1rem}.to-order-detail{padding:0 1rem 1rem}.to-order-right{gap:.5rem}.to-badge{display:none}.to-guest-form{padding:1.5rem;gap:1rem}.to-info-grid{grid-template-columns:1fr}}