:root{--text:#4b5563;--text-h:#0f172a;--bg:#f8fafc;--surface:#fff;--border:#e5e7eb;--accent:#4f46e5;--accent-dark:#4338ca;--accent-bg:#4f46e514;--success:#16a34a;--danger:#dc2626;--star:#f59e0b;--shadow:0 1px 2px #0f172a0a, 0 8px 24px #0f172a0f;--radius:10px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;font:16px/1.5 var(--sans);--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}*{box-sizing:border-box}body{margin:0}#root{flex-direction:column;min-height:100svh;display:flex}h1,h2{font-family:var(--sans);color:var(--text-h);margin:0 0 8px;font-weight:700}h1{letter-spacing:-.5px;font-size:32px}h2{font-size:20px}p{margin:0}a{color:inherit}button{font:inherit}.app-shell{flex-direction:column;min-height:100svh;display:flex}.app-main{flex:1}.app-footer{text-align:center;color:var(--text);border-top:1px solid var(--border);background:var(--surface);padding:24px 16px;font-size:13px}.page{text-align:left;max-width:1160px;margin:0 auto;padding:32px 20px 64px}.site-header{z-index:10;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0}.site-header__inner{align-items:center;gap:24px;max-width:1160px;margin:0 auto;padding:14px 20px;display:flex}.site-header__logo{color:var(--text-h);align-items:center;gap:8px;font-size:20px;font-weight:800;text-decoration:none;display:flex}.site-header__logo-mark{background:var(--accent);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;font-size:16px;display:inline-flex}.site-header__nav{flex:1;gap:20px;display:flex}.site-header__nav a{color:var(--text);font-weight:600;text-decoration:none}.site-header__cart{color:var(--text-h);text-decoration:none;display:inline-flex;position:relative}.site-header__cart-badge{background:var(--accent);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:11px;font-weight:700;display:flex;position:absolute;top:-8px;right:-10px}.hero-banner{background:linear-gradient(135deg, var(--accent) 0%, #7c3aed 100%);color:#fff;border-radius:16px;margin-bottom:28px;padding:48px 40px}.hero-banner__eyebrow{text-transform:uppercase;letter-spacing:1.5px;opacity:.85;margin-bottom:8px;font-size:12px;font-weight:700}.hero-banner h1{color:#fff;margin-bottom:8px;font-size:38px}.hero-banner__subtitle{opacity:.9;max-width:520px;font-size:15px}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.chip-row{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:999px;padding:8px 16px;font-size:13px;font-weight:600}.chip--active{background:var(--text-h);border-color:var(--text-h);color:#fff}.search-input{border:1px solid var(--border);background:var(--surface);border-radius:8px;min-width:220px;padding:10px 14px;font-size:14px}.product-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;display:grid}.product-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;transition:box-shadow .15s,transform .15s;display:flex;overflow:hidden}.product-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.product-card__image-link{aspect-ratio:1;background:#f1f5f9;display:block;position:relative}.product-card__image-link img{object-fit:cover;width:100%;height:100%;display:block}.badge{color:#fff;background:var(--danger);border-radius:6px;padding:4px 8px;font-size:11px;font-weight:700;position:absolute;top:10px;left:10px}.badge--muted{background:#64748b}.badge--sale{background:var(--accent)}.badge--success{background:var(--success);margin-left:auto;position:static}.product-card__body{flex-direction:column;flex:1;gap:6px;padding:14px;display:flex}.product-card__category{text-transform:uppercase;letter-spacing:.6px;color:#94a3b8;margin:0;font-size:11px;font-weight:700}.product-card__name{color:var(--text-h);font-size:15px;font-weight:700;line-height:1.3;text-decoration:none}.product-card__price-row{align-items:baseline;gap:8px;margin:4px 0 8px;display:flex}.price{color:var(--text-h);font-size:16px;font-weight:800}.price--lg{font-size:26px}.price--original{color:#94a3b8;font-size:13px;font-weight:500;text-decoration:line-through}.star-rating{color:var(--text);align-items:center;gap:6px;font-size:12px;display:flex}.star-rating--md{margin:6px 0;font-size:14px}.star-rating__stars{color:#e2e8f0;font-size:14px;display:inline-flex}.star-rating--md .star-rating__stars{font-size:18px}.star{display:inline-grid;position:relative}.star:after{content:"★";color:var(--star);width:calc(100% * var(--fill,0));white-space:nowrap;position:absolute;inset:0;overflow:hidden}.star-rating__count{color:#94a3b8}.btn{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:700;text-decoration:none;transition:opacity .15s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--block{width:100%}.btn--primary{background:var(--accent);color:#fff}.btn--primary:hover:not(:disabled){background:var(--accent-dark)}.btn--secondary{background:var(--text-h);color:#fff}.btn--outline{border-color:var(--border);color:var(--text-h);background:0 0}.btn--facebook{color:#fff;background:#1877f2}.btn--stripe{color:#fff;background:#635bff;padding:12px 18px}.empty-state{color:var(--text);padding:40px 0}.empty-cart{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:80px 20px;display:flex}.breadcrumbs{color:#94a3b8;margin-bottom:20px;font-size:13px}.product-detail{grid-template-columns:1fr 1fr;gap:40px;margin-bottom:48px;display:grid}.product-detail__image{border-radius:var(--radius);aspect-ratio:1;background:#f1f5f9;overflow:hidden}.product-detail__image img{object-fit:cover;width:100%;height:100%}.product-detail__price-row{align-items:baseline;gap:10px;margin:8px 0 16px;display:flex}.product-detail__description{margin-bottom:16px;line-height:1.6}.product-detail__details{flex-direction:column;gap:6px;margin:0 0 16px;padding-left:20px;display:flex}.stock-status{margin-bottom:16px;font-size:13px;font-weight:700}.stock-status--in{color:var(--success)}.stock-status--out{color:var(--danger)}.product-detail__actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.related-section{margin-top:24px}.related-section h2{margin-bottom:16px}.quantity-stepper{border:1px solid var(--border);border-radius:8px;align-items:center;display:inline-flex;overflow:hidden}.quantity-stepper button{background:var(--surface);cursor:pointer;width:32px;height:32px;color:var(--text-h);border:none;font-size:16px}.quantity-stepper span{text-align:center;min-width:32px;font-size:14px;font-weight:700}.cart-layout{grid-template-columns:1fr 340px;align-items:start;gap:32px;display:grid}.cart-items{flex-direction:column;gap:16px;display:flex}.cart-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);grid-template-columns:80px 1fr auto auto;align-items:center;gap:16px;padding:14px;display:grid}.cart-item img{object-fit:cover;border-radius:8px;width:80px;height:80px}.cart-item__name{color:var(--text-h);font-weight:700;text-decoration:none;display:block}.cart-item__category{color:#94a3b8;margin:2px 0 6px;font-size:12px}.cart-item__price{color:var(--text-h);text-align:right;min-width:70px;font-weight:800}.link-button{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;font-weight:700;text-decoration:none}.link-button--center{text-align:center;margin-top:12px;display:block}.order-summary{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:10px;padding:20px;display:flex;position:sticky;top:84px}.order-summary__row{justify-content:space-between;font-size:14px;display:flex}.order-summary__row--total{color:var(--text-h);border-top:1px solid var(--border);margin-top:4px;padding-top:10px;font-size:17px;font-weight:800}.order-summary__item{grid-template-columns:44px 1fr auto;align-items:center;gap:10px;font-size:13px;display:grid}.order-summary__item img{object-fit:cover;border-radius:6px;width:44px;height:44px}.order-summary__item span{color:#94a3b8;font-size:12px}.checkout-layout{grid-template-columns:1fr 340px;align-items:start;gap:32px;display:grid}.checkout-main{flex-direction:column;gap:20px;display:flex}.checkout-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.login-options{flex-direction:column;gap:14px;max-width:340px;display:flex}.divider{color:#94a3b8;align-items:center;gap:10px;font-size:12px;display:flex}.divider:before,.divider:after{content:"";background:var(--border);flex:1;height:1px}.fb-user{align-items:center;gap:12px;display:flex}.fb-user__avatar{border-radius:50%;width:44px;height:44px}.fb-user__name{color:var(--text-h);font-weight:700}.fb-user__email{color:#94a3b8;font-size:12px}.hint-text{color:#94a3b8;margin-top:8px;font-size:12px}.form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.form-grid label{color:var(--text);flex-direction:column;gap:6px;font-size:12px;font-weight:700;display:flex}.form-grid input{border:1px solid var(--border);font-size:14px;font-family:var(--sans);border-radius:8px;padding:10px 12px}.stripe-redirecting{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:120px 20px;display:flex}.spinner{border:4px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.stripe-mock{background:var(--surface);border:1px solid var(--border);max-width:420px;box-shadow:var(--shadow);border-radius:12px;margin:20px auto;padding:28px}.stripe-mock__header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.stripe-mock__logo{color:#635bff;font-size:20px;font-weight:800}.stripe-mock__lock{color:#94a3b8;font-size:11px}.stripe-mock__pay-to{color:var(--text);margin-bottom:4px;font-size:13px}.stripe-mock__amount{color:var(--text-h);margin-bottom:20px;font-size:32px;font-weight:800}.stripe-field{color:var(--text);flex-direction:column;gap:6px;margin-bottom:14px;font-size:12px;font-weight:700;display:flex}.stripe-field input{border:1px solid var(--border);font-size:14px;font-family:var(--sans);border-radius:8px;padding:10px 12px}.stripe-field__row{grid-template-columns:1fr 1fr;gap:10px;margin-top:8px;display:grid}.stripe-mock__disclaimer{color:#94a3b8;text-align:center;margin-top:14px;font-size:11px;line-height:1.5}.confirmation{text-align:center;flex-direction:column;align-items:center;gap:12px;max-width:480px;margin:20px auto;display:flex}.confirmation__icon{background:var(--success);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:8px;font-size:32px;display:flex}.confirmation__card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);text-align:left;flex-direction:column;gap:10px;width:100%;margin:16px 0;padding:20px;display:flex}.confirmation__card hr{border:none;border-top:1px solid var(--border);margin:4px 0}@media (width<=900px){.product-detail,.cart-layout,.checkout-layout{grid-template-columns:1fr}.order-summary{position:static}.cart-item{grid-template-rows:auto auto;grid-template-columns:60px 1fr}.cart-item__price{text-align:left}.form-grid{grid-template-columns:1fr}}
