/* iOS-inspired flat surfaces. Frosted chrome, opaque content, shared appearances. */
html[data-style="glass"][data-theme] body {
  --bg:#f5f5f7; --paper:#fff; --card:#fff; --ink:#1d1d1f; --muted:#626773;
  --line:#dedfe0; --accent:#0066cc; --soft:#e8f2ff;
  --ios-action:#0066cc; --ios-action-hover:#0055aa; --ios-action-ink:#fff;
  --ios-panel:#fff; --ios-chrome:rgba(255,255,255,.82); --ios-field:#efeff1;
  --ios-selected:#fff; --ios-separator:rgba(60,60,67,.15); --ios-float:0 8px 28px #172a4614;
  background:var(--bg); color:var(--ink);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  text-rendering:optimizeLegibility;
}
html[data-style="glass"][data-theme="dark"] body {
  --bg:#101114; --paper:#1c1e23; --card:#1c1e23; --ink:#f3f4f7; --muted:#b1b7c3;
  --line:#353943; --accent:#8abfff; --soft:#1e3350;
  --ios-action:#8abfff; --ios-action-hover:#b1d5ff; --ios-action-ink:#071b34;
  --ios-panel:#1c1e23; --ios-chrome:rgba(28,30,35,.86); --ios-field:#2b2e35;
  --ios-selected:#464c58; --ios-separator:rgba(235,235,245,.16); --ios-float:0 8px 28px #0004;
  background:var(--bg); color-scheme:dark;
}
html[data-style="glass"][data-theme] :is(h1,h2,h3) {letter-spacing:-.035em; font-weight:650}
html[data-style="glass"][data-theme] :is(button,a,input,select,textarea) {-webkit-tap-highlight-color:transparent}
html[data-style="glass"][data-theme] :is(button,a,input,select,textarea,summary):focus-visible {outline:3px solid var(--accent);outline-offset:3px}
html[data-style="glass"][data-theme] :is(.topbar,.eyebrow,.logo small,.product-meta,.product-code,.product-brand,.stock-result,.footer-grid p,.footer-grid button,.footer-bottom) {color:var(--muted)}
html[data-style="glass"][data-theme] header {
  border:1px solid var(--ios-separator); border-radius:24px;
  background:var(--ios-chrome); box-shadow:0 2px 12px #00000005;
  -webkit-backdrop-filter:blur(24px) saturate(150%); backdrop-filter:blur(24px) saturate(150%);
}
html[data-style="glass"][data-theme] .header-main {height:76px}
html[data-style="glass"][data-theme] .logo>span {letter-spacing:-.055em}
html[data-style="glass"][data-theme] #search-form {background:var(--ios-field);border:1px solid transparent;border-radius:14px;box-shadow:none;height:46px}
html[data-style="glass"][data-theme] #search-form:focus-within {background:var(--ios-panel);border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent)}
html[data-style="glass"][data-theme] :is(#search,input,textarea,select) {color:var(--ink)}
html[data-style="glass"][data-theme] input::placeholder {color:var(--muted);opacity:1}
html[data-style="glass"][data-theme] .catalog-shortcuts {height:58px;border-top:1px solid var(--ios-separator)}
.header-utilities {display:flex;align-items:center;gap:14px;flex-shrink:0}
html[data-style="glass"][data-theme] .header-actions>button:hover {background:var(--ios-field)}
html[data-style="glass"][data-theme] .design-switch {
  position:static;inset:auto;display:flex;align-items:center;gap:3px;padding:3px;
  border:0;border-radius:11px;background:var(--ios-field);box-shadow:none;
  -webkit-backdrop-filter:none;backdrop-filter:none;z-index:auto;
}
html[data-style="glass"][data-theme] .design-switch button {
  border-radius:8px;min-height:36px;padding:8px 12px;min-width:94px;
  font-size:12px;letter-spacing:0;color:var(--muted);transition:background .18s,color .18s,box-shadow .18s;
}
html[data-style="glass"][data-theme] .design-switch button.active {background:var(--ios-selected);color:var(--ink);box-shadow:0 2px 5px #00000014}
html[data-style="glass"][data-theme] .design-switch button>span {font-size:16px;margin-right:5px}
html[data-style="glass"][data-theme] :is(.primary,.secondary,.catalog-button,.filter-trigger) {border-radius:14px;min-height:46px;box-shadow:none;font-weight:600}
html[data-style="glass"][data-theme] :is(.primary,.catalog-button,.cart-add,.pagination button.active) {background:#0066cc;color:#fff}
html[data-style="glass"][data-theme] :is(.primary,.catalog-button,.cart-add,.pagination button.active):hover {background:#0055aa;color:#fff}
html[data-style="glass"][data-theme="dark"] :is(.primary,.catalog-button,.cart-add,.pagination button.active) {background:#8abfff;color:#071b34}
html[data-style="glass"][data-theme="dark"] :is(.primary,.catalog-button,.cart-add,.pagination button.active):hover {background:#b1d5ff;color:#071b34}
html[data-style="glass"][data-theme] :is(.secondary,.filter-trigger) {background:var(--ios-panel);color:var(--ink);border:1px solid var(--ios-separator)}
html[data-style="glass"][data-theme] :is(.text-button,.stock-check,.filter-heading>button) {color:var(--accent)}
html[data-style="glass"][data-theme] .hero {padding-top:32px;gap:48px}
html[data-style="glass"][data-theme] .hero h1 {font-size:clamp(48px,5.7vw,80px);line-height:1.04;letter-spacing:-.055em}
html[data-style="glass"][data-theme] .hero h1 em {color:var(--accent);font-style:normal}
html[data-style="glass"][data-theme] .hero-copy>p {color:var(--muted);font-size:17px}
html[data-style="glass"][data-theme] .hero-image {border-radius:28px;box-shadow:none}
html[data-style="glass"][data-theme] .image-caption {background:var(--ios-chrome);color:var(--ink);border-color:var(--ios-separator);box-shadow:none;border-radius:18px}
html[data-style="glass"][data-theme] .image-caption span {color:var(--muted)}
html[data-style="glass"][data-theme] :is(.category-card,.product-card,.category-browser,.commerce-panel,.assistant-product) {background:var(--ios-panel);border:1px solid var(--ios-separator);border-radius:22px;box-shadow:none}
html[data-style="glass"][data-theme] .category-card .category-info {background:var(--ios-panel)}
html[data-style="glass"][data-theme] .category-card img {height:220px}
html[data-style="glass"][data-theme] .product-card:hover {transform:none;border-color:var(--accent);box-shadow:none}
html[data-style="glass"][data-theme] :is(.product-visual,.catalog-results .product-visual) {background:#fff;border-bottom:1px solid var(--ios-separator)}
html[data-style="glass"][data-theme] .product-body {padding:18px}
html[data-style="glass"][data-theme] .product-name {font-size:15px;line-height:1.45;letter-spacing:-.015em;font-weight:600}
html[data-style="glass"][data-theme] .price {font-variant-numeric:tabular-nums;font-size:23px;letter-spacing:-.03em}
html[data-style="glass"][data-theme] .product-tools button {background:rgba(255,255,255,.9);color:#243449;border:1px solid #00000010;box-shadow:none;width:36px;height:36px}
html[data-style="glass"][data-theme] :is(.stock-live,.product-offers,.subcategory-section,.promise-row,.hero-bottom) {border-color:var(--ios-separator)}
html[data-style="glass"][data-theme] :is(.stock,.stock.unknown) {color:var(--accent)}
html[data-style="glass"][data-theme] .stock-result.error-text {color:#b54539}
html[data-style="glass"][data-theme="dark"] .stock-result.error-text {color:#ffb2a9}
html[data-style="glass"][data-theme] .filters {background:var(--ios-panel);border:1px solid var(--ios-separator);box-shadow:none;border-radius:22px}
html[data-style="glass"][data-theme] .filter-group {border-color:var(--ios-separator);padding:13px 0}
html[data-style="glass"][data-theme] .filter-group summary {min-height:36px;font-size:14px;font-weight:550}
html[data-style="glass"][data-theme] .filter-switch {border-radius:12px;min-height:46px}
html[data-style="glass"][data-theme] .filter-switch:hover {background:var(--ios-field)}
html[data-style="glass"][data-theme] .filter-toggle {width:44px;height:28px;border:0;background:#d7d9df;box-shadow:none}
html[data-style="glass"][data-theme] .filter-toggle:before {height:24px;width:24px;top:2px;left:2px;background:#fff;box-shadow:0 1px 3px #0003}
html[data-style="glass"][data-theme] .filter-switch input:checked~.filter-toggle {background:var(--ios-action)}
html[data-style="glass"][data-theme] .filter-switch input:checked~.filter-toggle:before {transform:translateX(16px)}
html[data-style="glass"][data-theme="dark"] .filter-toggle {background:#454a55}
html[data-style="glass"][data-theme] :is(.filter-search,.price-filter input,.price-currency,.sort-label select,.offer-selector,.quantity-input,.quantity-label select,.area-calc input,.checkout-form input,.checkout-form textarea,.checkout-form select) {background:var(--ios-field);color:var(--ink);border:1px solid transparent;border-radius:11px;box-shadow:none;min-height:44px}
html[data-style="glass"][data-theme] :is(.active-filters button,.quick-tabs button,.category-tabs button,.visual-category-card,.visual-subcategory-card) {background:var(--ios-panel);border-color:var(--ios-separator);color:var(--ink);box-shadow:none}
html[data-style="glass"][data-theme] :is(.quick-tabs button.selected,.category-tabs button.selected,.visual-category-card.selected,.visual-subcategory-card.selected) {background:var(--soft);border-color:var(--accent);color:var(--ink);box-shadow:none}
html[data-style="glass"][data-theme] :is(.visual-category-card,.visual-subcategory-card):hover {transform:none}
html[data-style="glass"][data-theme] :is(.compare-feature,.sample,.commerce-summary,.quantity-preview,.stock-note,.empty) {background:var(--ios-panel);color:var(--ink);border-color:var(--ios-separator);box-shadow:none}
html[data-style="glass"][data-theme] .compare-feature p {color:var(--muted)}
html[data-style="glass"][data-theme] :is(dialog,#category-dialog) {background:var(--ios-panel);color:var(--ink);border:1px solid var(--ios-separator);border-radius:26px;box-shadow:0 24px 80px #0003}
html[data-style="glass"][data-theme] :is(.modal-header,.photo-viewer-header,.category-dialog-heading) {background:var(--ios-chrome);border-color:var(--ios-separator);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}
html[data-style="glass"][data-theme] .close {background:var(--ios-field);color:var(--muted);border:0}
html[data-style="glass"][data-theme] .suggestions {background:var(--ios-chrome);border-color:var(--ios-separator);box-shadow:var(--ios-float)}
html[data-style="glass"][data-theme] .suggestion:hover {background:var(--ios-field)}
html[data-style="glass"][data-theme] .pagination button {background:var(--ios-panel);border-color:var(--ios-separator);color:var(--ink);border-radius:12px}
html[data-style="glass"][data-theme] .pagination button.active {background:var(--soft);color:var(--ink);border-color:var(--accent)}
html[data-style="glass"][data-theme] .compare-bar {background:var(--ios-chrome);color:var(--ink);border-color:var(--ios-separator);box-shadow:var(--ios-float);border-radius:18px}
html[data-style="glass"][data-theme] footer {background:var(--ios-panel);color:var(--ink);border-color:var(--ios-separator)}
html[data-style="glass"][data-theme] :is(.commerce-header,.commerce-footer) {color:var(--ink)}
html[data-style="glass"][data-theme] .commerce-header {padding:18px 24px}
html[data-style="glass"][data-theme] .commerce-panel input {background:var(--ios-field);color:var(--ink)}
html[data-style="glass"][data-theme] .assistant-launcher {bottom:max(22px,env(safe-area-inset-bottom));background:#0066cc;box-shadow:var(--ios-float);border-radius:20px}
html[data-style="glass"][data-theme="dark"] .assistant-launcher {background:#8abfff;color:#071b34}
html[data-style="glass"][data-theme] #shopping-assistant {bottom:88px;background:var(--ios-panel);color:var(--ink);border-color:var(--ios-separator);box-shadow:var(--ios-float)}
html[data-style="glass"][data-theme] #shopping-assistant .assistant-header {background:var(--ios-chrome);border-color:var(--ios-separator);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}
html[data-style="glass"][data-theme] .assistant-messages {background:var(--bg)}
html[data-style="glass"][data-theme] .assistant-bubble {background:var(--ios-field);border:0;color:var(--ink);box-shadow:none}
html[data-style="glass"][data-theme] .from-user .assistant-bubble {background:var(--soft);color:var(--ink)}
html[data-style="glass"][data-theme] :is(.assistant-compose,.assistant-suggestions) {background:var(--ios-panel);border-color:var(--ios-separator)}
html[data-style="glass"][data-theme] .assistant-compose textarea {background:var(--ios-field);color:var(--ink)}
@media(max-width:960px) {
  html[data-style="glass"][data-theme] .filters-open .filters {background:var(--ios-chrome);border-color:var(--ios-separator);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}
  html[data-style="glass"][data-theme] .filters-open .filter-heading {background:var(--ios-panel);border-color:var(--ios-separator)}
}
@media(max-width:720px) {
  html[data-style="glass"][data-theme] header {top:8px;width:calc(100% - 20px);border-radius:20px}
  html[data-style="glass"][data-theme] .header-main {height:auto;padding:16px 14px 10px}
  html[data-style="glass"][data-theme] .catalog-shortcuts {height:58px;gap:4px;margin-inline:12px}
  html[data-style="glass"][data-theme] .catalog-shortcuts .category-nav-open {gap:6px;padding-inline:0;min-height:44px;font-size:12px}
  html[data-style="glass"][data-theme] .design-switch {padding:3px;gap:2px;border-radius:10px}
  html[data-style="glass"][data-theme] .design-switch button {min-width:0;min-height:36px;font-size:11px;padding:7px 9px}
  html[data-style="glass"][data-theme] .design-switch button>span {font-size:14px;margin-right:3px}
  .header-utilities {gap:6px}
  html[data-style="glass"][data-theme] .hero {padding-top:24px;gap:28px}
  html[data-style="glass"][data-theme] .hero h1 {font-size:52px}
  html[data-style="glass"][data-theme] .hero-copy>p {font-size:16px}
  html[data-style="glass"][data-theme] .hero-image {border-radius:24px}
  html[data-style="glass"][data-theme] .catalog-title h1 {font-size:34px;line-height:1.1}
  html[data-style="glass"][data-theme] .product-body {padding:12px}
  html[data-style="glass"][data-theme] .product-name {font-size:13px;line-height:1.4}
  html[data-style="glass"][data-theme] .price {font-size:20px}
  html[data-style="glass"][data-theme] .product-card {border-radius:18px}
  html[data-style="glass"][data-theme] .assistant-launcher {right:14px;bottom:max(16px,env(safe-area-inset-bottom));border-radius:19px}
  html[data-style="glass"][data-theme] #shopping-assistant {inset:8px 8px auto;width:calc(100% - 16px);height:calc(100dvh - 16px);max-height:calc(100dvh - 16px);max-width:none}
  html[data-style="glass"][data-theme] .commerce-header {padding:16px}
}
@media(max-width:600px) {
  html[data-style="glass"][data-theme] .header-utilities>.sale-link {display:none}
}
@media(max-width:360px) {
  html[data-style="glass"][data-theme] .catalog-shortcuts .category-nav-open svg {display:none}
  html[data-style="glass"][data-theme] .design-switch button {padding-inline:7px;font-size:10px}
  html[data-style="glass"][data-theme] .hero h1 {font-size:46px}
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
  html[data-style="glass"][data-theme] body {--ios-chrome:var(--ios-panel)}
}
@media(prefers-reduced-transparency:reduce) {
  html[data-style="glass"][data-theme] body {--ios-chrome:var(--ios-panel)}
  html[data-style="glass"][data-theme] :is(header,.filters,.suggestions,.modal-header,.photo-viewer-header,.image-caption,.category-dialog-heading,.assistant-header) {-webkit-backdrop-filter:none;backdrop-filter:none}
}
@media(prefers-reduced-motion:reduce) {
  html[data-style="glass"][data-theme] *,html[data-style="glass"][data-theme] *:before,html[data-style="glass"][data-theme] *:after {transition:none!important;animation:none!important;scroll-behavior:auto!important}
}

/* Blue accents throughout product selection and the messenger. */
html[data-style="glass"][data-theme] :is(.header-actions b,.product-tools button.active,.badge.sale,.commerce-product-badges span,.directory-all,.directory-category-button[aria-expanded="true"],.assistant-avatar,.assistant-match,.assistant-choices button) {background:var(--soft);color:var(--accent);border-color:var(--ios-separator)}
html[data-style="glass"][data-theme] .header-actions b {background:var(--ios-action);color:var(--ios-action-ink)}
html[data-style="glass"][data-theme] :is(.gallery-thumbs button.selected,.viewer-thumbs button.selected) {border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 20%,transparent)}
html[data-style="glass"][data-theme] :is(.comparison-table th,.comparison-table td) {background:var(--ios-panel);border-color:var(--ios-separator)}
html[data-style="glass"][data-theme] .comparison-table .different td {background:var(--soft)}
html[data-style="glass"][data-theme] :is(.assistant-composer,.assistant-typing) {background:var(--ios-panel);border-color:var(--ios-separator)}
html[data-style="glass"][data-theme] :is(.assistant-identity p,.assistant-header>button,.assistant-date,.assistant-bubble time,.assistant-product-brand,.assistant-product-code,.assistant-product-price small,.assistant-product-footer,.assistant-composer>small,.assistant-typing span) {color:var(--muted)}
html[data-style="glass"][data-theme] .assistant-choices button:hover {background:var(--soft);border-color:var(--accent);color:var(--accent)}
html[data-style="glass"][data-theme] #assistant-form {background:var(--ios-field);border-color:var(--ios-separator)}
html[data-style="glass"][data-theme] #assistant-form:focus-within {border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 12%,transparent)}
html[data-style="glass"][data-theme] #assistant-input {color:var(--ink)}
html[data-style="glass"][data-theme] #assistant-input::placeholder {color:var(--muted)}
html[data-style="glass"][data-theme] #assistant-form>button {background:var(--ios-action);color:var(--ios-action-ink)}
html[data-style="glass"][data-theme] :is(.assistant-product-footer button,#shopping-assistant .stock-check,#shopping-assistant .stock-order-link) {color:var(--accent)}
html[data-style="glass"][data-theme] .assistant-header>button:hover {background:var(--ios-field)}
html[data-style="glass"][data-theme] .assistant-typing i {background:var(--accent)}
html[data-style="glass"][data-theme] .toast {background:var(--ios-action);color:var(--ios-action-ink)}

/* Product photos have a clean white canvas in both appearances. */
html[data-style="glass"][data-theme] :is(.gallery-image,.gallery-open,.viewer-stage,.viewer-viewport,.viewer-canvas,.gallery-thumbs button) {background:#fff}
html[data-style="glass"][data-theme] :is(.gallery-open-hint,.viewer-arrow) {color:#1d1d1f}