: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;--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:system-ui, "Segoe UI", Roboto, sans-serif;--heading: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;--shadow-sm:0 1px 3px #0003;--shadow-lg:-4px 0 20px #00000059}}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);color:var(--text-heading);flex-shrink:0;margin:0;font-weight:600}@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-md);font-size:var(--text-base);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-input);color:var(--text);outline:none}.header__search::placeholder{color:var(--text-muted)}.header__search:focus{border-color:var(--accent);box-shadow:0 0 0 2px 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-card{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);height:100%;min-height:0;box-shadow:var(--shadow-sm);flex-direction:column;display:flex;overflow:hidden}.product-card__image-wrap{aspect-ratio:1;background:var(--bg-muted);flex-shrink:0;overflow:hidden}.product-card__image{object-fit:cover;width:100%;height:100%}.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);color:var(--text-heading);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-weight:600;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__price{font-size:var(--text-base);color:var(--accent);flex-shrink:0;margin:0;font-weight:600}.product-card__add{min-height:38px;padding:var(--space-xs) var(--space-sm);font-size:var(--text-sm);color:var(--bg);background:var(--accent);border-radius:var(--radius);cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;flex-shrink:0;margin-top:auto;font-weight:500}.product-card__add:hover,.product-card__add:focus-visible{filter:brightness(1.05);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__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)}.product-list__empty,.product-list__error{text-align:center;color:var(--text-muted);font-size:var(--text-base);padding:var(--space-2xl);margin:0}.product-list__error{color:#b91c1c}.pagination{justify-content:center;align-items:center;gap:var(--space-md);margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--border);flex-wrap:wrap;display:flex}@media (width>=480px){.pagination{gap:var(--space-lg)}}.pagination__btn{min-height:44px;padding:var(--space-sm) var(--space-lg);font-size:var(--text-base);color:var(--accent);background:var(--accent-bg);border:1px solid var(--accent-border);border-radius:var(--radius);cursor:pointer;-webkit-tap-highlight-color:transparent;font-weight:500}.pagination__btn:hover:not(:disabled),.pagination__btn:focus-visible:not(:disabled){background:var(--accent);color:var(--bg);outline:none}.pagination__btn:disabled{opacity:.5;cursor:not-allowed}.pagination__info{font-size:var(--text-sm);color:var(--text-muted)}.cart-summary__backdrop{z-index:20;-webkit-tap-highlight-color:transparent;background:#0006;position:fixed;inset:0}.cart-summary{z-index:21;width:100%;max-width:360px;padding-right:env(safe-area-inset-right);background:var(--bg);border-left:1px solid var(--border);box-shadow:var(--shadow-lg);flex-direction:column;animation:.25s ease-out cart-summary-slide;display:flex;position:fixed;top:0;bottom:0;right:0}@media (width>=480px){.cart-summary{width:360px}}@keyframes cart-summary-slide{0%{transform:translate(100%)}to{transform:translate(0)}}.cart-summary__head{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.cart-summary__title{font-size:var(--text-lg);color:var(--text-heading);margin:0;font-weight:600}.cart-summary__close{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;font-size:24px;line-height:1;display:flex}.cart-summary__close:hover,.cart-summary__close:focus-visible{background:var(--bg-muted);color:var(--text-heading);outline:none}.cart-summary__body{padding:var(--space-md);flex:1;overflow-y: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-md) var(--space-lg);padding-bottom:max(var(--space-lg), env(safe-area-inset-bottom));border-top:1px solid var(--border);background:var(--bg-card);gap:var(--space-md);flex-direction:column;display:flex}.cart-summary__message{font-size:var(--text-sm);margin:0}.cart-summary__message--success{color:#059669}.cart-summary__message--error{color:#b91c1c}.cart-summary__total{font-size:var(--text-lg);color:var(--text-heading);margin:0;font-weight:600}.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}