@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap";.theme-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:var(--radius-lg);background:transparent;color:var(--color-ink);cursor:pointer;transition:all var(--transition-fast);position:relative;overflow:hidden}.theme-toggle:hover{background:#1a1a1a0d;color:var(--color-sunshine)}[data-theme=dark] .theme-toggle:hover{background:#ffffff1a;color:var(--color-sunshine)}.theme-toggle:active{transform:scale(.95)}.theme-toggle-icon{display:flex;align-items:center;justify-content:center;transition:transform var(--transition-bounce)}.theme-toggle:hover .theme-toggle-icon{transform:rotate(15deg)}.language-switcher{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:var(--radius-lg);background:transparent;color:var(--color-ink);cursor:pointer;transition:all var(--transition-fast);position:relative;overflow:hidden}.language-switcher:hover{background:#1a1a1a0d;color:var(--color-coral)}[data-theme=dark] .language-switcher:hover{background:#ffffff1a;color:var(--color-coral)}.language-switcher:active{transform:scale(.95)}.language-switcher-icon{display:flex;align-items:center;justify-content:center;transition:transform var(--transition-bounce)}.language-switcher:hover .language-switcher-icon{transform:scale(1.1)}.language-flag{font-size:.75rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.header{position:fixed;top:0;left:0;right:0;z-index:var(--z-sticky);background:var(--color-paper);transition:all var(--transition-smooth)}.header--scrolled{background:#fafafaf2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 1px #1a1a1a14}[data-theme=dark] .header--scrolled{background:#121212f2;box-shadow:0 1px #ffffff14}.header__container{display:flex;align-items:center;justify-content:space-between;max-width:var(--container-xl);margin:0 auto;padding:var(--space-4) var(--space-6);height:var(--header-height)}.header__spacer{height:var(--header-height)}.header__logo{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;transition:transform var(--transition-bounce)}.header__logo:hover{transform:scale(1.02)}.header__logo-icon{width:40px;height:40px;transition:transform var(--transition-bounce)}.header__logo:hover .header__logo-icon{transform:rotate(-5deg)}.header__logo-icon svg{width:100%;height:100%}.header__logo-text{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--color-ink);letter-spacing:var(--tracking-tight)}.header__logo-text span{color:var(--color-coral)}.header__nav{display:none;align-items:center;gap:var(--space-2)}@media (min-width: 768px){.header__nav{display:flex}}.header__nav-link{position:relative;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-ink-muted);text-decoration:none;border-radius:var(--radius-lg);transition:all var(--transition-fast)}.header__nav-link:hover{color:var(--color-ink);background:#1a1a1a0d}[data-theme=dark] .header__nav-link:hover{background:#ffffff1a}.header__nav-link--active{color:var(--color-ink)}.header__nav-link-indicator{position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--color-coral);border-radius:var(--radius-full);transform:translate(-50%);transition:width var(--transition-bounce)}.header__nav-link--active .header__nav-link-indicator,.header__nav-link:hover .header__nav-link-indicator{width:24px}.header__nav-badge{display:flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 var(--space-2);font-size:11px;font-weight:var(--weight-bold);color:#fff;background:var(--color-coral);border-radius:var(--radius-full);animation:scaleIn var(--transition-bounce)}.header__actions{display:flex;align-items:center;gap:var(--space-3)}.header__basket-preview{display:none;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);background:#1a1a1a0d;border-radius:var(--radius-xl);text-decoration:none;transition:all var(--transition-fast)}[data-theme=dark] .header__basket-preview{background:#ffffff1a}@media (min-width: 640px){.header__basket-preview{display:flex}}.header__basket-preview:hover{background:#1a1a1a1a;transform:translateY(-1px)}[data-theme=dark] .header__basket-preview:hover{background:#ffffff26}.header__basket-icon{position:relative;width:24px;height:24px;color:var(--color-ink)}.header__basket-icon svg{width:100%;height:100%}.header__basket-count{position:absolute;top:-6px;right:-6px;display:flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 4px;font-family:var(--font-display);font-size:10px;font-weight:var(--weight-bold);color:#fff;background:var(--color-coral);border-radius:var(--radius-full)}.header__basket-total{font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-ink)}.header__user{position:relative}.header__user-trigger{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);background:transparent;border:none;border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-fast)}.header__user-trigger:hover{background:#1a1a1a0d}[data-theme=dark] .header__user-trigger:hover{background:#ffffff1a}.header__user-avatar{width:36px;height:36px;border-radius:var(--radius-full);object-fit:cover;border:2px solid var(--color-coral)}.header__user-name{display:none;font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-ink)}@media (min-width: 768px){.header__user-name{display:block}}.header__user-chevron{display:none;width:16px;height:16px;color:var(--color-ink-muted);transition:transform var(--transition-fast)}@media (min-width: 768px){.header__user-chevron{display:block}}.header__user-chevron--open{transform:rotate(180deg)}.header__dropdown{position:absolute;top:calc(100% + var(--space-2));right:0;width:280px;background:var(--color-paper);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);border:1px solid rgba(26,26,26,.08);overflow:hidden;animation:fadeInDown var(--transition-fast) ease-out;z-index:var(--z-dropdown)}[data-theme=dark] .header__dropdown{border-color:#ffffff1a}.header__dropdown-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4)}.header__dropdown-avatar{width:48px;height:48px;border-radius:var(--radius-full);object-fit:cover}.header__dropdown-info{display:flex;flex-direction:column;min-width:0}.header__dropdown-name{font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header__dropdown-email{font-size:var(--text-sm);color:var(--color-ink-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header__dropdown-divider{height:1px;background:#1a1a1a14;margin:0}[data-theme=dark] .header__dropdown-divider{background:#ffffff1a}.header__dropdown-item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-ink);text-decoration:none;background:transparent;border:none;cursor:pointer;transition:all var(--transition-fast)}.header__dropdown-item:hover{background:#1a1a1a0d}[data-theme=dark] .header__dropdown-item:hover{background:#ffffff1a}.header__dropdown-item svg{width:18px;height:18px;color:var(--color-ink-muted)}.header__dropdown-item--danger{color:var(--color-error)}.header__dropdown-item--danger svg{color:var(--color-error)}.header__dropdown-item--danger:hover{background:var(--color-error-bg)}.header__mobile-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;width:32px;height:32px;padding:6px;background:transparent;border:none;cursor:pointer}@media (min-width: 768px){.header__mobile-toggle{display:none}}.header__mobile-toggle span{display:block;width:100%;height:2px;background:var(--color-ink);border-radius:var(--radius-full);transition:all var(--transition-fast);transform-origin:center}.header__mobile-toggle--open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.header__mobile-toggle--open span:nth-child(2){opacity:0;transform:scaleX(0)}.header__mobile-toggle--open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.header__mobile-overlay{position:fixed;inset:0;background:#1a1a1a80;opacity:0;visibility:hidden;transition:all var(--transition-slow);z-index:calc(var(--z-fixed) - 1)}.header__mobile-overlay--open{opacity:1;visibility:visible}.header__mobile-menu{position:fixed;top:0;right:0;bottom:0;width:100%;max-width:320px;background:var(--color-paper);transform:translate(100%);transition:transform var(--transition-smooth);z-index:var(--z-fixed);overflow-y:auto}.header__mobile-menu--open{transform:translate(0)}.header__mobile-menu-content{display:flex;flex-direction:column;padding:calc(var(--header-height) + var(--space-4)) var(--space-6) var(--space-6)}.header__mobile-link{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) 0;font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-medium);color:var(--color-ink);text-decoration:none;border:none;background:transparent;cursor:pointer;transition:color var(--transition-fast)}.header__mobile-link:hover{color:var(--color-coral)}.header__mobile-link svg{width:20px;height:20px;color:var(--color-ink-muted)}.header__mobile-link--danger{color:var(--color-error)}.header__mobile-link--danger svg{color:var(--color-error)}.header__mobile-badge{display:block;font-size:var(--text-sm);font-weight:var(--weight-regular);color:var(--color-ink-muted);margin-top:var(--space-1)}.header__mobile-divider{height:1px;background:#1a1a1a14;margin:var(--space-4) 0}[data-theme=dark] .header__mobile-divider{background:#ffffff1a}.header__basket-wrapper{position:relative}.header__basket-dropdown{position:absolute;top:calc(100% + var(--space-2));right:0;width:360px;max-height:480px;background:var(--color-paper);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);border:1px solid rgba(26,26,26,.08);overflow:hidden;animation:fadeInDown var(--transition-fast) ease-out;z-index:var(--z-dropdown)}[data-theme=dark] .header__basket-dropdown{border-color:#ffffff1a}.header__basket-dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);border-bottom:1px solid rgba(26,26,26,.08);font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-ink)}[data-theme=dark] .header__basket-dropdown-header{border-color:#ffffff1a}.header__basket-dropdown-count{font-size:var(--text-xs);font-weight:var(--weight-regular);color:var(--color-ink-muted)}.header__basket-dropdown-items{max-height:280px;overflow-y:auto;padding:var(--space-2) 0}.header__basket-dropdown-item{display:grid;grid-template-columns:48px 1fr auto;gap:var(--space-3);padding:var(--space-3) var(--space-4);align-items:center;transition:background var(--transition-fast)}.header__basket-dropdown-item:hover{background:#1a1a1a08}[data-theme=dark] .header__basket-dropdown-item:hover{background:#ffffff0d}.header__basket-dropdown-item-image{width:48px;height:48px;border-radius:var(--radius-lg);overflow:hidden;background:var(--color-paper-warm)}[data-theme=dark] .header__basket-dropdown-item-image{background:var(--color-paper-cool)}.header__basket-dropdown-item-image img{width:100%;height:100%;object-fit:cover}.header__basket-dropdown-item-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--color-ink-muted)}.header__basket-dropdown-item-placeholder svg{width:20px;height:20px;opacity:.4}.header__basket-dropdown-item-info{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.header__basket-dropdown-item-name{font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header__basket-dropdown-item-qty{font-size:var(--text-xs);color:var(--color-ink-muted)}.header__basket-dropdown-item-total{font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-coral);white-space:nowrap}.header__basket-dropdown-more{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--color-ink-muted);text-align:center;border-top:1px dashed rgba(26,26,26,.1)}[data-theme=dark] .header__basket-dropdown-more{border-color:#ffffff1a}.header__basket-dropdown-footer{padding:var(--space-4);border-top:1px solid rgba(26,26,26,.08);background:#1a1a1a05}[data-theme=dark] .header__basket-dropdown-footer{border-color:#ffffff1a;background:#ffffff05}.header__basket-dropdown-total{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4);font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--color-ink)}.header__basket-dropdown-total-value{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--color-coral)}.header__basket-dropdown-actions{display:flex;gap:var(--space-2)}.header__basket-dropdown-actions .btn{flex:1;justify-content:center}.footer{background:var(--color-ink);color:var(--color-paper);padding:var(--space-12) 0 var(--space-6);margin-top:auto}[data-theme=dark] .footer{background:#0d0d0d}.footer__grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--space-8)}.footer__section{display:flex;flex-direction:column}.footer__brand{padding-right:var(--space-8)}.footer__logo{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;margin-bottom:var(--space-4)}.footer__logo-icon{width:40px;height:40px}.footer__logo-icon svg{width:100%;height:100%}.footer__logo-text{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--color-paper);letter-spacing:var(--tracking-tight)}.footer__logo-text span{color:var(--color-coral)}.footer__tagline{font-size:var(--text-sm);color:#ffffffb3;line-height:var(--leading-relaxed);margin:0}.footer__heading{font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-paper);text-transform:uppercase;letter-spacing:var(--tracking-wider);margin:0 0 var(--space-4) 0}.footer__nav{display:flex;flex-direction:column;gap:var(--space-3)}.footer__link{font-size:var(--text-sm);color:#ffffffb3;text-decoration:none;transition:color var(--transition-fast)}.footer__link:hover{color:var(--color-coral)}.footer__contact{display:flex;flex-direction:column;gap:var(--space-3)}.footer__contact-item{display:flex;align-items:flex-start;gap:var(--space-2);font-size:var(--text-sm);color:#ffffffb3}.footer__contact-item svg{width:18px;height:18px;flex-shrink:0;margin-top:2px}.footer__contact-item a{color:#ffffffb3;text-decoration:none;transition:color var(--transition-fast)}.footer__contact-item a:hover{color:var(--color-coral)}.footer__social{display:flex;gap:var(--space-3)}.footer__social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#ffffff1a;border-radius:var(--radius-lg);color:var(--color-paper);transition:all var(--transition-fast)}.footer__social-link:hover{background:var(--color-coral);transform:translateY(-2px)}.footer__social-link svg{width:20px;height:20px}.footer__bottom{margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid rgba(255,255,255,.1);text-align:center}.footer__copyright{font-size:var(--text-sm);color:#ffffff80;margin:0}@media (max-width: 1024px){.footer__grid{grid-template-columns:1fr 1fr;gap:var(--space-8) var(--space-6)}.footer__brand{grid-column:1 / -1;padding-right:0}}@media (max-width: 640px){.footer{padding:var(--space-8) 0 var(--space-4)}.footer__grid{grid-template-columns:1fr;gap:var(--space-6)}.footer__section{text-align:center;align-items:center}.footer__logo{justify-content:center}.footer__nav,.footer__contact{align-items:center}.footer__contact-item,.footer__social{justify-content:center}}.product-card{display:flex;flex-direction:column;background:var(--color-paper);border-radius:var(--radius-xl);overflow:hidden;transition:all var(--transition-smooth);animation:fadeInUp var(--transition-slow) ease-out both;border:1px solid rgba(26,26,26,.06)}[data-theme=dark] .product-card{border-color:#ffffff14}.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.product-card--in-basket{border-color:var(--color-mint);background:linear-gradient(to bottom,rgba(78,205,196,.05) 0%,var(--color-paper) 100%)}.product-card__image{position:relative;aspect-ratio:1;overflow:hidden;background:var(--color-paper-warm);cursor:pointer}[data-theme=dark] .product-card__image{background:var(--color-paper-cool)}.product-card__img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-smooth)}.product-card:hover .product-card__img{transform:scale(1.05)}.product-card__placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--color-ink-muted)}.product-card__placeholder svg{width:48px;height:48px;opacity:.4}.product-card__badge{position:absolute;top:var(--space-3);right:var(--space-3);display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);background:var(--color-mint);color:#fff;border-radius:var(--radius-full);font-family:var(--font-display);font-size:var(--text-xs);font-weight:var(--weight-bold);animation:scaleIn var(--transition-bounce)}.product-card__badge svg{width:14px;height:14px}.product-card__content{flex:1;display:flex;flex-direction:column;padding:var(--space-4)}.product-card__category{font-family:var(--font-display);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-ink-muted);text-transform:uppercase;letter-spacing:var(--tracking-wider);margin-bottom:var(--space-1)}.product-card__name{font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-ink);line-height:var(--leading-snug);margin:0 0 var(--space-2) 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-card__price{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--color-coral);margin-top:auto}.product-card__actions{padding:0 var(--space-4) var(--space-4)}.product-card__add-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;padding:var(--space-3);background:var(--color-ink);color:var(--color-paper);border:none;border-radius:var(--radius-lg);font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-semibold);cursor:pointer;transition:all var(--transition-fast)}[data-theme=dark] .product-card__add-btn{background:var(--color-paper);color:var(--color-ink)}.product-card__add-btn:hover{background:var(--color-coral);color:#fff;transform:translateY(-1px)}.product-card__add-btn svg{width:16px;height:16px}.product-card__add-btn .product-card__add-input{width:48px;margin-left:auto;padding:var(--space-1) var(--space-2);background:#fff3;border:none;border-radius:var(--radius-md);font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-bold);color:inherit;text-align:center;transition:all var(--transition-fast)}[data-theme=dark] .product-card__add-btn .product-card__add-input{background:#00000026}.product-card__add-btn .product-card__add-input:focus{outline:none;background:#fffffff2;color:#1a1a1a}.product-card__add-btn:hover .product-card__add-input{background:#ffffff4d}.product-card__add-btn:hover .product-card__add-input:focus{background:#fffffff2;color:#1a1a1a}.product-card__quantity{display:flex;align-items:center;justify-content:center;gap:var(--space-2);background:#4ecdc41a;border-radius:var(--radius-lg);padding:var(--space-1)}.product-card__qty-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--color-paper);border:none;border-radius:var(--radius-md);color:var(--color-ink);cursor:pointer;transition:all var(--transition-fast)}.product-card__qty-btn:hover{background:var(--color-mint);color:#fff}.product-card__qty-btn svg{width:16px;height:16px}.product-card__qty-input{width:56px;padding:var(--space-1) var(--space-2);background:var(--color-paper);border:2px solid transparent;border-radius:var(--radius-md);font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--color-ink);text-align:center;transition:all var(--transition-fast)}.product-card__qty-input:focus{outline:none;border-color:var(--color-mint);box-shadow:0 0 0 3px #4ecdc433}.product-card__qty-value{min-width:32px;font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--color-ink);text-align:center}@media (max-width: 640px){.product-card__content{padding:var(--space-3)}.product-card__name{font-size:var(--text-xs)}.product-card__price{font-size:var(--text-base)}.product-card__actions{padding:0 var(--space-3) var(--space-3)}.product-card__add-btn{padding:var(--space-2);font-size:var(--text-xs)}.product-card__add-btn span{display:none}.product-card__add-btn .product-card__add-input{width:40px;font-size:var(--text-xs)}.product-card__qty-btn{width:32px;height:32px}.product-card__qty-input{width:44px;font-size:var(--text-sm)}}.image-modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:9999;cursor:pointer;animation:fadeIn .2s ease-out;pointer-events:auto}.image-modal-content{position:relative;max-width:90vw;max-height:90vh;cursor:default;animation:scaleIn .2s ease-out;pointer-events:none}.image-modal-close{position:absolute;top:-40px;right:0;background:#ffffffe6;border:none;border-radius:50%;width:40px;height:40px;font-size:24px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10001;pointer-events:auto}.image-modal-close:hover{background:#fff;transform:scale(1.1)}.image-modal-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;box-shadow:0 20px 40px #0000004d;pointer-events:none}@keyframes scaleIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}body:has(.image-modal-overlay) .product-image-clickable:hover{transform:none!important}body:has(.image-modal-overlay) .product-card:hover{transform:none!important}body:has(.image-modal-overlay) .product-row:hover{transform:none!important}body:has(.image-modal-overlay) *{pointer-events:none!important}body:has(.image-modal-overlay) .image-modal-overlay,body:has(.image-modal-overlay) .image-modal-overlay *{pointer-events:auto!important}@media (max-width: 768px){.image-modal-content{max-width:95vw;max-height:95vh}.image-modal-close{top:-35px;width:35px;height:35px;font-size:20px}}.category-sidebar{background:var(--color-paper);border-radius:var(--radius-2xl);border:1px solid rgba(26,26,26,.08);overflow:hidden}[data-theme=dark] .category-sidebar{border-color:#ffffff14}.category-sidebar__header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-5);border-bottom:1px solid rgba(26,26,26,.08)}[data-theme=dark] .category-sidebar__header{border-color:#ffffff14}.category-sidebar__title{font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-ink);margin:0}.category-sidebar__clear{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-coral);background:none;border:none;padding:var(--space-1) var(--space-2);cursor:pointer;transition:opacity var(--transition-fast)}.category-sidebar__clear:hover{opacity:.8}.category-sidebar__loading{padding:var(--space-4) var(--space-5);display:flex;flex-direction:column;gap:var(--space-3)}.category-sidebar__groups{max-height:calc(100vh - var(--header-height) - 200px);overflow-y:auto}.category-sidebar__group{border-bottom:1px solid rgba(26,26,26,.05)}[data-theme=dark] .category-sidebar__group{border-color:#ffffff0d}.category-sidebar__group:last-child{border-bottom:none}.category-sidebar__group-header{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-5);background:none;border:none;cursor:pointer;text-align:left;transition:background var(--transition-fast)}.category-sidebar__group-header:hover{background:#1a1a1a08}[data-theme=dark] .category-sidebar__group-header:hover{background:#ffffff08}.category-sidebar__group-name{flex:1;font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-ink)}.category-sidebar__group-count{font-size:var(--text-xs);color:var(--color-ink-muted);background:#1a1a1a0d;padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);min-width:24px;text-align:center}[data-theme=dark] .category-sidebar__group-count{background:#ffffff1a}.category-sidebar__group-chevron{width:16px;height:16px;color:var(--color-ink-muted);transition:transform var(--transition-fast)}.category-sidebar__group-chevron--open{transform:rotate(180deg)}.category-sidebar__group-items{padding:0 var(--space-5) var(--space-3);padding-left:calc(var(--space-5) + var(--space-6));display:flex;flex-direction:column;gap:var(--space-1);animation:slideDown var(--transition-fast) ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.category-sidebar__item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) 0;cursor:pointer;transition:opacity var(--transition-fast)}.category-sidebar__item:hover{opacity:.8}.category-sidebar__item input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.category-sidebar__checkbox{display:flex;align-items:center;gap:var(--space-2);cursor:pointer}.category-sidebar__checkbox-mark{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border:2px solid var(--color-ink-muted);border-radius:var(--radius-sm);background:transparent;transition:all var(--transition-fast);flex-shrink:0}.category-sidebar__checkbox-mark svg{width:12px;height:12px;stroke:#fff;opacity:0;transition:opacity var(--transition-fast)}.category-sidebar__item input:checked+.category-sidebar__checkbox-mark,.category-sidebar__checkbox input:checked+.category-sidebar__checkbox-mark{background:var(--color-coral);border-color:var(--color-coral)}.category-sidebar__item input:checked+.category-sidebar__checkbox-mark svg,.category-sidebar__checkbox input:checked+.category-sidebar__checkbox-mark svg{opacity:1}.category-sidebar__checkbox--partial .category-sidebar__checkbox-mark{background:var(--color-coral);border-color:var(--color-coral)}.category-sidebar__checkbox--partial .category-sidebar__checkbox-mark svg{opacity:1}.category-sidebar__item-name{font-size:var(--text-sm);color:var(--color-ink)}@media (max-width: 1024px){.category-sidebar{position:fixed;top:0;left:0;bottom:0;width:300px;max-width:85vw;z-index:var(--z-modal);transform:translate(-100%);transition:transform var(--transition-smooth);border-radius:0;border:none;box-shadow:var(--shadow-2xl)}.category-sidebar--open{transform:translate(0)}.category-sidebar__groups{max-height:calc(100vh - 80px)}}.category-filter-toggle{display:none;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--color-paper);border:1px solid rgba(26,26,26,.1);border-radius:var(--radius-xl);font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-ink);cursor:pointer;transition:all var(--transition-fast)}[data-theme=dark] .category-filter-toggle{border-color:#ffffff1a}.category-filter-toggle:hover{border-color:var(--color-coral);color:var(--color-coral)}.category-filter-toggle svg{width:18px;height:18px}.category-filter-toggle__badge{background:var(--color-coral);color:#fff;font-size:var(--text-xs);padding:2px 6px;border-radius:var(--radius-full);margin-left:var(--space-1)}@media (max-width: 1024px){.category-filter-toggle{display:flex}}.category-sidebar-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:calc(var(--z-modal) - 1);opacity:0;visibility:hidden;transition:all var(--transition-slow)}.category-sidebar-overlay--open{opacity:1;visibility:visible}@media (max-width: 1024px){.category-sidebar-overlay{display:block}}.pagination{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-12);padding:var(--space-6);background:var(--color-paper-warm);border-radius:var(--radius-2xl)}[data-theme=dark] .pagination{background:var(--color-paper-cool)}.pagination-info{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-ink-muted);display:flex;align-items:center;gap:var(--space-2)}.pagination-controls{display:flex;align-items:center;gap:var(--space-2)}.pagination-numbers{display:flex;align-items:center;gap:var(--space-1)}.pagination-btn{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:var(--space-2) var(--space-3);border:2px solid transparent;border-radius:var(--radius-lg);background:var(--color-paper);color:var(--color-ink);font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;transition:all var(--transition-fast)}.pagination-btn:hover:not(:disabled){background:var(--color-ink);color:var(--color-paper);transform:translateY(-1px)}[data-theme=dark] .pagination-btn:hover:not(:disabled){background:var(--color-paper);color:var(--color-ink)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.pagination-btn.active{background:var(--color-coral);color:#fff;border-color:var(--color-coral);box-shadow:var(--shadow-coral)}.pagination-btn.active:hover{background:var(--color-coral-dark);border-color:var(--color-coral-dark);color:#fff}.pagination-btn--prev,.pagination-btn--next{gap:var(--space-2)}.pagination-btn svg{width:16px;height:16px}.pagination-btn.disabled{background:transparent;border:none;cursor:default;color:var(--color-ink-muted);min-width:32px}.pagination-btn.disabled:hover{background:transparent;color:var(--color-ink-muted);transform:none}.loading-spinner{width:18px;height:18px;border:2px solid rgba(26,26,26,.1);border-top-color:var(--color-coral);border-radius:var(--radius-full);animation:spin .8s linear infinite}[data-theme=dark] .loading-spinner{border-color:#fff3;border-top-color:var(--color-coral)}@media (max-width: 768px){.pagination{flex-direction:column;gap:var(--space-4);text-align:center;padding:var(--space-4)}.pagination-controls{flex-wrap:wrap;justify-content:center}.pagination-numbers{order:0}.pagination-btn{min-width:36px;height:36px;font-size:var(--text-xs)}.pagination-btn--prev span,.pagination-btn--next span{display:none}}@media (max-width: 480px){.pagination{padding:var(--space-3)}.pagination-info{font-size:var(--text-xs)}.pagination-btn{min-width:32px;height:32px;padding:var(--space-1)}.pagination-numbers{gap:2px}}.home-page{min-height:100vh;background:var(--color-paper)}.home-hero{position:relative;padding:var(--space-12) 0 var(--space-16);background:linear-gradient(135deg,var(--color-paper) 0%,var(--color-paper-warm) 100%);overflow:hidden}[data-theme=dark] .home-hero{background:linear-gradient(135deg,var(--color-paper) 0%,var(--color-paper-cool) 100%)}.home-hero .container{position:relative;z-index:1}.home-hero__content{max-width:700px;animation:fadeInUp var(--transition-slow) ease-out}.home-hero__badge{margin-bottom:var(--space-4)}.home-hero__title{font-family:var(--font-display);font-size:var(--text-5xl);font-weight:var(--weight-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--color-ink);margin-bottom:var(--space-6)}.home-hero__highlight{color:var(--color-coral);position:relative}.home-hero__highlight:after{content:"";position:absolute;bottom:.1em;left:0;right:0;height:.2em;background:#ff6b5b33;border-radius:var(--radius-sm);z-index:-1}.home-hero__subtitle{font-size:var(--text-lg);color:var(--color-ink-muted);line-height:var(--leading-relaxed);margin-bottom:var(--space-8);max-width:500px}.home-hero__stats{display:flex;align-items:center;gap:var(--space-6);flex-wrap:wrap}.home-hero__stat{display:flex;flex-direction:column}.home-hero__stat-value{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--weight-bold);color:var(--color-ink);line-height:1}.home-hero__stat-value--highlight{color:var(--color-mint)}.home-hero__stat-label{font-size:var(--text-sm);color:var(--color-ink-muted);margin-top:var(--space-1)}.home-hero__stat-divider{width:1px;height:40px;background:#1a1a1a26}[data-theme=dark] .home-hero__stat-divider{background:#ffffff26}.home-hero__decoration{position:absolute;top:0;right:0;bottom:0;width:50%;pointer-events:none;overflow:hidden}.home-hero__shape{position:absolute;border-radius:var(--radius-2xl);opacity:.6}.home-hero__shape--1{width:200px;height:200px;background:var(--color-coral);top:10%;right:15%;transform:rotate(15deg);animation:float 6s ease-in-out infinite}.home-hero__shape--2{width:120px;height:120px;background:var(--color-sunshine);top:50%;right:35%;transform:rotate(-10deg);animation:float 8s ease-in-out infinite reverse}.home-hero__shape--3{width:80px;height:80px;background:var(--color-mint);top:30%;right:5%;transform:rotate(25deg);animation:float 7s ease-in-out infinite}.home-hero__shape--4{width:150px;height:150px;background:var(--color-lavender);bottom:10%;right:20%;transform:rotate(-20deg);animation:float 9s ease-in-out infinite reverse}@keyframes float{0%,to{transform:translateY(0) rotate(var(--rotation, 15deg))}50%{transform:translateY(-20px) rotate(var(--rotation, 15deg))}}.home-filter-bar{display:none;position:sticky;top:var(--header-height);z-index:calc(var(--z-sticky) - 1);background:var(--color-paper);padding:var(--space-3) 0;border-bottom:1px solid rgba(26,26,26,.08)}[data-theme=dark] .home-filter-bar{border-color:#ffffff14}@media (max-width: 1024px){.home-filter-bar{display:block}}.home-content{padding:var(--space-8) 0 var(--space-16)}.home-content__layout{display:flex;gap:var(--space-8)}.home-sidebar{width:280px;flex-shrink:0;position:sticky;top:calc(var(--header-height) + var(--space-4));height:fit-content;max-height:calc(100vh - var(--header-height) - var(--space-8))}@media (max-width: 1024px){.home-sidebar{position:fixed;top:0;left:0;bottom:0;width:300px;max-width:85vw;z-index:var(--z-modal);transform:translate(-100%);transition:transform var(--transition-smooth);max-height:none}.home-sidebar--open{transform:translate(0)}.home-sidebar .category-sidebar{height:100%;border-radius:0}}.home-main{flex:1;min-width:0}.home-products__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-8)}.home-products__title-group{display:flex;align-items:baseline;gap:var(--space-4)}.home-products__title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--color-ink);margin:0}.home-products__count{font-size:var(--text-sm);color:var(--color-ink-muted);background:#1a1a1a0d;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full)}[data-theme=dark] .home-products__count{background:#ffffff1a}.home-products__active-filters{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}.home-products__filter-tag{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);background:var(--color-coral);color:#fff;font-size:var(--text-xs);font-weight:var(--weight-medium);border-radius:var(--radius-full)}.home-products__filter-tag button{display:flex;align-items:center;justify-content:center;width:16px;height:16px;background:#fff3;border:none;border-radius:var(--radius-full);cursor:pointer;transition:background var(--transition-fast)}.home-products__filter-tag button:hover{background:#ffffff4d}.home-products__filter-tag button svg{width:10px;height:10px;stroke:#fff}.home-products__filter-more{font-size:var(--text-xs);color:var(--color-ink-muted);padding:var(--space-1) var(--space-2)}.home-products__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}@media (min-width: 640px){.home-products__grid{grid-template-columns:repeat(3,1fr);gap:var(--space-5)}}@media (min-width: 1024px){.home-products__grid{grid-template-columns:repeat(4,1fr);gap:var(--space-6)}}@media (min-width: 1280px){.home-products__grid{grid-template-columns:repeat(5,1fr)}}.home-products__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-16) var(--space-6);background:var(--color-paper-warm);border-radius:var(--radius-2xl);border:2px dashed rgba(26,26,26,.15)}[data-theme=dark] .home-products__empty{background:var(--color-paper-cool);border-color:#ffffff26}.home-products__empty-icon{width:80px;height:80px;color:var(--color-ink-muted);margin-bottom:var(--space-6)}.home-products__empty-icon svg{width:100%;height:100%}.home-products__empty h3{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--color-ink);margin-bottom:var(--space-2)}.home-products__empty p{color:var(--color-ink-muted);margin-bottom:var(--space-6)}.product-card-skeleton{padding:var(--space-4)}.product-card-skeleton .skeleton-card{height:180px;border-radius:var(--radius-xl)}.home-error{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:60vh;padding:var(--space-8)}.home-error__icon{width:80px;height:80px;color:var(--color-error);margin-bottom:var(--space-6)}.home-error__icon svg{width:100%;height:100%}.home-error__title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--color-ink);margin-bottom:var(--space-2)}.home-error__message{color:var(--color-ink-muted);margin-bottom:var(--space-6)}@media (max-width: 768px){.home-hero{padding:var(--space-8) 0 var(--space-12)}.home-hero__title{font-size:var(--text-4xl)}.home-hero__decoration{width:100%;opacity:.3}.home-hero__stats{gap:var(--space-4)}.home-hero__stat-value{font-size:var(--text-2xl)}.home-products__header{flex-direction:column;align-items:flex-start;gap:var(--space-2)}}@media (max-width: 480px){.home-hero__title{font-size:var(--text-3xl)}.home-hero__stats{flex-direction:column;align-items:flex-start}.home-hero__stat-divider{display:none}}.basket-page{min-height:calc(100vh - var(--header-height));background:var(--color-paper);padding:var(--space-8) 0 var(--space-16)}.basket-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;text-align:center}.basket-loading__spinner{width:48px;height:48px;border:3px solid rgba(26,26,26,.1);border-top-color:var(--color-coral);border-radius:var(--radius-full);animation:spin .8s linear infinite;margin-bottom:var(--space-4)}.basket-loading p{color:var(--color-ink-muted)}.basket-error{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:50vh;padding:var(--space-8)}.basket-error__icon{width:80px;height:80px;color:var(--color-error);margin-bottom:var(--space-6)}.basket-error__icon svg{width:100%;height:100%}.basket-error h2{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--color-ink);margin-bottom:var(--space-2)}.basket-error p{color:var(--color-ink-muted);margin-bottom:var(--space-6)}.basket-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:50vh;padding:var(--space-8)}.basket-empty__icon{width:120px;height:120px;color:var(--color-ink-muted);margin-bottom:var(--space-6);opacity:.4}.basket-empty__icon svg{width:100%;height:100%}.basket-empty__title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--color-ink);margin-bottom:var(--space-2)}.basket-empty__text{color:var(--color-ink-muted);margin-bottom:var(--space-8)}.basket-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-8);padding-bottom:var(--space-6);border-bottom:2px solid rgba(26,26,26,.08)}[data-theme=dark] .basket-header{border-color:#ffffff1a}.basket-header__content{display:flex;align-items:baseline;gap:var(--space-4)}.basket-header__title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--weight-bold);color:var(--color-ink);margin:0}.basket-header__count{font-size:var(--text-sm);color:var(--color-ink-muted);background:#1a1a1a0d;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full)}[data-theme=dark] .basket-header__count{background:#ffffff1a}.basket-header__clear{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:transparent;border:1px solid rgba(26,26,26,.15);border-radius:var(--radius-lg);font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-ink-muted);cursor:pointer;transition:all var(--transition-fast)}.basket-header__clear:hover{border-color:var(--color-error);color:var(--color-error);background:var(--color-error-bg)}.basket-header__clear svg{width:18px;height:18px}.basket-layout{display:grid;grid-template-columns:1fr 380px;gap:var(--space-8);align-items:start}.basket-items{display:flex;flex-direction:column;gap:var(--space-4)}.basket-item{display:grid;grid-template-columns:100px 1fr 140px 100px;gap:var(--space-4);align-items:center;padding:var(--space-4);background:var(--color-paper);border-radius:var(--radius-xl);border:1px solid rgba(26,26,26,.06);transition:all var(--transition-fast);animation:fadeInUp var(--transition-slow) ease-out both}[data-theme=dark] .basket-item{border-color:#ffffff14}.basket-item:hover{border-color:#1a1a1a26;box-shadow:var(--shadow-md)}[data-theme=dark] .basket-item:hover{border-color:#ffffff26}.basket-item__image{width:100px;height:100px;border-radius:var(--radius-lg);overflow:hidden;background:var(--color-paper-warm)}[data-theme=dark] .basket-item__image{background:var(--color-paper-cool)}.basket-item__image img{width:100%;height:100%;object-fit:cover}.basket-item__placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--color-ink-muted)}.basket-item__placeholder svg{width:32px;height:32px;opacity:.4}.basket-item__content{min-width:0}.basket-item__name{font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-ink);margin:0 0 var(--space-1) 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.basket-item__price{font-size:var(--text-sm);color:var(--color-ink-muted);margin:0}.basket-item__quantity{display:flex;align-items:center;gap:var(--space-2);background:#1a1a1a0d;border-radius:var(--radius-lg);padding:var(--space-1)}[data-theme=dark] .basket-item__quantity{background:#ffffff1a}.basket-item__qty-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--color-paper);border:none;border-radius:var(--radius-md);color:var(--color-ink);cursor:pointer;transition:all var(--transition-fast)}.basket-item__qty-btn:hover:not(:disabled){background:var(--color-mint);color:#fff}.basket-item__qty-btn:disabled{opacity:.5;cursor:not-allowed}.basket-item__qty-btn svg{width:16px;height:16px}.basket-item__qty-value{min-width:40px;font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--color-ink);text-align:center}.basket-item__total{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-2)}.basket-item__total-price{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--color-coral);min-width:80px;text-align:right;white-space:nowrap}.basket-item__remove{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-ink-muted);cursor:pointer;transition:all var(--transition-fast)}.basket-item__remove:hover{background:var(--color-error-bg);color:var(--color-error)}.basket-item__remove svg{width:18px;height:18px}.basket-summary{position:sticky;top:calc(var(--header-height) + var(--space-8))}.basket-summary__card{background:var(--color-paper-warm);border-radius:var(--radius-2xl);padding:var(--space-6)}[data-theme=dark] .basket-summary__card{background:var(--color-paper-cool)}.basket-summary__title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--color-ink);margin:0 0 var(--space-6) 0}.basket-summary__rows{margin-bottom:var(--space-6)}.basket-summary__row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) 0;font-size:var(--text-sm);color:var(--color-ink);border-bottom:1px solid rgba(26,26,26,.08)}[data-theme=dark] .basket-summary__row{border-color:#ffffff1a}.basket-summary__free{color:var(--color-ink-muted);font-size:var(--text-xs)}.basket-summary__total{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) 0;margin-bottom:var(--space-6);border-top:2px solid rgba(26,26,26,.1)}[data-theme=dark] .basket-summary__total{border-color:#ffffff26}.basket-summary__total span:first-child{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-ink)}.basket-summary__total-value{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--color-coral)}.basket-summary__checkout{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4);font-size:var(--text-base)}.basket-summary__checkout svg{width:20px;height:20px}.basket-summary__continue{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-top:var(--space-4);padding:var(--space-3);font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-ink-muted);text-decoration:none;transition:color var(--transition-fast)}.basket-summary__continue:hover{color:var(--color-ink)}.basket-summary__continue svg{width:16px;height:16px}@media (max-width: 1024px){.basket-layout{grid-template-columns:1fr;gap:var(--space-6)}.basket-summary{position:static;order:-1}}@media (max-width: 768px){.basket-page{padding:var(--space-6) 0 var(--space-12)}.basket-header{flex-direction:column;align-items:flex-start;gap:var(--space-4)}.basket-header__clear{width:100%;justify-content:center}.basket-item{grid-template-columns:80px 1fr;grid-template-rows:auto auto}.basket-item__content{grid-column:2}.basket-item__quantity{grid-column:1 / 2;grid-row:2;justify-self:start}.basket-item__total{grid-column:2;grid-row:2;flex-direction:row;align-items:center;gap:var(--space-4)}}@media (max-width: 480px){.basket-header__content{flex-direction:column;align-items:flex-start;gap:var(--space-1)}.basket-header__title{font-size:var(--text-2xl)}.basket-item__image{width:70px;height:70px}.basket-item__name{font-size:var(--text-sm)}.basket-item__qty-btn{width:32px;height:32px}}.checkout-page{min-height:calc(100vh - var(--header-height));background:var(--color-paper);padding:var(--space-8) 0 var(--space-16)}.checkout-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;text-align:center}.checkout-loading__spinner{width:48px;height:48px;border:3px solid rgba(26,26,26,.1);border-top-color:var(--color-coral);border-radius:var(--radius-full);animation:spin .8s linear infinite;margin-bottom:var(--space-4)}.checkout-loading p{color:var(--color-ink-muted);font-family:var(--font-display)}.checkout-progress{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-bottom:var(--space-10);padding:var(--space-6);background:var(--color-paper-warm);border-radius:var(--radius-2xl)}[data-theme=dark] .checkout-progress{background:var(--color-paper-cool)}.checkout-progress__step{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.checkout-progress__icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#1a1a1a14;border-radius:var(--radius-full);font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-sm);color:var(--color-ink-muted);transition:all var(--transition-normal)}[data-theme=dark] .checkout-progress__icon{background:#ffffff1a}.checkout-progress__icon svg{width:18px;height:18px}.checkout-progress__step span:last-child{font-family:var(--font-display);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-ink-muted);text-transform:uppercase;letter-spacing:.05em}.checkout-progress__step--completed .checkout-progress__icon{background:var(--color-mint);color:#fff}.checkout-progress__step--completed span:last-child{color:var(--color-mint)}.checkout-progress__step--active .checkout-progress__icon{background:var(--color-coral);color:#fff;box-shadow:var(--shadow-coral)}.checkout-progress__step--active span:last-child{color:var(--color-ink)}.checkout-progress__line{width:60px;height:3px;background:#1a1a1a1a;border-radius:var(--radius-full);margin:0 var(--space-2);margin-bottom:var(--space-6)}[data-theme=dark] .checkout-progress__line{background:#ffffff1a}.checkout-progress__line--completed{background:var(--color-mint)}.checkout-layout{display:grid;grid-template-columns:1fr 400px;gap:var(--space-8);align-items:start}.checkout-form{background:var(--color-paper);border-radius:var(--radius-2xl);padding:var(--space-8);border:1px solid rgba(26,26,26,.06)}[data-theme=dark] .checkout-form{border-color:#ffffff14}.checkout-form__header{margin-bottom:var(--space-8);padding-bottom:var(--space-6);border-bottom:2px solid rgba(26,26,26,.06)}[data-theme=dark] .checkout-form__header{border-color:#ffffff1a}.checkout-form__title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--weight-bold);color:var(--color-ink);margin:0 0 var(--space-3) 0}.checkout-form__prefilled{display:flex;align-items:center;gap:var(--space-2);color:var(--color-mint);font-size:var(--text-sm);font-weight:var(--weight-medium)}.checkout-form__prefilled svg{width:18px;height:18px}.checkout-form__profile-link{display:flex;align-items:center;gap:var(--space-2);color:var(--color-ink-muted);font-size:var(--text-sm);text-decoration:none;transition:color var(--transition-fast)}.checkout-form__profile-link:hover{color:var(--color-coral)}.checkout-form__profile-link svg{width:16px;height:16px;flex-shrink:0}.checkout-error{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-4);background:var(--color-error-bg);border:1px solid var(--color-error);border-radius:var(--radius-xl);margin-bottom:var(--space-6)}.checkout-error svg{width:24px;height:24px;color:var(--color-error);flex-shrink:0}.checkout-error strong{display:block;font-family:var(--font-display);font-weight:var(--weight-semibold);color:var(--color-error);margin-bottom:var(--space-1)}.checkout-error p{margin:0;font-size:var(--text-sm);color:var(--color-ink)}.checkout-section{margin-bottom:var(--space-8)}.checkout-section__header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6)}.checkout-section__icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-paper-warm);border-radius:var(--radius-lg);color:var(--color-coral)}[data-theme=dark] .checkout-section__icon{background:var(--color-paper-cool)}.checkout-section__icon svg{width:20px;height:20px}.checkout-section__title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-ink);margin:0}.checkout-field{margin-bottom:var(--space-5)}.checkout-field label{display:block;font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-ink);margin-bottom:var(--space-2)}.checkout-field input{width:100%;padding:var(--space-3) var(--space-4);background:var(--color-paper);border:2px solid rgba(26,26,26,.1);border-radius:var(--radius-lg);font-family:var(--font-body);font-size:var(--text-base);color:var(--color-ink);transition:all var(--transition-fast)}[data-theme=dark] .checkout-field input{background:var(--color-surface);border-color:#ffffff26}.checkout-field input::placeholder{color:var(--color-ink-muted)}.checkout-field input:focus{outline:none;border-color:var(--color-coral);box-shadow:0 0 0 3px #ff6b5b26}.checkout-field input.error{border-color:var(--color-error)}.checkout-field input.error:focus{box-shadow:0 0 0 3px #ef444426}.checkout-field input:disabled{opacity:.6;cursor:not-allowed}.checkout-field__hint{display:block;margin-top:var(--space-1);font-size:var(--text-xs);color:var(--color-ink-muted)}.checkout-field__error{display:block;margin-top:var(--space-1);font-size:var(--text-sm);color:var(--color-error);font-weight:var(--weight-medium)}.checkout-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.checkout-actions{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-6);border-top:2px solid rgba(26,26,26,.06)}[data-theme=dark] .checkout-actions{border-color:#ffffff1a}.checkout-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:var(--radius-full);animation:spin .8s linear infinite}.checkout-summary{position:sticky;top:calc(var(--header-height) + var(--space-8))}.checkout-summary__card{background:var(--color-paper-warm);border-radius:var(--radius-2xl);padding:var(--space-6)}[data-theme=dark] .checkout-summary__card{background:var(--color-paper-cool)}.checkout-summary__title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--color-ink);margin:0 0 var(--space-6) 0}.checkout-summary__items{display:flex;flex-direction:column;gap:var(--space-4);max-height:240px;overflow-y:auto;padding-right:var(--space-2);margin-right:calc(-1 * var(--space-2))}.checkout-summary__items::-webkit-scrollbar{width:4px}.checkout-summary__items::-webkit-scrollbar-track{background:transparent}.checkout-summary__items::-webkit-scrollbar-thumb{background:#1a1a1a33;border-radius:var(--radius-full)}.checkout-summary__item{display:flex;align-items:center;gap:var(--space-3)}.checkout-summary__item-image{position:relative;width:56px;height:56px;flex-shrink:0}.checkout-summary__item-image img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-lg);background:var(--color-paper)}.checkout-summary__item-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--color-ink-muted);border-radius:var(--radius-lg);background:var(--color-paper)}.checkout-summary__item-placeholder svg{width:24px;height:24px;opacity:.4}.checkout-summary__item-qty{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:var(--color-coral);color:#fff;font-family:var(--font-display);font-size:var(--text-xs);font-weight:var(--weight-bold);border-radius:var(--radius-full);padding:0 var(--space-1)}.checkout-summary__item-info{display:flex;flex-direction:column;gap:var(--space-1);min-width:0;flex:1}.checkout-summary__item-name{font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.checkout-summary__item-price{font-size:var(--text-sm);color:var(--color-ink-muted)}.checkout-summary__divider{height:1px;background:#1a1a1a1a;margin:var(--space-6) 0}[data-theme=dark] .checkout-summary__divider{background:#ffffff1a}.checkout-summary__rows{margin-bottom:var(--space-4)}.checkout-summary__row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) 0;font-size:var(--text-sm);color:var(--color-ink)}.checkout-summary__free{color:var(--color-mint);font-weight:var(--weight-medium)}.checkout-summary__total{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) 0;border-top:2px solid rgba(26,26,26,.1)}[data-theme=dark] .checkout-summary__total{border-color:#ffffff26}.checkout-summary__total span:first-child{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-ink)}.checkout-summary__total-value{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--color-coral)}.checkout-summary__secure{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3);background:#4ecdc41a;border-radius:var(--radius-lg);margin-top:var(--space-4)}.checkout-summary__secure svg{width:16px;height:16px;color:var(--color-mint)}.checkout-summary__secure span{font-family:var(--font-display);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-mint);text-transform:uppercase;letter-spacing:.05em}.checkout-success{max-width:600px;margin:0 auto;text-align:center;padding:var(--space-8) 0;animation:fadeInUp var(--transition-slow) ease-out}.checkout-success__icon{width:100px;height:100px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-mint),#2dd4bf);border-radius:var(--radius-full);margin:0 auto var(--space-6);animation:successPop .6s cubic-bezier(.175,.885,.32,1.275)}.checkout-success__icon svg{width:48px;height:48px;color:#fff}@keyframes successPop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.checkout-success__title{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:var(--weight-bold);color:var(--color-ink);margin:0 0 var(--space-2) 0}.checkout-success__subtitle{font-size:var(--text-lg);color:var(--color-ink-muted);margin:0 0 var(--space-8) 0}.checkout-success__card{background:var(--color-paper-warm);border-radius:var(--radius-2xl);padding:var(--space-6);margin-bottom:var(--space-6);text-align:left}[data-theme=dark] .checkout-success__card{background:var(--color-paper-cool)}.checkout-success__row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) 0;border-bottom:1px solid rgba(26,26,26,.08)}[data-theme=dark] .checkout-success__row{border-color:#ffffff1a}.checkout-success__row:last-child{border-bottom:none}.checkout-success__row span:first-child{color:var(--color-ink-muted);font-size:var(--text-sm)}.checkout-success__value{font-family:var(--font-display);font-weight:var(--weight-semibold);color:var(--color-ink)}.checkout-success__value--coral{color:var(--color-coral)}.checkout-success__message{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-4);background:#4ecdc41a;border-radius:var(--radius-xl);margin-bottom:var(--space-8);text-align:left}.checkout-success__message-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-mint);border-radius:var(--radius-lg);flex-shrink:0}.checkout-success__message-icon svg{width:20px;height:20px;color:#fff}.checkout-success__message p{margin:0 0 var(--space-1) 0;font-size:var(--text-sm);color:var(--color-ink);line-height:1.6}.checkout-success__message p:last-child{margin-bottom:0}.checkout-success__actions{display:flex;gap:var(--space-4);justify-content:center}.checkout-success__actions .btn{min-width:180px}@media (max-width: 1024px){.checkout-layout{grid-template-columns:1fr;gap:var(--space-6)}.checkout-summary{position:static;order:-1}}@media (max-width: 768px){.checkout-page{padding:var(--space-6) 0 var(--space-12)}.checkout-progress{padding:var(--space-4);gap:var(--space-1)}.checkout-progress__icon{width:32px;height:32px;font-size:var(--text-xs)}.checkout-progress__icon svg{width:14px;height:14px}.checkout-progress__step span:last-child{font-size:10px}.checkout-progress__line{width:30px;margin-bottom:var(--space-5)}.checkout-form{padding:var(--space-5)}.checkout-form__title{font-size:var(--text-2xl)}.checkout-row{grid-template-columns:1fr}.checkout-actions{flex-direction:column;gap:var(--space-3)}.checkout-actions .btn{width:100%}.checkout-actions .btn-ghost{order:1}.checkout-success__title{font-size:var(--text-2xl)}.checkout-success__actions{flex-direction:column}.checkout-success__actions .btn{width:100%}}@media (max-width: 480px){.checkout-progress__step span:last-child{display:none}.checkout-progress__line{width:40px;margin-bottom:0}.checkout-form__header{margin-bottom:var(--space-6);padding-bottom:var(--space-4)}.checkout-section__header{margin-bottom:var(--space-4)}.checkout-section__icon{width:36px;height:36px}.checkout-section__icon svg{width:18px;height:18px}.checkout-section__title{font-size:var(--text-base)}.checkout-field input{padding:var(--space-3);font-size:var(--text-sm)}.checkout-success__icon{width:80px;height:80px}.checkout-success__icon svg{width:36px;height:36px}}.orders-page{min-height:calc(100vh - var(--header-height));background:var(--color-paper);padding:var(--space-8) 0 var(--space-16)}.orders-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;text-align:center}.orders-loading__spinner{width:48px;height:48px;border:3px solid rgba(26,26,26,.1);border-top-color:var(--color-coral);border-radius:var(--radius-full);animation:spin .8s linear infinite;margin-bottom:var(--space-4)}.orders-loading p{color:var(--color-ink-muted);font-family:var(--font-display)}.orders-auth{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:50vh;padding:var(--space-8)}.orders-auth__icon{width:100px;height:100px;display:flex;align-items:center;justify-content:center;background:var(--color-paper-warm);border-radius:var(--radius-full);margin-bottom:var(--space-6)}[data-theme=dark] .orders-auth__icon{background:var(--color-paper-cool)}.orders-auth__icon svg{width:48px;height:48px;color:var(--color-ink-muted)}.orders-auth__title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--color-ink);margin:0 0 var(--space-2) 0}.orders-auth__text{color:var(--color-ink-muted);margin:0 0 var(--space-6) 0}.orders-error{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:50vh;padding:var(--space-8)}.orders-error__icon{width:80px;height:80px;color:var(--color-error);margin-bottom:var(--space-6)}.orders-error__icon svg{width:100%;height:100%}.orders-error h2{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--color-ink);margin:0 0 var(--space-2) 0}.orders-error p{color:var(--color-ink-muted);margin:0 0 var(--space-6) 0}.orders-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:50vh;padding:var(--space-8)}.orders-empty__icon{width:120px;height:120px;color:var(--color-ink-muted);margin-bottom:var(--space-6);opacity:.4}.orders-empty__icon svg{width:100%;height:100%}.orders-empty__title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--color-ink);margin:0 0 var(--space-2) 0}.orders-empty__text{color:var(--color-ink-muted);margin:0 0 var(--space-8) 0;max-width:400px}.orders-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-8);padding-bottom:var(--space-6);border-bottom:2px solid rgba(26,26,26,.08)}[data-theme=dark] .orders-header{border-color:#ffffff1a}.orders-header__content{display:flex;align-items:baseline;gap:var(--space-4)}.orders-header__title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--weight-bold);color:var(--color-ink);margin:0}.orders-header__count{font-size:var(--text-sm);color:var(--color-ink-muted);background:#1a1a1a0d;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full)}[data-theme=dark] .orders-header__count{background:#ffffff1a}.orders-header__sort{display:flex;align-items:center;gap:var(--space-3)}.orders-header__sort label{font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-ink-muted)}.orders-header__select-wrapper{position:relative;display:flex;align-items:center}.orders-header__select-wrapper select{appearance:none;padding:var(--space-2) var(--space-10) var(--space-2) var(--space-4);background:var(--color-paper);border:2px solid rgba(26,26,26,.1);border-radius:var(--radius-lg);font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-ink);cursor:pointer;transition:all var(--transition-fast)}[data-theme=dark] .orders-header__select-wrapper select{background:var(--color-surface);border-color:#ffffff26}.orders-header__select-wrapper select:hover{border-color:var(--color-ink)}.orders-header__select-wrapper select:focus{outline:none;border-color:var(--color-coral)}.orders-header__select-wrapper svg{position:absolute;right:var(--space-3);width:16px;height:16px;color:var(--color-ink-muted);pointer-events:none}.orders-list{display:flex;flex-direction:column;gap:var(--space-4)}.order-card{background:var(--color-paper);border-radius:var(--radius-2xl);padding:var(--space-6);border:1px solid rgba(26,26,26,.06);transition:all var(--transition-fast);animation:fadeInUp var(--transition-slow) ease-out both}[data-theme=dark] .order-card{border-color:#ffffff14}.order-card:hover{border-color:#1a1a1a26;box-shadow:var(--shadow-md)}[data-theme=dark] .order-card:hover{border-color:#ffffff26}.order-card__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-5);padding-bottom:var(--space-4);border-bottom:1px solid rgba(26,26,26,.06)}[data-theme=dark] .order-card__header{border-color:#ffffff14}.order-card__id{display:flex;flex-direction:column;gap:var(--space-1)}.order-card__label{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-ink-muted);text-transform:uppercase;letter-spacing:.05em}.order-card__number{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--color-ink)}.order-card__date{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-ink-muted)}.order-card__date svg{width:16px;height:16px}.order-card__items{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-5)}.order-card__item{position:relative}.order-card__item-image{width:56px;height:56px;border-radius:var(--radius-lg);overflow:hidden;background:var(--color-paper-warm)}[data-theme=dark] .order-card__item-image{background:var(--color-paper-cool)}.order-card__item-image img{width:100%;height:100%;object-fit:cover}.order-card__item-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--color-ink-muted)}.order-card__item-placeholder svg{width:24px;height:24px;opacity:.4}.order-card__item-qty{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:var(--color-coral);color:#fff;font-family:var(--font-display);font-size:var(--text-xs);font-weight:var(--weight-bold);border-radius:var(--radius-full);padding:0 var(--space-1)}.order-card__item-more{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:var(--radius-lg);background:#1a1a1a0d;font-family:var(--font-display);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-ink-muted)}[data-theme=dark] .order-card__item-more{background:#ffffff1a}.order-card__footer{display:flex;justify-content:space-between;align-items:center}.order-card__summary{display:flex;flex-direction:column;gap:var(--space-1)}.order-card__items-count{font-size:var(--text-sm);color:var(--color-ink-muted)}.order-card__total{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--color-coral)}.order-card__btn{display:flex;align-items:center;gap:var(--space-2)}.order-card__btn svg{width:16px;height:16px}.order-modal-overlay{position:fixed;inset:0;background:#1a1a1a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--space-4);animation:fadeIn var(--transition-fast) ease-out}.order-modal{width:100%;max-width:600px;max-height:90vh;background:var(--color-paper);border-radius:var(--radius-2xl);overflow:hidden;display:flex;flex-direction:column;animation:scaleIn var(--transition-normal) ease-out}.order-modal__header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-6);border-bottom:1px solid rgba(26,26,26,.08)}[data-theme=dark] .order-modal__header{border-color:#ffffff1a}.order-modal__title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--color-ink);margin:0}.order-modal__close{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:none;border-radius:var(--radius-lg);color:var(--color-ink-muted);cursor:pointer;transition:all var(--transition-fast)}.order-modal__close:hover{background:#1a1a1a0d;color:var(--color-ink)}[data-theme=dark] .order-modal__close:hover{background:#ffffff1a}.order-modal__close svg{width:20px;height:20px}.order-modal__body{flex:1;overflow-y:auto;padding:var(--space-6)}.order-modal__section{margin-bottom:var(--space-6)}.order-modal__info-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);padding:var(--space-4);background:var(--color-paper-warm);border-radius:var(--radius-xl)}[data-theme=dark] .order-modal__info-row{background:var(--color-paper-cool)}.order-modal__info-item{display:flex;flex-direction:column;gap:var(--space-1)}.order-modal__info-label{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-ink-muted);text-transform:uppercase;letter-spacing:.05em}.order-modal__info-value{font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-ink)}.order-modal__section-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.order-modal__section-header svg{width:20px;height:20px;color:var(--color-coral)}.order-modal__section-header h3{font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-ink);margin:0}.order-modal__address{padding:var(--space-4);background:var(--color-paper-warm);border-radius:var(--radius-xl);border-left:3px solid var(--color-coral)}[data-theme=dark] .order-modal__address{background:var(--color-paper-cool)}.order-modal__address p{margin:0 0 var(--space-1) 0;font-size:var(--text-sm);color:var(--color-ink)}.order-modal__address p:last-child{margin-bottom:0}.order-modal__phone{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-3)!important;padding-top:var(--space-3);border-top:1px solid rgba(26,26,26,.08)}[data-theme=dark] .order-modal__phone{border-color:#ffffff1a}.order-modal__phone svg{width:14px;height:14px;color:var(--color-ink-muted)}.order-modal__no-data{color:var(--color-ink-muted);font-style:italic}.order-modal__items{display:flex;flex-direction:column;gap:var(--space-3)}.order-modal__item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3);background:var(--color-paper-warm);border-radius:var(--radius-lg)}[data-theme=dark] .order-modal__item{background:var(--color-paper-cool)}.order-modal__item-image{width:48px;height:48px;border-radius:var(--radius-md);overflow:hidden;background:var(--color-paper);flex-shrink:0}.order-modal__item-image img{width:100%;height:100%;object-fit:cover}.order-modal__item-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--color-ink-muted)}.order-modal__item-placeholder svg{width:20px;height:20px;opacity:.4}.order-modal__item-info{flex:1;display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.order-modal__item-name{font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.order-modal__item-details{font-size:var(--text-xs);color:var(--color-ink-muted)}.order-modal__item-total{font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-ink)}.order-modal__summary{padding:var(--space-4);background:var(--color-paper-warm);border-radius:var(--radius-xl)}[data-theme=dark] .order-modal__summary{background:var(--color-paper-cool)}.order-modal__summary-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) 0;font-size:var(--text-sm);color:var(--color-ink)}.order-modal__free{color:var(--color-mint);font-weight:var(--weight-medium)}.order-modal__summary-total{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) 0 0;margin-top:var(--space-2);border-top:2px solid rgba(26,26,26,.1)}[data-theme=dark] .order-modal__summary-total{border-color:#ffffff26}.order-modal__summary-total span:first-child{font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-ink)}.order-modal__summary-total span:last-child{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--color-coral)}.order-modal__footer{display:flex;justify-content:flex-end;padding:var(--space-4) var(--space-6);border-top:1px solid rgba(26,26,26,.08);background:var(--color-paper-warm)}[data-theme=dark] .order-modal__footer{border-color:#ffffff1a;background:var(--color-paper-cool)}@media (max-width: 768px){.orders-page{padding:var(--space-6) 0 var(--space-12)}.orders-header{flex-direction:column;align-items:flex-start;gap:var(--space-4)}.orders-header__content{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.orders-header__title{font-size:var(--text-2xl)}.orders-header__sort{width:100%}.orders-header__select-wrapper{flex:1}.orders-header__select-wrapper select{width:100%}.order-card{padding:var(--space-5)}.order-card__header{flex-direction:column;gap:var(--space-3)}.order-card__footer{flex-direction:column;gap:var(--space-4);align-items:stretch}.order-card__summary{flex-direction:row;justify-content:space-between;align-items:center}.order-card__btn{width:100%;justify-content:center}.order-modal{max-height:95vh}.order-modal__info-row{grid-template-columns:1fr}}@media (max-width: 480px){.order-card__items{flex-wrap:wrap}.order-card__item-image{width:48px;height:48px}.order-modal__header,.order-modal__body,.order-modal__footer{padding:var(--space-4)}.order-modal__item{flex-wrap:wrap}.order-modal__item-total{width:100%;text-align:right;margin-top:var(--space-2)}}.profile-page{min-height:calc(100vh - var(--header-height));background:var(--color-paper);padding:var(--space-8) 0 var(--space-16)}.profile-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;text-align:center}.profile-loading__spinner{width:48px;height:48px;border:3px solid rgba(26,26,26,.1);border-top-color:var(--color-coral);border-radius:var(--radius-full);animation:spin .8s linear infinite;margin-bottom:var(--space-4)}.profile-loading p{color:var(--color-ink-muted);font-family:var(--font-display)}.profile-auth{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:50vh;padding:var(--space-8)}.profile-auth__icon{width:100px;height:100px;display:flex;align-items:center;justify-content:center;background:var(--color-paper-warm);border-radius:var(--radius-full);margin-bottom:var(--space-6)}[data-theme=dark] .profile-auth__icon{background:var(--color-paper-cool)}.profile-auth__icon svg{width:48px;height:48px;color:var(--color-ink-muted)}.profile-auth__title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--color-ink);margin:0 0 var(--space-2) 0}.profile-auth__text{color:var(--color-ink-muted);margin:0 0 var(--space-6) 0}.profile-header{display:flex;align-items:center;gap:var(--space-6);margin-bottom:var(--space-8);padding-bottom:var(--space-6);border-bottom:2px solid rgba(26,26,26,.08)}[data-theme=dark] .profile-header{border-color:#ffffff1a}.profile-header__avatar{width:80px;height:80px;border-radius:var(--radius-full);overflow:hidden;background:var(--color-paper-warm);display:flex;align-items:center;justify-content:center;flex-shrink:0;border:3px solid var(--color-coral)}[data-theme=dark] .profile-header__avatar{background:var(--color-paper-cool)}.profile-header__avatar img{width:100%;height:100%;object-fit:cover}.profile-header__avatar svg{width:36px;height:36px;color:var(--color-ink-muted)}.profile-header__info{flex:1}.profile-header__title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--weight-bold);color:var(--color-ink);margin:0 0 var(--space-1) 0}.profile-header__email{font-size:var(--text-sm);color:var(--color-ink-muted);margin:0}.profile-alert{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-xl);margin-bottom:var(--space-6);animation:fadeInUp var(--transition-normal) ease-out}.profile-alert svg{width:24px;height:24px;flex-shrink:0}.profile-alert strong{display:block;font-family:var(--font-display);font-weight:var(--weight-semibold);margin-bottom:var(--space-1)}.profile-alert p{margin:0;font-size:var(--text-sm)}.profile-alert--error{background:var(--color-error-bg);border:1px solid var(--color-error)}.profile-alert--error svg,.profile-alert--error strong{color:var(--color-error)}.profile-alert--success{background:#4ecdc41a;border:1px solid var(--color-mint)}.profile-alert--success svg,.profile-alert--success strong{color:var(--color-mint)}.profile-layout{display:grid;grid-template-columns:220px 1fr;gap:var(--space-8);align-items:start}.profile-tabs{display:flex;flex-direction:column;gap:var(--space-2);position:sticky;top:calc(var(--header-height) + var(--space-8))}.profile-tabs__btn{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:transparent;border:none;border-radius:var(--radius-lg);font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-ink-muted);cursor:pointer;transition:all var(--transition-fast);text-align:left}.profile-tabs__btn svg{width:20px;height:20px}.profile-tabs__btn:hover{background:#1a1a1a0d;color:var(--color-ink)}[data-theme=dark] .profile-tabs__btn:hover{background:#ffffff1a}.profile-tabs__btn--active{background:var(--color-coral);color:#fff;box-shadow:var(--shadow-coral)}.profile-tabs__btn--active:hover{background:var(--color-coral-dark);color:#fff}.profile-content{background:var(--color-paper);border-radius:var(--radius-2xl);padding:var(--space-8);border:1px solid rgba(26,26,26,.06)}[data-theme=dark] .profile-content{border-color:#ffffff14}.profile-section__header{margin-bottom:var(--space-6)}.profile-section__header h2{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--color-ink);margin:0 0 var(--space-1) 0}.profile-section__header p{font-size:var(--text-sm);color:var(--color-ink-muted);margin:0}.profile-form{display:flex;flex-direction:column;gap:var(--space-5)}.profile-field{display:flex;flex-direction:column;gap:var(--space-2)}.profile-field label{font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-ink)}.profile-field input,.profile-field select{padding:var(--space-3) var(--space-4);background:var(--color-paper);border:2px solid rgba(26,26,26,.1);border-radius:var(--radius-lg);font-family:var(--font-body);font-size:var(--text-base);color:var(--color-ink);transition:all var(--transition-fast)}[data-theme=dark] .profile-field input,[data-theme=dark] .profile-field select{background:var(--color-surface);border-color:#ffffff26}.profile-field input::placeholder{color:var(--color-ink-muted)}.profile-field input:focus,.profile-field select:focus{outline:none;border-color:var(--color-coral);box-shadow:0 0 0 3px #ff6b5b26}.profile-field input:disabled{opacity:.6;cursor:not-allowed;background:#1a1a1a08}[data-theme=dark] .profile-field input:disabled{background:#ffffff0d}.profile-field__readonly{position:relative}.profile-field__badge{position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-ink-muted);background:#1a1a1a0d;padding:var(--space-1) var(--space-2);border-radius:var(--radius-md)}[data-theme=dark] .profile-field__badge{background:#ffffff1a}.profile-field__hint{font-size:var(--text-xs);color:var(--color-ink-muted)}.profile-field__select{position:relative;display:flex;align-items:center}.profile-field__select select{width:100%;appearance:none;padding-right:var(--space-10);cursor:pointer}.profile-field__select svg{position:absolute;right:var(--space-3);width:16px;height:16px;color:var(--color-ink-muted);pointer-events:none}.profile-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.profile-divider{height:1px;background:#1a1a1a14;margin:var(--space-2) 0}[data-theme=dark] .profile-divider{background:#ffffff1a}.profile-checkbox{display:flex;align-items:center;gap:var(--space-3);cursor:pointer;padding:var(--space-2) 0}.profile-checkbox input{position:absolute;opacity:0;width:0;height:0}.profile-checkbox__check{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--color-paper);border:2px solid rgba(26,26,26,.2);border-radius:var(--radius-md);transition:all var(--transition-fast);flex-shrink:0}[data-theme=dark] .profile-checkbox__check{background:var(--color-surface);border-color:#fff3}.profile-checkbox__check svg{width:14px;height:14px;color:#fff;opacity:0;transform:scale(.5);transition:all var(--transition-fast)}.profile-checkbox input:checked+.profile-checkbox__check{background:var(--color-coral);border-color:var(--color-coral)}.profile-checkbox input:checked+.profile-checkbox__check svg{opacity:1;transform:scale(1)}.profile-checkbox:hover .profile-checkbox__check{border-color:var(--color-coral)}.profile-checkbox__label{font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-ink)}.profile-prefs-group{display:flex;flex-direction:column;gap:var(--space-3)}.profile-prefs-group h3{font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-ink-muted);text-transform:uppercase;letter-spacing:.05em;margin:0 0 var(--space-2) 0}.profile-actions{display:flex;justify-content:flex-end;padding-top:var(--space-6);margin-top:var(--space-6);border-top:2px solid rgba(26,26,26,.06)}[data-theme=dark] .profile-actions{border-color:#ffffff1a}.profile-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:var(--radius-full);animation:spin .8s linear infinite}@media (max-width: 1024px){.profile-layout{grid-template-columns:1fr;gap:var(--space-6)}.profile-tabs{position:static;flex-direction:row;overflow-x:auto;padding-bottom:var(--space-2);margin-bottom:var(--space-2)}.profile-tabs::-webkit-scrollbar{display:none}.profile-tabs__btn{flex-shrink:0;padding:var(--space-2) var(--space-4)}.profile-tabs__btn span{display:none}}@media (max-width: 768px){.profile-page{padding:var(--space-6) 0 var(--space-12)}.profile-header{flex-direction:column;text-align:center;gap:var(--space-4)}.profile-header__title{font-size:var(--text-2xl)}.profile-content{padding:var(--space-5)}.profile-row{grid-template-columns:1fr}.profile-tabs__btn{padding:var(--space-3)}.profile-tabs__btn svg{width:24px;height:24px}}@media (max-width: 480px){.profile-header__avatar{width:64px;height:64px}.profile-header__avatar svg{width:28px;height:28px}.profile-section__header h2{font-size:var(--text-lg)}.profile-field input,.profile-field select{padding:var(--space-3);font-size:var(--text-sm)}.profile-actions{flex-direction:column}.profile-actions .btn{width:100%}}.loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;gap:1rem}.loading-spinner{width:40px;height:40px;border:4px solid var(--loading-bg);border-top:4px solid var(--loading-primary);border-radius:50%;animation:spin 1s linear infinite}.error-boundary{display:flex;justify-content:center;align-items:center;min-height:50vh;padding:2rem}.error-boundary-content{text-align:center;max-width:500px;padding:2rem;background:var(--surface);border-radius:8px;box-shadow:var(--shadow-lg)}.error-boundary h2{color:var(--danger-color);margin-bottom:1rem;font-size:1.5rem}.error-boundary p{color:var(--text-secondary);margin-bottom:2rem;line-height:1.5}.error-details{text-align:left;margin:1rem 0;padding:1rem;background:var(--surface-secondary);border:1px solid var(--border);border-radius:4px;font-family:monospace;font-size:.875rem}.error-details summary{cursor:pointer;font-weight:700;margin-bottom:.5rem}.error-details pre{white-space:pre-wrap;word-break:break-word;margin:.5rem 0;color:var(--danger-color)}.error-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.retry-button,.reload-button{padding:.75rem 1.5rem;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color .2s}.retry-button{background:var(--btn-primary-bg);color:var(--btn-primary-text)}.retry-button:hover{background:var(--btn-primary-hover)}.reload-button{background:var(--btn-secondary-bg);color:var(--btn-secondary-text)}.reload-button:hover{background:var(--btn-secondary-hover)}@media (max-width: 768px){.error-boundary{padding:1rem}.error-boundary-content{padding:1.5rem}.error-actions{flex-direction:column}.retry-button,.reload-button{width:100%}}:root{--primary-color: #2563eb;--primary-hover: #1d4ed8;--primary-color-light: #dbeafe;--secondary-color: #64748b;--success-color: #10b981;--success-hover: #059669;--danger-color: #ef4444;--danger-hover: #dc2626;--warning-color: #f59e0b;--warning-hover: #d97706;--background: #f8fafc;--surface: #ffffff;--surface-secondary: #f8f9fa;--surface-tertiary: #f1f5f9;--border: #e2e8f0;--border-light: #f1f5f9;--border-strong: #cbd5e1;--text-primary: #1e293b;--text-secondary: #64748b;--text-muted: #94a3b8;--text-inverse: #ffffff;--link-color: #2563eb;--link-hover: #1d4ed8;--link-visited: #7c3aed;--btn-primary-bg: #2563eb;--btn-primary-hover: #1d4ed8;--btn-primary-text: #ffffff;--btn-secondary-bg: #64748b;--btn-secondary-hover: #475569;--btn-secondary-text: #ffffff;--btn-danger-bg: #ef4444;--btn-danger-hover: #dc2626;--btn-danger-text: #ffffff;--btn-disabled-bg: #e2e8f0;--btn-disabled-text: #94a3b8;--input-bg: #ffffff;--input-border: #d1d5db;--input-focus: #2563eb;--input-disabled-bg: #f9fafb;--input-disabled-text: #9ca3af;--alert-success-bg: #f0fdf4;--alert-success-border: #bbf7d0;--alert-success-text: #16a34a;--alert-error-bg: #fef2f2;--alert-error-border: #fecaca;--alert-error-text: #dc2626;--alert-warning-bg: #fffbeb;--alert-warning-border: #fed7aa;--alert-warning-text: #d97706;--loading-bg: #f3f3f3;--loading-primary: #2563eb;--card-bg: #ffffff;--card-border: #e2e8f0;--card-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--hover-bg: #f1f5f9;--hover-overlay: rgba(0, 0, 0, .5);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--radius: .5rem;--radius-lg: .75rem;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem}[data-theme=dark]{--primary-color: #3b82f6;--primary-hover: #2563eb;--primary-color-light: #1e3a8a;--secondary-color: #9ca3af;--success-color: #34d399;--success-hover: #10b981;--danger-color: #f87171;--danger-hover: #ef4444;--warning-color: #fbbf24;--warning-hover: #f59e0b;--background: #0f172a;--surface: #1e293b;--surface-secondary: #334155;--surface-tertiary: #475569;--border: #334155;--border-light: #475569;--border-strong: #64748b;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--text-inverse: #0f172a;--link-color: #60a5fa;--link-hover: #3b82f6;--link-visited: #a78bfa;--btn-primary-bg: #3b82f6;--btn-primary-hover: #2563eb;--btn-primary-text: #ffffff;--btn-secondary-bg: #64748b;--btn-secondary-hover: #475569;--btn-secondary-text: #ffffff;--btn-danger-bg: #f87171;--btn-danger-hover: #ef4444;--btn-danger-text: #ffffff;--btn-disabled-bg: #374151;--btn-disabled-text: #6b7280;--input-bg: #1e293b;--input-border: #475569;--input-focus: #3b82f6;--input-disabled-bg: #374151;--input-disabled-text: #6b7280;--alert-success-bg: #1b2d1b;--alert-success-border: #1e7f1e;--alert-success-text: #86efac;--alert-error-bg: #2d1b1b;--alert-error-border: #7f1d1d;--alert-error-text: #fca5a5;--alert-warning-bg: #2d1b1b;--alert-warning-border: #7f1d1d;--alert-warning-text: #fbbf24;--loading-bg: #374151;--loading-primary: #3b82f6;--card-bg: #1e293b;--card-border: #334155;--card-shadow: 0 1px 3px 0 rgb(0 0 0 / .3), 0 1px 2px -1px rgb(0 0 0 / .3);--hover-bg: #334155;--hover-overlay: rgba(0, 0, 0, .7);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .3);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .4), 0 2px 4px -2px rgb(0 0 0 / .4);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .5), 0 4px 6px -4px rgb(0 0 0 / .5)}*{box-sizing:border-box}html,body{width:100%;margin:0;padding:0}#root{width:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background);color:var(--text-primary);line-height:1.6}.App{min-height:100vh;width:100%;display:flex;flex-direction:column}main{flex:1;width:100%;padding:var(--spacing-md);background-color:var(--background)}.container{width:100%;max-width:none;padding:0 var(--spacing-md)}h1,h2,h3,h4,h5,h6{margin:0 0 var(--spacing-md) 0;font-weight:600;line-height:1.25}h1{font-size:2.5rem;font-weight:700}h2{font-size:2rem}h3{font-size:1.5rem}p{margin:0 0 var(--spacing-md) 0;color:var(--text-secondary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--radius);font-size:.875rem;font-weight:500;text-decoration:none;cursor:pointer;transition:all .2s ease;white-space:nowrap;min-height:2.5rem}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background-color:var(--secondary-color);color:#fff}.btn-secondary:hover:not(:disabled){background-color:#475569;transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-danger{background-color:var(--danger-color);color:#fff}.btn-danger:hover:not(:disabled){background-color:#dc2626;transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-sm{padding:var(--spacing-xs) var(--spacing-sm);font-size:.75rem;min-height:2rem}.btn-lg{padding:var(--spacing-md) var(--spacing-lg);font-size:1rem;min-height:3rem}.card{background:var(--surface);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border);transition:all .2s ease}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.form-group{margin-bottom:var(--spacing-lg)}.form-group label{display:block;margin-bottom:var(--spacing-sm);font-weight:500;color:var(--text-primary)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border);border-radius:var(--radius);font-size:.875rem;transition:all .2s ease;background-color:var(--surface)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a}.loading{display:flex;justify-content:center;align-items:center;height:200px;font-size:1.125rem;color:var(--text-secondary)}.error{color:var(--danger-color);background:#fef2f2;border:1px solid #fecaca;padding:var(--spacing-md);border-radius:var(--radius);margin-bottom:var(--spacing-md)}.success{color:var(--success-color);background:#f0fdf4;border:1px solid #bbf7d0;padding:var(--spacing-md);border-radius:var(--radius);margin-bottom:var(--spacing-md)}@media (max-width: 1200px){main{padding:var(--spacing-lg)}.container{padding:0 var(--spacing-lg)}}@media (max-width: 1024px){main{padding:var(--spacing-md)}.container{padding:0 var(--spacing-md)}}@media (max-width: 768px){main{padding:var(--spacing-md)}.container{padding:0 var(--spacing-sm)}h1{font-size:2rem}h2{font-size:1.5rem}.btn:not(.quantity-controls .btn):not(.quantity-selector .btn){width:100%;justify-content:center}}@media (max-width: 480px){main{padding:var(--spacing-sm)}.container{padding:0 var(--spacing-xs)}}:root{--color-ink: #1a1a1a;--color-ink-light: #2d2d2d;--color-ink-muted: #6b6b6b;--color-paper: #fafafa;--color-paper-warm: #f5f3f0;--color-paper-cool: #f0f4f8;--color-coral: #ff6b5b;--color-coral-light: #ff8a7d;--color-coral-dark: #e55545;--color-sunshine: #ffc93c;--color-sunshine-light: #ffd666;--color-sunshine-dark: #e6b32e;--color-mint: #4ecdc4;--color-mint-light: #7eddd6;--color-mint-dark: #3db3ab;--color-lavender: #a29bfe;--color-lavender-light: #b8b3fe;--color-lavender-dark: #8b84e6;--color-success: #10b981;--color-success-bg: #d1fae5;--color-warning: #f59e0b;--color-warning-bg: #fef3c7;--color-error: #ef4444;--color-error-bg: #fee2e2;--color-info: #3b82f6;--color-info-bg: #dbeafe;--font-display: "Space Grotesk", sans-serif;--font-body: "DM Sans", sans-serif;--text-xs: clamp(.75rem, .7rem + .25vw, .875rem);--text-sm: clamp(.875rem, .8rem + .375vw, 1rem);--text-base: clamp(1rem, .9rem + .5vw, 1.125rem);--text-lg: clamp(1.125rem, 1rem + .625vw, 1.25rem);--text-xl: clamp(1.25rem, 1.1rem + .75vw, 1.5rem);--text-2xl: clamp(1.5rem, 1.2rem + 1.5vw, 2rem);--text-3xl: clamp(1.875rem, 1.4rem + 2.375vw, 2.5rem);--text-4xl: clamp(2.25rem, 1.5rem + 3.75vw, 3.5rem);--text-5xl: clamp(3rem, 2rem + 5vw, 4.5rem);--weight-light: 300;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--leading-tight: 1.1;--leading-snug: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--tracking-tighter: -.05em;--tracking-tight: -.025em;--tracking-normal: 0;--tracking-wide: .025em;--tracking-wider: .05em;--tracking-widest: .1em;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--radius-none: 0;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-3xl: 2rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(26, 26, 26, .05);--shadow-sm: 0 1px 3px rgba(26, 26, 26, .1), 0 1px 2px rgba(26, 26, 26, .06);--shadow-md: 0 4px 6px -1px rgba(26, 26, 26, .1), 0 2px 4px -1px rgba(26, 26, 26, .06);--shadow-lg: 0 10px 15px -3px rgba(26, 26, 26, .1), 0 4px 6px -2px rgba(26, 26, 26, .05);--shadow-xl: 0 20px 25px -5px rgba(26, 26, 26, .1), 0 10px 10px -5px rgba(26, 26, 26, .04);--shadow-2xl: 0 25px 50px -12px rgba(26, 26, 26, .25);--shadow-inner: inset 0 2px 4px 0 rgba(26, 26, 26, .06);--shadow-coral: 0 10px 40px -10px rgba(255, 107, 91, .4);--shadow-mint: 0 10px 40px -10px rgba(78, 205, 196, .4);--shadow-sunshine: 0 10px 40px -10px rgba(255, 201, 60, .4);--shadow-lavender: 0 10px 40px -10px rgba(162, 155, 254, .4);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .5s cubic-bezier(.34, 1.56, .64, 1);--transition-smooth: .4s cubic-bezier(.16, 1, .3, 1);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-toast: 1080;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-2xl: 1536px;--header-height: 72px;--grid-gap: var(--space-6)}[data-theme=dark]{--color-ink: #f5f5f5;--color-ink-light: #e0e0e0;--color-ink-muted: #a0a0a0;--color-paper: #121212;--color-paper-warm: #1a1816;--color-paper-cool: #141820;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .3);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4), 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -2px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .5), 0 10px 10px -5px rgba(0, 0, 0, .3);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .6)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-ink);background-color:var(--color-paper);min-height:100vh;overflow-x:hidden}.font-display{font-family:var(--font-display)}.font-body{font-family:var(--font-body)}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:var(--font-display);font-weight:var(--weight-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--color-ink)}h1,.h1{font-size:var(--text-5xl)}h2,.h2{font-size:var(--text-4xl)}h3,.h3{font-size:var(--text-3xl)}h4,.h4{font-size:var(--text-2xl)}h5,.h5{font-size:var(--text-xl)}h6,.h6{font-size:var(--text-lg)}p{margin-bottom:var(--space-4)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;border:2px solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-bounce);position:relative;overflow:hidden}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 50%);opacity:0;transition:opacity var(--transition-fast)}.btn:hover:before{opacity:1}.btn-primary{background:linear-gradient(135deg,var(--color-coral) 0%,var(--color-coral-dark) 100%);color:#fff;box-shadow:var(--shadow-coral)}.btn-primary:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 15px 50px -10px #ff6b5b80}.btn-primary:active{transform:translateY(0) scale(.98)}.btn-secondary{background:var(--color-paper);color:var(--color-ink);border-color:var(--color-ink)}.btn-secondary:hover{background:var(--color-ink);color:var(--color-paper);transform:translateY(-2px)}.btn-ghost{background:transparent;color:var(--color-ink);border-color:transparent}.btn-ghost:hover{background:#1a1a1a0d}[data-theme=dark] .btn-ghost:hover{background:#ffffff1a}.btn-mint{background:linear-gradient(135deg,var(--color-mint) 0%,var(--color-mint-dark) 100%);color:#fff;box-shadow:var(--shadow-mint)}.btn-mint:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 15px 50px -10px #4ecdc480}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-xs)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-base)}.btn-icon{padding:var(--space-3);aspect-ratio:1}.input-group{display:flex;flex-direction:column;gap:var(--space-2)}.input-label{font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-ink);letter-spacing:var(--tracking-wide)}.input-label.required:after{content:" *";color:var(--color-coral)}.input,.textarea,.select{width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-body);font-size:var(--text-base);color:var(--color-ink);background:var(--color-paper);border:2px solid var(--color-ink-muted);border-radius:var(--radius-lg);transition:all var(--transition-fast);outline:none}.input:focus,.textarea:focus,.select:focus{border-color:var(--color-coral);box-shadow:0 0 0 4px #ff6b5b26}.input::placeholder{color:var(--color-ink-muted)}.input.error{border-color:var(--color-error)}.input.error:focus{box-shadow:0 0 0 4px #ef444426}.input-hint{font-size:var(--text-xs);color:var(--color-ink-muted)}.input-error{font-size:var(--text-xs);color:var(--color-error)}.card{background:var(--color-paper);border-radius:var(--radius-2xl);padding:var(--space-6);box-shadow:var(--shadow-md);transition:all var(--transition-smooth)}.card-elevated{box-shadow:var(--shadow-xl)}.card-interactive:hover{transform:translateY(-4px);box-shadow:var(--shadow-2xl)}.card-bordered{border:2px solid rgba(26,26,26,.1);box-shadow:none}[data-theme=dark] .card-bordered{border-color:#ffffff1a}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-family:var(--font-display);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;border-radius:var(--radius-full)}.badge-coral{background:#ff6b5b26;color:var(--color-coral-dark)}.badge-mint{background:#4ecdc426;color:var(--color-mint-dark)}.badge-sunshine{background:#ffc93c26;color:var(--color-sunshine-dark)}.badge-lavender{background:#a29bfe26;color:var(--color-lavender-dark)}.badge-success{background:var(--color-success-bg);color:var(--color-success)}.badge-warning{background:var(--color-warning-bg);color:var(--color-warning)}.badge-error{background:var(--color-error-bg);color:var(--color-error)}.container{width:100%;max-width:var(--container-xl);margin:0 auto;padding:0 var(--space-6)}.container-sm{max-width:var(--container-sm)}.container-md{max-width:var(--container-md)}.container-lg{max-width:var(--container-lg)}.container-2xl{max-width:var(--container-2xl)}.section{padding:var(--space-16) 0}.section-lg{padding:var(--space-24) 0}.grid{display:grid;gap:var(--grid-gap)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (min-width: 640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width: 1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.m-auto{margin:auto}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-muted{color:var(--color-ink-muted)}.text-coral{color:var(--color-coral)}.text-mint{color:var(--color-mint)}.text-sunshine{color:var(--color-sunshine)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fadeIn{animation:fadeIn var(--transition-slow) ease-out}.animate-fadeInUp{animation:fadeInUp var(--transition-slow) ease-out}.animate-fadeInDown{animation:fadeInDown var(--transition-slow) ease-out}.animate-scaleIn{animation:scaleIn var(--transition-slow) ease-out}.animate-bounce{animation:bounce 1s ease-in-out infinite}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-spin{animation:spin 1s linear infinite}.stagger-1{animation-delay:50ms}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.stagger-6{animation-delay:.3s}.stagger-7{animation-delay:.35s}.stagger-8{animation-delay:.4s}.skeleton{background:linear-gradient(90deg,var(--color-paper-warm) 0%,var(--color-paper) 50%,var(--color-paper-warm) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}.skeleton-text{height:1em;margin-bottom:var(--space-2)}.skeleton-heading{height:2em;width:60%;margin-bottom:var(--space-4)}.skeleton-avatar{width:48px;height:48px;border-radius:var(--radius-full)}.skeleton-card{height:200px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-paper-warm)}::-webkit-scrollbar-thumb{background:var(--color-ink-muted);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-ink-light)}:focus-visible{outline:2px solid var(--color-coral);outline-offset:2px}::selection{background:var(--color-coral);color:#fff}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#root{width:100%;min-height:100vh}body{margin:0;display:flex;flex-direction:column;min-width:320px;min-height:100vh}a{color:var(--color-coral);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-coral-dark)}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit}.page-enter{opacity:0;transform:translateY(10px)}.page-enter-active{opacity:1;transform:translateY(0);transition:opacity var(--transition-slow),transform var(--transition-slow)}.page-exit{opacity:1;transform:translateY(0)}.page-exit-active{opacity:0;transform:translateY(-10px);transition:opacity var(--transition-slow),transform var(--transition-slow)}