@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400;1,600&family=Inter:wght@300;400;500;600;700&display=swap");:root{--color-bg:#0c0b08;--color-surface:#15130e;--color-surface-elevated:#1e1b13;--color-surface-hover:#252118;--color-border:#2c2820;--color-border-subtle:#211f18;--color-nav-bg:rgba(12,11,8,.6);--color-nav-bg-scrolled:rgba(12,11,8,.92);--color-primary:#c8962c;--color-primary-light:#e8b84b;--color-primary-dark:#a07520;--color-primary-glow:rgba(200,150,44,.15);--color-primary-glow-strong:rgba(200,150,44,.3);--color-text:#f0ead8;--color-text-secondary:#c8c0a8;--color-text-muted:#7a7060;--color-text-faint:#4a4438;--color-error:#d94f4f;--color-success:#4f9c6f;--color-warning:#d9a44f;--font-display:"Playfair Display",Georgia,serif;--font-body:"Inter",-apple-system,sans-serif;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--sp-16:64px;--sp-20:80px;--sp-24:96px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 1px 3px rgba(0,0,0,.4);--shadow-md:0 4px 16px rgba(0,0,0,.5);--shadow-lg:0 8px 32px rgba(0,0,0,.6);--shadow-xl:0 16px 48px rgba(0,0,0,.7);--shadow-glow:0 0 24px rgba(200,150,44,.25);--shadow-glow-lg:0 0 48px rgba(200,150,44,.2);--transition-fast:150ms ease;--transition-base:250ms ease;--transition-slow:400ms ease;--container-max:1280px;--nav-height:72px}[data-theme=light]{--color-bg:#f9f7f1;--color-surface:#fff;--color-surface-elevated:#f0ead8;--color-surface-hover:#e8e2cd;--color-border:#e0d8c0;--color-border-subtle:#ebd7c0;--color-nav-bg:hsla(0,0%,100%,.7);--color-nav-bg-scrolled:hsla(0,0%,100%,.95);--color-text:#2a251b;--color-text-secondary:#4a4438;--color-text-muted:#7a7060;--color-text-faint:#a09580;--shadow-sm:0 1px 3px rgba(0,0,0,.05);--shadow-md:0 4px 16px rgba(0,0,0,.08);--shadow-lg:0 8px 32px rgba(0,0,0,.12);--shadow-xl:0 16px 48px rgba(0,0,0,.16)}[data-theme=light] .btn-primary{color:#fff}[data-theme=light] .glass-card{background:hsla(0,0%,100%,.7)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);background-color:var(--color-bg);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}body,h1,h2,h3,h4,h5,h6{color:var(--color-text)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);line-height:1.2}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{cursor:pointer;border:none;background:none}button,input,select,textarea{font-family:var(--font-body)}ol,ul{list-style:none}.container{max-width:var(--container-max);margin:0 auto;padding:0 var(--sp-6)}.section{padding:var(--sp-20) 0}.btn-primary{display:inline-flex;align-items:center;gap:var(--sp-2);padding:14px 28px;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-light) 100%);color:#0c0b08;font-weight:600;font-size:.9rem;letter-spacing:.05em;text-transform:uppercase;border-radius:var(--radius-full);border:none;cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,hsla(0,0%,100%,.15),transparent 60%);opacity:0;transition:opacity var(--transition-base)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow)}.btn-primary:hover:before{opacity:1}.btn-primary:active{transform:translateY(0)}.btn-secondary{display:inline-flex;align-items:center;gap:var(--sp-2);padding:13px 28px;background:transparent;color:var(--color-primary);font-weight:600;font-size:.9rem;letter-spacing:.05em;text-transform:uppercase;border-radius:var(--radius-full);border:1px solid var(--color-primary);cursor:pointer;transition:all var(--transition-base)}.btn-secondary:hover{background:var(--color-primary-glow);transform:translateY(-2px);box-shadow:var(--shadow-glow)}.btn-ghost{display:inline-flex;align-items:center;gap:var(--sp-2);padding:10px 20px;background:var(--color-surface-elevated);color:var(--color-text-secondary);font-weight:500;font-size:.875rem;border-radius:var(--radius-md);border:1px solid var(--color-border);cursor:pointer;transition:all var(--transition-base)}.btn-ghost:hover{background:var(--color-surface-hover);color:var(--color-text);border-color:var(--color-primary)}.badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.badge-primary{background:var(--color-primary-glow);color:var(--color-primary-light);border:1px solid var(--color-primary-dark)}.badge-spice-mild{background:rgba(79,156,111,.15);color:#6dbf8e;border:1px solid rgba(79,156,111,.3)}.badge-spice-medium{background:rgba(217,164,79,.15);color:#e8c060;border:1px solid rgba(217,164,79,.3)}.badge-spice-hot{background:hsla(9,64%,58%,.15);color:#e87060;border:1px solid hsla(9,64%,58%,.3)}.badge-spice-extra{background:rgba(200,44,44,.15);color:#e05050;border:1px solid rgba(200,44,44,.3)}.section-label{display:inline-flex;align-items:center;gap:var(--sp-3);font-size:.75rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--color-primary);margin-bottom:var(--sp-4)}.section-label:after,.section-label:before{content:"";display:block;height:1px;width:32px;background:var(--color-primary);opacity:.6}.section-title{font-family:var(--font-display);font-size:clamp(2rem,4vw,2.75rem);font-weight:700;margin-bottom:var(--sp-4)}.section-subtitle{font-size:1.05rem;color:var(--color-text-secondary);max-width:560px}.divider-gold{width:60px;height:2px;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-light));margin:var(--sp-4) 0;border-radius:2px}.glass-card{background:rgba(30,27,19,.7);border:1px solid var(--color-border);border-radius:var(--radius-lg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}.shimmer{background:linear-gradient(90deg,var(--color-surface) 25%,var(--color-surface-elevated) 50%,var(--color-surface) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.qty-control{display:inline-flex;align-items:center;gap:0;background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.qty-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--color-text-secondary);font-size:1.2rem;cursor:pointer;transition:all var(--transition-fast)}.qty-btn:hover{background:var(--color-primary-glow);color:var(--color-primary)}.qty-value{min-width:40px;text-align:center;font-weight:600;font-size:.95rem;color:var(--color-text);padding:0 var(--sp-2)}.tag{display:inline-block;padding:3px 10px;background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.75rem;color:var(--color-text-muted);font-weight:500}.toast-container{position:fixed;bottom:var(--sp-6);right:var(--sp-6);z-index:1000;display:flex;flex-direction:column;gap:var(--sp-3)}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.toast{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);background:var(--color-surface-elevated);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);font-size:.875rem;font-weight:500;animation:slideUp .3s ease;border:1px solid var(--color-border);border-left:3px solid var(--color-primary)}.toast-success{border-left-color:var(--color-success)}.toast-error{border-left-color:var(--color-error)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}#nprogress{pointer-events:none}#nprogress .bar{background:linear-gradient(90deg,var(--color-primary) 0,var(--color-primary-light) 100%);height:3px;box-shadow:0 0 15px var(--color-primary),0 0 8px var(--color-primary-light);z-index:9999}#nprogress .spinner{display:none}#nprogress .peg{box-shadow:0 0 15px var(--color-primary),0 0 8px var(--color-primary-light)}@media (max-width:768px){.container{padding:0 var(--sp-4)}.section{padding:var(--sp-12) 0}}