:root{--text:#6b6375;--text-heading:#08060d;--text-muted:#8b8494;--text-h:var(--text-heading);--bg:#fff;--bg-card:#fafafa;--bg-input:#fff;--bg-muted:#f0eef2;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--error:#b45309;--error-text:#92400e;--error-bg:#b4530914;--success:#059669;--success-bg:#0596691a;--shadow-sm:0 1px 3px #0000000f;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--shadow-lg:-4px 0 20px #0000001f;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--space-2xl:32px;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--radius:8px;--radius-lg:12px;--sans:"Plus Jakarta Sans", system-ui, "Segoe UI", Roboto, sans-serif;--heading:"Plus Jakarta Sans", system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:16px/1.5 var(--sans);letter-spacing:.02em;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-heading:#f3f4f6;--text-muted:#6b7280;--bg:#16171d;--bg-card:#1f2028;--bg-input:#1f2028;--bg-muted:#2e303a;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--error:#fca5a5;--error-text:#fecaca;--error-bg:#f871711f;--success:#34d399;--success-bg:#34d3991f;--shadow-sm:0 1px 3px #0003;--shadow-lg:-4px 0 20px #00000059}}h1,h2,h3{font-family:var(--heading);font-weight:600}body{margin:0;overflow-x:hidden}#root{box-sizing:border-box;flex-direction:column;width:100%;max-width:100%;min-height:100vh;margin:0 auto;display:flex}@media (width>=1200px){#root{max-width:1200px;box-shadow:0 0 0 1px var(--border)}}.header{z-index:10;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);padding-left:max(var(--space-lg), env(safe-area-inset-left));padding-right:max(var(--space-lg), env(safe-area-inset-right));padding-top:max(var(--space-md), env(safe-area-inset-top));background:var(--bg);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm);display:flex;position:sticky;top:0}@media (width>=768px){.header{padding:var(--space-md) var(--space-xl);padding-left:max(var(--space-xl), env(safe-area-inset-left));padding-right:max(var(--space-xl), env(safe-area-inset-right))}}.header__title{font-size:var(--text-lg);font-weight:700;font-family:var(--heading);letter-spacing:-.02em;color:var(--text-heading);flex-shrink:0;margin:0}@media (width>=768px){.header__title{font-size:1.25rem}}.header__search-wrap{flex:1;min-width:0}.header__search{width:100%;padding:var(--space-sm) var(--space-lg);font-size:var(--text-base);font-family:var(--sans);background:var(--bg-muted);color:var(--text);border:1px solid #0000;border-radius:999px;outline:none;transition:background .15s,border-color .15s,box-shadow .15s}.header__search::placeholder{color:var(--text-muted)}.header__search:focus{background:var(--bg-input);border-color:var(--accent-border);box-shadow:0 0 0 3px var(--accent-bg)}.header__cart-btn{border-radius:var(--radius);background:var(--accent-bg);width:44px;height:44px;color:var(--accent);cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.header__cart-btn:hover,.header__cart-btn:focus-visible{background:var(--accent);color:var(--bg);outline:none}.header__cart-icon{width:24px;height:24px;display:flex}.header__cart-icon svg{width:100%;height:100%}.header__cart-badge{text-align:center;min-width:18px;height:18px;color:var(--bg);background:var(--accent);border-radius:9px;padding:0 4px;font-size:11px;font-weight:600;line-height:18px;position:absolute;top:4px;right:4px}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.product-modal{z-index:100;padding:var(--space-md);padding-left:max(var(--space-md), env(safe-area-inset-left));padding-right:max(var(--space-md), env(safe-area-inset-right));padding-top:max(var(--space-md), env(safe-area-inset-top));padding-bottom:max(var(--space-md), env(safe-area-inset-bottom));pointer-events:none;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.product-modal__backdrop{cursor:pointer;-webkit-tap-highlight-color:transparent;pointer-events:auto;background:#00000073;border:none;margin:0;padding:0;position:absolute;inset:0}@media (prefers-color-scheme:dark){.product-modal__backdrop{background:#0009}}.product-modal__panel{background:var(--bg);border-radius:var(--radius-lg);border:1px solid var(--border);width:min(100%,420px);max-height:min(90vh,640px);box-shadow:var(--shadow);pointer-events:auto;flex-direction:column;animation:.22s ease-out product-modal-in;display:flex;position:relative;overflow:hidden}@keyframes product-modal-in{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (prefers-reduced-motion:reduce){.product-modal__panel{animation:none}}.product-modal__close{top:var(--space-sm);right:var(--space-sm);z-index:2;width:44px;height:44px;color:var(--text-heading);background:var(--bg);border:1px solid var(--border);box-shadow:var(--shadow-sm);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:999px;justify-content:center;align-items:center;padding:0;display:flex;position:absolute}.product-modal__close:hover,.product-modal__close:focus-visible{background:var(--bg-muted);outline:none}.product-modal__img-wrap{background:var(--bg-muted);flex-shrink:0;justify-content:center;align-items:center;max-height:42vh;display:flex}.product-modal__img{object-fit:contain;width:100%;max-height:42vh}.product-modal__content{gap:var(--space-md);padding:var(--space-lg);flex-direction:column;flex:1;min-height:0;display:flex}.product-modal__title{font-size:1.125rem;font-weight:700;font-family:var(--heading);color:var(--text-heading);margin:0;padding-right:40px;line-height:1.3}.product-modal__desc-scroll{-webkit-overflow-scrolling:touch;flex:1;min-height:0;overflow-y:auto}.product-modal__description{font-size:var(--text-sm);color:var(--text);white-space:pre-wrap;margin:0;line-height:1.55}.product-modal__description--muted{color:var(--text-muted)}.product-modal__footer{gap:var(--space-md);padding-top:var(--space-sm);border-top:1px solid var(--border);flex-direction:column;flex-shrink:0;display:flex}.product-modal__price{font-size:1.25rem;font-weight:700;font-family:var(--heading);color:var(--accent);margin:0}.product-modal__add{min-height:48px;padding:var(--space-md) var(--space-lg);font-size:var(--text-base);font-weight:600;font-family:var(--sans);color:var(--bg);background:var(--accent);border-radius:var(--radius);cursor:pointer;-webkit-tap-highlight-color:transparent;border:none}.product-modal__add:hover,.product-modal__add:focus-visible{filter:brightness(1.06);outline:none}.product-card{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border);height:100%;min-height:0;box-shadow:var(--shadow-sm);flex-direction:column;transition:box-shadow .2s,border-color .2s,transform .2s;display:flex;overflow:hidden}@media (hover:hover){.product-card:hover{box-shadow:var(--shadow);border-color:var(--accent-border);transform:translateY(-2px)}}.product-card__preview{text-align:left;cursor:pointer;width:100%;min-height:0;font:inherit;color:inherit;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:0;flex-direction:column;flex:1;margin:0;padding:0;display:flex}.product-card__preview:focus{outline:none}.product-card__preview:focus-visible{box-shadow:inset 0 0 0 2px var(--accent);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.product-card__image-wrap{aspect-ratio:4/5;background:var(--bg-muted);flex-shrink:0;overflow:hidden}.product-card__image{object-fit:cover;width:100%;height:100%;transition:transform .35s}@media (hover:hover){.product-card:hover .product-card__image{transform:scale(1.04)}}.product-card__body{gap:var(--space-xs);min-height:0;padding:var(--space-sm);flex-direction:column;flex:1;display:flex;overflow:hidden}.product-card__name{font-size:var(--text-sm);font-weight:600;font-family:var(--heading);color:var(--text-heading);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;line-height:1.3;display:-webkit-box;overflow:hidden}.product-card__description{font-size:var(--text-xs);color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;line-height:1.35;display:-webkit-box;overflow:hidden}.product-card__footer{align-items:center;gap:var(--space-sm);padding:0 var(--space-sm) var(--space-sm);padding-top:var(--space-xs);flex-direction:column;flex-shrink:0;margin-top:auto;display:flex}@media (width>=640px){.product-card__footer{justify-content:center;gap:var(--space-md);padding-left:var(--space-md);padding-right:var(--space-md);padding-bottom:var(--space-md);flex-flow:wrap}}.product-card__price{font-size:var(--text-base);font-weight:700;font-family:var(--heading);color:var(--accent);text-align:center;width:100%;padding:0 var(--space-xs);box-sizing:border-box;flex-shrink:0;margin:0}.product-card__add{min-height:38px;padding:var(--space-xs) var(--space-md);font-size:var(--text-sm);font-weight:600;font-family:var(--sans);color:var(--bg);background:var(--accent);border-radius:var(--radius);cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;width:100%;transition:filter .15s,transform .15s}@media (width>=640px){.product-card__add{width:auto;min-width:7rem}}.product-card__add:hover,.product-card__add:focus-visible{filter:brightness(1.06);outline:none}.product-card__add:active{transform:scale(.98)}@media (width>=768px){.product-card__body{padding:var(--space-md)}}.product-list{padding:var(--space-lg);padding-left:max(var(--space-lg), env(safe-area-inset-left));padding-right:max(var(--space-lg), env(safe-area-inset-right));padding-bottom:max(var(--space-2xl), env(safe-area-inset-bottom));flex:1}@media (width>=768px){.product-list{padding:var(--space-xl);padding-left:max(var(--space-xl), env(safe-area-inset-left));padding-right:max(var(--space-xl), env(safe-area-inset-right))}}.product-list__state{max-width:22rem;margin:var(--space-2xl) auto;padding:var(--space-xl);text-align:center;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--bg-card);box-shadow:var(--shadow-sm)}.product-list__state--error{border-color:var(--accent-border);background:var(--error-bg)}.product-list__state-icon{margin-bottom:var(--space-md);color:var(--text-muted);justify-content:center;display:flex}.product-list__state--error .product-list__state-icon{color:var(--error)}.product-list__state-svg{width:48px;height:48px}.product-list__state-title{font-size:var(--text-lg);color:var(--text-heading);margin:0 0 var(--space-sm);font-weight:600;line-height:1.3}.product-list__state--error .product-list__state-title{color:var(--error-text)}.product-list__state-text{font-size:var(--text-sm);color:var(--text-muted);margin:0;line-height:1.5}.product-list__state--error .product-list__state-text{color:var(--text)}.product-list__grid--skeleton{pointer-events:none;align-items:start}.product-skeleton{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border);width:100%;box-shadow:var(--shadow-sm);flex-direction:column;display:flex;overflow:hidden}.product-skeleton__img{aspect-ratio:4/5;background:linear-gradient(110deg, var(--bg-muted) 8%, var(--border) 18%, var(--bg-muted) 33%);background-size:200% 100%;flex-shrink:0;width:100%;animation:1.3s ease-in-out infinite product-skeleton-shimmer}.product-skeleton__body{align-items:center;gap:var(--space-sm);padding:var(--space-sm);flex-direction:column;display:flex}@media (width>=768px){.product-skeleton__body{padding:var(--space-md)}}.product-skeleton__line{background:linear-gradient(110deg, var(--bg-muted) 8%, var(--border) 22%, var(--bg-muted) 36%);background-size:200% 100%;border-radius:4px;height:12px;animation:1.4s ease-in-out infinite product-skeleton-shimmer}.product-skeleton__line--lg{width:100%;max-width:100%}.product-skeleton__line--sm{width:72%;max-width:12rem;height:10px}.product-skeleton__footer{align-items:center;gap:var(--space-sm);width:100%;padding:0 var(--space-sm) var(--space-sm);padding-top:var(--space-xs);box-sizing:border-box;flex-direction:column;display:flex}@media (width>=640px){.product-skeleton__footer{padding-left:var(--space-md);padding-right:var(--space-md);padding-bottom:var(--space-md);flex-flow:wrap;justify-content:center}}.product-skeleton__line--price{width:45%;max-width:6.5rem;height:14px;margin:0 auto}.product-skeleton__btn{border-radius:var(--radius);background:linear-gradient(110deg, var(--bg-muted) 8%, var(--border) 22%, var(--bg-muted) 36%);background-size:200% 100%;width:100%;max-width:100%;height:38px;animation:1.5s ease-in-out infinite product-skeleton-shimmer}@media (width>=640px){.product-skeleton__btn{width:auto;min-width:7rem;max-width:140px}}@keyframes product-skeleton-shimmer{to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.product-skeleton__img,.product-skeleton__line,.product-skeleton__btn{background:var(--bg-muted);animation:none}}.product-list__grid{gap:var(--space-sm);grid-template-columns:repeat(2,1fr);margin:0;padding:0;list-style:none;display:grid}.product-list__grid>li{min-width:0;display:flex}@media (width>=480px){.product-list__grid{gap:var(--space-md)}}@media (width>=768px){.product-list__grid{gap:var(--space-md);grid-template-columns:repeat(3,1fr)}}@media (width>=1024px){.product-list__grid{gap:var(--space-lg);grid-template-columns:repeat(4,1fr)}}.product-list__count{font-size:var(--text-sm);color:var(--text-muted);margin:0 0 var(--space-md)}.pagination{margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--border);justify-content:center;display:flex}.pagination__group{border:1px solid var(--border);background:var(--bg-card);box-shadow:var(--shadow-sm);border-radius:999px;flex-wrap:wrap;align-items:stretch;display:inline-flex;overflow:hidden}.pagination__btn{min-height:44px;padding:var(--space-sm) var(--space-lg);font-size:var(--text-sm);font-weight:600;font-family:var(--sans);color:var(--accent);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;transition:background .15s,color .15s}.pagination__btn--edge:hover:not(:disabled),.pagination__btn--edge:focus-visible:not(:disabled){background:var(--accent-bg);color:var(--accent);outline:none}.pagination__btn:disabled{opacity:.4;cursor:not-allowed}.pagination__info{padding:0 var(--space-lg);font-size:var(--text-sm);color:var(--text-heading);border-left:1px solid var(--border);border-right:1px solid var(--border);background:var(--bg-muted);justify-content:center;align-items:center;min-width:4.5rem;font-weight:600;display:flex}.cart-summary__backdrop{z-index:20;-webkit-tap-highlight-color:transparent;background:#0006;position:fixed;inset:0}.cart-summary{--cart-bubble-fab-offset:calc(56px + var(--space-lg) * 2 + var(--space-md));top:auto;left:50%;right:auto;bottom:calc(var(--cart-bubble-fab-offset) + env(safe-area-inset-bottom));z-index:21;width:min(calc(100vw - var(--space-lg) * 2), 400px);max-height:min(85vh,560px);padding:0;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);background:var(--bg);border:1px solid var(--border);box-shadow:var(--shadow-lg), 0 24px 48px #0000001f;border-radius:20px;grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);align-content:stretch;margin:0;animation:.28s ease-out cart-bubble-in;display:grid;position:fixed;overflow:hidden;transform:translate(-50%)}@keyframes cart-bubble-in{0%{opacity:0;transform:translate(-50%,14px)scale(.97)}to{opacity:1;transform:translate(-50%)scale(1)}}.cart-summary__close{top:var(--space-sm);right:var(--space-sm);z-index:2;width:44px;height:44px;color:var(--text);border-radius:var(--radius);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute}.cart-summary__close:hover,.cart-summary__close:focus-visible{background:var(--bg-muted);color:var(--text-heading);outline:none}.cart-summary__head{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border);grid-row:1;padding-right:52px;position:relative}.cart-summary__title{font-size:var(--text-lg);color:var(--text-heading);margin:0;font-weight:600}.cart-summary__body{overscroll-behavior:contain;touch-action:pan-y;min-height:0;max-height:100%;padding:var(--space-md);-webkit-overflow-scrolling:touch;grid-row:2;overflow:hidden auto}.cart-summary__empty{color:var(--text-muted);text-align:center;padding:var(--space-2xl);margin:0}.cart-summary__list{gap:var(--space-md);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.cart-summary__item{gap:var(--space-md);padding:var(--space-sm);border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-card);display:flex}.cart-summary__item-img{object-fit:cover;border-radius:var(--radius);flex-shrink:0;width:64px;height:64px}.cart-summary__item-info{gap:var(--space-xs);flex-direction:column;flex:1;min-width:0;display:flex}.cart-summary__item-name{font-size:var(--text-sm);color:var(--text-heading);font-weight:500}.cart-summary__item-price{font-size:var(--text-sm);color:var(--accent);font-weight:600}.cart-summary__item-actions{align-items:center;gap:var(--space-xs);flex-wrap:wrap;display:flex}.cart-summary__qty-btn{width:32px;height:32px;color:var(--accent);background:var(--accent-bg);border-radius:var(--radius);cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;justify-content:center;align-items:center;padding:0;font-size:18px;font-weight:500;line-height:1;display:flex}.cart-summary__qty-btn:hover,.cart-summary__qty-btn:focus-visible{background:var(--accent);color:var(--bg);outline:none}.cart-summary__qty{text-align:center;min-width:24px;font-size:var(--text-sm);font-weight:500}.cart-summary__remove{color:var(--text-muted);cursor:pointer;background:0 0;border:none;margin-left:auto;padding:4px 8px;font-size:12px;text-decoration:underline}.cart-summary__remove:hover,.cart-summary__remove:focus-visible{color:var(--accent);outline:none}.cart-summary__footer{padding:var(--space-lg);padding-bottom:max(var(--space-lg), env(safe-area-inset-bottom));border-top:1px solid var(--border);background:var(--bg-muted);gap:var(--space-md);flex-direction:column;grid-row:3;display:flex}.cart-summary__message{font-size:var(--text-sm);margin:0}.cart-summary__message--success{color:var(--success)}.cart-summary__message--error{color:var(--error-text)}.cart-summary__total{font-size:1.35rem;font-weight:700;font-family:var(--heading);letter-spacing:-.02em;color:var(--text-heading);padding:var(--space-md);border-radius:var(--radius);background:var(--bg);border:1px solid var(--border);text-align:center;margin:0}.cart-summary__confirm{width:100%;min-height:48px;padding:var(--space-md) var(--space-lg);font-size:var(--text-base);color:var(--bg);background:var(--accent);border-radius:var(--radius);cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;font-weight:600}.cart-summary__confirm:hover:not(:disabled),.cart-summary__confirm:focus-visible:not(:disabled){filter:brightness(1.08);outline:none}.cart-summary__confirm:disabled{opacity:.7;cursor:not-allowed}.floating-cart-btn{bottom:max(var(--space-lg), env(safe-area-inset-bottom));z-index:15;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);font-size:var(--text-base);color:var(--bg);background:var(--accent);box-shadow:var(--shadow-lg);cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:999px;font-weight:600;display:flex;position:fixed;left:50%;transform:translate(-50%)}.floating-cart-btn:hover,.floating-cart-btn:focus-visible{filter:brightness(1.08);outline:none}.floating-cart-btn__badge{min-width:22px;height:22px;font-size:var(--text-sm);text-align:center;color:var(--accent);background:var(--bg);border-radius:11px;padding:0 6px;line-height:22px}.invalid-url{min-height:100svh;padding:var(--space-lg);padding-left:max(var(--space-lg), env(safe-area-inset-left));padding-right:max(var(--space-lg), env(safe-area-inset-right));background:var(--bg);justify-content:center;align-items:center;display:flex}.invalid-url__card{max-width:400px;padding:var(--space-xl);border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--bg-card);box-shadow:var(--shadow);text-align:center}.invalid-url__title{color:var(--text-heading);margin:0 0 var(--space-md);font-size:1.25rem;font-weight:600}.invalid-url__text{font-size:var(--text-base);color:var(--text);margin:0;line-height:1.5}