@import "https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700;800&display=swap";.bottom-nav{-webkit-backdrop-filter:blur(20px)saturate(180%);z-index:var(--z-nav);padding-bottom:env(safe-area-inset-bottom);background:#fffffff5;border-top:1px solid #0000000f;position:fixed;bottom:0;left:0;right:0}.bottom-nav__inner{height:var(--nav-h);max-width:var(--max-w-content);justify-content:space-around;align-items:center;margin-inline:auto;display:flex}.bottom-nav__item{color:#ababab;transition:color var(--dur-fast) ease;-webkit-tap-highlight-color:transparent;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:6px 4px;display:flex;position:relative}.bottom-nav__item.is-active{color:var(--c-text)}.bottom-nav__icon{justify-content:center;align-items:center;display:flex;position:relative}.bottom-nav__item.is-active .bottom-nav__icon:after{content:"";background:var(--c-primary);width:4px;height:4px;animation:scale-in .2s var(--ease-bounce) both;border-radius:50%;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)}.bottom-nav__label{font-family:var(--f-display);font-size:10px;font-weight:var(--fw-semibold);letter-spacing:.02em;line-height:1}.header{height:var(--header-h);-webkit-backdrop-filter:blur(20px)saturate(180%);z-index:var(--z-nav);background:#fafafae0;border-bottom:1px solid #0000000d;position:fixed;top:0;left:0;right:0}.header__inner{max-width:var(--max-w-content);height:100%;padding-inline:var(--s-4);justify-content:space-between;align-items:center;gap:var(--s-3);margin-inline:auto;display:flex}.header__logo{align-items:center;gap:var(--s-2);text-decoration:none;display:flex}.header__logo-mark{border-radius:var(--r-md);background:var(--c-primary-dark);color:#fff;width:40px;height:40px;font-family:var(--f-display);font-weight:var(--fw-black);letter-spacing:-.02em;justify-content:center;align-items:center;font-size:16px;display:flex}.header__logo-word{font-family:var(--f-display);font-weight:var(--fw-black);font-size:var(--t-lg);color:var(--c-primary-dark);letter-spacing:-.03em;text-transform:uppercase}.header__page-label{font-family:var(--f-display);font-weight:var(--fw-semibold);font-size:var(--t-base);color:var(--c-text);position:absolute;left:50%;transform:translate(-50%)}.header__actions{align-items:center;gap:var(--s-1);display:flex}.header__cart{position:relative}.header__cart-count{border-radius:var(--r-full);background:var(--c-text);color:#fff;width:17px;height:17px;font-family:var(--f-display);font-size:9px;font-weight:var(--fw-bold);animation:scale-in .2s var(--ease-bounce) both;justify-content:center;align-items:center;display:flex;position:absolute;top:2px;right:2px}.cart-drawer{max-width:var(--max-width);background:var(--color-surface);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;max-height:90dvh;z-index:var(--z-modal);flex-direction:column;margin-inline:auto;animation:.3s cubic-bezier(.34,1.1,.64,1) both slide-up;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 40px #00000026}.cart-drawer__header{padding:var(--space-5) var(--space-5) var(--space-4);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.cart-drawer__title{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--font-bold);align-items:center;gap:var(--space-2);display:flex}.cart-drawer__body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}.cart-items{padding:var(--space-4);gap:var(--space-4);flex-direction:column;display:flex}.cart-item{gap:var(--space-3);align-items:flex-start;display:flex}.cart-item__img{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;display:flex}.cart-item__info{flex:1;min-width:0}.cart-item__name{font-weight:var(--font-semibold);font-size:var(--text-sm);white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;overflow:hidden}.cart-item__meta{font-size:var(--text-xs);color:var(--color-text-muted);margin-bottom:4px}.cart-item__actions{margin-top:var(--space-2);justify-content:space-between;align-items:center;display:flex}.cart-drawer__footer{padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border);gap:var(--space-3);padding-bottom:calc(var(--space-4) + env(safe-area-inset-bottom));flex-direction:column;display:flex}.cart-drawer__summary{font-weight:var(--font-semibold);justify-content:space-between;align-items:center;display:flex}.cart-drawer__note{font-size:var(--text-xs);color:var(--color-text-muted);text-align:center;margin-top:-8px}:root{--c-primary:#16a34a;--c-primary-dark:#14532d;--c-primary-mid:#22c55e;--c-primary-light:#4ade80;--c-primary-ghost:#f0fdf4;--c-accent:#fbc02d;--c-accent-dark:#f9a825;--c-bg:#fafafa;--c-surface:#fff;--c-surface-2:#f5f5f5;--c-surface-dark:#212121;--c-text:#212121;--c-text-2:#4a4a4a;--c-text-3:#8a8a8a;--c-text-inv:#fff;--c-border:#e8e8e8;--c-border-2:#d0d0d0;--c-danger:#e53935;--c-success:#43a047;--f-display:"Manrope", system-ui, sans-serif;--f-body:"Manrope", system-ui, sans-serif;--t-xs:.75rem;--t-sm:.875rem;--t-base:1rem;--t-md:1.125rem;--t-lg:1.25rem;--t-xl:1.5rem;--t-2xl:1.875rem;--t-3xl:2.25rem;--t-4xl:3rem;--t-5xl:3.75rem;--t-6xl:4.5rem;--fw-light:300;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-black:900;--lh-tight:1.1;--lh-snug:1.25;--lh-normal:1.5;--lh-loose:1.75;--s-1:.25rem;--s-2:.5rem;--s-3:.75rem;--s-4:1rem;--s-5:1.25rem;--s-6:1.5rem;--s-8:2rem;--s-10:2.5rem;--s-12:3rem;--s-16:4rem;--s-20:5rem;--s-24:6rem;--r-xs:4px;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:20px;--r-2xl:28px;--r-full:9999px;--sh-xs:0 1px 2px #0000000a;--sh-sm:0 2px 8px #0000000f;--sh-md:0 4px 20px #00000014;--sh-lg:0 8px 40px #0000001a;--sh-xl:0 20px 60px #0000001f;--sh-green:0 8px 32px #16a34a40;--max-w:1200px;--max-w-content:480px;--nav-h:64px;--header-h:60px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--dur-fast:.15s;--dur-base:.28s;--dur-slow:.5s;--z-base:0;--z-raised:10;--z-drop:100;--z-overlay:200;--z-modal:300;--z-toast:400;--z-nav:500}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--f-body);font-size:var(--t-base);font-weight:var(--fw-regular);line-height:var(--lh-normal);color:var(--c-text);background:var(--c-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#root{flex-direction:column;min-height:100dvh;display:flex}img,video{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit;font-size:inherit}ul,ol{list-style:none}.page{padding-top:var(--header-h);padding-bottom:calc(var(--nav-h) + env(safe-area-inset-bottom));min-height:100dvh}.page--no-header{padding-top:0;padding-bottom:calc(var(--nav-h) + env(safe-area-inset-bottom))}.container{width:100%;max-width:var(--max-w-content);padding-inline:var(--s-4);margin-inline:auto}.display-1{font-family:var(--f-display);font-weight:var(--fw-black);font-size:clamp(2.5rem, 10vw, var(--t-6xl));line-height:var(--lh-tight);letter-spacing:-.03em}.display-2{font-family:var(--f-display);font-weight:var(--fw-black);font-size:clamp(2rem, 8vw, var(--t-5xl));line-height:var(--lh-tight);letter-spacing:-.025em}.heading-1{font-family:var(--f-display);font-weight:var(--fw-bold);font-size:clamp(1.5rem, 6vw, var(--t-3xl));line-height:var(--lh-snug);letter-spacing:-.02em}.heading-2{font-family:var(--f-display);font-weight:var(--fw-bold);font-size:clamp(1.25rem, 5vw, var(--t-2xl));line-height:var(--lh-snug);letter-spacing:-.015em}.heading-3{font-family:var(--f-display);font-weight:var(--fw-semibold);font-size:var(--t-xl);line-height:var(--lh-snug)}.label{font-family:var(--f-display);font-size:var(--t-xs);font-weight:var(--fw-semibold);letter-spacing:.1em;text-transform:uppercase;color:var(--c-primary)}.body-lg{font-size:var(--t-md);line-height:var(--lh-loose);color:var(--c-text-2)}.body-sm{font-size:var(--t-sm);line-height:var(--lh-normal);color:var(--c-text-2)}.section{padding-block:var(--s-12)}.section--sm{padding-block:var(--s-8)}.section__header{padding-inline:var(--s-4);margin-bottom:var(--s-6)}.section__eyebrow{font-family:var(--f-display);font-size:var(--t-xs);font-weight:var(--fw-semibold);letter-spacing:.12em;text-transform:uppercase;color:var(--c-primary);margin-bottom:var(--s-2)}.section__title{font-family:var(--f-display);font-weight:var(--fw-black);font-size:clamp(1.5rem, 6vw, var(--t-3xl));color:var(--c-text);line-height:var(--lh-snug);letter-spacing:-.02em}.section__sub{font-size:var(--t-sm);color:var(--c-text-3);margin-top:var(--s-2);line-height:var(--lh-loose)}.section__action{margin-top:var(--s-3)}.btn{justify-content:center;align-items:center;gap:var(--s-2);font-family:var(--f-display);font-weight:var(--fw-semibold);font-size:var(--t-sm);letter-spacing:.01em;border-radius:var(--r-full);padding:14px var(--s-6);transition:background var(--dur-fast) ease, transform var(--dur-fast) ease, box-shadow var(--dur-base) ease, opacity var(--dur-fast) ease;white-space:nowrap;-webkit-tap-highlight-color:transparent;cursor:pointer;border:2px solid #0000;line-height:1;display:inline-flex}.btn:active{transform:scale(.96)}.btn:disabled{opacity:.5;pointer-events:none}.btn-primary{background:var(--c-text);color:var(--c-text-inv);border-color:var(--c-text)}.btn-primary:hover{box-shadow:var(--sh-lg);background:#2d2d2d;transform:translateY(-1px)}.btn-green{background:var(--c-primary);color:#fff;border-color:var(--c-primary)}.btn-green:hover{background:var(--c-primary-dark);box-shadow:var(--sh-green);transform:translateY(-1px)}.btn-outline{color:var(--c-text);border-color:var(--c-border-2);background:0 0}.btn-outline:hover{border-color:var(--c-text);background:#00000008}.btn-outline-inv{color:#fff;background:0 0;border-color:#ffffff80}.btn-outline-inv:hover{background:#ffffff1a;border-color:#fff}.btn-ghost{color:var(--c-text-2);border-radius:var(--r-full);background:0 0;border-color:#0000;padding:10px}.btn-sm{padding:10px var(--s-4);font-size:var(--t-xs)}.btn-lg{padding:16px var(--s-8);font-size:var(--t-base)}.btn-full{width:100%}.btn-icon{border-radius:var(--r-full);width:40px;height:40px;padding:10px}.scroll-row{gap:var(--s-3);padding-inline:var(--s-4);padding-bottom:var(--s-2);scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;display:flex;overflow-x:auto}.scroll-row::-webkit-scrollbar{display:none}.scroll-row>*{scroll-snap-align:start;flex-shrink:0}.divider{background:var(--c-border);height:1px;margin-block:var(--s-4)}.divider--section{background:linear-gradient(90deg, transparent, var(--c-border), transparent)}.form-group{gap:var(--s-2);margin-bottom:var(--s-4);flex-direction:column;display:flex}.form-label{font-family:var(--f-display);font-size:var(--t-xs);font-weight:var(--fw-semibold);letter-spacing:.05em;text-transform:uppercase;color:var(--c-text-3)}.form-input{width:100%;padding:14px var(--s-4);border:1.5px solid var(--c-border);border-radius:var(--r-md);font-size:var(--t-base);color:var(--c-text);background:var(--c-surface);transition:border-color var(--dur-fast);outline:none}.form-input:focus{border-color:var(--c-primary)}.form-input::placeholder{color:var(--c-text-3)}.form-textarea{resize:vertical;min-height:110px}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238A8A8A' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--s-3) center;padding-right:2.5rem}.skeleton{border-radius:var(--r-sm);background:linear-gradient(90deg,#f0f0f0 25%,#e8e8e8 50%,#f0f0f0 75%) 0 0/200% 100%;animation:1.5s infinite sk-wave}@keyframes sk-wave{0%{background-position:200% 0}to{background-position:-200% 0}}.rating{font-size:var(--t-xs);font-weight:var(--fw-semibold);font-family:var(--f-display);color:var(--c-text-2);align-items:center;gap:4px;display:inline-flex}.rating__stars{color:var(--c-accent);gap:1px;display:flex}.price{font-family:var(--f-display);font-weight:var(--fw-bold);color:var(--c-text);letter-spacing:-.01em}.price--sm{font-size:var(--t-sm)}.price--lg{font-size:var(--t-xl)}.price-original{font-size:var(--t-sm);color:var(--c-text-3);font-weight:var(--fw-regular);text-decoration:line-through}.tag{align-items:center;gap:var(--s-1);border-radius:var(--r-full);font-size:var(--t-xs);font-weight:var(--fw-semibold);font-family:var(--f-display);letter-spacing:.03em;white-space:nowrap;border:1.5px solid #0000;padding:5px 12px;display:inline-flex}.tag--primary{background:var(--c-primary-ghost);color:var(--c-primary-dark)}.tag--dark{background:var(--c-text);color:#fff}.tag--outline{border-color:var(--c-border-2);color:var(--c-text-2);background:0 0}.tag--accent{color:#b45309;background:#fff8e1}.status{border-radius:var(--r-full);font-size:11px;font-weight:var(--fw-semibold);font-family:var(--f-display);align-items:center;gap:5px;padding:4px 10px;display:inline-flex}.status:before{content:"";background:currentColor;border-radius:50%;width:5px;height:5px}.status-new{color:#1565c0;background:#e3f2fd}.status-waiting{color:#e65100;background:#fff3e0}.status-production{color:#f57f17;background:#fff8e1}.status-qc{color:#6a1b9a;background:#f3e5f5}.status-packing{color:#283593;background:#e8eaf6}.status-shipped{color:#2e7d32;background:#e8f5e9}.status-done{color:#1b5e20;background:#e8f5e9}.qty{border:1.5px solid var(--c-border);border-radius:var(--r-full);align-items:center;display:inline-flex;overflow:hidden}.qty__btn{width:38px;height:38px;color:var(--c-text-2);transition:background var(--dur-fast);justify-content:center;align-items:center;font-size:18px;display:flex}.qty__btn:hover{background:var(--c-surface-2)}.qty__val{text-align:center;min-width:40px;font-family:var(--f-display);font-weight:var(--fw-bold)}.overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:var(--z-overlay);animation:fade-in var(--dur-base) ease;background:#00000073;position:fixed;inset:0}.toast{bottom:calc(var(--nav-h) + var(--s-4));background:var(--c-text);color:#fff;padding:12px var(--s-5);border-radius:var(--r-full);font-family:var(--f-display);font-size:var(--t-sm);font-weight:var(--fw-medium);z-index:var(--z-toast);white-space:nowrap;box-shadow:var(--sh-xl);animation:toast-up .3s var(--ease-bounce) both;position:fixed;left:50%;transform:translate(-50%)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-down{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes toast-up{0%{opacity:0;transform:translate(-50%)translateY(12px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes float-y{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.anim-fade-up{animation:fade-up .5s var(--ease-out) both}.anim-fade-in{animation:fade-in var(--dur-base) ease both}.anim-scale-in{animation:scale-in .35s var(--ease-bounce) both}.delay-1{animation-delay:80ms}.delay-2{animation-delay:.16s}.delay-3{animation-delay:.24s}.delay-4{animation-delay:.32s}.empty{text-align:center;padding:var(--s-16) var(--s-8);align-items:center;gap:var(--s-4);flex-direction:column;display:flex}.empty__icon{border-radius:var(--r-full);background:var(--c-surface-2);width:72px;height:72px;color:var(--c-text-3);justify-content:center;align-items:center;display:flex}.empty__title{font-family:var(--f-display);font-weight:var(--fw-bold);font-size:var(--t-xl)}.empty__desc{font-size:var(--t-sm);color:var(--c-text-3);max-width:240px;line-height:var(--lh-loose)}.steps{align-items:center;display:flex}.step-dot{width:30px;height:30px;font-size:var(--t-xs);font-weight:var(--fw-bold);font-family:var(--f-display);border:2px solid var(--c-border);background:var(--c-surface);color:var(--c-text-3);transition:all var(--dur-base);z-index:1;border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.step-dot.active{border-color:var(--c-primary);background:var(--c-primary);color:#fff}.step-dot.done{border-color:var(--c-success);background:var(--c-success);color:#fff}.step-line{background:var(--c-border);flex:1;height:2px;margin-inline:-2px}.step-line.done{background:var(--c-success)}@media (width>=640px){:root{--max-w-content:640px}}@media (width>=768px){:root{--max-w-content:768px}}@media (width>=1024px){:root{--max-w-content:1080px}.page{padding-bottom:var(--s-8)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--c-border-2);border-radius:var(--r-full)}::selection{background:var(--c-primary-ghost);color:var(--c-primary-dark)}:focus-visible{outline:2px solid var(--c-primary);outline-offset:2px}@media (width>=1024px){body{background:#e9ecef}.storefront-mobile-wrapper{background:var(--c-bg);width:480px;min-height:100dvh;margin:0 auto;position:relative;overflow-x:hidden;box-shadow:0 0 50px #00000014}.header,.bottom-nav{width:480px!important;left:50%!important;transform:translate(-50%)!important}.cart-drawer__content{width:480px!important;left:50%!important;right:auto!important;transform:translate(-50%)!important}body:has(.admin-layout){background:var(--admin-bg,#f4f6f8)}}