/* CERAMTOP · Glassmorphism & Soft UI. Appearance only; shared light/dark controls. */
html[data-style="glass"][data-theme] body{
 --bg:#edf2fa;--paper:#f7faff;--card:#fbfdff;--ink:#18263d;--muted:#53647b;--line:#d8e2f0;--accent:#205cc6;--soft:#e4edff;
 --sg-panel:rgba(255,255,255,.78);--sg-chrome:rgba(249,252,255,.75);--sg-field:rgba(228,236,247,.72);--sg-edge:rgba(255,255,255,.91);--sg-separator:rgba(89,120,168,.15);
 --sg-shell:linear-gradient(135deg,rgba(255,255,255,.88),rgba(245,249,255,.62));
 --sg-card:linear-gradient(150deg,rgba(255,255,255,.95),rgba(244,248,255,.79));
 --sg-raised:10px 12px 30px rgba(49,78,126,.10),-7px -7px 22px rgba(255,255,255,.88),inset 0 1px 0 rgba(255,255,255,.95);
 --sg-soft:5px 7px 18px rgba(46,76,128,.12),-4px -4px 12px rgba(255,255,255,.88),inset 0 1px 0 rgba(255,255,255,.9);
 --sg-inset:inset 3px 3px 8px rgba(60,86,134,.09),inset -3px -3px 8px rgba(255,255,255,.9);
 --sg-action:linear-gradient(125deg,#2b67cf 0%,#225bbf 48%,#18479f 100%);--sg-action-shadow:0 7px 17px rgba(28,80,176,.23),inset 0 1px 0 rgba(255,255,255,.32),inset 0 -1px 0 rgba(9,42,107,.18);
 --ios-panel:var(--sg-panel);--ios-chrome:var(--sg-chrome);--ios-field:var(--sg-field);--ios-selected:#fff;--ios-separator:var(--sg-separator);--ios-action:#245ec5;--ios-action-ink:#fff;--ios-float:var(--sg-raised);
 background:radial-gradient(ellipse at 3% 0%,rgba(144,188,255,.24),transparent 40%),radial-gradient(ellipse at 95% 21%,rgba(190,175,245,.16),transparent 43%),radial-gradient(ellipse at 12% 75%,rgba(174,205,245,.15),transparent 44%),var(--bg);
 background-attachment:fixed;color:var(--ink);
}
html[data-style="glass"][data-theme="dark"] body{
 --bg:#0d1626;--paper:#152239;--card:#192940;--ink:#edf4ff;--muted:#b5c4da;--line:#33445f;--accent:#9cc7ff;--soft:#233b60;
 --sg-panel:rgba(23,37,59,.9);--sg-chrome:rgba(20,33,54,.82);--sg-field:rgba(12,24,43,.70);--sg-edge:rgba(186,210,251,.16);--sg-separator:rgba(168,194,235,.16);
 --sg-shell:linear-gradient(135deg,rgba(35,53,81,.90),rgba(18,31,52,.78));
 --sg-card:linear-gradient(145deg,rgba(37,54,81,.96),rgba(23,36,57,.9));
 --sg-raised:10px 12px 30px rgba(0,7,20,.36),-5px -5px 18px rgba(65,87,125,.11),inset 0 1px 0 rgba(202,222,255,.10);
 --sg-soft:5px 7px 18px rgba(0,7,20,.31),-3px -3px 11px rgba(67,91,133,.12),inset 0 1px 0 rgba(202,222,255,.10);
 --sg-inset:inset 3px 3px 8px rgba(0,6,18,.3),inset -2px -2px 8px rgba(69,91,130,.10);
 --sg-action:linear-gradient(125deg,#2b68d0 0%,#245cbe 48%,#194ba3 100%);--sg-action-shadow:0 7px 20px rgba(0,17,55,.4),inset 0 1px 0 rgba(220,236,255,.24),inset 0 -1px 0 rgba(0,16,48,.2);
 --ios-selected:#344b6d;--ios-action:#2b68d0;--ios-action-ink:#fff;
 background:radial-gradient(ellipse at 0% 0%,rgba(43,94,170,.22),transparent 43%),radial-gradient(ellipse at 94% 25%,rgba(100,75,165,.15),transparent 42%),radial-gradient(ellipse at 5% 83%,rgba(48,82,140,.12),transparent 45%),var(--bg);
}
/* A small number of large frosted surfaces keeps catalogue scrolling light. */
html[data-style="glass"][data-theme] :is(header,.filters,.suggestions,.category-dialog-heading,.modal-header,.photo-viewer-header){
 background:var(--sg-shell);border-color:var(--sg-edge);box-shadow:var(--sg-raised);
 -webkit-backdrop-filter:blur(24px) saturate(145%);backdrop-filter:blur(24px) saturate(145%);
}
html[data-style="glass"][data-theme] header{border-radius:28px}
html[data-style="glass"][data-theme] .catalog-shortcuts{border-top-color:var(--sg-separator)}
html[data-style="glass"][data-theme] :is(.product-card,.category-card,.category-browser,.commerce-panel,.assistant-product,.men-site-item,.account-orders>article,.account-coupons>article){background:var(--sg-card);border:1px solid var(--sg-edge);box-shadow:var(--sg-raised);border-radius:24px}
html[data-style="glass"][data-theme] .category-card .category-info{background:transparent}
html[data-style="glass"][data-theme] :is(.category-card,.product-card){transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
html[data-style="glass"][data-theme] .product-name{color:var(--ink)}
html[data-style="glass"][data-theme] :is(.product-meta,.product-code,.product-brand,.stock-result,.facet-note,.approved-banner-category,.approved-banner-package,.approved-banner-note){color:var(--muted)}
html[data-style="glass"][data-theme] :is(.price,.approved-banner-price){color:var(--ink);font-variant-numeric:tabular-nums}
html[data-style="glass"][data-theme] :is(.product-visual,.catalog-results .product-visual,.gallery-image,.gallery-open,.viewer-stage,.viewer-viewport,.viewer-canvas,.gallery-thumbs button,.approved-banner-image,.assistant-product-photo){background:#fff;border-bottom-color:var(--sg-separator)}
html[data-style="glass"][data-theme] :is(.product-visual,.gallery-open,.approved-banner-image) img{filter:none;mix-blend-mode:normal}
html[data-style="glass"][data-theme] :is(.primary,.catalog-button,.cart-add,.pagination button.active,#assistant-form>button){background:var(--sg-action);background-size:180% 180%;background-position:0% 50%;color:#fff;border:1px solid rgba(255,255,255,.22);box-shadow:var(--sg-action-shadow);transition:background-position .28s ease,box-shadow .22s ease,transform .22s ease}
html[data-style="glass"][data-theme] :is(.primary,.catalog-button){border-radius:16px}
html[data-style="glass"][data-theme] :is(.primary,.catalog-button,.cart-add,.pagination button.active,#assistant-form>button):hover{background:var(--sg-action);background-size:180% 180%;background-position:100% 50%;color:#fff;box-shadow:var(--sg-action-shadow)}
html[data-style="glass"][data-theme] :is(.primary,.catalog-button,.cart-add):active{transform:translateY(1px);box-shadow:inset 0 2px 6px rgba(5,25,65,.25)}
html[data-style="glass"][data-theme] :is(.secondary,.filter-trigger,.quick-tabs button,.category-tabs button,.pagination button:not(.active),.approved-banner-stock-button,.visual-category-card,.visual-subcategory-card){background:var(--sg-card);color:var(--ink);border:1px solid var(--sg-edge);box-shadow:var(--sg-soft);transition:box-shadow .22s ease,border-color .22s ease,background-color .22s ease}
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);color:var(--accent);border-color:var(--accent);box-shadow:var(--sg-inset)}
html[data-style="glass"][data-theme] .approved-banner-stock-button{color:var(--accent);border-color:var(--sg-separator)}
html[data-style="glass"][data-theme] :is(#search-form,.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,.commerce-panel input,#assistant-form){background:var(--sg-field);border:1px solid var(--sg-separator);box-shadow:var(--sg-inset);color:var(--ink)}
html[data-style="glass"][data-theme] #search-form:focus-within{background:var(--sg-panel);border-color:var(--accent);box-shadow:var(--sg-inset),0 0 0 3px color-mix(in srgb,var(--accent) 15%,transparent)}
html[data-style="glass"][data-theme] .design-switch{background:var(--sg-field);border:1px solid var(--sg-separator);box-shadow:var(--sg-inset)}
html[data-style="glass"][data-theme] .design-switch button.active{background:var(--sg-card);color:var(--ink);box-shadow:var(--sg-soft)}
html[data-style="glass"][data-theme] #assistant-launcher.assistant-launcher--header{background:var(--sg-action);background-size:180% 180%;color:#fff;border:1px solid rgba(255,255,255,.24);box-shadow:0 4px 11px rgba(28,73,150,.18),inset 0 1px 0 rgba(255,255,255,.3);position:static;inset:auto;z-index:auto}
html[data-style="glass"][data-theme] #assistant-launcher.assistant-launcher--header:hover{transform:none;background-position:100% 50%}
html[data-style="glass"][data-theme] :is(.filter-group,.stock-live,.product-offers,.promise-row,.hero-bottom){border-color:var(--sg-separator)}
html[data-style="glass"][data-theme] .filter-toggle{box-shadow:var(--sg-inset);background:var(--sg-field);border:1px solid var(--sg-separator)}
html[data-style="glass"][data-theme] .filter-toggle:before{box-shadow:0 2px 5px rgba(17,39,78,.20),inset 0 1px 0 rgba(255,255,255,.95)}
html[data-style="glass"][data-theme] .filter-switch input:checked~.filter-toggle{background:var(--sg-action);border-color:transparent}
html[data-style="glass"][data-theme] :is(.filter-switch:hover,.assistant-choices button:hover){background:var(--soft)}
html[data-style="glass"][data-theme] :is(.hero-image,.sample){box-shadow:var(--sg-raised);border:1px solid var(--sg-edge)}
html[data-style="glass"][data-theme] .hero-image{border-radius:32px}
html[data-style="glass"][data-theme] .image-caption{background:var(--sg-shell);border:1px solid var(--sg-edge);box-shadow:var(--sg-soft);-webkit-backdrop-filter:blur(18px) saturate(135%);backdrop-filter:blur(18px) saturate(135%)}
html[data-style="glass"][data-theme] :is(.compare-feature,.commerce-summary,.quantity-preview,.stock-note,.empty,.compare-bar){background:var(--sg-shell);border:1px solid var(--sg-edge);box-shadow:var(--sg-raised);color:var(--ink)}
html[data-style="glass"][data-theme] :is(dialog,#category-dialog,#shopping-assistant){background:var(--sg-panel);border:1px solid var(--sg-edge);box-shadow:0 24px 75px rgba(5,21,50,.28),inset 0 1px 0 var(--sg-edge);border-radius:26px}
html[data-style="glass"][data-theme] dialog::backdrop{background:rgba(14,30,55,.38);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
html[data-style="glass"][data-theme] :is(.assistant-header,.assistant-composer){background:var(--sg-shell);border-color:var(--sg-separator)}
html[data-style="glass"][data-theme] .assistant-messages{background:transparent}
html[data-style="glass"][data-theme] .assistant-bubble{background:var(--sg-card);border:1px solid var(--sg-edge);box-shadow:var(--sg-soft)}
html[data-style="glass"][data-theme] .from-user .assistant-bubble{background:var(--soft);border-color:var(--sg-separator);box-shadow:var(--sg-soft)}
html[data-style="glass"][data-theme] :is(.assistant-product-footer,.assistant-composer>small,.assistant-product-code){color:var(--muted)}
html[data-style="glass"][data-theme] footer{background:var(--sg-shell);border-color:var(--sg-edge);box-shadow:0 -12px 36px rgba(44,73,120,.045)}
/* The approved selection and its schedule remain the same; only its materials change. */
html[data-style="glass"][data-theme] #approved-home-banner{background:var(--sg-shell);border:1px solid var(--sg-edge);box-shadow:var(--sg-raised);border-radius:30px}
html[data-style="glass"][data-theme] .approved-banner-heading{background:radial-gradient(ellipse at 10% 0%,rgba(176,211,255,.20),transparent 60%),linear-gradient(125deg,rgba(47,102,205,.96),rgba(24,65,151,.96));border-bottom:1px solid rgba(255,255,255,.24);box-shadow:inset 0 1px 0 rgba(255,255,255,.32);color:#fff}
html[data-style="glass"][data-theme] .approved-banner-card{background:var(--sg-card);border:1px solid var(--sg-edge);box-shadow:var(--sg-soft);color:var(--ink)}
html[data-style="glass"][data-theme] .approved-banner-categories a{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.3);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 4px 12px rgba(5,34,93,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
html[data-style="glass"][data-theme] .approved-banner-heading p{color:#ecf3ff}
html[data-style="glass"][data-theme] :is(.approved-banner-stock,.stock-note){color:var(--muted)}
html[data-style="glass"][data-theme] .stock-result.error-text{color:#b02b28}
html[data-style="glass"][data-theme="dark"] .stock-result.error-text{color:#ffb9b4}
@media(hover:hover) and (pointer:fine){
 html[data-style="glass"][data-theme] :is(.product-card,.category-card):hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 35%,var(--sg-edge));box-shadow:0 15px 36px rgba(28,57,111,.17),inset 0 1px 0 var(--sg-edge)}
 html[data-style="glass"][data-theme] :is(.secondary,.approved-banner-stock-button,.filter-trigger):hover{border-color:var(--accent);box-shadow:var(--sg-inset)}
}
@media(max-width:720px){
 html[data-style="glass"][data-theme] body{background-attachment:scroll}
 html[data-style="glass"][data-theme] header{border-radius:22px;-webkit-backdrop-filter:blur(16px) saturate(135%);backdrop-filter:blur(16px) saturate(135%)}
 html[data-style="glass"][data-theme] :is(.product-card,.category-card){border-radius:20px;box-shadow:5px 7px 20px rgba(38,67,115,.1),inset 0 1px 0 var(--sg-edge)}
 html[data-style="glass"][data-theme="dark"] :is(.product-card,.category-card){box-shadow:5px 7px 20px rgba(0,5,16,.24),inset 0 1px 0 var(--sg-edge)}
 html[data-style="glass"][data-theme] #approved-home-banner{border-radius:24px}
 html[data-style="glass"][data-theme] .approved-banner-card{box-shadow:0 5px 14px rgba(37,66,112,.08),inset 0 1px 0 var(--sg-edge)}
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
 html[data-style="glass"][data-theme] body{--sg-panel:#f9fbff;--sg-chrome:#f4f8ff;--sg-shell:linear-gradient(135deg,#fff,#edf3fc)}
 html[data-style="glass"][data-theme="dark"] body{--sg-panel:#19283f;--sg-chrome:#1b2b45;--sg-shell:linear-gradient(135deg,#253855,#18273f)}
}
@media(prefers-reduced-transparency:reduce){
 html[data-style="glass"][data-theme] body{--sg-panel:#f9fbff;--sg-chrome:#f4f8ff;--sg-shell:linear-gradient(135deg,#fff,#edf3fc);--sg-card:linear-gradient(150deg,#fff,#f4f8ff)}
 html[data-style="glass"][data-theme="dark"] body{--sg-panel:#19283f;--sg-chrome:#1b2b45;--sg-shell:linear-gradient(135deg,#253855,#18273f);--sg-card:linear-gradient(145deg,#253651,#172439)}
 html[data-style="glass"][data-theme] :is(header,.filters,.suggestions,.category-dialog-heading,.modal-header,.photo-viewer-header,.image-caption,.approved-banner-categories a){-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{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(forced-colors:active){html[data-style="glass"][data-theme] :is(header,.product-card,.approved-banner-card,button,input,select,dialog){background:Canvas;color:CanvasText;border:1px solid CanvasText;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}}

/* Every catalogue photo link stays inside its own white visual cell. */
html[data-style="glass"][data-theme] .product-visual>.image-button{display:flex;width:100%;height:100%;align-items:center;justify-content:center;overflow:hidden}
html[data-style="glass"][data-theme] .product-price-row{flex-wrap:wrap;row-gap:10px;align-items:center}
html[data-style="glass"][data-theme] .cart-add{border-radius:13px}
html[data-style="glass"][data-theme] .cart-add.inquiry-action{flex:0 1 auto;width:auto;max-width:100%;min-width:0;height:auto;min-height:44px;padding:8px 12px;border-radius:14px;font-size:11px;line-height:1.35;white-space:normal}

/* Touch-first controls and bounded effects on phones; images stay unfiltered. */
@media(max-width:720px){
 html[data-style="glass"][data-theme] :is(header,.filters,.suggestions,.category-dialog-heading,.modal-header,.photo-viewer-header){-webkit-backdrop-filter:blur(12px) saturate(125%);backdrop-filter:blur(12px) saturate(125%)}
 html[data-style="glass"][data-theme] :is(.image-caption,.approved-banner-categories a){-webkit-backdrop-filter:none;backdrop-filter:none}
 html[data-style="glass"][data-theme] dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
 html[data-style="glass"][data-theme] :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea){font-size:16px}
 html[data-style="glass"][data-theme] :is(.design-switch button,.approved-banner-stock-button,.approved-banner-categories a,.filter-trigger,.quick-tabs button,.category-tabs button,.commerce-recommendations .secondary){min-height:44px}
 html[data-style="glass"][data-theme] :is(.product-card,.approved-banner-card,.commerce-panel){min-width:0}
 html[data-style="glass"][data-theme] .product-name{overflow-wrap:anywhere}
 html[data-style="glass"][data-theme] :is(.primary,.secondary,.approved-banner-stock-button,.cart-add,.filter-trigger){touch-action:manipulation}
 html[data-style="glass"][data-theme] .modal-content{padding-bottom:max(20px,env(safe-area-inset-bottom))}
}
/* Honor accessibility preferences after the mobile appearance overrides too. */
@media(prefers-reduced-transparency:reduce){html[data-style="glass"][data-theme] :is(header,.filters,.suggestions,.category-dialog-heading,.modal-header,.photo-viewer-header,dialog::backdrop){-webkit-backdrop-filter:none;backdrop-filter:none}}