@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";.navbar{position:sticky;top:0;z-index:1000;width:100%;height:var(--navbar-height);background:var(--surface);border-bottom:1px solid var(--border-subtle)}.navbar__inner{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;max-width:var(--content-max);height:100%;margin:0 auto;padding:0 var(--page-padding)}.navbar__left{display:flex;align-items:center;gap:2rem;min-width:0}.navbar__brand{display:flex;align-items:center;flex-shrink:0}.navbar__nav{display:flex;align-items:center;gap:1.5rem}.navbar__icon-btn--active{color:var(--brand-primary);background:var(--surface-muted)}.navbar__link{font-size:.875rem;font-weight:500;color:var(--text-secondary);transition:color var(--transition)}.navbar__link:hover{color:var(--brand-primary)}.navbar__link--active{color:var(--text-primary)}.navbar__actions{display:flex;align-items:center;gap:.25rem}.navbar__icon-btn,.navbar__cart,.navbar__profile-trigger{display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--text-secondary);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition),color var(--transition)}.navbar__icon-btn:hover,.navbar__cart:hover,.navbar__profile-trigger:hover,.navbar__profile-trigger--open{color:var(--brand-primary);background:var(--surface-muted)}.navbar__cart{position:relative;text-decoration:none}.navbar__cart-icon,.navbar__profile-icon{width:1.25rem;height:1.25rem}.navbar__cart-badge{position:absolute;top:0;right:0;min-width:1.25rem;height:1.25rem;padding:0 4px;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:600;color:#fff;background:var(--brand-primary);border-radius:var(--radius-pill);border:2px solid #fff}.navbar__profile{position:relative}.navbar__dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:200px;padding:.4rem;background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);animation:slideUp .18s ease-out}.navbar__dropdown-item{display:flex;align-items:center;gap:.65rem;width:100%;padding:.65rem .85rem;font-size:.875rem;font-weight:500;color:var(--text-primary);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;text-align:left;transition:background var(--transition)}.navbar__dropdown-item svg{width:1.15rem;height:1.15rem;color:var(--text-muted)}.navbar__dropdown-item:hover{background:var(--surface-muted)}.navbar__dropdown-item--danger:hover{background:#fef2f2;color:#dc2626}.navbar__dropdown-divider{height:1px;margin:.35rem .5rem;background:var(--border-subtle)}.navbar__menu-toggle{display:none;align-items:center;justify-content:center;width:40px;height:40px;font-size:1.35rem;color:var(--text-secondary);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer}.navbar__menu-toggle:hover{background:var(--surface-muted)}.navbar__mobile-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:998;background:#11182766;opacity:0;visibility:hidden;transition:opacity var(--transition),visibility var(--transition);pointer-events:none}.navbar__mobile-overlay--open{opacity:1;visibility:visible;pointer-events:auto}.navbar__drawer{position:fixed;top:0;right:0;z-index:999;width:min(300px,85vw);height:100dvh;padding:calc(var(--navbar-height) + 1.5rem) 1.5rem 2rem;display:flex;flex-direction:column;gap:1.5rem;background:var(--surface);box-shadow:var(--shadow-xl);transform:translate(100%);transition:transform .28s cubic-bezier(.4,0,.2,1)}.navbar__drawer--open{transform:translate(0)}.navbar__drawer-nav{display:flex;flex-direction:column;gap:.25rem}.navbar__drawer-link{padding:.85rem 1rem;font-size:1rem;font-weight:500;color:var(--text-primary);border-radius:var(--radius-md)}.navbar__drawer-link:hover,.navbar__drawer-link.navbar__link--active{background:var(--brand-primary-light);color:var(--brand-primary)}.navbar__drawer-sign-in{margin-top:auto;padding:.85rem;font-weight:600;color:#fff;background:var(--brand-primary);border:none;border-radius:var(--radius-md);cursor:pointer}.primary-button{padding:.55rem 1.25rem;font-weight:600;color:#fff;background:var(--brand-primary);border:none;border-radius:var(--radius-md);cursor:pointer}.primary-button:hover{background:var(--brand-primary-dark)}@media (max-width: 900px){.navbar__nav{display:none}.navbar__menu-toggle{display:flex}}@media (max-width: 480px){:root{--navbar-height: 56px}.navbar__logo{height:30px}}.brand-mark{display:flex;align-items:center;gap:.5rem}.brand-mark__icon{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;font-size:1.125rem;font-weight:700;color:#fff;background:var(--brand-gradient);border-radius:var(--radius-md);flex-shrink:0}.brand-mark__text{display:flex;flex-direction:column;line-height:1.2}.brand-mark__name{font-size:.875rem;font-weight:700}.brand-mark--light .brand-mark__name{color:var(--text-primary)}.brand-mark--dark .brand-mark__name{color:#f9fafb}.brand-mark__tagline{font-size:.75rem}.brand-mark--light .brand-mark__tagline{color:var(--text-muted)}.brand-mark--dark .brand-mark__tagline{color:#9ca3af}.session-banner{position:fixed;top:calc(var(--navbar-height, 64px) + .75rem);left:50%;z-index:1100;display:flex;align-items:center;gap:1rem;max-width:min(560px,calc(100vw - 2rem));padding:.85rem 1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);transform:translate(-50%);animation:session-banner-in .25s ease}.session-banner__text{flex:1;margin:0;font-size:.9rem;font-weight:500;color:#991b1b}.session-banner__actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.session-banner__login{padding:.4rem .85rem;font-size:.8rem;font-weight:600;font-family:inherit;color:#fff;background:var(--brand-primary);border:none;border-radius:var(--radius-sm);cursor:pointer}.session-banner__login:hover{background:var(--brand-primary-dark)}.session-banner__close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;color:#991b1b;background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer}.session-banner__close:hover{background:#fee2e2}@keyframes session-banner-in{0%{opacity:0;transform:translate(-50%) translateY(-8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.home-page{width:100%;background:var(--page-bg)}.home-page__inner{max-width:var(--content-max);margin:0 auto;padding:0 var(--page-padding)}.hero{width:100%;padding:3rem 0 3.5rem;background:linear-gradient(to bottom right,#f9fafb,#fff,#f0fdfa)}.hero__content{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;max-width:var(--content-max);margin:0 auto;padding:0 var(--page-padding)}.hero__text{display:flex;flex-direction:column;gap:1.5rem}.hero__badge{display:inline-flex;align-items:center;gap:.5rem;width:fit-content;padding:.4rem .9rem;font-size:.875rem;font-weight:500;color:#0f766e;background:#ccfbf1;border-radius:var(--radius-pill)}.hero__badge-icon{width:1rem;height:1rem}.hero__title{font-size:clamp(2.25rem,5vw,3.75rem);font-weight:700;line-height:1.15;color:var(--text-primary);letter-spacing:-.02em}.hero__title-accent{display:block;color:var(--brand-primary)}.hero__description{font-size:1.125rem;line-height:1.65;color:var(--text-muted);max-width:36rem}.hero__actions{display:flex;flex-wrap:wrap;gap:1rem}.hero__cta{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;font-family:inherit;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition)}.hero__cta--primary{color:#fff;background:var(--brand-primary);border:none;box-shadow:var(--shadow-teal)}.hero__cta--primary:hover{background:var(--brand-primary-dark)}.hero__cta--secondary{color:var(--text-primary);background:var(--surface);border:1px solid var(--border-subtle)}.hero__cta--secondary:hover{background:#f9fafb}.hero__cta-icon{width:1.25rem;height:1.25rem}.hero__stats{display:flex;flex-wrap:wrap;gap:2rem;padding-top:1.5rem;margin-top:.5rem;border-top:1px solid var(--border-subtle)}.hero__stat-value{display:block;font-size:1.1rem;font-weight:700;color:var(--text-primary);line-height:1.3}.hero__stat-label{font-size:.875rem;color:var(--text-muted)}.hero__visual{position:relative}.hero__glow{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom right,#2dd4bf,#06b6d4);border-radius:var(--radius-xl);filter:blur(48px);opacity:.2}.hero__visual-card{position:relative;padding:2rem;background:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl)}.hero__image{width:100%;height:auto;border-radius:var(--radius-lg);display:block;object-fit:cover}.hero__floating-badge{position:absolute;bottom:-1rem;right:-1rem;display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.hero__floating-icon{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;color:#fff;background:var(--brand-gradient);border-radius:var(--radius-md)}.hero__floating-icon svg{width:1.5rem;height:1.5rem}.hero__floating-title{display:block;font-size:.875rem;font-weight:500;color:var(--text-primary)}.hero__floating-sub{font-size:.75rem;color:var(--text-muted)}@media (max-width: 900px){.hero__content{grid-template-columns:1fr;text-align:center}.hero__badge,.hero__actions,.hero__stats{justify-content:center;margin-left:auto;margin-right:auto}.hero__text{align-items:center}.hero__description{margin-left:auto;margin-right:auto}.hero__stats{justify-content:center}}@media (max-width: 480px){.hero{padding:2rem 0 2.5rem}.hero__visual-card{padding:1.25rem}.hero__floating-badge{right:.5rem;bottom:-.5rem;padding:.75rem}}.categories{width:100%;padding:2.5rem 0;background:var(--surface);border-bottom:1px solid var(--border-subtle)}.categories__header,.categories__grid{max-width:var(--content-max);margin-left:auto;margin-right:auto;padding-left:var(--page-padding);padding-right:var(--page-padding)}.categories__header{text-align:center;margin-bottom:2rem}.categories__title{font-size:clamp(1.5rem,3vw,1.875rem);font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.categories__subtitle{font-size:1rem;color:var(--text-muted)}.categories__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.categories__card{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem 1rem;background:var(--cat-bg);color:var(--cat-text);border:2px solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition)}.categories__card:hover{background:var(--cat-hover);border-color:#5eead4;box-shadow:var(--shadow-md)}.categories__card--active{border-color:var(--brand-primary);box-shadow:var(--shadow-md)}.categories__icon-wrap{display:flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;background:var(--surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.categories__icon-wrap--img{width:3.5rem;height:3.5rem;overflow:hidden}.categories__icon{width:1.5rem;height:1.5rem}.categories__img{width:100%;height:100%;object-fit:cover}.categories__label{font-size:.875rem;font-weight:500;text-align:center;line-height:1.3}@media (min-width: 640px){.categories__grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1024px){.categories__grid{grid-template-columns:repeat(6,1fr)}}.products{padding:2.5rem 0 1.5rem;background:var(--page-bg)}.products__header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.products__title{font-size:clamp(1.5rem,3vw,1.875rem);font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.products__subtitle{font-size:1rem;color:var(--text-muted)}.products__count{font-size:.875rem;font-weight:500;color:var(--text-muted);padding:.5rem 1rem;background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.products__grid{display:grid;grid-template-columns:repeat(1,1fr);gap:1.5rem}.products__empty{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:2.5rem 2rem;text-align:center;background:var(--surface);border:1px dashed var(--border-medium);border-radius:var(--radius-lg)}.products__empty p{font-weight:600;color:var(--text-secondary)}.products__empty span{font-size:.875rem;color:var(--text-muted)}@media (min-width: 640px){.products__grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.products__grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1280px){.products__grid{grid-template-columns:repeat(4,1fr)}}.product-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;transition:border-color var(--transition),box-shadow var(--transition)}.product-card--clickable{cursor:pointer}.product-card--clickable:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}.product-card:hover{border-color:#5eead4;box-shadow:var(--shadow-xl)}.product-card__media{position:relative;aspect-ratio:1;overflow:hidden;background:#f3f4f6}.product-card__image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.product-card:hover .product-card__image{transform:scale(1.08)}.product-card__badge{position:absolute;top:.75rem;left:.75rem;padding:.25rem .75rem;font-size:.75rem;font-weight:500;color:#fff;background:var(--brand-primary);border-radius:var(--radius-pill)}.product-card__body{display:flex;flex-direction:column;gap:.75rem;padding:1.25rem}.product-card__name{font-size:1rem;font-weight:600;color:var(--text-primary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color var(--transition)}.product-card:hover .product-card__name{color:var(--brand-primary)}.product-card__rating{display:flex;align-items:center;gap:.5rem}.product-card__stars{display:flex;gap:1px;font-size:.875rem}.product-card__star{color:#d1d5db}.product-card__star--filled{color:#fbbf24}.product-card__footer{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding-top:.75rem;border-top:1px solid var(--border-subtle)}.product-card__price{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.product-card__add{display:inline-flex;align-items:center;gap:.35rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;font-family:inherit;color:#fff;background:var(--brand-primary);border:none;border-radius:var(--radius-md);cursor:pointer;box-shadow:var(--shadow-md);transition:background var(--transition)}.product-card__add svg{width:1rem;height:1rem}.product-card__add:hover{background:var(--brand-primary-dark)}.product-card__qty-selector{display:inline-flex;align-items:center;gap:.5rem;background:var(--brand-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:.25rem .5rem;height:38px;box-sizing:border-box}.product-card__qty-btn{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--radius-md);background:#fff3;border:none;color:#fff;font-size:14px;font-weight:700;cursor:pointer;transition:background .2s ease}.product-card__qty-btn:hover{background:#fff6}.product-card__qty-val{font-size:.95rem;font-weight:700;color:#fff;min-width:16px;text-align:center}.checkout-page{padding-bottom:2rem}.checkout-page__address-select{max-width:480px;margin-bottom:1.5rem}.checkout-page__layout{display:grid;grid-template-columns:1fr 340px;gap:2rem;align-items:start}.checkout-page__section-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:1.25rem}.checkout-page__fields{display:flex;flex-direction:column;gap:0}.checkout-page__form .form-field{margin-bottom:0}.checkout-page__table{font-size:1rem;color:var(--text-secondary)}.checkout-page__summary{padding:1.25rem 0;border-top:1px solid var(--border-subtle)}.checkout-page__summary-body{display:flex;flex-direction:column}.checkout-page__submit{width:100%;margin-top:1.25rem}@media (max-width: 900px){.checkout-page__layout{grid-template-columns:1fr}.checkout-page__summary{border-top:1px solid var(--border-subtle);padding-top:1.5rem}}.cart-page__layout{display:grid;grid-template-columns:1fr 340px;gap:1.5rem;align-items:start}.cart-page__list{display:flex;flex-direction:column;gap:0;padding:0!important}.cart-item{display:grid;grid-template-columns:72px 1fr auto auto;gap:1rem;align-items:center;padding:1.25rem;border-bottom:1px solid var(--border-subtle)}.cart-item:last-child{border-bottom:none}.cart-item__image{width:72px;height:72px;object-fit:cover;border-radius:var(--radius-md);background:var(--surface-muted)}.cart-item__name{font-size:.95rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.cart-item__price,.cart-item__qty{font-size:.85rem;color:var(--text-muted)}.cart-item__total{font-size:1rem;font-weight:600;color:var(--text-primary);white-space:nowrap}.cart-item__remove{display:flex;align-items:center;justify-content:center;width:36px;height:36px;color:var(--text-muted);background:transparent;border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition)}.cart-item__remove:hover{color:#dc2626;border-color:#fecaca;background:#fef2f2}.cart-item__remove svg{width:1.1rem;height:1.1rem}.cart-summary__row{display:flex;justify-content:space-between;gap:1rem;padding:.65rem 0;font-size:.9rem;color:var(--text-secondary);border-bottom:1px solid var(--border-subtle)}.cart-summary__row--total{border-bottom:none;padding-top:1rem;margin-top:.25rem;font-size:1.05rem;color:var(--text-primary)}.cart-summary__row--total strong{color:var(--brand-primary);font-size:1.25rem}.cart-summary__checkout{width:100%;margin-top:1.25rem}.cart-summary__continue{width:100%;margin-top:.65rem;text-align:center}.cart-page__empty-icon{width:3rem;height:3rem;color:var(--brand-primary);margin:0 auto 1rem}.cart-page__shop-link{margin-top:1.25rem}@media (max-width: 900px){.cart-page__layout{grid-template-columns:1fr}.cart-page__summary{position:sticky;bottom:0}}@media (max-width: 560px){.cart-item{grid-template-columns:64px 1fr auto;grid-template-rows:auto auto}.cart-item__total{grid-column:2}.cart-item__remove{grid-row:1 / 3;grid-column:3;align-self:start}}.cart-item__qty-controls{display:inline-flex;align-items:center;gap:8px;background:#f1f5f9;padding:4px 8px;border-radius:8px;border:1px solid #e2e8f0;margin-top:4px}.cart-item__qty-btn{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:6px;background:#fff;border:1px solid #e2e8f0;color:#0f172a;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.cart-item__qty-btn:hover{background:#10b981;color:#fff;border-color:#10b981}.cart-item__qty-val{font-size:.9rem;font-weight:600;color:#0f172a;min-width:20px;text-align:center}.cart-confirm-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;display:flex;align-items:center;justify-content:center;padding:1.5rem;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.cart-confirm-modal.show{opacity:1;visibility:visible}.cart-confirm-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#11182773;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:opacity .2s ease}.cart-confirm-modal__panel{position:relative;z-index:10;width:min(400px,100%);padding:2rem;background:var(--surface, #ffffff);border:1px solid var(--border-subtle, #e5e7eb);border-radius:var(--radius-xl, 24px);box-shadow:0 25px 50px -12px #11182726,0 0 30px #00000005;transform:scale(.95);transition:transform .25s cubic-bezier(.34,1.56,.64,1);text-align:center}.cart-confirm-modal.show .cart-confirm-modal__panel{transform:scale(1)}.cart-confirm-modal__icon-wrapper{display:flex;align-items:center;justify-content:center;width:56px;height:56px;margin:0 auto 1.25rem;background:#fef2f2;color:#ef4444;border-radius:50%;border:4px solid #fee2e2;font-size:1.5rem;animation:modalPulse 2s infinite}.cart-confirm-modal__icon-wrapper svg{width:1.5rem;height:1.5rem}@keyframes modalPulse{0%{box-shadow:0 0 #ef444466}70%{box-shadow:0 0 0 10px #ef444400}to{box-shadow:0 0 #ef444400}}.cart-confirm-modal__title{font-size:1.25rem;font-weight:700;color:var(--text-primary, #111827);margin-bottom:.5rem}.cart-confirm-modal__message{font-size:.95rem;color:var(--text-secondary, #4b5563);line-height:1.5;margin-bottom:1.75rem}.cart-confirm-modal__message strong{color:var(--text-primary, #111827);font-weight:600}.cart-confirm-modal__actions{display:flex;gap:.75rem}.cart-confirm-modal__btn{flex:1;padding:.8rem 1.25rem;font-size:.95rem;font-weight:600;border-radius:var(--radius-md, 12px);border:none;cursor:pointer;transition:all var(--transition, .2s ease)}.cart-confirm-modal__btn--cancel{background:var(--surface-muted, #f9fafb);color:var(--text-secondary, #4b5563);border:1px solid var(--border-medium, #d1d5db)}.cart-confirm-modal__btn--cancel:hover{background:var(--border-subtle, #e5e7eb);color:var(--text-primary, #111827);border-color:var(--border-medium, #d1d5db)}.cart-confirm-modal__btn--confirm{background:#ef4444;color:#fff;box-shadow:0 4px 12px #ef444433}.cart-confirm-modal__btn--confirm:hover{background:#dc2626;box-shadow:0 6px 16px #ef44444d;transform:translateY(-1px)}.cart-confirm-modal__btn--confirm:active{transform:translateY(0)}.site-footer{width:100%;margin-top:0;background:#111827;color:#9ca3af}.site-footer__inner{display:grid;grid-template-columns:1.35fr .9fr 1fr 1fr;gap:2rem;max-width:var(--content-max);margin:0 auto;padding:2rem var(--page-padding) 1.25rem}.site-footer__brand{display:flex;flex-direction:column;align-items:flex-start;gap:0}.site-footer__brand .site-footer__heading{margin-top:1.25rem}.site-footer__heading{font-size:.875rem;font-weight:600;color:#f9fafb;margin-bottom:.75rem}.site-footer__text{font-size:.875rem;line-height:1.65;color:#9ca3af;font-style:normal}.site-footer__text--spaced{margin-top:.85rem}.site-footer__text a{color:#9ca3af;transition:color var(--transition)}.site-footer__text a:hover{color:#2dd4bf}.site-footer__social{display:flex;flex-wrap:wrap;gap:.5rem}.site-footer__social-link{display:flex;align-items:center;justify-content:center;width:36px;height:36px;color:#e5e7eb;background:#1f2937;border-radius:var(--radius-md);font-size:.9rem;transition:background var(--transition)}.site-footer__social-link:hover{background:var(--brand-primary);color:#fff}.site-footer__links{list-style:none;display:flex;flex-direction:column;gap:.5rem;margin-top:.85rem}.site-footer__links a{font-size:.875rem;color:#9ca3af;transition:color var(--transition)}.site-footer__links a:hover{color:#2dd4bf}.site-footer__bottom{max-width:var(--content-max);margin:0 auto;padding:1rem var(--page-padding);border-top:1px solid #1f2937;text-align:center}.site-footer__bottom p{font-size:.8rem;color:#6b7280}@media (max-width: 1100px){.site-footer__inner{grid-template-columns:1fr 1fr}.site-footer__brand{grid-column:1 / -1}}@media (max-width: 560px){.site-footer__inner{grid-template-columns:1fr;gap:1.5rem}}.auth-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;display:flex;align-items:center;justify-content:center;padding:1rem}.auth-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f172a8c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.auth-modal__panel{position:relative;z-index:1;width:min(420px,100%);max-height:90vh;overflow-y:auto;padding:1.75rem;background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);animation:slideUp .25s ease-out}.auth-modal__header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem}.auth-modal__title{font-size:1.35rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem}.auth-modal__subtitle{font-size:.875rem;color:var(--text-muted)}.auth-modal__close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0;color:var(--text-muted);background:var(--surface-muted);border:none;border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition),color var(--transition)}.auth-modal__close svg{width:1.25rem;height:1.25rem}.auth-modal__close:hover{background:var(--brand-primary-light);color:var(--brand-primary)}.auth-modal__tabs{display:flex;gap:.35rem;padding:.25rem;margin-bottom:1.25rem;background:var(--surface-muted);border-radius:var(--radius-pill)}.auth-modal__tab{flex:1;padding:.55rem 1rem;font-size:.875rem;font-weight:500;color:var(--text-muted);background:transparent;border:none;border-radius:var(--radius-pill);cursor:pointer;transition:all var(--transition)}.auth-modal__tab--active{color:var(--brand-primary-dark);background:var(--surface);box-shadow:var(--shadow-sm)}.auth-modal__body{display:flex;flex-direction:column;gap:1rem}.auth-modal__field{display:flex;flex-direction:column;gap:.4rem}.auth-modal__field span{font-size:.8rem;font-weight:500;color:var(--text-secondary)}.auth-modal__field input{padding:.75rem 1rem;font-size:.95rem;font-family:inherit;color:var(--text-primary);background:var(--surface-muted);border:1px solid var(--border-medium);border-radius:var(--radius-md);outline:none;transition:border-color var(--transition),box-shadow var(--transition)}.auth-modal__field input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px #03346e1f;background:var(--surface)}.auth-modal__btn{width:100%;padding:.8rem 1.25rem;font-size:.95rem;font-weight:600;font-family:inherit;border:none;border-radius:var(--radius-md);cursor:pointer;transition:transform var(--transition),box-shadow var(--transition)}.auth-modal__btn--primary{color:#fff;background:var(--brand-primary);box-shadow:var(--shadow-teal)}.auth-modal__btn--primary:hover{background:var(--brand-primary-dark);transform:translateY(-1px)}.auth-modal__link{align-self:center;padding:.25rem;font-size:.85rem;font-weight:500;color:var(--brand-primary);background:none;border:none;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.auth-modal__link:hover{color:var(--brand-primary-dark)}.auth-modal__hint{text-align:center;font-size:.8rem;color:var(--text-muted)}.auth-modal__terms{display:flex;align-items:flex-start;gap:.6rem;margin-top:1.25rem;font-size:.8rem;color:var(--text-muted);cursor:pointer}.auth-modal__terms input{margin-top:.2rem;accent-color:var(--brand-primary)}.auth-modal__message{margin-top:.75rem;padding:.65rem .85rem;font-size:.85rem;color:var(--brand-primary);background:var(--brand-primary-light);border-radius:var(--radius-sm)}.auth-modal__message--error{color:#b91c1c;background:#fef2f2}.verify-page{display:flex;align-items:center;justify-content:center;min-height:50vh}.verify-page .spinner{width:48px;height:48px;border:3px solid var(--border-subtle);border-top-color:var(--brand-primary);border-radius:50%;animation:verify-spin .8s linear infinite}@keyframes verify-spin{to{transform:rotate(360deg)}}.verify-page__card{max-width:440px;width:100%;margin:0 auto;text-align:center}.verify-page__message{font-size:1.35rem;font-weight:600;margin-bottom:1rem}.verify-page__message--success{color:#047857}.verify-page__message--fail{color:#b91c1c}.verify-page__details{text-align:left;font-size:.9rem;color:var(--text-secondary);line-height:1.65}.verify-page__details p{margin-bottom:.5rem}.verify-page__details strong{color:var(--text-primary)}.verify-page__btn{margin-top:1.5rem}.orders-page__list{display:flex;flex-direction:column;gap:1rem}.order-card{padding:0;overflow:hidden}.order-card__top{display:flex;gap:1rem;padding:1.25rem}.order-card__icon-wrap{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--brand-primary-light);border-radius:var(--radius-md);flex-shrink:0}.order-card__icon{width:1.5rem;height:1.5rem;color:var(--brand-primary)}.order-card__main{flex:1;min-width:0}.order-card__items{font-size:.95rem;font-weight:500;color:var(--text-primary);line-height:1.5;margin-bottom:.65rem}.order-card__meta{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;font-size:.875rem;color:var(--text-muted)}.order-card__actions{display:flex;flex-wrap:wrap;gap:.65rem;padding:1rem 1.25rem;background:var(--surface-muted);border-top:1px solid var(--border-subtle)}.orders-page__shop-link{margin-top:1rem}@media (max-width: 560px){.order-card__actions{flex-direction:column}.order-card__actions .btn-secondary{width:100%}}.payment-page{max-width:640px;margin:0 auto;padding-bottom:2rem}.payment-section{padding:1.25rem 0;border-bottom:1px solid var(--border-subtle)}.payment-section:last-of-type{border-bottom:none}.payment-section__title{font-size:.9rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.payment-section__text{font-size:.95rem;color:var(--text-secondary);line-height:1.5}.payment-section__amount{font-size:1.25rem;font-weight:700;color:var(--brand-primary)}.payment-page .payment-methods{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem}.payment-page .payment-method{display:flex;align-items:center;gap:.75rem;padding:.85rem 1rem;border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--transition),background var(--transition)}.payment-page .payment-method:hover,.payment-page .payment-method--selected{border-color:var(--brand-primary);background:var(--brand-primary-light)}.payment-page .payment-method input{flex-shrink:0;accent-color:var(--brand-primary);cursor:pointer}.payment-page .payment-method__label{flex:1;font-size:.95rem;font-weight:500;color:var(--text-primary)}.payment-page .payment-button{width:100%;padding:.75rem 1.5rem;margin-top:1.5rem;margin-bottom:1rem;font-size:.9rem;font-weight:600;font-family:inherit;color:#fff;background:var(--brand-primary);border:none;border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition)}.payment-page .payment-button:hover{background:var(--brand-primary-dark)}.payment-page .modal-overlay{background:#0f172a80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.payment-page .modal-content{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);box-shadow:var(--shadow-xl)}.payment-page .success-message{color:#047857;font-weight:600}.payment-page .error-message{color:#b91c1c}.transaction-status{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:70vh;padding:40px 20px;background-color:#f8fafc}.status-card{background:#fff;border-radius:24px;box-shadow:0 10px 30px #0000000d;width:100%;max-width:550px;padding:40px;text-align:center;transition:all .3s ease;border:1px solid #f1f5f9}.status-icon-wrapper{display:inline-flex;align-items:center;justify-content:center;width:90px;height:90px;border-radius:50%;margin-bottom:24px}.status-icon-wrapper--success{background-color:#e2fbf0;color:#10b981}.status-icon-wrapper--failed{background-color:#fee2e2;color:#ef4444}.status-icon-wrapper--pending{background-color:#fef3c7;color:#f59e0b}.status-icon{font-size:40px;animation:scaleUp .5s cubic-bezier(.16,1,.3,1) forwards}@keyframes scaleUp{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.status-title{font-size:26px;font-weight:700;color:#0f172a;margin-bottom:12px}.status-message{font-size:16px;color:#64748b;margin-bottom:30px;line-height:1.5}.status-details{background-color:#f8fafc;border-radius:16px;padding:24px;margin-bottom:30px;text-align:left;border:1px solid #f1f5f9}.status-row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #e2e8f0;font-size:14px}.status-row:last-child{border-bottom:none}.status-label{color:#64748b;font-weight:500}.status-value{color:#0f172a;font-weight:600;text-align:right;word-break:break-all;max-width:65%}.status-value--success{color:#10b981}.status-value--failed{color:#ef4444}.status-value--pending{color:#f59e0b}.status-actions{display:flex;flex-direction:column;gap:12px}.status-btn{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:14px 24px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.status-btn--primary{background-color:#10b981;color:#fff}.status-btn--primary:hover{background-color:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b98133}.status-btn--secondary{background-color:#f1f5f9;color:#475569}.status-btn--secondary:hover{background-color:#e2e8f0;color:#0f172a}.spinner-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.status-spinner{width:50px;height:50px;border:4px solid #e2e8f0;border-top-color:#10b981;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.product-detail{padding-top:.5rem;padding-bottom:2rem}.product-detail__layout{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;align-items:start}.product-detail__main-image{width:100%;max-height:480px;object-fit:contain;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border-subtle)}.product-detail__thumbs{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1rem}.product-detail__thumb{padding:0;border:2px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface);cursor:pointer;overflow:hidden;transition:border-color var(--transition),box-shadow var(--transition)}.product-detail__thumb img{display:block;width:72px;height:72px;object-fit:cover;pointer-events:none}.product-detail__thumb:hover{border-color:#99f6e4}.product-detail__thumb--active{border-color:var(--brand-primary);box-shadow:0 0 0 2px #0d948833}.product-detail__title{font-size:clamp(1.35rem,3vw,1.75rem);font-weight:700;color:var(--text-primary);line-height:1.3;margin-bottom:.75rem}.product-detail__desc{font-size:.95rem;line-height:1.65;color:var(--text-muted);margin-bottom:1.25rem}.product-detail__pricing{padding:1rem 0;margin-bottom:1rem;border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}.product-detail__pricing p{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem;margin:.5rem 0;font-size:.95rem}.product-detail__price-label{color:var(--text-secondary)}.product-detail__price-value{font-weight:600;color:var(--text-primary)}.product-detail__price-value--accent{font-size:1.15rem;color:var(--brand-primary)}.product-detail__quantity-label{display:block;font-size:.85rem;font-weight:600;color:var(--text-secondary);margin-bottom:.5rem}.product-detail__quantity-controls{display:inline-flex;align-items:center;border:1px solid var(--border-medium);border-radius:var(--radius-md);overflow:hidden}.product-detail__qty-btn{width:40px;height:40px;font-size:1.25rem;color:var(--text-primary);background:var(--surface-muted);border:none;cursor:pointer;transition:background var(--transition)}.product-detail__qty-btn:hover{background:var(--brand-primary-light)}.product-detail__qty-value{min-width:48px;text-align:center;font-weight:600}.product-detail__actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.25rem}.product-detail__actions .btn-primary,.product-detail__actions .btn-secondary{flex:1;min-width:140px}.product-detail__videos{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border-subtle)}.product-detail__videos-title{font-size:1.25rem;font-weight:700;margin-bottom:1.25rem;text-align:center}.product-detail__video-item{margin-bottom:1.5rem}.product-detail__video-frame{width:100%;max-width:800px;height:min(450px,56vw);margin:0 auto;display:block;border:none;border-radius:var(--radius-lg)}@media (max-width: 900px){.product-detail__layout{grid-template-columns:1fr}}@media (max-width: 480px){.product-detail__thumb img{width:56px;height:56px}.product-detail__actions{flex-direction:column}.product-detail__actions .btn-primary,.product-detail__actions .btn-secondary{width:100%}}.status-page{display:flex;align-items:center;justify-content:center;min-height:50vh}.status-page__card{max-width:420px;width:100%;text-align:center}.status-page__icon{font-size:3.5rem;margin-bottom:1rem}.status-page__icon--success{color:#10b981}.status-page__icon--fail{color:#ef4444}.status-page__title{font-size:1.35rem;font-weight:600;margin-bottom:.5rem}.status-page__title--success{color:#047857}.status-page__title--fail{color:#b91c1c}.status-page__text{font-size:.95rem;color:var(--text-muted);margin-bottom:1.5rem}.status-page__btn{width:100%;max-width:240px}.page-shell{padding-top:var(--page-top-gap);padding-bottom:5rem;min-height:calc(100vh - var(--navbar-height, 64px) - 4rem)}.page-shell--spacious{padding-bottom:6rem}.page{width:100%}.page__header{margin-bottom:1.5rem}.page__title{font-size:clamp(1.5rem,3vw,1.875rem);font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.page__subtitle{margin-top:.35rem;font-size:.95rem;color:var(--text-muted)}.page-card{background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.page-card__header{padding:1rem 1.25rem;border-bottom:1px solid var(--border-subtle);font-size:1rem;font-weight:600;color:var(--text-primary)}.page-card__body{padding:1.25rem}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;font-family:inherit;color:#fff;background:var(--brand-primary);border:none;border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition),transform var(--transition);box-shadow:var(--shadow-teal)}.btn-primary:hover{background:var(--brand-primary-dark)}.btn-primary:disabled{opacity:.55;cursor:not-allowed}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.9rem;font-weight:500;font-family:inherit;color:var(--text-primary);background:var(--surface);border:1px solid var(--border-medium);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition),border-color var(--transition)}.btn-secondary:hover{background:var(--surface-muted);border-color:var(--brand-primary);color:var(--brand-primary)}.form-field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1rem}.form-field label{font-size:.8rem;font-weight:500;color:var(--text-secondary)}.form-field input,.form-field select,.form-field textarea{width:100%;padding:.7rem .9rem;font-size:.95rem;font-family:inherit;color:var(--text-primary);background:var(--surface-muted);border:1px solid var(--border-medium);border-radius:var(--radius-md);outline:none;transition:border-color var(--transition),box-shadow var(--transition)}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px #0d94881f;background:var(--surface)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 640px){.form-row{grid-template-columns:1fr}}.badge{display:inline-block;padding:.25rem .65rem;font-size:.75rem;font-weight:600;border-radius:var(--radius-pill)}.badge--success{color:#047857;background:#d1fae5}.badge--warning{color:#b45309;background:#fef3c7}.badge--error{color:#b91c1c;background:#fee2e2}.empty-state{padding:3rem 2rem;text-align:center;color:var(--text-muted)}.empty-state p{font-weight:600;color:var(--text-secondary);margin-bottom:.35rem}.spinner{width:48px;height:48px;border:3px solid var(--border-subtle);border-top-color:var(--brand-primary);border-radius:50%;animation:page-spin .8s linear infinite}@keyframes page-spin{to{transform:rotate(360deg)}}:root{--navbar-height: 64px;--brand-primary: #0d9488;--brand-primary-dark: #0f766e;--brand-primary-light: #ccfbf1;--brand-gradient: linear-gradient(135deg, #14b8a6 0%, #0891b2 100%);--brand-accent: #0891b2;--text-primary: #111827;--text-secondary: #4b5563;--text-muted: #6b7280;--surface: #ffffff;--page-bg: #f9fafb;--surface-muted: #f9fafb;--surface-section: #ffffff;--border-subtle: #e5e7eb;--border-medium: #d1d5db;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--shadow-teal: 0 10px 15px -3px rgba(13, 148, 136, .3);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-2xl: 1rem;--radius-pill: 999px;--transition: .2s cubic-bezier(.4, 0, .2, 1);--content-max: 1280px;--page-padding: clamp(1rem, 4vw, 2rem);--page-top-gap: clamp(1.5rem, 4vw, 3rem)}*{padding:0;margin:0;box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;font-family:Outfit,system-ui,sans-serif;color:var(--text-primary);background:var(--page-bg);-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}.app{width:100%;max-width:var(--content-max);margin:0 auto;padding:0 var(--page-padding)}.page-section{width:100%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}