:root{--color-bg:#f7f8fa;--color-surface:#fff;--color-surface-hover:#f3f4f6;--color-border:#11111114;--color-border-strong:#11111124;--text-primary:#111;--text-secondary:#6b7280;--text-muted:#9ca3af;--primary:#6c5ce7;--primary-hover:#5b4bd6;--primary-subtle:#6c5ce71a;--primary-contrast:#fff;--secondary:#111;--secondary-hover:#2b2b2b;--secondary-subtle:#1111110f;--secondary-contrast:#fff;--accent:#ff5a5f;--accent-contrast:#fff;--success:#16a34a;--success-subtle:#16a34a1f;--warning:#f59e0b;--warning-subtle:#f59e0b1f;--danger:#ef4444;--danger-subtle:#ef44441a;--selection-bg:#6c5ce740;--selection-text:#111;--sans:"Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--space-30:120px;--radius-control:12px;--radius-button:14px;--radius-card:18px;--radius-drawer:24px;--radius-hero:28px;--radius-pill:999px;--shadow-sm:0 8px 30px #0f172a12;--shadow-hover:0 14px 40px #0f172a1a;--shadow-glass:0 12px 40px #0f172a14;--glass-bg:#ffffff9e;--glass-border:1px solid #ffffff8c;--glass-blur:blur(24px) saturate(160%);--glass-inner-highlight:inset 0 1px 0 #ffffffa6;--motion-fast:.15s;--motion-standard:.24s;--motion-drawer:.32s;--motion-ease:cubic-bezier(.4, 0, .2, 1);font:16px/1.5 var(--sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text-secondary);background:var(--color-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-reduced-motion:reduce){:root{--motion-fast:0s;--motion-standard:0s;--motion-drawer:0s}*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}::selection{background:var(--selection-bg);color:var(--selection-text)}*{box-sizing:border-box}body{color:var(--text-primary);background:radial-gradient(circle at top left, #6c5ce712, transparent 30%), radial-gradient(circle at top right, #60a5fa14, transparent 28%), var(--color-bg);background-attachment:fixed;margin:0}.page-placeholder{padding:var(--space-6)}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-6);border-radius:var(--radius-button);font:inherit;cursor:pointer;transition:background-color var(--motion-fast) var(--motion-ease), border-color var(--motion-fast) var(--motion-ease), box-shadow var(--motion-fast) var(--motion-ease), transform var(--motion-fast) var(--motion-ease);border:1px solid #0000;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background:var(--primary);color:var(--primary-contrast)}.btn-primary:hover:not(:disabled){background:var(--primary-hover);box-shadow:var(--shadow-hover)}.btn-secondary{background:var(--color-surface);color:var(--text-primary);border-color:var(--color-border-strong)}.btn-secondary:hover:not(:disabled){background:var(--color-surface-hover)}.btn-tertiary{color:var(--text-secondary);min-height:auto;padding:var(--space-1) var(--space-2);background:0 0}.btn-tertiary:hover:not(:disabled){color:var(--text-primary)}.btn-label-loading{opacity:0}.btn-spinner{opacity:.85;border:2px solid;border-top-color:#0000;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite btn-spin;position:absolute}@keyframes btn-spin{to{transform:rotate(360deg)}}.badge{padding:3px var(--space-2);border-radius:var(--radius-pill);letter-spacing:.02em;text-transform:uppercase;align-items:center;font-size:11px;font-weight:700;line-height:1.4;display:inline-flex}.badge-offer{background:var(--accent);color:var(--accent-contrast)}.badge-new{background:var(--primary);color:var(--primary-contrast)}.badge-bestseller{background:var(--secondary);color:var(--secondary-contrast)}.badge-lowStock{background:var(--warning-subtle);color:var(--warning)}.badge-outOfStock{background:var(--color-surface-hover);color:var(--text-muted)}.price-display{align-items:baseline;gap:var(--space-2);flex-wrap:wrap;display:flex}.price-current{color:var(--text-primary);font-size:17px;font-weight:700}.price-original{color:var(--text-muted);font-size:14px;text-decoration:line-through}.price-off{color:var(--accent);font-size:12px;font-weight:700}.price-savings{color:var(--success);flex-basis:100%;font-size:12px}.price-tax-note{color:var(--text-muted);flex-basis:100%;font-size:12px}.rating-stars{align-items:center;gap:var(--space-1);color:var(--text-secondary);font-size:13px;display:inline-flex}.rating-stars-track{color:var(--color-border-strong);letter-spacing:1px;font-size:13px;display:inline-block;position:relative}.rating-stars-fill{white-space:nowrap;color:var(--warning);position:absolute;inset:0;overflow:hidden}.rating-stars-value{color:var(--text-primary);font-weight:600}.rating-stars-count{color:var(--text-muted)}.skeleton-block{background:linear-gradient(90deg, var(--color-surface-hover) 25%, var(--color-border) 37%, var(--color-surface-hover) 63%);background-size:400% 100%;animation:1.4s infinite skeleton-shimmer;display:inline-block}@keyframes skeleton-shimmer{0%{background-position:100%}to{background-position:0}}.empty-state{align-items:center;gap:var(--space-2);padding:var(--space-16) var(--space-4);text-align:center;flex-direction:column;display:flex}.empty-state-title{color:var(--text-primary);margin:0;font-size:17px;font-weight:600}.empty-state-description{color:var(--text-secondary);max-width:40ch;margin:0;font-size:14px}.empty-state-action{margin-top:var(--space-2)}.toast-stack{bottom:var(--space-6);align-items:center;gap:var(--space-2);z-index:100;flex-direction:column;display:flex;position:fixed;left:50%;transform:translate(-50%)}.toast{padding:var(--space-3) var(--space-5);border-radius:var(--radius-button);color:#fff;box-shadow:var(--shadow-hover);animation:toast-in var(--motion-standard) var(--motion-ease);font-size:14px;font-weight:600}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.toast-success{background:var(--success)}.toast-error{background:var(--danger)}.quantity-stepper{border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);align-items:center;display:inline-flex;overflow:hidden}.quantity-stepper button{cursor:pointer;width:36px;min-width:44px;height:36px;min-height:44px;color:var(--text-primary);background:0 0;border:none;font-size:16px}.quantity-stepper button:hover:not(:disabled){background:var(--color-surface-hover)}.quantity-stepper button:disabled{color:var(--text-muted);cursor:not-allowed}.quantity-stepper-value{text-align:center;min-width:28px;color:var(--text-primary);font-weight:600}.filter-chip{border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);background:var(--color-surface);transition:border-color var(--motion-fast) var(--motion-ease);align-items:center;display:inline-flex}.filter-chip-active{border-color:var(--primary);background:var(--primary-subtle)}.filter-chip-label{padding:var(--space-2) var(--space-4);color:var(--text-primary);cursor:pointer;background:0 0;border:none;min-height:36px;font-size:13px;font-weight:600}.filter-chip-remove{padding:0 var(--space-3) 0 0;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;font-size:15px}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border-bottom:var(--glass-border);box-shadow:var(--shadow-glass), var(--glass-inner-highlight)}.modal-backdrop{padding:var(--space-4);z-index:200;animation:overlay-in var(--motion-standard) var(--motion-ease);background:#1116;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--color-surface);border-radius:var(--radius-card);width:100%;max-width:440px;max-height:85vh;box-shadow:var(--shadow-hover);animation:modal-in var(--motion-standard) var(--motion-ease);overflow:auto}.modal-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.modal-header h2{margin:0;font-size:17px}.modal-close{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;min-width:44px;min-height:44px;font-size:20px;line-height:1}.modal-body{padding:var(--space-6)}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.drawer-backdrop{z-index:200;animation:overlay-in var(--motion-standard) var(--motion-ease);background:#1116;position:fixed;inset:0}.drawer{background:var(--color-surface);box-shadow:var(--shadow-hover);border-radius:var(--radius-drawer) var(--radius-drawer) 0 0;max-height:85vh;animation:drawer-in-bottom var(--motion-drawer) var(--motion-ease);flex-direction:column;display:flex;position:fixed;bottom:0;left:0;right:0;overflow:hidden}.drawer-handle{border-radius:var(--radius-pill);background:var(--color-border-strong);width:40px;height:4px;margin:var(--space-3) auto 0;display:block}.drawer-handle-floating{top:var(--space-3);z-index:2;background:#ffffffd9;margin:0;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 1px 4px #00000040}.drawer-header{padding:var(--space-4) var(--space-6);justify-content:space-between;align-items:center;display:flex}.drawer-header h2{text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;font-size:17px;overflow:hidden}.drawer-close{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;min-width:44px;min-height:44px;font-size:20px}.drawer-body{padding:var(--space-6);flex:1;overflow:auto}.drawer-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border)}@keyframes drawer-in-bottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (width>=768px){.drawer{border-radius:var(--radius-drawer) 0 0 var(--radius-drawer);width:440px;max-width:90vw;max-height:none;animation:drawer-in-right var(--motion-drawer) var(--motion-ease);inset:0 0 0 auto}.drawer-handle{display:none}@keyframes drawer-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}}.cart-page{gap:var(--space-10);margin-top:var(--space-6);grid-template-columns:1fr 340px;align-items:start;display:grid}@media (width<=900px){.cart-page{grid-template-columns:1fr}}.cart-page-items{gap:var(--space-4);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.cart-page-item{align-items:center;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-card);background:var(--color-surface);border:1px solid var(--color-border);grid-template-columns:72px 1fr auto auto auto;display:grid}@media (width<=640px){.cart-page-item{row-gap:var(--space-2);grid-template-columns:56px 1fr;grid-template-areas:"image body""image qty""image total"}}.cart-page-item-image{border-radius:var(--radius-control);background:linear-gradient(135deg, var(--color-surface-hover), var(--color-border));object-fit:cover;flex-shrink:0;width:72px;height:72px;display:block}.cart-page-item-body{flex-direction:column;gap:4px;min-width:0;display:flex}.cart-page-item-name{font-weight:600}.cart-page-item-variant{color:var(--text-muted);font-size:13px}.cart-page-item-total{text-align:right;min-width:80px}.cart-page-summary{padding:var(--space-6);border-radius:var(--radius-card);background:var(--color-surface);border:1px solid var(--color-border);gap:var(--space-4);flex-direction:column;display:flex;position:sticky;top:108px}.cart-page-summary h2{margin:0;font-size:18px}.cart-page-summary-row{justify-content:space-between;align-items:center;font-size:15px;display:flex}.checkout-page h1{margin-bottom:var(--space-2)}.checkout-layout{gap:var(--space-10);margin-top:var(--space-6);grid-template-columns:1fr 340px;align-items:start;display:grid}@media (width<=900px){.checkout-layout{grid-template-columns:1fr}}.checkout-form{gap:var(--space-6);flex-direction:column;display:flex}.checkout-section{padding:var(--space-6);border-radius:var(--radius-card);background:var(--color-surface);border:1px solid var(--color-border);gap:var(--space-4);flex-direction:column;display:flex}.checkout-section h2{margin:0;font-size:18px}.checkout-section-header{justify-content:space-between;align-items:center;display:flex}.checkout-edit-link{color:var(--primary);cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;font-weight:600;text-decoration:none;display:inline-block}.checkout-recap{color:var(--text-secondary);margin:0;font-size:14px}.checkout-address-grid{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}@media (width<=640px){.checkout-address-grid{grid-template-columns:1fr}}.drawer-body .checkout-address-grid{grid-template-columns:1fr}.checkout-field{gap:var(--space-1);color:var(--text-secondary);flex-direction:column;font-size:13px;font-weight:600;display:flex}.checkout-field-wide{grid-column:1/-1}.checkout-field input,.checkout-field select{min-height:44px;padding:0 var(--space-4);border-radius:var(--radius-control);border:1px solid var(--color-border-strong);background:var(--color-surface);font:inherit;color:var(--text-primary);font-size:15px}.checkout-field input:focus,.checkout-field select:focus{outline:2px solid var(--primary);outline-offset:1px}.checkout-field-error{color:var(--danger);font-weight:500}.checkout-field input.checkout-field-invalid{border-color:var(--danger)}.checkout-form-error{padding:var(--space-3) var(--space-4);border-radius:var(--radius-control);background:var(--danger-subtle);color:var(--danger);margin:0;font-size:14px}.checkout-checkbox{align-items:center;gap:var(--space-2);font-size:14px;font-weight:500;display:flex}.checkout-checkbox input,.checkout-radio-option input{accent-color:var(--primary);width:18px;height:18px}.checkout-radio-group{gap:var(--space-3);flex-direction:column;display:flex}.checkout-radio-option{align-items:center;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-control);border:1px solid var(--color-border-strong);cursor:pointer;font-size:15px;display:flex}.checkout-radio-option:has(input:checked){border-color:var(--primary);background:var(--primary-subtle)}.checkout-summary{padding:var(--space-6);border-radius:var(--radius-card);background:var(--color-surface);border:1px solid var(--color-border);gap:var(--space-4);flex-direction:column;display:flex;position:sticky;top:108px}.checkout-summary h2{margin:0;font-size:18px}.checkout-summary-lines{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.checkout-summary-line{justify-content:space-between;align-items:center;gap:var(--space-2);font-size:14px;display:flex}.checkout-summary-line-image{border-radius:var(--radius-control);background:linear-gradient(135deg, var(--color-surface-hover), var(--color-border));object-fit:cover;flex-shrink:0;width:40px;height:40px;display:block}.checkout-summary-line-qty{color:var(--text-muted)}.checkout-summary-line-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.checkout-summary-line-tax{color:var(--text-muted);font-size:12px}.checkout-summary-row{justify-content:space-between;align-items:center;font-size:15px;display:flex}.checkout-summary-total{padding-top:var(--space-3);border-top:1px solid var(--color-border);font-size:17px;font-weight:700}.checkout-summary-note{color:var(--text-muted);margin:0;font-size:13px}.checkout-address-card{justify-content:space-between;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-control);border:1px solid var(--color-border-strong);display:flex}.checkout-address-card-selected{border-color:var(--primary);background:var(--primary-subtle)}.checkout-address-card-error{border-color:var(--danger);background:var(--danger-subtle)}.checkout-address-card-error-note{color:var(--danger);font-size:12px;font-weight:600}.checkout-address-card-label{border:none;flex:1;align-items:flex-start;padding:0;display:flex}.checkout-address-card-label span{flex-direction:column;gap:2px;display:flex}.checkout-address-card-recap{color:var(--text-muted);font-size:13px;font-weight:400}.checkout-address-card-actions{gap:var(--space-1);flex-direction:column;flex-shrink:0;align-items:flex-end;display:flex}.checkout-address-card-delete{color:var(--danger)}.checkout-add-address-button{border:1px dashed var(--color-border-strong);border-radius:var(--radius-control);padding:var(--space-4);color:var(--primary);cursor:pointer;text-align:left;background:0 0;font-size:15px;font-weight:600}.checkout-back-link{margin-bottom:var(--space-3);display:inline-block}.checkout-address-edit,.checkout-address-picker>div{gap:var(--space-4);flex-direction:column;display:flex}.checkout-address-edit-actions{justify-content:flex-end;gap:var(--space-3);display:flex}.checkout-address-save-row{align-items:flex-end;gap:var(--space-3);display:flex}.checkout-address-save-row .checkout-field{flex:1}.account-section{margin-top:var(--space-8)}.account-section:first-of-type{margin-top:var(--space-6)}.account-section h2{margin:0 0 var(--space-4);font-size:20px}.account-section-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.account-section-header h2{margin:0}.account-profile-card{gap:var(--space-10);padding:var(--space-5) var(--space-6);border-radius:var(--radius-card);background:var(--color-surface);border:1px solid var(--color-border);display:flex}.account-profile-card div{gap:var(--space-1);flex-direction:column;display:flex}.account-profile-label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-size:12px;font-weight:600}.account-address-title-row{align-items:center;gap:var(--space-2);display:flex}.account-address-tag{padding:2px var(--space-2);border-radius:var(--radius-pill);background:var(--primary-subtle);color:var(--primary);text-transform:uppercase;letter-spacing:.03em;font-size:11px;font-weight:700}.checkout-success{max-width:480px;margin:var(--space-16) auto;padding:var(--space-10);border-radius:var(--radius-card);background:var(--color-surface);border:1px solid var(--color-border);text-align:center;align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.checkout-success-note{color:var(--text-muted);font-size:13px}.checkout-success-actions{gap:var(--space-3);flex-wrap:wrap;justify-content:center;display:flex}.order-list-toolbar{margin:var(--space-4) 0 var(--space-6)}.order-list-toolbar select{min-height:40px;padding:0 var(--space-3);border-radius:var(--radius-control);border:1px solid var(--color-border-strong);background:var(--color-surface);font-size:14px}.order-card-list{gap:var(--space-4);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.order-card{align-items:center;gap:var(--space-4);padding:var(--space-5);border-radius:var(--radius-card);background:var(--color-surface);border:1px solid var(--color-border);color:inherit;transition:box-shadow var(--motion-fast) var(--motion-ease);text-decoration:none;display:flex}.order-card:hover{box-shadow:var(--shadow-hover)}.order-card-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.order-card-number{font-weight:600}.order-card-meta{color:var(--text-muted);font-size:13px}.order-card-total{text-align:right;min-width:90px}.order-status-pill{padding:4px var(--space-3);border-radius:var(--radius-pill);white-space:nowrap;align-items:center;font-size:12px;font-weight:700;display:inline-flex}.order-status-pill-success{background:var(--success-subtle);color:var(--success)}.order-status-pill-warning{background:var(--warning-subtle);color:var(--warning)}.order-status-pill-danger{background:var(--danger-subtle);color:var(--danger)}.order-status-pill-neutral{background:var(--color-surface-hover);color:var(--text-muted)}.order-list-pagination{justify-content:center;align-items:center;gap:var(--space-4);margin-top:var(--space-8);display:flex}.order-list-pagination-label{color:var(--text-secondary);font-size:14px}.order-detail-header{align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.order-detail-header h1{margin:0 0 4px}.order-detail-header-pills{gap:var(--space-2);margin-left:auto;display:flex}.order-detail-sections{gap:var(--space-5);flex-direction:column;display:flex}.order-address-columns{gap:var(--space-6);grid-template-columns:1fr 1fr;display:grid}@media (width<=700px){.order-address-columns{grid-template-columns:1fr}}.order-address-title{font-weight:600}.order-items-list{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.order-item{align-items:center;gap:var(--space-4);grid-template-columns:56px 1fr auto;display:grid}.order-item-image{border-radius:var(--radius-control);background:linear-gradient(135deg, var(--color-surface-hover), var(--color-border));flex-shrink:0;width:56px;height:56px;display:block}.order-item-body{flex-direction:column;gap:4px;min-width:0;display:flex}.order-history-list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.order-history-item{justify-content:space-between;align-items:baseline;gap:var(--space-3);font-size:14px;display:flex}.order-cancel-form{gap:var(--space-4);flex-direction:column;display:flex}.order-cancel-reason{min-height:40px;padding:0 var(--space-3);border-radius:var(--radius-control);border:1px solid var(--color-border-strong)}.order-cancel-actions{justify-content:flex-end;gap:var(--space-3);display:flex}.tracking-page{max-width:560px}.tracking-form{align-items:flex-end;gap:var(--space-3);margin-top:var(--space-6);display:flex}.tracking-form .checkout-field{flex:1}.tracking-form-again{margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--color-border)}.tracking-result{margin-top:var(--space-6);padding:var(--space-6);border-radius:var(--radius-card);background:var(--color-surface);border:1px solid var(--color-border);gap:var(--space-5);flex-direction:column;display:flex}.tracking-result-header{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.tracking-timeline{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.tracking-timeline-item{gap:var(--space-4);padding-bottom:var(--space-5);grid-template-columns:12px 1fr;display:grid;position:relative}.tracking-timeline-item:not(:last-child):before{content:"";background:var(--color-border);width:2px;position:absolute;top:14px;bottom:0;left:5px}.tracking-timeline-dot{z-index:1;border-radius:50%;width:12px;height:12px;margin-top:4px}.tracking-timeline-dot-success{background:var(--success)}.tracking-timeline-dot-warning{background:var(--warning)}.tracking-timeline-dot-danger{background:var(--danger)}.tracking-timeline-dot-neutral{background:var(--text-muted)}.tracking-timeline-body{flex-direction:column;gap:2px;display:flex}.tracking-timeline-status{font-weight:600}.cart-drawer-shipping{margin-bottom:var(--space-5);color:var(--text-secondary);font-size:13px}.cart-drawer-shipping-bar{border-radius:var(--radius-pill);background:var(--color-surface-hover);height:6px;margin-bottom:var(--space-2);overflow:hidden}.cart-drawer-shipping-bar div{background:var(--primary);height:100%;transition:width var(--motion-standard) var(--motion-ease)}.cart-drawer-items{gap:var(--space-4);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.cart-drawer-item{align-items:flex-start;gap:var(--space-3);display:flex}.cart-drawer-item-image{border-radius:var(--radius-control);background:linear-gradient(135deg, var(--color-surface-hover), var(--color-border));object-fit:cover;flex-shrink:0;width:64px;height:64px;display:block}.cart-drawer-item-body{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.cart-drawer-item-name{font-size:14px;font-weight:600}.cart-drawer-item-variant{color:var(--text-muted);font-size:12px}.cart-drawer-item-row{justify-content:space-between;align-items:center;gap:var(--space-3);margin-top:var(--space-1);display:flex}.cart-drawer-item-remove{color:var(--text-muted);cursor:pointer;background:0 0;border:none;min-width:32px;min-height:32px;font-size:18px}.cart-drawer-item-remove:hover{color:var(--danger)}.cart-drawer-footer{gap:var(--space-3);flex-direction:column;display:flex}.cart-drawer-total{justify-content:space-between;align-items:center;font-size:15px;display:flex}.cart-drawer-checkout{width:100%}.quick-view{gap:var(--space-2);flex-direction:column;display:flex}.quick-view-image{width:calc(100% + var(--space-6) * 2);margin:calc(var(--space-6) * -1) calc(var(--space-6) * -1) 0;aspect-ratio:4/3;background:var(--color-surface-hover);overflow:hidden}.quick-view-image img{object-fit:cover;width:100%;height:100%}.quick-view-name{margin:0;font-size:20px}.quick-view-price{margin-bottom:var(--space-2)}.quick-view-line-total{margin:var(--space-2) 0 0;color:var(--text-secondary);font-size:13px}.quick-view-line-total strong{color:var(--text-primary)}.quick-view-full-link{margin-top:var(--space-4);min-height:32px;padding:0 var(--space-4);border-radius:var(--radius-pill);border:1px solid var(--color-border-strong);background:var(--color-surface);color:var(--text-primary);transition:background-color var(--motion-fast) var(--motion-ease);justify-content:center;align-self:center;align-items:center;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.quick-view-full-link:hover{background:var(--color-surface-hover)}.product-card{transition:transform var(--motion-fast) var(--motion-ease);flex-direction:column;display:flex}@media (hover:hover){.product-card:hover{transform:translateY(-2px)}.product-card:hover .product-card-media{box-shadow:var(--shadow-hover)}.product-card:hover .product-card-image{transform:scale(1.02)}}.product-card-quickview{left:var(--space-3);right:var(--space-3);bottom:var(--space-3);border-radius:var(--radius-button);color:#fff;cursor:pointer;opacity:0;min-height:38px;transition:opacity var(--motion-fast) var(--motion-ease), transform var(--motion-fast) var(--motion-ease);background:#111111d9;border:none;font-size:13px;font-weight:600;position:absolute;transform:translateY(6px)}@media (hover:hover){.product-card-media:hover .product-card-quickview{opacity:1;transform:translateY(0)}}.product-card-media{border-radius:var(--radius-card);aspect-ratio:4/5;background:var(--color-surface-hover);position:relative;overflow:hidden}.product-card-image-link{width:100%;height:100%;display:block}.product-card-image,.product-card-image-hover{object-fit:cover;width:100%;height:100%;transition:opacity var(--motion-standard) var(--motion-ease)}.product-card-image-hover{opacity:0;position:absolute;inset:0}.product-card-image-placeholder{background:linear-gradient(135deg, var(--color-surface-hover), var(--color-border));width:100%;height:100%;display:block}.product-card-price-unavailable{color:var(--text-muted);font-size:13px}@media (hover:hover){.product-card-media:hover .product-card-image-hover{opacity:1}}.product-card-badge{top:var(--space-3);left:var(--space-3);position:absolute}.product-card-wishlist{top:var(--space-3);right:var(--space-3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;transition:color var(--motion-fast) var(--motion-ease), transform var(--motion-fast) var(--motion-ease);background:#ffffffd9;border:none;border-radius:50%;font-size:16px;position:absolute}.product-card-wishlist:hover{transform:scale(1.08)}.product-card-wishlist-active{color:var(--accent)}.product-card-body{gap:var(--space-1);padding-top:var(--space-3);flex-direction:column;display:flex}.product-card-name{color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;font-weight:600;text-decoration:none;display:-webkit-box;overflow:hidden}.product-card-metadata{color:var(--text-muted);margin:0;font-size:12px}.product-card-footer{justify-content:space-between;align-items:center;gap:var(--space-2);margin-top:var(--space-1);display:flex}.product-card-add{background:var(--secondary);width:36px;min-width:44px;height:36px;min-height:44px;color:var(--secondary-contrast);cursor:pointer;transition:background-color var(--motion-fast) var(--motion-ease);border:none;border-radius:50%;flex-shrink:0;font-size:18px}.product-card-add:hover:not(:disabled){background:var(--secondary-hover)}.product-card-add:disabled{background:var(--color-border-strong);cursor:not-allowed}.store-shell{flex-direction:column;min-height:100vh;display:flex}.store-topbar{top:var(--space-4);z-index:50;justify-content:space-between;align-items:center;gap:var(--space-6);max-width:1360px;margin:var(--space-4) auto 0;padding:0 var(--space-6);border:var(--glass-border);border-radius:20px;min-height:76px;display:flex;position:sticky}@media (width<=767px){.store-topbar{top:var(--space-3);margin:var(--space-3) var(--space-3) 0;padding:0 var(--space-4);border-radius:18px;min-height:68px}}.store-brand{align-items:center;gap:var(--space-2);color:var(--text-primary);letter-spacing:-.01em;flex-shrink:0;font-size:18px;font-weight:800;text-decoration:none;display:inline-flex}.store-brand-mark{color:var(--primary);display:inline-flex}.store-nav{align-items:center;gap:var(--space-5);flex-shrink:0;font-size:14px;font-weight:600;display:flex}.store-nav a,.store-nav button{color:var(--text-secondary);font:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-weight:600;text-decoration:none}.store-nav a:hover,.store-nav button:hover,.store-nav a.active,.store-nav-name{color:var(--text-primary)}.store-search{align-items:center;display:flex;position:relative}.store-search-expanded{margin:0 var(--space-4);flex:1;animation:.15s store-search-expand}@keyframes store-search-expand{0%{opacity:0;transform:scaleX(.96)}to{opacity:1;transform:scaleX(1)}}.store-search-icon{left:var(--space-3);color:var(--text-muted);pointer-events:none;position:absolute}.store-search input{border-radius:var(--radius-pill);border:1px solid var(--color-border-strong);background:var(--color-surface);width:100%;min-height:40px;font:inherit;padding:0 40px 0 36px;font-size:14px}.store-search-close{width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:inline-flex;position:absolute;right:6px}.store-search-close:hover{background:var(--color-surface-hover);color:var(--text-primary)}.store-topbar-overlay{-webkit-backdrop-filter:none;box-shadow:none;background:0 0;border-bottom:none;justify-content:center}.store-topbar-overlay .store-search-expanded{flex:0 560px;margin:0}.search-suggestions{left:0;right:0;top:calc(100% + var(--space-2));padding:var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-hover);z-index:70;flex-direction:column;gap:2px;max-height:70vh;display:flex;position:absolute;overflow-y:auto}.search-suggestions-loading{gap:var(--space-2);padding:var(--space-2);flex-direction:column;display:flex}.search-suggestions-empty{padding:var(--space-3);color:var(--text-muted);text-align:center;font-size:14px}.search-suggestion-row{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2);border-radius:var(--radius-sm);cursor:pointer;text-align:left;font:inherit;background:0 0;border:none;display:flex}.search-suggestion-row:hover{background:var(--color-surface-hover)}.search-suggestion-thumb{border-radius:var(--radius-sm);background:var(--color-surface-hover);flex-shrink:0;width:44px;height:44px;overflow:hidden}.search-suggestion-thumb img{object-fit:cover;width:100%;height:100%}.search-suggestion-thumb-empty{width:100%;height:100%;display:block}.search-suggestion-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.search-suggestion-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.search-suggestion-brand{color:var(--text-muted);font-size:12px}.search-suggestion-price{color:var(--text-primary);flex-shrink:0;font-size:14px;font-weight:600}.search-suggestion-see-all{padding:var(--space-3);border:none;border-top:1px solid var(--color-border);color:var(--primary);font:inherit;text-align:center;cursor:pointer;border-radius:0 0 var(--radius-sm) var(--radius-sm);background:0 0;font-size:13px;font-weight:600}.search-suggestion-see-all:hover{background:var(--color-surface-hover)}.search-suggestions-recent-header{padding:var(--space-2) var(--space-2) 0;color:var(--text-muted);text-transform:uppercase;letter-spacing:.02em;justify-content:space-between;align-items:center;font-size:12px;font-weight:600;display:flex}.search-suggestions-clear{color:var(--primary);font:inherit;text-transform:none;letter-spacing:normal;cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;font-weight:600}.search-suggestion-recent-row{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2);border-radius:var(--radius-sm);cursor:pointer;text-align:left;font:inherit;color:var(--text-primary);background:0 0;border:none;font-size:14px;display:flex}.search-suggestion-recent-row:hover{background:var(--color-surface-hover)}.search-suggestion-recent-icon{color:var(--text-muted);flex-shrink:0}.store-actions{align-items:center;gap:var(--space-1);flex-shrink:0;display:flex}.store-icon-btn{width:40px;height:40px;color:var(--text-primary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.store-icon-btn:hover{background:var(--color-surface-hover)}.store-icon-btn{position:relative}@media (width<=767px){.store-actions-wishlist,.store-actions-account{display:none}}.store-icon-badge{background:var(--accent);min-width:16px;height:16px;color:var(--accent-contrast);border-radius:50%;justify-content:center;align-items:center;padding:0 3px;font-size:10px;font-weight:700;display:flex;position:absolute;top:2px;right:2px}.store-bottom-nav-icon{display:inline-flex;position:relative}.store-icon-badge-sm{top:-4px;right:-8px}.store-bottom-nav-button{font:inherit;background:0 0;border:none}.store-account{position:relative}.store-account summary{list-style:none}.store-account summary::-webkit-details-marker{display:none}.store-account-menu{min-width:170px;padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-hover);z-index:60;flex-direction:column;gap:2px;display:flex;position:absolute;top:48px;right:0}.store-account-menu a,.store-account-menu button{padding:var(--space-2) var(--space-2);border-radius:var(--radius-control);text-align:left;font-size:14px}.store-account-menu a:hover,.store-account-menu button:hover{background:var(--color-surface-hover)}.store-account-name{padding:var(--space-1) var(--space-2);color:var(--text-primary);font-size:13px;font-weight:700}.store-content{flex:1}.store-bottom-nav{display:none}@media (width<=767px){.store-nav{display:none}.store-footer{padding-bottom:96px}.store-bottom-nav{left:var(--space-3);right:var(--space-3);bottom:max(var(--space-3), env(safe-area-inset-bottom));z-index:80;padding:var(--space-2) 0;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);box-shadow:var(--shadow-hover);border-radius:26px;justify-content:space-around;display:flex;position:fixed}.store-bottom-nav-item{color:var(--text-secondary);padding:var(--space-1) var(--space-3);flex-direction:column;align-items:center;gap:2px;font-size:11px;font-weight:600;text-decoration:none;display:flex}.store-bottom-nav-item.active{color:var(--primary)}}.store-footer{margin-top:var(--space-16);border-top:1px solid var(--color-border);background:var(--color-surface)}.store-footer-top{gap:var(--space-8);max-width:1360px;padding:var(--space-10) var(--space-6) var(--space-8);grid-template-columns:2fr 1fr 1fr 1fr;margin:0 auto;display:grid}.store-footer-brand{gap:var(--space-3);flex-direction:column;display:flex}.store-footer-tagline{max-width:32ch;color:var(--text-muted);margin:0;font-size:13px;line-height:1.5}.store-footer-column{gap:var(--space-3);flex-direction:column;display:flex}.store-footer-column a{color:var(--text-secondary);font-size:13px;text-decoration:none}.store-footer-column a:hover{color:var(--text-primary)}.store-footer-heading{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-size:12px;font-weight:700}.store-footer-payments{gap:var(--space-2);flex-direction:column;display:flex}.store-footer-payment-badge{width:fit-content;padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);border:1px solid var(--color-border-strong);color:var(--text-secondary);font-size:12px;font-weight:600;display:inline-flex}.store-footer-bottom{justify-content:space-between;align-items:center;gap:var(--space-3);max-width:1360px;padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border);color:var(--text-muted);flex-wrap:wrap;margin:0 auto;font-size:12px;display:flex}.store-footer-trust{gap:var(--space-5);display:flex}.store-footer-trust span{align-items:center;gap:var(--space-1);display:inline-flex}@media (width<=767px){.store-footer-top{gap:var(--space-6);padding:var(--space-8) var(--space-4) var(--space-6);grid-template-columns:1fr 1fr}.store-footer-brand{grid-column:1/-1}.store-footer-bottom{padding:var(--space-4);flex-direction:column;align-items:flex-start}.store-footer-trust{gap:var(--space-3);flex-wrap:wrap}}.auth-page{padding:var(--space-16) var(--space-4);justify-content:center;display:flex}.auth-form{gap:var(--space-4);flex-direction:column;width:100%;max-width:400px;display:flex}.auth-form h1{margin:0 0 var(--space-2);font-size:28px}.auth-form-intro{margin:calc(var(--space-2) * -1) 0 0;color:var(--text-secondary);font-size:14px}.auth-form-success{padding:var(--space-3) var(--space-4);border-radius:var(--radius-control);background:var(--success-subtle);color:var(--success);margin:0;font-size:14px}.auth-field{gap:var(--space-1);color:var(--text-secondary);flex-direction:column;font-size:13px;font-weight:600;display:flex}.auth-field input{min-height:44px;padding:0 var(--space-4);border-radius:var(--radius-control);border:1px solid var(--color-border-strong);background:var(--color-surface);font:inherit;color:var(--text-primary);font-size:15px}.auth-field input:focus{outline:2px solid var(--primary);outline-offset:1px}.auth-field-error{color:var(--danger);font-weight:500}.auth-form-error{padding:var(--space-3) var(--space-4);border-radius:var(--radius-control);background:var(--danger-subtle);color:var(--danger);margin:0;font-size:14px}.auth-submit{width:100%}.auth-form-footer{text-align:center;color:var(--text-secondary);margin:0;font-size:14px}.auth-form-footer-right{margin-top:calc(var(--space-2) * -1);text-align:right;font-size:13px}.page-container{max-width:1360px;padding:var(--space-6) var(--space-6) var(--space-24);margin:0 auto}.hero{max-width:1360px;margin:var(--space-6) auto 0;padding:var(--space-6);border-radius:var(--radius-hero);background:linear-gradient(135deg, var(--primary-subtle), var(--color-surface));overflow:hidden}.hero-inner{align-items:center;gap:var(--space-10);grid-template-columns:42% 58%;min-height:420px;display:grid}.hero-text{align-items:flex-start;gap:var(--space-3);padding:var(--space-6) var(--space-4);flex-direction:column;display:flex}.hero-image{border-radius:var(--radius-card);height:100%;min-height:420px;max-height:500px;overflow:hidden}.hero-image img{object-fit:cover;width:100%;height:100%}@media (width<=900px){.hero{padding:0}.hero-inner{grid-template-columns:1fr;min-height:280px}.hero-image{border-radius:var(--radius-hero);grid-row:1;min-height:280px;max-height:320px;position:relative}.hero-image:after{content:"";background:linear-gradient(#0000000d 45%,#0000008c);position:absolute;inset:0}.hero-text{z-index:1;padding:var(--space-6);color:#fff;grid-row:1;align-self:end;position:relative}.hero-text .hero-subtitle{color:#ffffffd9}.hero-image,.hero-text{grid-area:1/1}}.hero-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--primary);background:var(--color-surface);padding:4px var(--space-3);border-radius:var(--radius-pill);font-size:12px;font-weight:700}.hero-title{max-width:20ch;margin:0;font-size:44px;line-height:1.1}.hero-subtitle{max-width:46ch;color:var(--text-secondary);margin:0;font-size:16px}.hero-actions{margin-top:var(--space-2);justify-content:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.hero-dots{gap:var(--space-2);margin-top:var(--space-4);display:flex}.hero-dots span{background:var(--color-border-strong);border-radius:50%;width:6px;height:6px}.hero-dots span.active{background:var(--text-primary);border-radius:var(--radius-pill);width:18px}.trust-row{max-width:1360px;margin:var(--space-8) auto 0;padding:var(--space-2) var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.trust-item{align-items:flex-start;gap:var(--space-3);padding:var(--space-5) var(--space-4);border-right:1px solid var(--color-border);display:flex}.trust-item:last-child{border-right:none}@media (width<=767px){.trust-row{padding:var(--space-3) var(--space-2);grid-template-columns:repeat(4,1fr)}.trust-item{text-align:center;align-items:center;gap:var(--space-1);padding:var(--space-1);border-right:none;flex-direction:column}.trust-item strong{font-size:10px;line-height:1.2}.trust-item span{font-size:9px;line-height:1.2}}.trust-item-icon{color:var(--primary);flex-shrink:0;margin-top:2px}.trust-item strong{font-size:14px;display:block}.trust-item span{color:var(--text-secondary);font-size:13px}.home-section{max-width:1360px;margin:var(--space-16) auto 0;padding:0 var(--space-6)}.home-section-header{margin-bottom:var(--space-5);justify-content:space-between;align-items:baseline;display:flex}.home-section-header h2{margin:0;font-size:24px}.home-section-viewall{color:var(--text-secondary);font-size:14px;font-weight:600;text-decoration:none}.home-section-viewall:hover{color:var(--text-primary)}.category-grid{gap:var(--space-4);grid-template-columns:repeat(6,1fr);display:grid}.category-tile{border-radius:var(--radius-card);background:var(--color-surface);color:var(--text-primary);text-align:center;transition:box-shadow var(--motion-fast) var(--motion-ease), transform var(--motion-fast) var(--motion-ease);flex-direction:column;font-weight:600;text-decoration:none;display:flex;overflow:hidden}.category-tile:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.category-tile-image{width:140px;height:140px;margin:var(--space-4) auto 0;background:linear-gradient(135deg, var(--primary-subtle), var(--color-surface-hover));transition:transform var(--motion-standard) var(--motion-ease);border-radius:50%;justify-content:center;align-items:center;display:flex;overflow:hidden}.category-tile-image img{object-fit:cover;width:100%;height:100%;transition:transform var(--motion-standard) var(--motion-ease)}.category-tile:hover .category-tile-image img{transform:scale(1.04)}.category-tile-fallback{color:var(--primary);font-size:28px;font-weight:700}.category-tile-name{padding:var(--space-3) var(--space-3) 0;font-size:14px}.category-tile-count{padding:0 var(--space-3) var(--space-3);color:var(--text-secondary);font-size:12px;font-weight:400}@media (width<=1023px){.category-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=767px){.category-grid{gap:var(--space-4);scroll-snap-type:x proximity;padding-bottom:var(--space-2);-ms-overflow-style:none;scrollbar-width:none;display:flex;overflow-x:auto}.category-grid::-webkit-scrollbar{display:none}.category-tile{scroll-snap-align:start;background:0 0;flex-direction:column;flex:none;align-items:center;width:76px}.category-tile-image{border-radius:50%;width:64px;height:64px;margin:0}.category-tile-name{padding:var(--space-1) 0 0;font-size:12px}.category-tile-count{display:none}}.product-grid{gap:var(--space-6) var(--space-4);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}@media (width<=767px){.product-grid{gap:var(--space-4) var(--space-3);grid-template-columns:repeat(2,1fr)}}.list-toolbar-sentinel{height:1px}.list-toolbar-store{z-index:40;align-items:center;gap:var(--space-2);margin-bottom:var(--space-6);padding:var(--space-2) 0;box-shadow:none;transition:background-color var(--motion-standard) var(--motion-ease), border-color var(--motion-standard) var(--motion-ease), box-shadow var(--motion-standard) var(--motion-ease), padding var(--motion-standard) var(--motion-ease);background:0 0;border:1px solid #0000;border-radius:18px;flex-wrap:wrap;display:flex;position:sticky;top:108px}.list-toolbar-store-stuck{padding:var(--space-3) var(--space-4);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--shadow-sm);border-color:#ffffff8c}.toolbar-divider{width:1px;margin:var(--space-1) var(--space-1);background:var(--color-border-strong);align-self:stretch}@media (width<=900px){.toolbar-divider{display:none}}.toolbar-clear{margin-left:var(--space-1);padding:var(--space-2) var(--space-2);color:var(--text-secondary);cursor:pointer;text-underline-offset:2px;background:0 0;border:none;font-size:13px;font-weight:600;text-decoration:underline}.toolbar-clear:hover{color:var(--danger)}.list-toolbar-store select,.list-toolbar-store input{min-height:40px;padding:0 var(--space-3);border-radius:var(--radius-control);border:1px solid var(--color-border-strong);background:var(--color-surface);font:inherit;font-size:14px}.breadcrumb{align-items:center;gap:var(--space-2);color:var(--text-secondary);margin-bottom:var(--space-4);font-size:13px;display:flex}.breadcrumb a{color:var(--text-secondary);text-decoration:none}.breadcrumb a:hover{color:var(--text-primary)}.listing-heading{align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-5);display:flex}.listing-heading h1{margin:0;font-size:28px}.listing-count{color:var(--text-secondary);font-size:14px}.toolbar-btn{align-items:center;gap:var(--space-2);min-height:40px;padding:0 var(--space-4);border-radius:var(--radius-pill);border:1px solid var(--color-border-strong);background:var(--color-surface);font:inherit;color:var(--text-primary);cursor:pointer;transition:background-color var(--motion-fast) var(--motion-ease), border-color var(--motion-fast) var(--motion-ease), box-shadow var(--motion-fast) var(--motion-ease), transform var(--motion-fast) var(--motion-ease);font-size:14px;font-weight:600;display:inline-flex}.toolbar-btn:hover{background:var(--color-surface-hover);border-color:var(--text-muted);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.toolbar-btn svg:last-child{color:var(--text-muted)}.toolbar-select{border-radius:var(--radius-pill);transition:box-shadow var(--motion-fast) var(--motion-ease);align-items:center;display:inline-flex;position:relative}.toolbar-select select{appearance:none;min-height:40px;padding:0 var(--space-8) 0 var(--space-4);border-radius:var(--radius-pill);border:1px solid var(--color-border-strong);background:var(--color-surface);font:inherit;color:var(--text-primary);cursor:pointer;transition:background-color var(--motion-fast) var(--motion-ease), border-color var(--motion-fast) var(--motion-ease), transform var(--motion-fast) var(--motion-ease);font-size:14px;font-weight:600}.toolbar-select select:hover{background:var(--color-surface-hover);transform:translateY(-1px)}.toolbar-select select:focus-visible{outline:2px solid var(--primary);outline-offset:1px}.toolbar-select-chevron{right:var(--space-3);color:var(--text-secondary);pointer-events:none;position:absolute}.toolbar-select-active select{border-color:var(--primary);background:var(--primary-subtle);color:var(--primary)}.toolbar-select-active .toolbar-select-chevron{color:var(--primary)}.toolbar-btn.toolbar-select-active{border-color:var(--primary);background:var(--primary-subtle);color:var(--primary)}.toolbar-popover-wrapper{position:relative}.toolbar-popover-wrapper summary{list-style:none}.toolbar-popover-wrapper summary::-webkit-details-marker{display:none}.toolbar-popover{z-index:60;gap:var(--space-3);width:220px;max-height:60vh;padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-hover);flex-direction:column;display:flex;position:absolute;top:48px;left:0}.toolbar-popover-facets{gap:var(--space-3);flex-direction:column;flex-shrink:1;min-height:0;display:flex;overflow-y:auto}.toolbar-popover-actions{flex-shrink:0}.toolbar-popover-field{gap:var(--space-1);color:var(--text-secondary);flex-direction:column;font-size:13px;font-weight:600;display:flex}.toolbar-popover-field input{min-height:36px;padding:0 var(--space-3);border-radius:var(--radius-control);border:1px solid var(--color-border-strong);font:inherit;color:var(--text-primary);font-size:14px;font-weight:400}fieldset.toolbar-popover-field{border:none;margin:0;padding:0}fieldset.toolbar-popover-field+fieldset.toolbar-popover-field{margin-top:var(--space-2)}fieldset.toolbar-popover-field legend{padding:0}.toolbar-popover-checkbox{align-items:center;gap:var(--space-2);padding:var(--space-1) 0;color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:400;display:flex}.toolbar-popover-checkbox input{min-height:0;accent-color:var(--primary)}.toolbar-popover-actions{justify-content:space-between;gap:var(--space-2);display:flex}.toolbar-popover-actions button{min-height:36px;padding:0 var(--space-4);border-radius:var(--radius-pill);font:inherit;cursor:pointer;font-size:14px;font-weight:600}.toolbar-popover-actions button[type=submit]{background:var(--primary);color:var(--color-surface);border:none}.toolbar-popover-actions button[type=button]{border:1px solid var(--color-border-strong);color:var(--text-primary);background:0 0}.toolbar-view-toggle{border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);background:var(--color-surface);gap:2px;margin-left:auto;padding:3px;display:inline-flex}.toolbar-view-toggle button{border-radius:var(--radius-pill);width:34px;height:34px;color:var(--text-secondary);cursor:pointer;transition:background-color var(--motion-fast) var(--motion-ease), color var(--motion-fast) var(--motion-ease);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.toolbar-view-toggle button:hover:not(.active){background:var(--color-surface-hover);color:var(--text-primary)}.toolbar-view-toggle button.active{background:var(--secondary);color:var(--secondary-contrast)}@media (width<=767px){.list-toolbar-store{gap:var(--space-2);row-gap:var(--space-2);flex-wrap:wrap;top:92px}.list-toolbar-store-stuck{padding-top:var(--space-2);padding-bottom:var(--space-2);padding-left:var(--space-4);padding-right:var(--space-4);border-radius:18px}.toolbar-select{flex:1 1 calc(50% - var(--space-1));border-radius:var(--radius-control)}.toolbar-select select{width:100%;min-height:32px;padding:0 var(--space-6) 0 var(--space-3);border-radius:var(--radius-control);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.toolbar-select-chevron{right:var(--space-2);width:10px;height:10px}.list-toolbar-store>.toolbar-btn,.toolbar-view-toggle{display:none}.toolbar-popover-wrapper{flex:1 1 calc(50% - var(--space-1));position:static}.toolbar-popover-wrapper summary{justify-content:center;align-items:center;gap:var(--space-1);width:100%;min-height:32px;padding:0 var(--space-3);border-radius:var(--radius-control);font-size:12px;display:inline-flex}.toolbar-popover{top:auto;left:var(--space-4);right:var(--space-4);bottom:calc(64px + var(--space-6));z-index:90;width:auto;position:fixed}}.product-grid-list{grid-template-columns:1fr}.product-grid-list .product-card{gap:var(--space-4);flex-direction:row}.product-grid-list .product-card-media{aspect-ratio:1;flex-shrink:0;width:160px}.product-grid-list .product-card-body{justify-content:center;padding-top:0}.quality-row{max-width:1360px;margin:var(--space-16) auto 0;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.quality-item{align-items:flex-start;gap:var(--space-3);padding:var(--space-4);display:flex}.quality-item svg{color:var(--primary);flex-shrink:0;margin-top:2px}.quality-item strong{font-size:14px;display:block}.quality-item span{color:var(--text-secondary);font-size:13px}.promo-banner{max-width:1360px;margin:var(--space-10) auto 0;border-radius:var(--radius-hero);background:var(--secondary);min-height:260px;color:var(--secondary-contrast);grid-template-columns:1fr 1fr;align-items:center;display:grid;overflow:hidden}.promo-banner-text{padding:var(--space-10) var(--space-10)}.promo-banner h2{margin:0 0 var(--space-1);font-size:34px}.promo-banner p{margin:0 0 var(--space-5);color:#ffffffbf;font-size:16px}.promo-banner-image{height:100%;min-height:260px;position:relative}.promo-banner-image img{object-fit:cover;width:100%;height:100%}.promo-banner-dots{bottom:var(--space-4);gap:var(--space-2);display:flex;position:absolute;left:50%;transform:translate(-50%)}.promo-banner-dots button{cursor:pointer;background:#fff9;border:none;border-radius:50%;width:6px;height:6px;padding:0}.promo-banner-dots button.active{border-radius:var(--radius-pill);background:#fff;width:18px}@media (width<=767px){.promo-banner{grid-template-columns:1fr}.promo-banner-text{text-align:center;padding:var(--space-8) var(--space-6)}.promo-banner-image{min-height:180px}}.product-detail{gap:var(--space-10);grid-template-columns:1.1fr .9fr;display:grid}@media (width<=900px){.product-detail{grid-template-columns:1fr}}.product-gallery-main{aspect-ratio:4/5;border-radius:var(--radius-card);background:var(--color-surface-hover);width:100%;overflow:hidden}.product-gallery-main img{object-fit:cover;width:100%;height:100%}.product-gallery-thumbs{gap:var(--space-2);margin-top:var(--space-3);display:flex}.product-gallery-thumbs button{border-radius:var(--radius-control);cursor:pointer;background:var(--color-surface-hover);border:2px solid #0000;width:64px;height:64px;padding:0;overflow:hidden}.product-gallery-thumbs button.active{border-color:var(--primary)}.product-gallery-thumbs img{object-fit:cover;width:100%;height:100%}.product-info h1{margin:0 0 var(--space-2);font-size:28px}.product-info-metadata{color:var(--text-secondary);margin:0 0 var(--space-4);font-size:14px}.product-info-price{margin:var(--space-4) 0}.product-option{margin-bottom:var(--space-5)}.product-option-label{color:var(--text-secondary);margin-bottom:var(--space-2);font-size:13px;font-weight:600;display:block}.product-option-values{gap:var(--space-2);flex-wrap:wrap;display:flex}.product-option-value{min-height:40px;padding:0 var(--space-4);border-radius:var(--radius-control);border:1px solid var(--color-border-strong);background:var(--color-surface);cursor:pointer;font-size:14px;font-weight:600}.product-option-value.active{border-color:var(--primary);background:var(--primary-subtle);color:var(--primary)}.product-option-value:disabled{opacity:.4;cursor:not-allowed}.product-stock{margin:var(--space-3) 0;font-size:13px}.product-stock-in{color:var(--success)}.product-stock-out{color:var(--danger)}.product-purchase-actions{gap:var(--space-3);margin-top:var(--space-6);display:flex}.product-description{margin-top:var(--space-10);max-width:70ch;color:var(--text-secondary);line-height:1.7}.form-error{color:var(--danger);font-size:14px}.product-reviews{margin-top:var(--space-16);max-width:70ch}.product-reviews-empty{color:var(--text-secondary)}.product-reviews-list{margin:var(--space-6) 0;gap:var(--space-6);flex-direction:column;padding:0;list-style:none;display:flex}.product-review{padding-bottom:var(--space-6);border-bottom:1px solid var(--color-border)}.product-review-header{align-items:center;gap:var(--space-3);display:flex}.product-review-verified{color:var(--text-secondary);font-size:12px;font-weight:600}.product-review-title{margin:var(--space-2) 0 0;font-weight:600}.product-review-body{margin:var(--space-1) 0 0;color:var(--text-secondary);line-height:1.6}.product-review-date{margin:var(--space-2) 0 0;color:var(--text-secondary);font-size:12px}.product-reviews-signin-prompt{color:var(--text-secondary);font-size:14px}.product-review-form{gap:var(--space-4);margin-top:var(--space-4);flex-direction:column;max-width:40ch;display:flex}.product-review-field{gap:var(--space-1);color:var(--text-secondary);flex-direction:column;font-size:13px;font-weight:600;display:flex}.product-review-field input,.product-review-field select,.product-review-field textarea{min-height:44px;padding:var(--space-2) var(--space-4);border-radius:var(--radius-control);border:1px solid var(--color-border);font:inherit;color:var(--text-primary)}.product-review-field textarea{min-height:unset;padding:var(--space-3) var(--space-4)}.product-review-form-actions{gap:var(--space-3);display:flex}.pagination{justify-content:center;align-items:center;gap:var(--space-4);margin-top:var(--space-10);color:var(--text-secondary);font-size:14px;display:flex}.pagination button{min-height:40px;padding:0 var(--space-4);border-radius:var(--radius-control);border:1px solid var(--color-border-strong);background:var(--color-surface);cursor:pointer;font:inherit;font-weight:600}.pagination button:disabled{opacity:.4;cursor:not-allowed}.pagination-page{min-width:40px;padding:0 var(--space-2)!important}.pagination-page.active{background:var(--secondary)!important;border-color:var(--secondary)!important;color:var(--secondary-contrast)!important}.pagination-ellipsis{padding:0 var(--space-1)}
