/* CERAMTOP: translucent navigation, quiet product surfaces, native switches. */
html[data-style="glass"]{color-scheme:light;scroll-padding-top:165px}
html[data-style="glass"] body{
 --bg:#f4f5f3;--paper:#eef1ee;--ink:#1d1d1f;--muted:#626773;--line:#dce1e9;
 --accent:#253432;--soft:#edf0e9;--glass:rgba(255,255,255,.72);--glass-edge:rgba(255,255,255,.92);
 --glass-shadow:0 12px 40px rgba(31,47,79,.065),inset 0 1px 0 rgba(255,255,255,.95);
 font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;
 background:radial-gradient(ellipse at 4% 8%,#e1ebe28c,transparent 35%),radial-gradient(ellipse at 94% 25%,#f2dfd580,transparent 35%),radial-gradient(ellipse at 50% 100%,#e4e9e080,transparent 48%),#f4f5f3;
 background-attachment:fixed;
}
html[data-style="glass"] :is(h1,h2,h3){font-weight:650;letter-spacing:-.045em}
html[data-style="glass"] .wrap{max-width:1440px}
html[data-style="glass"] .topbar{background:transparent;color:#626773;font-size:11px}
html[data-style="glass"] .top-inner{min-height:36px}
html[data-style="glass"] .local-label{background:#ffffff80;border-color:#ffffffb3;color:#626773;border-radius:20px}
html[data-style="glass"] header{
 top:12px;width:calc(100% - 40px);max-width:1392px;margin:0 auto 12px;border:1px solid var(--glass-edge);border-radius:28px;
 background:linear-gradient(145deg,rgba(255,255,255,.83),rgba(255,255,255,.55));
 -webkit-backdrop-filter:blur(28px) saturate(165%);backdrop-filter:blur(28px) saturate(165%);
 box-shadow:var(--glass-shadow);
}
html[data-style="glass"] .header-main{height:78px;padding-inline:24px;gap:24px}
html[data-style="glass"] .logo>span{font-size:26px;font-weight:750;letter-spacing:-.06em}
html[data-style="glass"] .logo small{font-size:7px;letter-spacing:.17em;color:#656b76;font-weight:500}
html[data-style="glass"] .logo svg{width:31px;height:31px}
html[data-style="glass"] .catalog-button{border-radius:999px;background:#1d1d1f;padding:11px 18px;min-height:44px}
html[data-style="glass"] #search-form{height:46px;border-radius:999px;border:1px solid #ffffffcf;background:#e9eee88c;box-shadow:inset 0 1px 3px #26375406;padding-inline:17px;transition:background .2s,box-shadow .2s}
html[data-style="glass"] #search-form:focus-within{background:#ffffffed;box-shadow:0 0 0 4px #687b6314;border-color:#687b6359}
html[data-style="glass"] #search{font-size:13px}
html[data-style="glass"] .header-actions{gap:14px}
html[data-style="glass"] .header-actions>button{min-width:42px;min-height:44px;align-content:center;border-radius:14px;font-size:10px}
html[data-style="glass"] .header-actions>button:hover{background:#ffffff9c}
html[data-style="glass"] .header-actions svg{stroke-width:1.65}
html[data-style="glass"] .header-actions b{background:var(--accent)}
html[data-style="glass"] .nav{height:47px;margin:0 20px;padding-inline:4px;border-top-color:#afb8c426;gap:7px}
html[data-style="glass"] .nav button{font-size:12px;padding:9px 12px;border-radius:999px;transition:background .18s}
html[data-style="glass"] .nav button:hover{background:#ffffffc2;color:var(--ink)}
html[data-style="glass"] .nav .sale-link{color:#ad5143}
html[data-style="glass"] :is(.primary,.secondary,.cart-add,.filter-trigger){border-radius:999px}
html[data-style="glass"] .primary{background:var(--accent);font-size:13px;min-height:46px;padding:13px 23px;box-shadow:0 5px 15px #2534321a}
html[data-style="glass"] .primary:hover{background:#46594f;color:white}
html[data-style="glass"] .secondary{background:#ffffffa3;border-color:#ffffffed;min-height:44px;font-size:13px}
html[data-style="glass"] .eyebrow{font-size:10px;letter-spacing:.1em;color:#626773}
html[data-style="glass"] .hero{padding-top:24px;gap:48px;align-items:center;min-height:560px}
html[data-style="glass"] .hero-copy{padding-top:0}
html[data-style="glass"] .hero h1{font-size:clamp(52px,5.5vw,80px);font-weight:700;line-height:1.04;letter-spacing:-.065em}
html[data-style="glass"] .hero h1 em{color:#253432}
html[data-style="glass"] .hero-copy>p{font-size:16px;line-height:1.65;color:#626773}
html[data-style="glass"] .hero-buttons{margin-top:28px;gap:24px}
html[data-style="glass"] .text-button{font-size:12px;color:#253432}
html[data-style="glass"] .hero-bottom{border-color:#b7c3d847;font-size:11px;gap:24px;margin-top:34px}
html[data-style="glass"] .hero-bottom b{font-size:23px;font-weight:650}
html[data-style="glass"] .hero-image{border-radius:32px;min-height:505px;box-shadow:0 18px 50px #28344812}
html[data-style="glass"] .image-caption{border-radius:20px;bottom:36px;left:24px;background:#ffffffe0;border:1px solid #ffffffc7;-webkit-backdrop-filter:blur(20px) saturate(150%);backdrop-filter:blur(20px) saturate(150%);box-shadow:0 8px 32px #18263a12;padding:19px 22px;max-width:290px}
html[data-style="glass"] .image-caption strong{font-weight:650;font-size:17px}
html[data-style="glass"] .promise-row{border-color:#bbc5d63b;font-size:11px;padding-block:22px}
html[data-style="glass"] .section{margin-top:68px}
html[data-style="glass"] .section-heading h2{font-size:38px}
html[data-style="glass"] .category-grid{gap:20px}
html[data-style="glass"] .category-card{border-radius:26px;border:1px solid #ffffffdb;background:#ffffff9c;box-shadow:0 6px 24px #25354c06}
html[data-style="glass"] .category-card img{height:200px}
html[data-style="glass"] .category-card .category-info{background:#ffffffba;padding:19px 21px}
html[data-style="glass"] .category-card strong{font-size:18px;font-weight:600}
html[data-style="glass"] .category-card small{font-size:11px}
html[data-style="glass"] :is(.quick-tabs,.category-tabs){gap:8px}
html[data-style="glass"] :is(.quick-tabs,.category-tabs) button{border-radius:999px;background:#ffffffa8;border:1px solid #ffffffec;font-size:12px;padding:10px 17px;box-shadow:0 2px 5px #263e5f03}
html[data-style="glass"] :is(.quick-tabs,.category-tabs) button.selected{background:#1d1d1f;color:white;border-color:#1d1d1f;box-shadow:0 3px 12px #1d1d1f14}
html[data-style="glass"] .catalog-view{padding-top:24px}
html[data-style="glass"] .catalog-title h1{font-size:42px;letter-spacing:-.055em;margin-bottom:14px}
html[data-style="glass"] .catalog-title p{font-size:12px;line-height:1.6}
html[data-style="glass"] .breadcrumbs{font-size:11px;margin-bottom:26px}
html[data-style="glass"] .category-tabs{padding:22px 0 26px}
html[data-style="glass"] .catalog-layout{grid-template-columns:270px minmax(0,1fr);gap:26px}
html[data-style="glass"] .filters{border:1px solid var(--glass-edge);border-radius:26px;padding:0 17px 16px;background:linear-gradient(145deg,#ffffffd1,#ffffff8c);-webkit-backdrop-filter:blur(24px) saturate(145%);backdrop-filter:blur(24px) saturate(145%);box-shadow:var(--glass-shadow)}
html[data-style="glass"] .filter-heading{padding-block:20px;gap:10px}
html[data-style="glass"] .filter-heading strong{font-size:17px;font-weight:650}
html[data-style="glass"] .filter-heading>button{color:var(--accent);font-size:11px;min-height:32px}
html[data-style="glass"] .filter-group{border-color:#b4bfce36;padding:16px 0}
html[data-style="glass"] .filter-group summary{font-size:13px;font-weight:650;min-height:28px}
html[data-style="glass"] .filter-group summary:after{font-size:19px;font-weight:400}
html[data-style="glass"] .filter-options{gap:5px;max-height:260px;padding-top:10px;scrollbar-width:thin;scrollbar-color:#aeb8c575 transparent}
html[data-style="glass"] :is(.filter-search,.price-filter input,.price-currency,.sort-label select){border-radius:11px;border:1px solid #d4dce67a;background:#ffffffad;font-size:12px;min-height:40px;padding:9px 11px}
html[data-style="glass"] .price-filter{gap:8px}
html[data-style="glass"] .facet-note{font-size:10px;line-height:1.6}
html[data-style="glass"] .catalog-toolbar{padding:0 0 16px;min-height:56px;border:none;font-size:12px}
html[data-style="glass"] .sort-label{font-size:11px}
html[data-style="glass"] .sort-label select{border-radius:999px;padding-inline:16px;background:#ffffffa6;border-color:#ffffffed}
html[data-style="glass"] .active-filters{gap:8px}
html[data-style="glass"] .active-filters button{border-radius:999px;padding:9px 13px;font-size:11px;background:#edf0e9;color:#52634d;border:1px solid #ffffff9c}
html[data-style="glass"] .product-grid,html[data-style="glass"] .catalog-results .product-grid{gap:18px}
html[data-style="glass"] .product-card{background:#ffffffe0;border:1px solid #ffffffef;border-radius:25px;box-shadow:0 6px 26px #25354c06;transition:transform .22s,box-shadow .22s,border-color .22s}
html[data-style="glass"] .product-card:hover{transform:translateY(-3px);border-color:#b2bcae;box-shadow:0 14px 38px #25354c12}
html[data-style="glass"] .product-visual,html[data-style="glass"] .catalog-results .product-visual{background:#ffffffb8;height:225px;border-bottom:1px solid #f1f3f7}
html[data-style="glass"] .product-visual img{padding:24px}
html[data-style="glass"] .product-body{padding:18px}
html[data-style="glass"] .product-tools button{width:34px;height:34px;background:#ffffffb8;border:1px solid #ffffffed;box-shadow:0 3px 12px #2331490a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
html[data-style="glass"] .product-tools button.active{background:var(--accent);color:white}
html[data-style="glass"] .product-brand{font-size:10px;letter-spacing:.055em}
html[data-style="glass"] .product-name{font-size:14px;font-weight:600;line-height:1.45;min-height:41px;margin-block:9px}
html[data-style="glass"] .product-code{font-size:10px;margin-bottom:7px}
html[data-style="glass"] .product-meta{font-size:11px}
html[data-style="glass"] .stock{font-size:10px;color:#33734a}
html[data-style="glass"] .stock.unknown{color:#86652b}
html[data-style="glass"] .price{font-size:22px;font-weight:650;letter-spacing:-.045em}
html[data-style="glass"] .price small{font-size:11px;font-weight:400}
html[data-style="glass"] .old-price{font-size:11px}
html[data-style="glass"] .cart-add{height:38px;width:38px;background:#253432}
html[data-style="glass"] .cart-add:hover{background:#46594f}
html[data-style="glass"] .badge{padding:6px 10px;border-radius:999px;font-size:10px;border:1px solid #ffffff9c;background:#ffffffe6;box-shadow:0 3px 12px #25354c08}
html[data-style="glass"] .badge.sale{color:#267342;background:#e5f4e9}
html[data-style="glass"] .stock-live{border-color:#e8ebf1;margin-top:13px;padding-top:10px}
html[data-style="glass"] .stock-check{font-size:12px;font-weight:550;min-height:38px;color:#253432;gap:8px}
html[data-style="glass"] .stock-result{font-size:10px;color:#626773;line-height:1.6}
html[data-style="glass"] .stock-result.error-text{color:#a04036}
html[data-style="glass"] .product-offers{font-size:10px;border-color:#e8ebf1}
html[data-style="glass"] .pagination button{border-radius:50%;width:40px;height:40px;border-color:#ffffff;background:#ffffffb8}
html[data-style="glass"] .pagination button.active{background:var(--accent);color:white}
html[data-style="glass"] .compare-feature{background:linear-gradient(135deg,#ffffffb8,#eaf0e9a3);border:1px solid #ffffff;border-radius:32px;box-shadow:var(--glass-shadow)}
html[data-style="glass"] .compare-feature h2{font-size:43px}
html[data-style="glass"] .compare-feature p{font-size:14px}
html[data-style="glass"] .sample{border-radius:17px;border-color:#ffffff;background:#ffffffe6;overflow:hidden;box-shadow:0 12px 35px #26384d14}
html[data-style="glass"] .sample img{border-radius:10px}
html[data-style="glass"] .compare-note{font-size:11px}
html[data-style="glass"] :is(.design-switch,.compare-bar){border:1px solid #ffffffeb;border-radius:999px;background:linear-gradient(145deg,#ffffffd9,#ffffff91);-webkit-backdrop-filter:blur(26px) saturate(160%);backdrop-filter:blur(26px) saturate(160%);box-shadow:0 8px 28px #26354c12,inset 0 1px 0 #ffffff;bottom:18px}
html[data-style="glass"] .design-switch{gap:2px;padding:5px;right:22px}
html[data-style="glass"] .design-switch>span{font-size:8px;letter-spacing:.1em;color:#626773}
html[data-style="glass"] .design-switch button{border-radius:999px;font-size:11px;padding:9px 13px;min-height:34px;color:#626773}
html[data-style="glass"] .design-switch button.active{background:#ffffff;color:#1d1d1f;box-shadow:0 2px 8px #24354d12}
html[data-style="glass"] .compare-bar{padding:9px 13px}
html[data-style="glass"] .compare-bar .primary{font-size:12px;min-height:38px;padding:9px 16px}
html[data-style="glass"] dialog{background:#fbfcfef5;border:1px solid #ffffff;border-radius:28px;box-shadow:0 25px 100px #162b4d30}
html[data-style="glass"] dialog::backdrop{background:#192d4c4d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
html[data-style="glass"] :is(.modal-header,.photo-viewer-header){background:#f9fbfeed;border-color:#dce2ec8c;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}
html[data-style="glass"] .close{background:#e7ebf2a8;border-color:#ffffffc9;min-width:38px;height:38px}
html[data-style="glass"] .detail-copy h3{font-size:25px;letter-spacing:-.035em}
html[data-style="glass"] :is(.gallery-image,.gallery-open){border-radius:21px;background:#edf1eb}
html[data-style="glass"] .gallery-thumbs button{border-radius:12px;background:#ffffff;border-color:#e2e7ef}
html[data-style="glass"] .gallery-thumbs button.selected{border-color:#253432;box-shadow:0 0 0 2px #2534321f}
html[data-style="glass"] :is(.gallery-open-hint,.viewer-arrow){border-radius:999px;background:#ffffffc9;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-color:#ffffff}
html[data-style="glass"] :is(.offer-selector,.quantity-input,.quantity-label select,.viewer-variant-label select,.area-calc input,.checkout-form input,.checkout-form textarea){border-radius:12px;border-color:#d7e0d8;background:#ffffffb3;font-size:12px}
html[data-style="glass"] :is(.quantity-preview,.stock-note,.empty){border-radius:16px}
html[data-style="glass"] .quantity-preview{background:#edf0e9}
html[data-style="glass"] .stock-note{font-size:11px;background:#edf0f6}
html[data-style="glass"] .detail-copy .stock-result{font-size:12px}
html[data-style="glass"] .viewer-stage{background:#edf1eb}
html[data-style="glass"] .viewer-zoom-controls button{border-radius:999px;min-width:38px;min-height:38px;background:#ffffff;border-color:#dde5dc}
html[data-style="glass"] .comparison-table :is(th,td){background:#fcfdff;border-color:#e4e8f0}
html[data-style="glass"] .comparison-table :is(th,td):first-child{background:#edf1eb}
html[data-style="glass"] .comparison-table .different td{background:#edf0e9}
html[data-style="glass"] .suggestions{border-radius:20px;border-color:#ffffff;background:#f7faf6f2;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);box-shadow:0 15px 45px #22355217;overflow:hidden}
html[data-style="glass"] .suggestion:hover{background:#edf0e9}
html[data-style="glass"] .toast{border-radius:999px;background:#253245e8;color:#fff;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 8px 35px #162b4d22}
html[data-style="glass"] footer{background:#edf0ea99;color:#1d1d1f;border-top:1px solid #ffffff;padding-top:44px}
html[data-style="glass"] .footer-grid :is(p,button){color:#626773}
html[data-style="glass"] .footer-grid h3{font-size:13px;font-weight:650}
html[data-style="glass"] .footer-bottom{border-color:#bbc5d64d;color:#626773;font-size:11px}

/* The native checkbox remains keyboard-focusable and supplies checked semantics. */
.filter-option.filter-switch{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto 42px;gap:8px;align-items:center;min-height:44px;padding:7px 8px;border:1px solid transparent;border-radius:12px;margin:0;line-height:1.35}
.filter-switch input[type="checkbox"]{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;margin:0;clip-path:inset(50%)}
.filter-switch .filter-label{font-size:12px;overflow-wrap:anywhere}
.filter-switch b{font-size:10px;font-weight:500;color:var(--muted);min-width:18px;text-align:right;margin:0;grid-column:2}
.filter-toggle{position:relative;display:block;grid-column:3;width:42px;height:26px;border-radius:999px;background:#c7ccd4;box-shadow:inset 0 1px 3px #1a2c450a;transition:background .2s}
.filter-toggle:before{content:"";position:absolute;width:22px;height:22px;top:2px;left:2px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #1a2c4533,inset 0 1px 0 #ffffff;transition:transform .2s ease}
.filter-switch input:checked~.filter-toggle{background:#687b63}
.filter-switch input:checked~.filter-toggle:before{transform:translateX(16px)}
.filter-switch input:focus-visible~.filter-toggle{outline:3px solid #687b6380;outline-offset:3px}
.filter-switch:has(input:checked){background:#edf0e9;border-color:#d4dece}
.filter-switch:hover{background:#edf1f7}
.filter-switch:has(input:checked):hover{background:#e4e9df}
.filter-group .filter-option.filter-switch+.filter-option.filter-switch{margin-top:3px}
html[data-style="glass"] .filter-switch .filter-label{font-size:12px}

/* Both appearances share the same material, geometry, and emerald accent. */
html[data-style="glass"][data-theme="dark"]{color-scheme:dark}
html[data-style="glass"] .design-switch button>span{font-size:15px;line-height:1;vertical-align:-1px;margin-right:4px}
html[data-style="glass"][data-theme="dark"] body{
 --bg:#111815;--paper:#1d2722;--ink:#f2f5f2;--muted:#aebbb2;--line:#34443a;
 --accent:#b7c7ae;--soft:#243c30;--glass:rgba(29,40,34,.8);--glass-edge:rgba(197,222,203,.15);
 --glass-shadow:0 12px 40px #00000026,inset 0 1px 0 #ffffff0b;
 background:radial-gradient(ellipse at 4% 8%,#24423566,transparent 38%),radial-gradient(ellipse at 94% 25%,#39372b4d,transparent 35%),radial-gradient(ellipse at 50% 100%,#23372b66,transparent 48%),#111815;
 background-attachment:fixed;
}
html[data-style="glass"][data-theme="dark"] :is(.topbar,.eyebrow,.hero-copy>p,.logo small,.stock-result,.product-offers,.footer-bottom,.footer-grid p,.footer-grid button){color:var(--muted)}
html[data-style="glass"][data-theme="dark"] header{background:linear-gradient(145deg,#25322bd9,#18231cb8);border-color:#bbd2c224;box-shadow:var(--glass-shadow)}
html[data-style="glass"][data-theme="dark"] .local-label{background:#ffffff0a;border-color:#ffffff1f;color:var(--muted)}
html[data-style="glass"][data-theme="dark"] .catalog-button{background:#e2ece5;color:#1b2b21}
html[data-style="glass"][data-theme="dark"] .catalog-button:hover{background:white;color:#1b2b21}
html[data-style="glass"][data-theme="dark"] #search-form{background:#101c1894;border-color:#b3d0bf1f;box-shadow:inset 0 1px 3px #00000017}
html[data-style="glass"][data-theme="dark"] #search-form:focus-within{background:#15291f;box-shadow:0 0 0 4px #b7c7ae12;border-color:#b7c7ae5e}
html[data-style="glass"][data-theme="dark"] .header-actions>button:hover{background:#ffffff0d}
html[data-style="glass"][data-theme="dark"] .header-actions b{background:#b7c7ae;color:#14281c}
html[data-style="glass"][data-theme="dark"] .nav{border-top-color:#b3d0bf14}
html[data-style="glass"][data-theme="dark"] .nav button:hover{background:#ffffff0a;color:#fff}
html[data-style="glass"][data-theme="dark"] .nav .sale-link{color:#e8ab8e}
html[data-style="glass"][data-theme="dark"] :is(.primary,.cart-add,.pagination button.active){background:#b7c7ae;color:#15271c;box-shadow:0 5px 20px #00000017}
html[data-style="glass"][data-theme="dark"] :is(.primary,.cart-add):hover{background:#d4dfce;color:#15271c}
html[data-style="glass"][data-theme="dark"] .secondary{background:#27362c;border-color:#405346;color:var(--ink)}
html[data-style="glass"][data-theme="dark"] :is(.text-button,.hero h1 em,.stock-check,.filter-heading>button){color:#b7c7ae}
html[data-style="glass"][data-theme="dark"] :is(.hero-bottom,.promise-row){border-color:#afc5b41f}
html[data-style="glass"][data-theme="dark"] .image-caption{background:#1c2a23cf;border-color:#ffffff2b;color:var(--ink)}
html[data-style="glass"][data-theme="dark"] .image-caption span{color:#c2cec6}
html[data-style="glass"][data-theme="dark"] .category-card{background:#202d25d9;border-color:#aec4b51c}
html[data-style="glass"][data-theme="dark"] .category-card .category-info{background:#202d25f0}
html[data-style="glass"][data-theme="dark"] :is(.quick-tabs,.category-tabs) button{background:#27352ac2;border-color:#afc5b423;color:#d9e4dd}
html[data-style="glass"][data-theme="dark"] :is(.quick-tabs,.category-tabs) button.selected{background:#dceadf;color:#1c2e21;border-color:#dceadf}
html[data-style="glass"][data-theme="dark"] .filters{background:linear-gradient(145deg,#25332bd9,#1c2821b8);border-color:#b3d0bf24}
html[data-style="glass"][data-theme="dark"] .filter-group{border-color:#afc5b41f}
html[data-style="glass"][data-theme="dark"] :is(.filter-search,.price-filter input,.price-currency,.sort-label select){background:#15221ac2;border-color:#50675559;color:var(--ink)}
html[data-style="glass"][data-theme="dark"] input::placeholder{color:#9cafa2;opacity:1}
html[data-style="glass"][data-theme="dark"] .filter-switch:has(input:checked){background:#2b4936;border-color:#63866a52}
html[data-style="glass"][data-theme="dark"] .filter-switch:hover{background:#2a3c30}
html[data-style="glass"][data-theme="dark"] .filter-toggle{background:#536057}
html[data-style="glass"][data-theme="dark"] .filter-switch input:checked~.filter-toggle{background:#8ea481}
html[data-style="glass"][data-theme="dark"] .filter-switch input:focus-visible~.filter-toggle{outline-color:#b7c7ae}
html[data-style="glass"][data-theme="dark"] .active-filters button{background:#294935;color:#b0e2c3;border-color:#587b6452}
html[data-style="glass"][data-theme="dark"] .product-card{background:#1d2a22e6;border-color:#bed4c21c;box-shadow:0 6px 26px #00000012}
html[data-style="glass"][data-theme="dark"] .product-card:hover{border-color:#678d735c;box-shadow:0 14px 38px #0000002b}
html[data-style="glass"][data-theme="dark"] .product-visual{background:#f8faf7;border-bottom-color:#f8faf7}
html[data-style="glass"][data-theme="dark"] .product-tools button{color:#34483c;background:#ffffffd4;border-color:#ffffffdd}
html[data-style="glass"][data-theme="dark"] .product-tools button.active{background:#253432;color:white;border-color:#253432}
html[data-style="glass"][data-theme="dark"] .stock{color:#9bcea7}
html[data-style="glass"][data-theme="dark"] .stock.unknown{color:#d7c49c}
html[data-style="glass"][data-theme="dark"] :is(.stock-live,.product-offers){border-color:#b4ccb91c}
html[data-style="glass"][data-theme="dark"] .stock-result.error-text{color:#efb4a3}
html[data-style="glass"][data-theme="dark"] .badge{background:#e3eee5;color:#254533;border-color:#ffffffa6}
html[data-style="glass"][data-theme="dark"] .badge.sale{background:#e3f1e7;color:#255e3a}
html[data-style="glass"][data-theme="dark"] .pagination button{background:#27382bcf;border-color:#819f8a2e;color:var(--ink)}
html[data-style="glass"][data-theme="dark"] .compare-feature{background:linear-gradient(135deg,#24382ac2,#1e2a23bd);border-color:#b7d0bf21}
html[data-style="glass"][data-theme="dark"] .compare-feature p{color:var(--muted)}
html[data-style="glass"][data-theme="dark"] .sample{background:#253a2cf2;border-color:#b3d0bf1f}
html[data-style="glass"][data-theme="dark"] :is(.design-switch,.compare-bar){background:linear-gradient(145deg,#314336e6,#17271ecd);border-color:#b6d0be30;box-shadow:0 8px 28px #00000036,inset 0 1px 0 #ffffff12}
html[data-style="glass"][data-theme="dark"] .design-switch button{color:#b8c7bc}
html[data-style="glass"][data-theme="dark"] .design-switch button.active{background:#465f4c;color:#fff;box-shadow:0 2px 8px #00000022}
html[data-style="glass"][data-theme="dark"] dialog{background:#19271ff5;border-color:#afc5b430;box-shadow:0 25px 100px #00000066}
html[data-style="glass"][data-theme="dark"] dialog::backdrop{background:#06110a8c}
html[data-style="glass"][data-theme="dark"] :is(.modal-header,.photo-viewer-header){background:#1e2d23ed;border-color:#b5d0bc1f}
html[data-style="glass"][data-theme="dark"] .close{background:#344c3ba8;border-color:#c4dccb1f;color:var(--ink)}
html[data-style="glass"][data-theme="dark"] :is(.gallery-image,.gallery-open,.viewer-stage){background:#e9eee8}
html[data-style="glass"][data-theme="dark"] .gallery-open-hint{color:#264932}
html[data-style="glass"][data-theme="dark"] .gallery-thumbs button{background:#f6faf5;border-color:#465e4f}
html[data-style="glass"][data-theme="dark"] .gallery-thumbs button.selected{border-color:#b7c7ae;box-shadow:0 0 0 2px #b7c7ae47}
html[data-style="glass"][data-theme="dark"] .viewer-arrow{color:#1e3c28}
html[data-style="glass"][data-theme="dark"] :is(.offer-selector,.quantity-input,.quantity-label select,.viewer-variant-label select,.area-calc input,.checkout-form input,.checkout-form textarea){background:#142219;border-color:#4b665359;color:var(--ink)}
html[data-style="glass"][data-theme="dark"] :is(.quantity-preview,.stock-note,.empty){background:#263c2e;color:#c3d5c8}
html[data-style="glass"][data-theme="dark"] .viewer-zoom-controls button{background:#2b4433;border-color:#64826c47;color:var(--ink)}
html[data-style="glass"][data-theme="dark"] .comparison-table :is(th,td){background:#1c2d21;border-color:#3f594961}
html[data-style="glass"][data-theme="dark"] .comparison-table :is(th,td):first-child{background:#243b2c}
html[data-style="glass"][data-theme="dark"] .comparison-table .different td{background:#294b35}
html[data-style="glass"][data-theme="dark"] .suggestions{background:#1f3225f5;border-color:#819f8a38}
html[data-style="glass"][data-theme="dark"] .suggestion:hover{background:#2c4b35}
html[data-style="glass"][data-theme="dark"] .toast{background:#d7eadce8;color:#173221}
html[data-style="glass"][data-theme="dark"] footer{background:#0f1d14a8;color:var(--ink);border-color:#afc5b41f}
html[data-style="glass"][data-theme="dark"] .footer-bottom{border-color:#afc5b41f}

@media(max-width:1180px){
 html[data-style="glass"] .header-main{gap:17px;padding-inline:20px}
 html[data-style="glass"] .header-actions{gap:8px}
 html[data-style="glass"] .catalog-layout{grid-template-columns:250px minmax(0,1fr);gap:20px}
 html[data-style="glass"] .filters{padding-inline:14px}
 html[data-style="glass"] .product-body{padding:15px}
 html[data-style="glass"] .price{font-size:20px}
 html[data-style="glass"] .product-visual,html[data-style="glass"] .catalog-results .product-visual{height:200px}
 html[data-style="glass"] .hero{gap:30px}
 html[data-style="glass"] .hero-image{min-height:440px}
}
@media(max-width:960px){
 html[data-style="glass"] .header-main{height:72px}
 html[data-style="glass"] .header-actions{gap:10px}
 html[data-style="glass"] .nav button{font-size:11px;padding-inline:10px}
 html[data-style="glass"] .hero{gap:24px;min-height:480px}
 html[data-style="glass"] .hero h1{font-size:55px}
 html[data-style="glass"] .hero-copy>p{font-size:14px}
 html[data-style="glass"] .hero-image{min-height:420px}
 html[data-style="glass"] .hero-bottom{flex-wrap:wrap;gap:10px}
 html[data-style="glass"] .hero-bottom b{font-size:20px}
 html[data-style="glass"] .category-card img{height:150px}
 html[data-style="glass"] .category-card strong{font-size:16px}
 html[data-style="glass"] .category-card .category-info{padding:16px}
 html[data-style="glass"] .catalog-layout{grid-template-columns:250px minmax(0,1fr)}
}
@media(max-width:720px){
 html[data-style="glass"]{scroll-padding-top:150px}
 html[data-style="glass"] .wrap{padding-inline:16px}
 html[data-style="glass"] .top-inner{min-height:28px}
 html[data-style="glass"] .top-inner div{font-size:10px;gap:24px}
 html[data-style="glass"] header{top:8px;width:calc(100% - 16px);border-radius:23px;margin-bottom:9px}
 html[data-style="glass"] .header-main{height:108px;grid-template-columns:1fr auto;padding:14px 14px 12px;gap:0}
 html[data-style="glass"] .logo{gap:8px}
 html[data-style="glass"] .logo>span{font-size:23px}
 html[data-style="glass"] .logo svg{width:27px;height:27px}
 html[data-style="glass"] .logo small{font-size:6px;margin-top:7px;letter-spacing:.13em}
 html[data-style="glass"] .header-actions{gap:4px}
 html[data-style="glass"] .header-actions>button{min-width:35px;min-height:36px;border-radius:12px}
 html[data-style="glass"] .header-actions svg{width:21px;height:21px}
 html[data-style="glass"] #search-form{margin-top:12px;height:38px;padding-inline:13px}
 html[data-style="glass"] #search{font-size:12px;padding-block:8px}
 html[data-style="glass"] .nav{margin:0 10px;padding-inline:0;height:42px;gap:3px}
 html[data-style="glass"] .nav button{font-size:11px;padding:9px 10px}
 html[data-style="glass"] .hero{padding-top:20px;gap:25px;min-height:0}
 html[data-style="glass"] .hero h1{font-size:55px;margin-block:18px;letter-spacing:-.06em}
 html[data-style="glass"] .hero-copy>p{font-size:14px}
 html[data-style="glass"] .hero .eyebrow{font-size:9px}
 html[data-style="glass"] .hero-buttons{gap:22px;margin-top:23px}
 html[data-style="glass"] .hero .primary{font-size:12px;padding-inline:20px}
 html[data-style="glass"] .hero .text-button{font-size:11px}
 html[data-style="glass"] .hero-bottom{flex-wrap:nowrap;gap:18px;margin-top:25px;padding-top:18px}
 html[data-style="glass"] .hero-bottom span{width:auto;font-size:9px}
 html[data-style="glass"] .hero-bottom b{font-size:19px}
 html[data-style="glass"] .hero-image{min-height:300px;height:300px;border-radius:26px}
 html[data-style="glass"] .image-caption{border-radius:18px;bottom:32px;left:16px;padding:16px;max-width:260px}
 html[data-style="glass"] .image-caption span{font-size:8px}
 html[data-style="glass"] .image-caption strong{font-size:16px}
 html[data-style="glass"] .promise-row{font-size:10px;gap:10px;padding-block:18px}
 html[data-style="glass"] .promise-row>span{font-size:9px}
 html[data-style="glass"] .section{margin-top:42px}
 html[data-style="glass"] .section-heading h2{font-size:30px}
 html[data-style="glass"] .section-heading .eyebrow{font-size:8px}
 html[data-style="glass"] .category-grid{gap:12px}
 html[data-style="glass"] .category-card{border-radius:20px;min-height:210px}
 html[data-style="glass"] .category-card img{height:150px}
 html[data-style="glass"] .category-card .category-info{padding:14px 12px}
 html[data-style="glass"] .category-card strong{font-size:15px}
 html[data-style="glass"] .category-card small{font-size:9px}
 html[data-style="glass"] .catalog-view{padding-top:18px}
 html[data-style="glass"] .catalog-title h1{font-size:30px;overflow-wrap:anywhere}
 html[data-style="glass"] .catalog-title p{font-size:11px}
 html[data-style="glass"] .catalog-title .eyebrow{font-size:9px}
 html[data-style="glass"] .breadcrumbs{font-size:10px;margin-bottom:20px}
 html[data-style="glass"] :is(.quick-tabs,.category-tabs) button{font-size:11px;padding:9px 14px}
 html[data-style="glass"] .category-tabs{padding-block:18px 22px}
 html[data-style="glass"] .catalog-layout{display:block}
 html[data-style="glass"] .catalog-toolbar{gap:8px;min-height:44px;padding-bottom:14px}
 html[data-style="glass"] .filter-trigger{background:#ffffffb8;border:1px solid #ffffffed;padding:10px 14px;font-size:12px;min-height:42px}
 html[data-style="glass"] .sort-label{font-size:0}
 html[data-style="glass"] .sort-label select{max-width:170px;min-height:42px;font-size:11px;padding-inline:12px}
 html[data-style="glass"] .active-filters button{font-size:10px;padding:8px 11px}
 html[data-style="glass"] .product-grid,html[data-style="glass"] .catalog-results .product-grid{gap:12px}
 html[data-style="glass"] .product-card{border-radius:21px}
 html[data-style="glass"] .product-visual,html[data-style="glass"] .catalog-results .product-visual{height:175px}
 html[data-style="glass"] .product-visual img{padding:16px}
 html[data-style="glass"] .product-body{padding:12px}
 html[data-style="glass"] .product-name{font-size:12px;min-height:52px;-webkit-line-clamp:3;font-weight:600}
 html[data-style="glass"] .product-brand{font-size:9px}
 html[data-style="glass"] .product-meta{font-size:10px;min-height:30px}
 html[data-style="glass"] .product-code{font-size:9px}
 html[data-style="glass"] .stock{font-size:9px}
 html[data-style="glass"] .price{font-size:18px;white-space:normal;overflow-wrap:anywhere}
 html[data-style="glass"] .price small:last-child{display:block;font-size:10px;margin-top:2px}
 html[data-style="glass"] .cart-add{width:34px;height:34px}
 html[data-style="glass"] .product-tools button{width:30px;height:30px}
 html[data-style="glass"] .stock-check{font-size:11px;min-height:38px}
 html[data-style="glass"] .stock-result{font-size:9px}
 html[data-style="glass"] .product-offers{font-size:9px}
 html[data-style="glass"] .badge{font-size:9px;padding:5px 8px}
 html[data-style="glass"] .filters-open .filters{display:flex;flex-direction:column;position:fixed;inset:12px 10px 12px auto;width:min(400px,calc(100vw - 20px));height:calc(100dvh - 24px);max-height:calc(100dvh - 24px);align-self:auto;padding:0 18px max(14px,env(safe-area-inset-bottom,0px));border:1px solid #ffffff;border-radius:27px;background:#f8faf7f2;box-shadow:0 20px 70px #162b4d33;z-index:61;overflow:hidden}
 html[data-style="glass"] .filters-open #filter-content{min-height:0;flex:1;overflow:auto;overscroll-behavior:contain;margin-inline:-6px;padding:0 6px 12px;scrollbar-width:thin}
 html[data-style="glass"] .filters-open .filter-heading{top:0;background:#f8faf7f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid #dde5dc9c;margin-inline:-4px;padding-inline:4px;gap:8px}
 html[data-style="glass"] .filter-heading>button{margin-left:8px;font-size:12px;min-height:36px}
 html[data-style="glass"] .filter-heading>button.mobile-only{border-radius:50%;width:34px;color:#626773;background:#edf0ea}
 html[data-style="glass"] .filter-apply{position:static;flex-shrink:0;bottom:auto;right:auto;width:100%;min-height:48px;margin-top:10px;border:1px solid #ffffff73;border-radius:999px;box-shadow:0 8px 24px #2534323b;z-index:62}
 html[data-style="glass"] .overlay{background:#26395440;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}
 html[data-style="glass"] .filter-switch{min-height:48px;padding:9px}
 html[data-style="glass"] .filter-switch .filter-label{font-size:13px}
 html[data-style="glass"] .filter-toggle{width:42px;height:26px}
 html[data-style="glass"] .compare-feature{padding:28px 23px;border-radius:26px;margin-block:45px;gap:26px}
 html[data-style="glass"] .compare-feature h2{font-size:35px}
 html[data-style="glass"] .compare-feature p{font-size:12px}
 html[data-style="glass"] .sample{border-radius:14px}
 html[data-style="glass"] .design-switch{right:12px;bottom:12px;padding:4px}
 html[data-style="glass"] .design-switch>span{display:none}
 html[data-style="glass"] .design-switch button{font-size:10px;padding:8px 12px;min-height:34px}
 html[data-style="glass"] .compare-bar{bottom:68px;gap:9px;border-radius:22px;padding:9px 12px}
 html[data-style="glass"] .compare-bar .primary{font-size:11px;min-height:36px;padding-inline:12px}
 html[data-style="glass"] dialog{border-radius:24px;width:calc(100% - 16px);max-height:94dvh}
 html[data-style="glass"] .modal-header{padding:18px}
 html[data-style="glass"] .modal-header h2{font-size:24px}
 html[data-style="glass"] .product-detail{padding:18px}
 html[data-style="glass"] .detail-copy h3{font-size:23px}
 html[data-style="glass"] .detail-purchase .price{font-size:29px}
 html[data-style="glass"] .photo-viewer{width:calc(100% - 12px);max-height:calc(100dvh - 12px)}
 html[data-style="glass"] .photo-viewer-header{padding:12px 14px}
 html[data-style="glass"] .photo-viewer-header h2{font-size:16px}
 html[data-style="glass"] .viewer-help{font-size:10px}
 html[data-style="glass"] .toast{border-radius:20px}
 html[data-style="glass"] .footer-grid{gap:24px}
 html[data-style="glass"] .footer-grid>div:last-child{border-top-color:#bbc5d64d}
 html[data-style="glass"] .footer-bottom{font-size:10px;padding-bottom:70px}
}
@media(max-width:360px){
 html[data-style="glass"] .wrap{padding-inline:12px}
 html[data-style="glass"] .header-main{padding-inline:11px}
 html[data-style="glass"] .logo>span{font-size:21px}
 html[data-style="glass"] .logo svg{width:24px;height:24px}
 html[data-style="glass"] .header-actions{gap:0}
 html[data-style="glass"] .header-actions>button{min-width:32px}
 html[data-style="glass"] .hero h1{font-size:48px}
 html[data-style="glass"] .hero-buttons{gap:14px}
 html[data-style="glass"] .hero-bottom{gap:10px}
 html[data-style="glass"] .hero-bottom span{font-size:8px}
 html[data-style="glass"] .hero-bottom b{font-size:17px}
 html[data-style="glass"] .catalog-results .product-grid{gap:9px}
 html[data-style="glass"] .product-body{padding:10px}
 html[data-style="glass"] .product-visual,html[data-style="glass"] .catalog-results .product-visual{height:155px}
 html[data-style="glass"] .price{font-size:17px}
 html[data-style="glass"] .filter-trigger{padding-inline:11px}
 html[data-style="glass"] .sort-label select{max-width:158px;padding-inline:9px}
}
@media(max-width:720px){
 html[data-style="glass"][data-theme="dark"] .filters-open .filters{background:#17261ff5;border-color:#b5d0bc33}
 html[data-style="glass"][data-theme="dark"] .filters-open .filter-heading{background:#17261ff5;border-bottom-color:#b5d0bc24}
 html[data-style="glass"][data-theme="dark"] .filter-heading>button.mobile-only{background:#304837;color:#d9e8dd}
 html[data-style="glass"][data-theme="dark"] .filter-trigger{background:#27382bcf;border-color:#819f8a2e;color:var(--ink)}
 html[data-style="glass"][data-theme="dark"] .filter-apply{border-color:#c3e5ce29;box-shadow:0 8px 24px #0000003b}
 html[data-style="glass"][data-theme="dark"] .overlay{background:#030e0873}
 html[data-style="glass"][data-theme="dark"] .footer-grid>div:last-child{border-top-color:#afc5b41f}
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
 html[data-style="glass"] :is(header,.filters,.design-switch,.compare-bar,.suggestions,.image-caption){background:#f8faf7}
 html[data-style="glass"][data-theme="dark"] :is(header,.filters,.design-switch,.compare-bar,.suggestions,.image-caption){background:#1b2b21}
}
@media(prefers-reduced-transparency:reduce){
 html[data-style="glass"] :is(header,.filters,.design-switch,.compare-bar,.suggestions,.image-caption,.product-tools button,.modal-header,.photo-viewer-header){background:#f8faf7;-webkit-backdrop-filter:none;backdrop-filter:none}
 html[data-style="glass"] dialog::backdrop{backdrop-filter:none;-webkit-backdrop-filter:none;background:#192d4c99}
 html[data-style="glass"][data-theme="dark"] :is(header,.filters,.design-switch,.compare-bar,.suggestions,.image-caption,.product-tools button,.modal-header,.photo-viewer-header){background:#1b2b21}
}
@media(prefers-reduced-motion:reduce){
 html[data-style="glass"] .product-card:hover{transform:none}
 .filter-toggle,.filter-toggle:before{transition:none}
}
@media(forced-colors:active){
 .filter-toggle{forced-color-adjust:none;background:Canvas!important;border:1px solid ButtonText}
 .filter-toggle:before{background:ButtonText!important;top:1px;left:1px}
 .filter-switch input:checked~.filter-toggle{background:Highlight!important}
 .filter-switch input:checked~.filter-toggle:before{background:HighlightText!important}
}

/* Original CERAMTOP palette, with an optional graphite dark appearance. */
html[data-style="glass"] body{--bg:#ffffff;--paper:#f4f5f2;--ink:#253432;--muted:#667066;--line:#e4e7e1;--accent:#687b63;--soft:#edf0e9;background:#fff}
html[data-style="glass"] .hero h1 em{color:#687b63}
html[data-style="glass"] :is(.text-button,.stock-check,.filter-heading>button){color:#52664e}
html[data-style="glass"] .primary{background:#253432}
html[data-style="glass"] .primary:hover{background:#46594f}
html[data-style="glass"] .cart-add{background:#253432}
html[data-style="glass"] .cart-add:hover{background:#687b63}
html[data-style="glass"][data-theme="dark"] body{--bg:#161c1a;--paper:#252e29;--ink:#edf1ec;--muted:#b4beb1;--line:#39433c;--accent:#b7c7ae;--soft:#323e30;background:#161c1a}
html[data-style="glass"][data-theme="dark"] header{background:linear-gradient(145deg,#2a332ee0,#1b231ec2)}
html[data-style="glass"][data-theme="dark"] .filters{background:linear-gradient(145deg,#2a332edb,#1d251fc9)}
html[data-style="glass"][data-theme="dark"] .product-card{background:#232b25eb}
html[data-style="glass"][data-theme="dark"] .category-card .category-info{background:#29312af2}
html[data-style="glass"][data-theme="dark"] :is(.design-switch,.compare-bar){background:linear-gradient(145deg,#384237e8,#222b23d6)}
html[data-style="glass"][data-theme="dark"] :is(.primary,.cart-add){background:#b7c7ae;color:#253126}
html[data-style="glass"][data-theme="dark"] :is(.primary,.cart-add):hover{background:#d4dfce;color:#253126}
html[data-style="glass"][data-theme="dark"] :is(.text-button,.stock-check,.filter-heading>button,.hero h1 em){color:#b7c7ae}
html[data-style="glass"][data-theme="dark"] .filter-switch:has(input:checked){background:#3c4937}
html[data-style="glass"][data-theme="dark"] .filter-switch input:checked~.filter-toggle{background:#8ea481}
@media(max-width:720px){html[data-style="glass"][data-theme="dark"] .filters-open .filters,html[data-style="glass"][data-theme="dark"] .filters-open .filter-heading{background:#202922f5}}