@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Playfair+Display:ital,wght@0,600;1,400&display=swap";:root{--brand:#7c3aed;--brand-light:#ede9fe;--brand-dark:#5b21b6;--accent:#f59e0b;--accent-dim:#fef3c7;--success:#10b981;--danger:#ef4444;--danger-dim:#fee2e2;--bg:#fafafa;--surface:#fff;--surface-2:#f3f4f6;--surface-3:#e5e7eb;--border:#e5e7eb;--border-focus:#7c3aed;--text:#111827;--text-m:#374151;--text-d:#6b7280;--text-inv:#fff;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:24px;--r-full:9999px;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 16px #0000001a;--shadow-lg:0 8px 32px #00000024;--nav-h:64px;--content-max:1200px;--ease:cubic-bezier(.4,0,.2,1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,sans-serif;font-size:16px;line-height:1.6}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,select,textarea{font-family:inherit}.container{width:100%;max-width:var(--content-max);margin:0 auto;padding:0 1rem}@media (width>=640px){.container{padding:0 1.5rem}}@media (width>=1024px){.container{padding:0 2rem}}.page-wrap{padding-top:calc(var(--nav-h) + 1.5rem);min-height:100vh;padding-bottom:4rem}.navbar{z-index:100;height:var(--nav-h);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#ffffffeb;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.navbar__inner{width:100%;max-width:var(--content-max);justify-content:space-between;align-items:center;gap:1rem;margin:0 auto;padding:0 1rem;display:flex}.navbar__brand{background:linear-gradient(135deg, var(--brand), var(--accent));-webkit-text-fill-color:transparent;letter-spacing:-.5px;-webkit-background-clip:text;font-family:Playfair Display,serif;font-size:1.5rem;font-weight:600}.navbar__links{align-items:center;gap:1.5rem;display:flex}.navbar__link{color:var(--text-m);transition:color .2s var(--ease), border-color .2s var(--ease);border-bottom:2px solid #0000;padding:.25rem 0;font-size:.875rem;font-weight:500}.navbar__link:hover,.navbar__link.active{color:var(--brand);border-color:var(--brand)}.cart-btn{background:var(--brand);color:#fff;border-radius:var(--r-full);transition:background .2s var(--ease), transform .1s var(--ease), box-shadow .2s var(--ease);align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;display:flex;position:relative;box-shadow:0 2px 8px #7c3aed4d}.cart-btn:hover{background:var(--brand-dark);transform:translateY(-1px);box-shadow:0 4px 16px #7c3aed66}.cart-btn:active{transform:translateY(0)}.cart-badge{background:var(--accent);color:var(--text);width:18px;height:18px;animation:badge-pop .2s var(--ease);border-radius:50%;justify-content:center;align-items:center;font-size:.65rem;font-weight:700;display:flex;position:absolute;top:-6px;right:-6px}@keyframes badge-pop{0%{transform:scale(0)}to{transform:scale(1)}}.btn{border-radius:var(--r-md);transition:all .2s var(--ease);justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9375rem;font-weight:600;line-height:1;display:inline-flex}.btn-primary{background:var(--brand);color:#fff;box-shadow:0 2px 8px #7c3aed4d}.btn-primary:hover{background:var(--brand-dark);transform:translateY(-1px);box-shadow:0 4px 16px #7c3aed66}.btn-primary:active{transform:translateY(0)}.btn-outline{color:var(--brand);border:2px solid var(--brand);background:0 0}.btn-outline:hover{background:var(--brand-light)}.btn-ghost{background:var(--surface-2);color:var(--text-m)}.btn-ghost:hover{background:var(--surface-3)}.btn-accent{background:var(--accent);color:var(--text);box-shadow:0 2px 8px #f59e0b4d}.btn-accent:hover{filter:brightness(1.05);transform:translateY(-1px)}.btn-danger{background:var(--danger);color:#fff}.btn-sm{padding:.5rem 1rem;font-size:.8125rem}.btn-lg{padding:1rem 2rem;font-size:1.0625rem}.btn-full{width:100%}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none!important}.card{background:var(--surface);border-radius:var(--r-lg);border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:box-shadow .2s var(--ease), transform .2s var(--ease);padding:1.25rem}.card:hover{box-shadow:var(--shadow-md)}.product-card{background:var(--surface);border-radius:var(--r-lg);border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:all .25s var(--ease);flex-direction:column;display:flex;overflow:hidden}.product-card:hover{box-shadow:var(--shadow-lg);border-color:var(--brand-light);transform:translateY(-4px)}.product-card__img{aspect-ratio:1;object-fit:cover;background:var(--surface-2);width:100%}.product-card__img-placeholder{aspect-ratio:1;background:linear-gradient(135deg, var(--brand-light), var(--surface-3));justify-content:center;align-items:center;width:100%;font-size:3rem;display:flex}.product-card__body{flex-direction:column;flex:1;gap:.5rem;padding:1rem;display:flex}.product-card__name{color:var(--text);font-size:.9375rem;font-weight:600;line-height:1.4}.product-card__price{color:var(--brand);font-size:1.125rem;font-weight:700}.product-card__footer{margin-top:auto;padding:0 1rem 1rem}.product-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}@media (width>=640px){.product-grid{grid-template-columns:repeat(3,1fr)}}@media (width>=1024px){.product-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem}}.badge{border-radius:var(--r-full);text-transform:uppercase;letter-spacing:.5px;align-items:center;padding:.25rem .625rem;font-size:.6875rem;font-weight:700;display:inline-flex}.badge-brand{background:var(--brand-light);color:var(--brand-dark)}.badge-accent{background:var(--accent-dim);color:#92400e}.badge-success{color:#065f46;background:#d1fae5}.badge-danger{background:var(--danger-dim);color:#991b1b}.badge-muted{background:var(--surface-2);color:var(--text-d)}.form-group{flex-direction:column;gap:.4rem;display:flex}.form-label{color:var(--text-m);font-size:.875rem;font-weight:600}.form-input,.form-select,.form-textarea{border:1.5px solid var(--border);border-radius:var(--r-md);background:var(--surface);color:var(--text);width:100%;transition:border-color .2s var(--ease), box-shadow .2s var(--ease);outline:none;padding:.75rem 1rem;font-size:.9375rem}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #7c3aed1f}.form-textarea{resize:vertical;min-height:100px}.form-hint{color:var(--text-d);font-size:.8rem}.form-error{color:var(--danger);font-size:.8rem}.section-title{color:var(--text);font-family:Playfair Display,serif;font-size:1.75rem;font-weight:600;line-height:1.25}.section-subtitle{color:var(--text-d);margin-top:.5rem;font-size:1rem}.countdown{flex-wrap:wrap;gap:.5rem;display:flex}.countdown-unit{background:var(--brand);color:#fff;border-radius:var(--r-md);flex-direction:column;align-items:center;min-width:52px;padding:.5rem .75rem;display:flex}.countdown-unit__num{font-size:1.25rem;font-weight:700;line-height:1}.countdown-unit__label{text-transform:uppercase;letter-spacing:.5px;opacity:.85;margin-top:.1rem;font-size:.625rem}.gallery{flex-direction:column;gap:.75rem;display:flex}.gallery__main{aspect-ratio:1;border-radius:var(--r-lg);background:var(--surface-2);cursor:zoom-in;overflow:hidden}.gallery__main img{object-fit:cover;width:100%;height:100%;transition:transform .3s var(--ease)}.gallery__main:hover img{transform:scale(1.04)}.gallery__thumbs{flex-wrap:wrap;gap:.5rem;display:flex}.gallery__thumb{border-radius:var(--r-sm);cursor:pointer;width:64px;height:64px;transition:border-color .2s var(--ease);border:2px solid #0000;flex-shrink:0;overflow:hidden}.gallery__thumb.active{border-color:var(--brand)}.gallery__thumb img{object-fit:cover;width:100%;height:100%}.qty-selector{border:1.5px solid var(--border);border-radius:var(--r-md);align-items:center;gap:0;width:fit-content;display:flex;overflow:hidden}.qty-btn{width:40px;height:40px;color:var(--text-m);background:var(--surface-2);transition:background .15s var(--ease), color .15s var(--ease);justify-content:center;align-items:center;font-size:1.25rem;display:flex}.qty-btn:hover{background:var(--brand-light);color:var(--brand)}.qty-btn:disabled{opacity:.4;cursor:not-allowed}.qty-input{text-align:center;border:none;border-left:1.5px solid var(--border);border-right:1.5px solid var(--border);background:var(--surface);outline:none;width:48px;height:40px;padding:0;font-size:.9375rem;font-weight:600}.cart-item{border-bottom:1px solid var(--border);gap:1rem;padding:1rem 0;display:flex}.cart-item__img{border-radius:var(--r-md);object-fit:cover;background:var(--surface-2);flex-shrink:0;width:72px;height:72px}.cart-item__body{flex:1;min-width:0}.cart-item__name{color:var(--text);font-size:.875rem;font-weight:600}.cart-item__price{color:var(--text-d);margin-top:.25rem;font-size:.875rem}.cart-item__actions{align-items:center;gap:.75rem;margin-top:.5rem;display:flex}.timeline{flex-direction:column;gap:0;display:flex}.timeline-step{gap:1rem;padding-bottom:1.5rem;display:flex;position:relative}.timeline-step:last-child{padding-bottom:0}.timeline-step:not(:last-child):before{content:"";background:var(--border);width:2px;position:absolute;top:24px;bottom:0;left:11px}.timeline-step.done:before{background:var(--success)}.timeline-dot{border:2px solid var(--border);background:var(--surface);width:24px;height:24px;transition:all .3s var(--ease);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;font-size:.75rem;display:flex}.timeline-step.done .timeline-dot{background:var(--success);border-color:var(--success);color:#fff}.timeline-step.current .timeline-dot{background:var(--brand);border-color:var(--brand);color:#fff;box-shadow:0 0 0 4px #7c3aed33}.timeline-step.cancelled .timeline-dot{background:var(--danger);border-color:var(--danger);color:#fff}.timeline-content{flex:1;min-width:0}.timeline-step-label{color:var(--text-d);font-size:.9375rem;font-weight:600}.timeline-step.done .timeline-step-label{color:var(--text)}.timeline-step.current .timeline-step-label{color:var(--brand)}.timeline-step-date{color:var(--text-d);margin-top:.15rem;font-size:.8rem}.spinner-wrap{justify-content:center;align-items:center;padding:4rem;display:flex}.spinner{border:3px solid var(--brand-light);border-top-color:var(--brand);border-radius:50%;width:40px;height:40px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:4rem 1rem}.empty-state__icon{margin-bottom:1rem;font-size:3rem}.empty-state__title{color:var(--text);margin-bottom:.5rem;font-size:1.125rem;font-weight:600}.empty-state__text{color:var(--text-d);margin-bottom:1.5rem;font-size:.9375rem}.filter-bar{flex-wrap:wrap;gap:.75rem;display:flex}.filter-chip{border-radius:var(--r-full);border:1.5px solid var(--border);color:var(--text-m);background:var(--surface);cursor:pointer;transition:all .15s var(--ease);padding:.4rem 1rem;font-size:.8125rem;font-weight:500}.filter-chip:hover{border-color:var(--brand);color:var(--brand)}.filter-chip.active{background:var(--brand);border-color:var(--brand);color:#fff}.footer{background:var(--text);color:#ffffffb3;padding:3rem 0 2rem}.footer__brand{background:linear-gradient(135deg,#a78bfa,#fbbf24);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.5rem;font-family:Playfair Display,serif;font-size:1.5rem;font-weight:600}.footer__tagline{opacity:.7;margin-bottom:2rem;font-size:.875rem}.footer__grid{grid-template-columns:1fr 1fr;gap:2rem;display:grid}@media (width>=768px){.footer__grid{grid-template-columns:2fr 1fr 1fr}}.footer__col-title{text-transform:uppercase;letter-spacing:1px;color:#fff;margin-bottom:.75rem;font-size:.75rem;font-weight:700}.footer__link{padding:.2rem 0;font-size:.875rem;transition:color .15s;display:block}.footer__link:hover{color:#fff}.footer__bottom{text-align:center;border-top:1px solid #ffffff1a;margin-top:2rem;padding-top:1.5rem;font-size:.8125rem}.hero{color:#fff;background:linear-gradient(135deg,#7c3aed 0%,#5b21b6 50%,#1e1b4b 100%);padding:5rem 0 4rem;position:relative;overflow:hidden}.hero:before{content:"";background:radial-gradient(at 100% 0,#f59e0b40,#0000 60%);position:absolute;inset:0}.hero__content{z-index:1;max-width:640px;position:relative}.hero__eyebrow{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--r-full);text-transform:uppercase;letter-spacing:.5px;color:#fde68a;background:#ffffff26;border:1px solid #fff3;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.35rem .875rem;font-size:.8125rem;font-weight:600;display:inline-flex}.hero__title{margin-bottom:1.25rem;font-family:Playfair Display,serif;font-size:clamp(2rem,5vw,3.5rem);font-weight:600;line-height:1.15}.hero__title em{color:#fde68a;font-style:italic}.hero__subtitle{opacity:.85;margin-bottom:2rem;font-size:1.0625rem;line-height:1.7}.hero__actions{flex-wrap:wrap;gap:1rem;display:flex}.hero__bg-circle{opacity:.07;background:#fff;border-radius:50%;position:absolute}.batch-banner{background:linear-gradient(135deg, var(--brand-light), #f5f3ff);border-radius:var(--r-lg);cursor:pointer;transition:all .2s var(--ease);border:1px solid #7c3aed33;padding:1.5rem}.batch-banner:hover{box-shadow:var(--shadow-md);border-color:var(--brand);transform:translateY(-2px)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.flex-wrap{flex-wrap:wrap}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-muted{color:var(--text-d)}.fw-bold{font-weight:700}.fw-semi{font-weight:600}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.text-center{text-align:center}.w-full{width:100%}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.section{padding:4rem 0}.section-sm{padding:2.5rem 0}.section-header{margin-bottom:2rem}.confirm-banner{text-align:center;border-radius:var(--r-xl);background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #86efac;margin-bottom:2rem;padding:2.5rem 1.5rem}.confirm-icon{margin-bottom:1rem;font-size:3rem}.confirm-ref{color:var(--brand);background:var(--brand-light);border-radius:var(--r-md);letter-spacing:1px;margin-top:.5rem;padding:.5rem 1.5rem;font-family:Playfair Display,serif;font-size:1.75rem;font-weight:600;display:inline-block}.momo-box{border:1.5px solid var(--accent);border-radius:var(--r-lg);background:linear-gradient(135deg,#fffbeb,#fef3c7);padding:1.5rem}.momo-step{border-bottom:1px solid #0000000f;gap:.75rem;padding:.75rem 0;display:flex}.momo-step:last-child{border-bottom:none}.momo-num{background:var(--accent);width:28px;height:28px;color:var(--text);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.8125rem;font-weight:700;display:flex}@media (width<=639px){.navbar__links{display:none}.mobile-nav{display:flex}}@media (width>=640px){.mobile-nav{display:none}}.mobile-nav{z-index:200;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border);padding:.5rem 0 calc(.5rem + env(safe-area-inset-bottom));background:#fffffff5;justify-content:space-around;align-items:center;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 24px #00000012}.mobile-nav__item{color:var(--text-d);border-radius:var(--r-md);transition:color .15s var(--ease);flex-direction:column;align-items:center;gap:.2rem;min-width:60px;padding:.25rem .75rem;font-size:.6875rem;font-weight:500;display:flex;position:relative}.mobile-nav__item.active{color:var(--brand)}.mobile-nav__item svg{flex-shrink:0}@media (width<=639px){.page-wrap{padding-bottom:calc(4rem + env(safe-area-inset-bottom))}}