:root{--accent:#c1481e;--dark:#17342f;--bg:#f7f7f3;--radius:14px;--edge:#dce1d8;--ink:#182821;--muted:#56685f;font:16px/1.48 "Inter","Segoe UI",Tahoma,Arial,sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:3px}img{display:block;max-width:100%}button,.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55em;padding:.7em 1.1em;border:0;border-radius:var(--radius);background:var(--accent);color:white;cursor:pointer;font:inherit;font-weight:650;text-decoration:none}button:disabled{opacity:.55}button:hover,.btn:hover{filter:brightness(.96)}input,textarea,select{min-width:0;max-width:100%;padding:.65em .8em;border:1px solid #c9d2c9;border-radius:8px;background:white;color:var(--ink);font:inherit}input:not([type=checkbox]),textarea,select{width:100%}input[type=color]{height:42px}label{display:grid;gap:.28rem;margin:.7rem 0;font-size:.9rem;font-weight:600}fieldset{margin:.9rem 0;border:1px solid var(--edge);border-radius:10px}legend,summary{font-weight:700}summary{cursor:pointer}.wrap{width:min(1440px,94%);margin-inline:auto}.icon{display:inline-block;width:1.25em;height:1.25em;flex:none;vertical-align:middle}.top{background:var(--dark);color:white;font-size:.75rem}.top .wrap,.heading,.toolbar,.row,.cardfoot,.mast,.brand,.headnav,.navitem,.services,.catrail a,.cartline,footer .wrap,.thumbs,.toolbar form{display:flex;align-items:center}.top .wrap,.heading,.cardfoot,footer .wrap{justify-content:space-between}.top .wrap{display:flex;padding-block:6px}.top a{margin-inline-start:15px}.mast{gap:2.3rem;padding-block:20px}.brand{font-weight:900;font-size:clamp(1.4rem,3vw,2rem);letter-spacing:-.06em;gap:.35em;line-height:1;color:var(--dark);overflow-wrap:anywhere}.brand img{max-height:45px;max-width:85px;object-fit:contain}.mark{height:1em;width:1.05em;display:flex;gap:2px;align-items:center;transform:skew(-16deg)}.mark i{background:var(--accent);height:100%;width:24%;border-radius:1px}.mark i:first-child{height:52%}.mark i:nth-child(2){height:76%}.search{position:relative;display:flex;align-items:center;gap:10px;padding:4px 5px 4px 14px;flex:1;min-width:0;border:1px solid #b8c5b9;border-radius:100px;background:white}.search input{border:0;padding:.38em 0;outline:0}.search:focus-within{outline:2px solid var(--accent)}.search button{padding:8px;border-radius:50%}.suggest:not(:empty){position:absolute;z-index:9;inset-inline:0;top:105%;background:white;border:1px solid var(--edge);border-radius:12px;box-shadow:0 7px 20px #192c2120}.suggest a,dialog>a{display:block;padding:9px 15px}.headnav,.navitem{gap:.5rem}.headnav{gap:1.25rem}.navitem{font-size:.85rem;font-weight:650}.count{background:var(--dark);color:white;border-radius:15px;padding:1px 6px;font-size:.68rem}.count:empty{display:none}.plain,.light,.secondary button,.chip{background:white;color:var(--dark);border:1px solid var(--edge)}.menubtn,.bottom,.mobilecats{display:none}.lead{display:grid;grid-template-columns:minmax(185px,.85fr) 3fr;gap:16px}.catrail,.services,.panel,.card,.cats a{background:white;border:1px solid var(--edge);border-radius:16px}.catrail{padding:14px}.catrail h2{font-size:1.03rem;border-bottom:1px solid var(--edge);padding:2px 5px 12px;margin:0 0 5px}.catrail a{gap:9px;padding:6px 3px;font-size:.87rem;font-weight:600}.catrail img{width:33px;height:30px;border-radius:6px;object-fit:cover}.catrail span{flex:1}.stage{min-width:0;position:relative;overflow:hidden;border-radius:16px;background:var(--dark)}.slide,.slide picture,.slide picture img{height:100%;width:100%}.slide{min-height:290px;position:relative;background:var(--dark);color:white}.slide picture,.slide:after{position:absolute;inset:0}.slide picture img{object-fit:cover}.slide:after{content:"";background:linear-gradient(90deg,#071d18ed 0%,#0e282397 42%,transparent 85%)}.herocopy{position:relative;z-index:1;padding:clamp(24px,4vw,60px);max-width:65%}.herocopy small{color:#e7e9de;letter-spacing:.12em;text-transform:uppercase;font-size:.72rem;font-weight:700}.herocopy h1{font-size:clamp(2rem,4.4vw,4.8rem);letter-spacing:-.065em;line-height:1.02;margin:.4em 0}.herocopy .btn{margin-top:8px;background:#f6f2de;color:#16332a}.dots{position:absolute;inset-inline-end:12px;bottom:10px;z-index:2}.dots button{padding:3px 8px;background:#17342fc9}.dots .active{color:#f5aa62}.services{justify-content:space-around;margin:14px 0 25px;padding:12px 6px}.services a{display:flex;align-items:center;gap:8px;font-size:.87rem;font-weight:600}.services .icon{color:var(--accent)}h1,h2,h3{line-height:1.12;color:inherit}h1{font-size:clamp(1.8rem,4vw,3.3rem);letter-spacing:-.055em}h2{font-size:clamp(1.3rem,2.5vw,2.05rem);letter-spacing:-.045em}.heading{gap:10px;margin:25px 0 12px}.heading h2{margin:0}.heading a{font-size:.84rem;font-weight:650;white-space:nowrap}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,190px),1fr));gap:13px}.card{min-width:0;position:relative;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 2px 6px #1e352407}.media{display:grid;place-items:center;aspect-ratio:1.55;background:#e9eee7}.media img{width:100%;height:100%;min-height:0;object-fit:contain}.cardbody{padding:12px;flex:1;display:flex;flex-direction:column}.card small,.panel small,.cartline small,.cardfoot small{display:block;color:var(--muted);font-size:.74rem}.card h3{font-size:1.03rem;margin:.4em 0 .8em;min-height:2.3em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.cardfoot{margin-top:auto;gap:4px}.cardfoot b{color:var(--dark);font-size:.93rem}.heart,.discount{position:absolute;top:7px}.heart{inset-inline-end:7px}.heart button,.mini button{width:36px;height:36px;padding:0;border-radius:50%;color:var(--dark);background:#fff;border:1px solid var(--edge)}.heart .selected{color:var(--accent)}.heart .selected svg{fill:#f4d9c8}.mini button{border-color:#d8ddcc;background:#f1f4ec}.discount{inset-inline-start:7px;background:var(--accent);color:#fff;padding:2px 6px;border-radius:5px}.cats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}.cats a{display:flex;align-items:center;gap:6px;padding:10px;font-size:.82rem;font-weight:650}.cats img{width:38px;height:38px;object-fit:cover;border-radius:8px}.panel{padding:clamp(14px,2vw,26px);margin-block:14px}.panel h2:first-child{margin-top:0}.narrow{max-width:650px;margin:30px auto}.toolbar,.row,.thumbs{gap:10px;flex-wrap:wrap}.toolbar{margin:12px 0}.toolbar>*{flex:0 1 auto}.toolbar label{margin:0}.productview{display:grid;grid-template-columns:1fr 1fr;gap:24px}.productview>*{min-width:0}.productview .panel{margin-top:0}.zoom{display:grid;place-items:center;background:#e9eee7;border-radius:18px;overflow:hidden}.zoom img{width:100%;max-height:540px;object-fit:contain}.thumbs{margin:12px 0}.thumbs button{padding:3px}.thumbs img,.thumb{width:60px;height:52px;object-fit:contain}.purchase input{max-width:7em}.cartline{gap:15px;padding:10px 0;border-bottom:1px solid var(--edge)}.cartline form{display:flex;gap:6px;margin-inline-start:auto}.cartline input{max-width:6em}.cartline button{font-size:.8rem}.chip{display:inline-flex;padding:6px 12px;border-radius:10px}.notice,#toast{background:#213e32;color:white;padding:12px;border-radius:9px}#toast{position:fixed;bottom:20px;inset-inline-end:15px;z-index:12}footer{border-top:1px solid var(--edge);margin-top:42px;background:white}footer .wrap{padding:32px 0;gap:16px;flex-wrap:wrap}footer nav{display:flex;flex-wrap:wrap;gap:13px}.promo{display:block;position:relative;border-radius:14px;overflow:hidden}.promo img{width:100%;max-height:260px;object-fit:cover}.promo b{position:absolute;bottom:10px;inset-inline-start:12px;background:var(--dark);color:white;padding:8px}.adminlayout{display:grid;grid-template-columns:225px 1fr;min-height:100vh}.adminlayout aside{padding:24px;background:var(--dark);color:white}.adminlayout nav{display:grid;gap:2px;margin:20px 0}.adminlayout nav a{padding:7px 9px;border-radius:7px;font-size:.9rem}.adminlayout nav .active{background:#ffffff25}.adminlayout main{max-width:1200px;width:100%;min-width:0;padding:clamp(15px,3vw,46px)}.row{padding:9px 0;border-bottom:1px solid var(--edge)}.row small{margin-inline-start:auto}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:12px}.stats .panel{margin:0}.tick{display:flex;gap:8px;align-items:center}.scroll{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{text-align:start;padding:9px;border-bottom:1px solid var(--edge)}.blank{color:#657c6d;font-size:2rem}.filters summary{cursor:pointer}dialog{border:0;border-radius:16px;width:min(360px,90%);color:var(--ink)}dialog::backdrop{background:#14261faa}[hidden]{display:none!important}[dir=rtl] .slide:after{transform:scaleX(-1)}[dir=rtl] .herocopy{text-align:right}
@media(max-width:850px){.mast{gap:15px}.headnav .navitem span{display:none}.herocopy{max-width:83%}.cats a{flex-direction:column;text-align:center}.adminlayout{grid-template-columns:165px 1fr}.adminlayout aside{padding:12px}.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){body{padding-bottom:calc(65px + env(safe-area-inset-bottom))}.wrap{width:calc(100% - 24px)}.top .wrap{padding-block:3px}.top{font-size:.64rem}.mast{flex-wrap:wrap;gap:10px;padding:12px 0}.mast .brand{flex:1}.menubtn{display:flex;padding:7px;border:0;background:none}.headnav{gap:12px}.headnav a:nth-child(-n+2){display:none}.headnav .icon{width:22px;height:22px}.search{order:4;flex-basis:100%}.catrail{display:none}.lead{display:block}.mobilecats{display:block;margin-bottom:10px}.mobilecats .cats{display:flex;overflow-x:auto;scrollbar-width:none;gap:6px}.mobilecats .cats a{min-width:76px;max-width:94px;flex:0 0 auto;padding:5px;font-size:.68rem;line-height:1.15;justify-content:flex-start}.mobilecats .cats img{width:36px;height:32px}.slide{min-height:210px}.herocopy{padding:20px;max-width:83%}.herocopy h1{font-size:clamp(1.85rem,8vw,2.7rem);max-width:8em}.herocopy .btn{font-size:.8rem}.services{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px;margin-bottom:18px}.services a{font-size:.73rem}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.cardbody{padding:9px}.card h3{font-size:.92rem}.cardfoot b{font-size:.78rem}.cardfoot small,.card small{font-size:.68rem}.heart button,.mini button{width:32px;height:32px}.heading{margin-top:20px}.heading a{font-size:.75rem}.bottom{position:fixed;z-index:9;bottom:0;inset-inline:0;display:flex;justify-content:space-around;padding:7px 2px calc(7px + env(safe-area-inset-bottom));background:#fffffff5;border-top:1px solid var(--edge);backdrop-filter:blur(10px)}.bottom .navitem{flex:1;flex-direction:column;gap:3px;font-size:.66rem}.bottom .icon{width:21px;height:21px}.bottom .active{color:var(--accent)}#toast{bottom:calc(74px + env(safe-area-inset-bottom))}.productview,.adminlayout{grid-template-columns:1fr;gap:8px}.adminlayout nav{display:flex;overflow:auto;margin:6px 0}.adminlayout nav a{white-space:nowrap}.adminlayout aside form{display:inline-block;margin-inline-start:12px}.cartline{flex-wrap:wrap}.cartline form{width:100%;margin:0}.cartline input{width:4.5em}.thumb{width:44px}.narrow{margin:12px}.toolbar{align-items:stretch}.toolbar label{flex:1 1 110px}.top a{margin-inline-start:8px}}
.media:has(img[src$=".webp"]){background:#eae5df}.hero .btn{line-height:1.2}.slide picture img{max-height:none}.cardfoot del{display:block;font-size:.75rem;color:var(--muted)}.illustration{font-size:.78rem;color:var(--muted);margin:8px 0}
.adminpreview{padding:22px;background:var(--sample-bg);border:1px solid var(--edge);border-radius:12px}.adminpreview strong{color:var(--sample-dark);font-size:1.45rem;display:inline-flex;align-items:center;gap:8px}.adminpreview img{height:36px;max-width:100px;object-fit:contain}.adminpreview span{display:inline-block;margin-inline-start:1em;background:var(--sample-accent);border-radius:var(--sample-radius);color:#fff;padding:8px 16px}
@media(min-width:1200px){.grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(min-width:851px) and (max-width:1199px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* Storefront refresh: independent, polished language selector beside search */
.top{display:none!important}
.mast{gap:clamp(12px,2vw,30px);padding-block:18px}
.search-row{display:flex;align-items:center;gap:10px;flex:1 1 320px;min-width:0}
.search-row .search{flex:1 1 auto;min-width:0;width:auto;margin:0}
.search-row .search input{flex:1 1 auto;min-width:0}
.search .search-submit{width:37px;height:37px;padding:8px;border-radius:50%;flex:none}
.lang-switch{position:relative;display:flex;align-items:center;flex:0 0 auto;z-index:12}
.lang-trigger{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:46px;padding:0 12px;background:#fff;color:var(--dark);border:1px solid #cdd9d0;border-radius:14px;box-shadow:0 2px 8px #17342f0a;font-size:.79rem;font-weight:800;line-height:1;letter-spacing:.015em;white-space:nowrap;transition:background .18s,border-color .18s,box-shadow .18s,transform .18s}
.lang-trigger:hover,.lang-trigger[aria-expanded="true"]{background:#f1f6f2;border-color:#9bb4a3;box-shadow:0 4px 13px #17342f17;filter:none}
.lang-trigger:focus-visible{outline:3px solid #d4e5d6;outline-offset:2px}
.lang-globe{width:19px;height:19px;flex:none;color:#2b6750}
.lang-chevron{width:12px;height:12px;flex:none;color:#61786b;transition:transform .18s}
.lang-trigger[aria-expanded="true"] .lang-chevron{transform:rotate(180deg)}
.lang-options{position:absolute;top:calc(100% + 9px);inset-inline-end:0;min-width:156px;background:#fff;border:1px solid #dce6dd;border-radius:14px;padding:6px;box-shadow:0 16px 36px #112b2330;z-index:30}
.lang-options a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border-radius:9px;font-size:.86rem;font-weight:650}
.lang-options a:hover,.lang-options a.current{background:#edf4ef;color:var(--dark);text-decoration:none}
.lang-options a.current:after{content:'✓';color:#267151;font-weight:900}
#menu{position:fixed;inset:0 auto 0 0;margin:0;height:100dvh;max-height:100dvh;width:min(375px,90vw);max-width:none;border:0;border-radius:0 22px 22px 0;padding:0;overflow-y:auto;background:#f9faf8;box-shadow:16px 0 55px #10231c42;color:var(--ink)}
#menu[open]{animation:drawer-in .24s ease-out}
#menu::backdrop{background:rgba(11,29,23,.57);backdrop-filter:blur(3px)}
@keyframes drawer-in{from{transform:translateX(-24px);opacity:.65}to{transform:translateX(0);opacity:1}}
.menu-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:25px 22px 16px;background:white}
.menu-head .brand{font-size:1.6rem}
#menu .menu-close{background:#f1f3ef;color:var(--dark);font-size:1.45rem;width:38px;height:38px;padding:0;border-radius:12px;font-weight:500}
.menu-intro{padding:4px 22px 19px;color:var(--muted);font-size:.8rem;background:white;border-bottom:1px solid var(--edge)}
.menu-intro span{color:var(--accent)}
.menu-links{display:grid;gap:6px;padding:20px 13px}
.menu-links a{display:flex;align-items:center;gap:14px;padding:13px 14px;background:#fff;border:1px solid #e7ebe4;border-radius:13px;font-weight:650;font-size:.95rem;box-shadow:0 3px 10px #0f251806}
.menu-links a:hover{background:#eff5ee;text-decoration:none;border-color:#d1ddd0}
.menu-links .icon{width:21px;height:21px;color:var(--accent)}
.menu-chevron{margin-inline-start:auto;color:#839187;font-size:1.4rem}
.menu-bottom{padding:16px 23px 28px;border-top:1px solid var(--edge)}
.menu-bottom strong{display:block;font-size:.8rem;color:var(--muted);margin-bottom:12px}
.menu-langs{display:flex;gap:8px}
.menu-langs a{flex:1;text-align:center;border:1px solid var(--edge);border-radius:10px;background:white;padding:9px 6px;font-weight:750;font-size:.83rem}
.menu-langs a.current{background:var(--dark);color:white;border-color:var(--dark)}
[dir=rtl] #menu{inset:0 0 0 auto;border-radius:22px 0 0 22px}
@media(max-width:650px){
 .mast{gap:9px;padding-block:12px}
 .search-row{order:4;flex:0 0 100%;width:100%;gap:8px}
 .search-row .search{order:0;flex:1 1 0;gap:7px;padding:4px 5px 4px 12px}
 .search .search-submit{width:34px;height:34px}
 .search input{font-size:.84rem}
 .search .icon{width:17px;height:17px}
 .lang-trigger{min-height:44px;padding:0 9px;gap:5px;border-radius:12px;font-size:.73rem}
 .lang-globe{width:17px;height:17px}
 .lang-chevron{width:11px;height:11px}
 .lang-options{min-width:145px}
 .headnav{gap:8px}
}

/* Search and language live in one responsive row, but separate visual controls. */
.search-row .search{order:0}

/* Requests, Google identity, comparison, and accessible appearance switch */
.theme-toggle{display:inline-grid;place-items:center;flex:none;width:39px;height:39px;padding:7px;border-radius:12px;background:transparent;color:var(--ink);border:1px solid transparent;box-shadow:none}
.theme-toggle:hover{background:var(--surface-hover,#e9f0eb);border-color:var(--edge);filter:none}
.theme-toggle .icon{grid-area:1/1;width:21px;height:21px}
.theme-sun{display:none!important}
[data-theme=dark] .theme-moon{display:none!important}
[data-theme=dark] .theme-sun{display:block!important}
.request-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.request-actions button{flex:1 1 180px;min-height:46px}
.request-whatsapp{background:#218659;color:white}
.request-whatsapp:hover{background:#187448;filter:none}
.request-whatsapp:disabled{background:#a9b9b0;color:#334c3e;cursor:not-allowed}
.form-hint{display:block;margin-top:10px;color:var(--muted);font-size:.85rem}
.quote-link{background:var(--surface,#fff);color:var(--ink);border:1px solid var(--edge);font-size:.86rem}
.google-login-panel{margin:12px 0 24px}
.google-login{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:10px 18px;border:1px solid var(--edge);border-radius:12px;background:var(--surface,#fff);font-weight:700;color:var(--ink);box-shadow:0 3px 10px #071a100b}
.google-login svg{width:22px;height:22px;flex:none}
.google-login:hover{text-decoration:none;border-color:var(--accent)}
.compare-table{background:var(--surface,#fff);border:1px solid var(--edge);border-radius:12px;margin-top:18px}
.compare-table th{min-width:135px}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(max-width:650px){.theme-toggle{width:33px;height:33px;padding:5px}.headnav{gap:5px}.request-actions{flex-direction:column}.request-actions button{flex:0 0 auto;width:100%}}

/*
 * INSEF Midnight Teal — dark-only design system.
 * User-selected palette: background #0B1220, surface #131C2E,
 * text #E6EDF7, accent #2DD4BF.
 * Light mode is deliberately unchanged.
 */
:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #0B1220;
  --surface: #131C2E;
  --surface-raised: #18243A;
  --surface-hover: #1E2D46;
  --ink: #E6EDF7;
  --muted: #9BAAC0;
  --edge: #283852;
  --field: #131C2E;
  --dark: #E6EDF7;
  --accent: #2DD4BF;
  --teal-hover: #4CE2D0;
  --teal-soft: rgba(45,212,191,.13);
  background: var(--bg);
  color: var(--ink);
}
[data-theme="dark"] body { background: var(--bg); color: var(--ink); min-height:100vh; }
[data-theme="dark"] h1,
[data-theme="dark"] h2,
[data-theme="dark"] h3,
[data-theme="dark"] label,
[data-theme="dark"] legend,
[data-theme="dark"] summary,
[data-theme="dark"] th,
[data-theme="dark"] td { color: var(--ink); }
[data-theme="dark"] a:focus-visible,
[data-theme="dark"] button:focus-visible,
[data-theme="dark"] input:focus-visible,
[data-theme="dark"] textarea:focus-visible,
[data-theme="dark"] select:focus-visible { outline:2px solid var(--accent); outline-offset:3px; }

/* Navigation and signature: keep INSEF's original orange logomark. */
[data-theme="dark"] .mast { border-bottom:1px solid #1C2940; }
[data-theme="dark"] .brand { color:var(--ink); }
[data-theme="dark"] .mark i { background:#F05A2A; }
[data-theme="dark"] .menubtn,
[data-theme="dark"] .headnav .navitem { color:var(--ink); }
[data-theme="dark"] .menubtn,
[data-theme="dark"] .theme-toggle { background:var(--surface); border:1px solid var(--edge); border-radius:14px; }
[data-theme="dark"] .menubtn:hover,
[data-theme="dark"] .theme-toggle:hover { background:var(--surface-hover); border-color:#3A526F; filter:none; }
[data-theme="dark"] .theme-toggle { color:var(--accent); box-shadow:none; }
[data-theme="dark"] .count { background:var(--accent); color:#071A22; }

/* Search is its own control; language button remains outside the search field. */
[data-theme="dark"] .search,
[data-theme="dark"] .lang-trigger,
[data-theme="dark"] .lang-options,
[data-theme="dark"] .suggest:not(:empty) { background:var(--surface); border:1px solid var(--edge); color:var(--ink); }
[data-theme="dark"] .search { box-shadow:none; }
[data-theme="dark"] .search:focus-within { outline:2px solid rgba(45,212,191,.6); outline-offset:1px; }
[data-theme="dark"] .search input { background:transparent; border:0; box-shadow:none; outline:0; color:var(--ink); caret-color:var(--accent); }
[data-theme="dark"] .search > .icon,
[data-theme="dark"] .lang-globe,
[data-theme="dark"] .lang-chevron { color:var(--accent); }
[data-theme="dark"] input::placeholder,
[data-theme="dark"] textarea::placeholder { color:#96A5BB; opacity:1; }
[data-theme="dark"] .lang-trigger { min-height:46px; box-shadow:none; }
[data-theme="dark"] .lang-trigger:hover,
[data-theme="dark"] .lang-trigger[aria-expanded="true"],
[data-theme="dark"] .lang-options a:hover,
[data-theme="dark"] .lang-options a.current,
[data-theme="dark"] .suggest a:hover { background:var(--surface-hover); color:var(--ink); }
[data-theme="dark"] .lang-options { box-shadow:0 18px 45px rgba(0,0,0,.36); }
[data-theme="dark"] .lang-options a.current:after { color:var(--accent); }

/* Distinct layers, restrained borders, crisp readable text. */
[data-theme="dark"] .panel,
[data-theme="dark"] .card,
[data-theme="dark"] .cats a,
[data-theme="dark"] .catrail,
[data-theme="dark"] .services,
[data-theme="dark"] .compare-table,
[data-theme="dark"] footer { background:var(--surface); color:var(--ink); border:1px solid var(--edge); box-shadow:none; }
[data-theme="dark"] .card,
[data-theme="dark"] .panel,
[data-theme="dark"] .cats a,
[data-theme="dark"] .services { border-radius:18px; }
[data-theme="dark"] .card { overflow:hidden; transition:transform .2s ease,border-color .2s ease; }
@media(hover:hover){
  [data-theme="dark"] .card:hover { transform:translateY(-3px); border-color:#3B7181; }
}
[data-theme="dark"] .cardbody { background:var(--surface); }
[data-theme="dark"] .card h3,
[data-theme="dark"] .cardfoot b,
[data-theme="dark"] .heading h2 { color:var(--ink); }
[data-theme="dark"] .card small,
[data-theme="dark"] .panel small,
[data-theme="dark"] .cartline small,
[data-theme="dark"] .cardfoot small,
[data-theme="dark"] .form-hint,
[data-theme="dark"] .blank { color:var(--muted); }
[data-theme="dark"] .heading a,
[data-theme="dark"] .services .icon,
[data-theme="dark"] .catrail .icon,
[data-theme="dark"] .cats a:hover,
[data-theme="dark"] .catrail a:hover { color:var(--accent); }
[data-theme="dark"] .catrail h2 { border-color:var(--edge); }
[data-theme="dark"] .cats a { transition:border-color .18s,background .18s; }
[data-theme="dark"] .cats a:hover { background:var(--surface-hover); border-color:#397E81; text-decoration:none; }
[data-theme="dark"] .services { gap:12px; }
[data-theme="dark"] .services a:hover { color:var(--accent); text-decoration:none; }

/* Keep original product photography, with a neutral studio background. */
[data-theme="dark"] .media,
[data-theme="dark"] .zoom { background:#E8EDF0; color:#152438; }
[data-theme="dark"] .zoom { border:1px solid var(--edge); }
[data-theme="dark"] .thumbs button { background:#DFE8EA; color:#162C37; border:1px solid #8CA5AF; }

/* Buttons, fields, quote flow and comparison states. */
[data-theme="dark"] input,
[data-theme="dark"] textarea,
[data-theme="dark"] select,
[data-theme="dark"] .google-login,
[data-theme="dark"] .quote-link,
[data-theme="dark"] .chip,
[data-theme="dark"] .light,
[data-theme="dark"] .secondary button { background:var(--field); border:1px solid #34445F; color:var(--ink); }
[data-theme="dark"] input:focus,
[data-theme="dark"] textarea:focus,
[data-theme="dark"] select:focus { border-color:var(--accent); outline:2px solid rgba(45,212,191,.22); outline-offset:1px; }
[data-theme="dark"] input[type="checkbox"],
[data-theme="dark"] input[type="radio"] { accent-color:var(--accent); }
[data-theme="dark"] button:not(.plain):not(.light):not(.lang-trigger):not(.request-whatsapp):not(.google-login):not(.theme-toggle):not(.menu-close):not(.mini button):not(.heart button):not(.compare-quick button),
[data-theme="dark"] .btn:not(.light):not(.quote-link) { background:var(--accent); color:#071B27; }
[data-theme="dark"] .search-submit,
[data-theme="dark"] .request-online,
[data-theme="dark"] .purchase button { background:var(--accent)!important; color:#071B27!important; border-color:transparent; }
[data-theme="dark"] button:not(:disabled):hover,
[data-theme="dark"] .btn:hover { filter:brightness(1.06); }
[data-theme="dark"] button:disabled { opacity:.55; cursor:not-allowed; }
[data-theme="dark"] .plain { background:transparent; color:var(--ink); border-color:transparent; }
[data-theme="dark"] .menubtn.plain,
[data-theme="dark"] .theme-toggle.plain { background:var(--surface); border-color:var(--edge); }
[data-theme="dark"] .theme-toggle.plain { color:var(--accent); }
[data-theme="dark"] .heart button,
[data-theme="dark"] .mini button,
[data-theme="dark"] .compare-quick button { background:#1B2A40; border:1px solid #344762; color:var(--ink); box-shadow:none; }
[data-theme="dark"] .heart .selected,
[data-theme="dark"] .compare-quick button.selected { color:var(--accent); }
[data-theme="dark"] .heart .selected svg { fill:rgba(45,212,191,.17); }
[data-theme="dark"] .compare-quick button.selected { background:#153B44; border-color:var(--accent); }
[data-theme="dark"] .request-whatsapp { background:#1B8B72; color:#F4FFFC; }
[data-theme="dark"] .request-whatsapp:hover { background:#20A386; }
[data-theme="dark"] .request-whatsapp:disabled { background:#34445A; color:#B2C0CD; }
[data-theme="dark"] .google-login:hover,
[data-theme="dark"] .quote-link:hover { background:var(--surface-hover); border-color:var(--accent); }
[data-theme="dark"] .discount { background:#C64C29; color:white; }
[data-theme="dark"] .notice,
[data-theme="dark"] #toast { background:#153A42; color:#E8FFF9; border:1px solid #278B82; }

/* The original hero image is retained; teal CTA ties it into Midnight Teal. */
[data-theme="dark"] .stage,
[data-theme="dark"] .slide { background:var(--surface); color:var(--ink); border-radius:18px; }
[data-theme="dark"] .stage { border:1px solid var(--edge); }
[data-theme="dark"] .slide:after { background:linear-gradient(90deg,rgba(7,15,29,.96) 0%,rgba(8,18,35,.72) 49%,rgba(8,18,35,.1) 100%); }
[data-theme="dark"] .herocopy h1 { color:#F3F7FF; }
[data-theme="dark"] .herocopy small { color:var(--accent); }
[data-theme="dark"] .herocopy .btn { background:var(--accent)!important; color:#061C25!important; border:1px solid transparent; }
[data-theme="dark"] .dots button { background:#16253C!important; color:var(--muted)!important; }
[data-theme="dark"] .dots .active { color:var(--accent)!important; }
[data-theme="dark"] .promo b { background:#133E46; color:#E8FFF9; }

/* Mobile drawer, language list, bottom navigation and dialogs. */
[data-theme="dark"] #menu { background:#0E1727; color:var(--ink); border-inline-end:1px solid var(--edge); box-shadow:20px 0 55px rgba(0,0,0,.45); }
[data-theme="dark"] #menu::backdrop { background:rgba(3,9,19,.76); }
[data-theme="dark"] .menu-head,
[data-theme="dark"] .menu-intro { background:#111C2F; color:var(--ink); border-color:var(--edge); }
[data-theme="dark"] .menu-intro { color:var(--muted); }
[data-theme="dark"] .menu-intro span,
[data-theme="dark"] .menu-links .icon { color:var(--accent); }
[data-theme="dark"] #menu .menu-close { background:#1D2A40!important; color:var(--ink)!important; border:1px solid #354963; }
[data-theme="dark"] .menu-links a { background:var(--surface); border:1px solid var(--edge); color:var(--ink); box-shadow:none; }
[data-theme="dark"] .menu-links a:hover { background:var(--surface-hover); border-color:#3D7F85; color:var(--ink); }
[data-theme="dark"] .menu-chevron { color:var(--muted); }
[data-theme="dark"] .menu-bottom { border-color:var(--edge); }
[data-theme="dark"] .menu-bottom strong { color:var(--muted); }
[data-theme="dark"] .menu-langs a { background:var(--surface); border:1px solid var(--edge); color:var(--ink); }
[data-theme="dark"] .menu-langs a.current { background:#153B44; color:var(--accent); border-color:var(--accent); }
[data-theme="dark"] .bottom { background:rgba(15,24,40,.98); color:var(--muted); border-top:1px solid var(--edge); box-shadow:0 -8px 26px rgba(0,0,0,.18); backdrop-filter:blur(16px); }
[data-theme="dark"] .bottom .navitem { color:var(--muted); }
[data-theme="dark"] .bottom .active,
[data-theme="dark"] .bottom .navitem:hover { color:var(--accent); }
[data-theme="dark"] .bottom .active .icon { stroke-width:2.3; }
[data-theme="dark"] dialog { background:var(--surface); color:var(--ink); border:1px solid var(--edge); box-shadow:0 20px 55px rgba(0,0,0,.45); }
[data-theme="dark"] dialog::backdrop { background:rgba(3,9,19,.74); }
[data-theme="dark"] table { color:var(--ink); }
[data-theme="dark"] th,
[data-theme="dark"] td,
[data-theme="dark"] .row,
[data-theme="dark"] .cartline { border-color:var(--edge); }
[data-theme="dark"] .filters summary,
[data-theme="dark"] .tick { color:var(--ink); }
[data-theme="dark"] .adminlayout aside { background:#0F192B; color:var(--ink); }
[data-theme="dark"] .adminlayout nav .active { background:#1C3A45; color:var(--accent); }
[data-theme="dark"] .adminpreview { color:#172821; }
@media(max-width:650px) {
  [data-theme="dark"] .mast { border-bottom:0; }
  [data-theme="dark"] .search-row { gap:9px; }
  [data-theme="dark"] .mobilecats .cats a { background:var(--surface); }
  [data-theme="dark"] .card { box-shadow:none; }
  [data-theme="dark"] .services {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
    padding:0;
    background:transparent;
    border:0;
    box-shadow:none;
  }
  [data-theme="dark"] .services a {
    min-width:0;
    min-height:49px;
    padding:10px 12px;
    background:var(--surface);
    border:1px solid var(--edge);
    border-radius:13px;
    font-size:.78rem;
    line-height:1.2;
  }
  [data-theme="dark"] .services a .icon { color:var(--accent); }
  [data-theme="dark"] .lang-trigger { box-shadow:none; }
}
@media(prefers-reduced-motion:reduce) {
  [data-theme="dark"] .card { transition:none; }
}

.compare-quick{position:absolute;top:48px;inset-inline-end:7px;z-index:2}
.compare-quick button{width:36px;height:36px;padding:0;border-radius:50%;background:#fff;color:#17342f;border:1px solid var(--edge)}
.compare-quick button.selected{background:#e5f2e9;border-color:#7fb697;color:#195b38}
.google-login:disabled{opacity:.62;cursor:not-allowed}
@media(max-width:650px){.compare-quick{top:43px}.compare-quick button{width:32px;height:32px}}


/* INSEF Midnight Teal — Light palette (scoped; dark theme remains untouched).
   Background #F6F9FC · Cards #FFFFFF · Border #DDE5EE
   Text #0B1220 · Muted #5B6B82 · Accent #0F766E · Accent soft #CCFBF1 */
:root:not([data-theme="dark"]) {
  color-scheme: light;
  --bg: #F6F9FC;
  --surface: #FFFFFF;
  --surface-raised: #FFFFFF;
  --surface-hover: #ECF7F5;
  --ink: #0B1220;
  --muted: #5B6B82;
  --edge: #DDE5EE;
  --field: #FFFFFF;
  --dark: #0B1220;
  --accent: #0F766E;
  --teal-soft: #CCFBF1;
  background:var(--bg);
  color:var(--ink);
}
:root:not([data-theme="dark"]) body { background:var(--bg);color:var(--ink); }
:root:not([data-theme="dark"]) .brand { color:var(--ink); }
/* Keep the INSEF brand mark orange; teal is reserved for interactions. */
:root:not([data-theme="dark"]) .mark i { background:#F05A2A; }
:root:not([data-theme="dark"]) .mast { border-bottom:1px solid var(--edge); }
:root:not([data-theme="dark"]) .menubtn,
:root:not([data-theme="dark"]) .theme-toggle,
:root:not([data-theme="dark"]) .lang-trigger {
  color:var(--ink);background:var(--surface);border:1px solid var(--edge);
  box-shadow:none;
}
:root:not([data-theme="dark"]) .menubtn:hover,
:root:not([data-theme="dark"]) .theme-toggle:hover,
:root:not([data-theme="dark"]) .lang-trigger:hover,
:root:not([data-theme="dark"]) .lang-trigger[aria-expanded="true"] {
  background:var(--surface-hover);border-color:#A5D6D0;
}
:root:not([data-theme="dark"]) .theme-toggle,
:root:not([data-theme="dark"]) .lang-globe,
:root:not([data-theme="dark"]) .lang-options a.current:after,
:root:not([data-theme="dark"]) .services .icon,
:root:not([data-theme="dark"]) .heading a,
:root:not([data-theme="dark"]) .menu-links .icon { color:var(--accent); }
:root:not([data-theme="dark"]) .lang-chevron { color:var(--muted); }
:root:not([data-theme="dark"]) .search,
:root:not([data-theme="dark"]) .lang-options,
:root:not([data-theme="dark"]) .suggest:not(:empty) {
  background:var(--surface);border:1px solid var(--edge);color:var(--ink);box-shadow:none;
}
:root:not([data-theme="dark"]) .search input { color:var(--ink);background:transparent; }
:root:not([data-theme="dark"]) input::placeholder,
:root:not([data-theme="dark"]) textarea::placeholder { color:var(--muted);opacity:1; }
:root:not([data-theme="dark"]) .search:focus-within { outline:2px solid #7BCDC4;outline-offset:1px; }
:root:not([data-theme="dark"]) .lang-options { box-shadow:0 12px 32px #0B122017; }
:root:not([data-theme="dark"]) .lang-options a:hover,
:root:not([data-theme="dark"]) .lang-options a.current,
:root:not([data-theme="dark"]) .suggest a:hover { background:var(--teal-soft);color:var(--accent); }
:root:not([data-theme="dark"]) .catrail,
:root:not([data-theme="dark"]) .services,
:root:not([data-theme="dark"]) .panel,
:root:not([data-theme="dark"]) .card,
:root:not([data-theme="dark"]) .cats a,
:root:not([data-theme="dark"]) .compare-table,
:root:not([data-theme="dark"]) footer {
  background:var(--surface);color:var(--ink);border:1px solid var(--edge);
  box-shadow:0 3px 14px #0B122008;
}
:root:not([data-theme="dark"]) .cardbody { background:var(--surface); }
:root:not([data-theme="dark"]) .card h3,
:root:not([data-theme="dark"]) .cardfoot b,
:root:not([data-theme="dark"]) .heading h2 { color:var(--ink); }
:root:not([data-theme="dark"]) .card small,
:root:not([data-theme="dark"]) .panel small,
:root:not([data-theme="dark"]) .cardfoot small,
:root:not([data-theme="dark"]) .cartline small,
:root:not([data-theme="dark"]) .form-hint,
:root:not([data-theme="dark"]) .blank { color:var(--muted); }
:root:not([data-theme="dark"]) .cats a:hover { background:var(--surface-hover);border-color:#A5D6D0;text-decoration:none; }
:root:not([data-theme="dark"]) .media,
:root:not([data-theme="dark"]) .zoom { background:#EEF3F7; }
:root:not([data-theme="dark"]) input,
:root:not([data-theme="dark"]) textarea,
:root:not([data-theme="dark"]) select,
:root:not([data-theme="dark"]) .google-login,
:root:not([data-theme="dark"]) .quote-link { background:var(--field);border:1px solid var(--edge);color:var(--ink); }
:root:not([data-theme="dark"]) input:focus,
:root:not([data-theme="dark"]) textarea:focus,
:root:not([data-theme="dark"]) select:focus { border-color:var(--accent);outline:2px solid #99E3D8;outline-offset:1px; }
:root:not([data-theme="dark"]) input[type="checkbox"],
:root:not([data-theme="dark"]) input[type="radio"] { accent-color:var(--accent); }
:root:not([data-theme="dark"]) button:not(.plain):not(.light):not(.lang-trigger):not(.google-login):not(.theme-toggle):not(.menubtn):not(.menu-close):not(.request-whatsapp):not(.mini button):not(.heart button):not(.compare-quick button),
:root:not([data-theme="dark"]) .btn:not(.light):not(.quote-link) { background:var(--accent);color:#FFFFFF; }
:root:not([data-theme="dark"]) .search-submit,
:root:not([data-theme="dark"]) .request-online { background:var(--accent)!important;color:#FFFFFF!important; }
:root:not([data-theme="dark"]) .plain,
:root:not([data-theme="dark"]) .light,
:root:not([data-theme="dark"]) .secondary button { background:var(--surface);color:var(--ink);border:1px solid var(--edge); }
:root:not([data-theme="dark"]) .chip,
:root:not([data-theme="dark"]) .menu-langs a.current,
:root:not([data-theme="dark"]) .compare-quick button.selected { background:var(--teal-soft);color:#0B6159;border:1px solid #9BE9DC; }
:root:not([data-theme="dark"]) .heart button,
:root:not([data-theme="dark"]) .mini button,
:root:not([data-theme="dark"]) .compare-quick button { background:var(--surface);color:var(--ink);border:1px solid var(--edge); }
:root:not([data-theme="dark"]) .heart .selected,
:root:not([data-theme="dark"]) .compare-quick button.selected { color:var(--accent); }
:root:not([data-theme="dark"]) .heart .selected svg { fill:#CCFBF1; }
:root:not([data-theme="dark"]) .request-whatsapp { background:#16805B;color:white; }
:root:not([data-theme="dark"]) .request-whatsapp:disabled { background:#DDE5EE;color:#5B6B82; }
:root:not([data-theme="dark"]) .notice,
:root:not([data-theme="dark"]) #toast { background:#E4F7F3;color:#0B6159;border:1px solid #A5E5DA; }
:root:not([data-theme="dark"]) .stage,
:root:not([data-theme="dark"]) .slide { background:#0B1220;color:#FFFFFF; }
:root:not([data-theme="dark"]) .slide:after { background:linear-gradient(90deg,rgba(11,18,32,.9),rgba(11,18,32,.55) 50%,transparent); }
:root:not([data-theme="dark"]) .herocopy h1 { color:#FFFFFF; }
:root:not([data-theme="dark"]) .herocopy small { color:#C7FFF4; }
:root:not([data-theme="dark"]) .herocopy .btn { background:var(--accent);color:white; }
:root:not([data-theme="dark"]) .dots button { background:#17263D; }
:root:not([data-theme="dark"]) .dots .active { color:#2DD4BF; }
:root:not([data-theme="dark"]) #menu { background:var(--bg);color:var(--ink); }
:root:not([data-theme="dark"]) .menu-head,
:root:not([data-theme="dark"]) .menu-intro { background:var(--surface);border-color:var(--edge); }
:root:not([data-theme="dark"]) #menu .menu-close { background:#EDF4F7;color:var(--ink); }
:root:not([data-theme="dark"]) .menu-links a,
:root:not([data-theme="dark"]) .menu-langs a { background:var(--surface);color:var(--ink);border:1px solid var(--edge);box-shadow:none; }
:root:not([data-theme="dark"]) .menu-links a:hover { background:var(--surface-hover);border-color:#A5D6D0; }
:root:not([data-theme="dark"]) .menu-chevron { color:var(--muted); }
:root:not([data-theme="dark"]) .bottom { background:rgba(255,255,255,.96);border-top:1px solid var(--edge);box-shadow:0 -6px 24px #0B12200B; }
:root:not([data-theme="dark"]) .bottom .navitem { color:var(--muted); }
:root:not([data-theme="dark"]) .bottom .active,
:root:not([data-theme="dark"]) .bottom .navitem:hover { color:var(--accent); }
:root:not([data-theme="dark"]) dialog { background:var(--surface);color:var(--ink);border:1px solid var(--edge); }
:root:not([data-theme="dark"]) dialog::backdrop { background:#0B122080; }
:root:not([data-theme="dark"]) th,
:root:not([data-theme="dark"]) td,
:root:not([data-theme="dark"]) .row,
:root:not([data-theme="dark"]) .cartline { border-color:var(--edge); }
:root:not([data-theme="dark"]) .adminlayout aside { background:#0B1220;color:#E6EDF7; }
:root:not([data-theme="dark"]) .adminlayout nav .active { background:#1C4547;color:#B6FFF1; }
@media(max-width:650px){
  :root:not([data-theme="dark"]) .services {
    display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;
    padding:0;background:transparent;border:0;box-shadow:none;
  }
  :root:not([data-theme="dark"]) .services a {
    min-width:0;min-height:48px;padding:10px 12px;
    background:var(--surface);border:1px solid var(--edge);border-radius:13px;
    font-size:.78rem;line-height:1.2;
  }
}


/* INSEF header refinements — 2026-11-11
   Sticky navigation, mobile drawer next to cart, and raised cart quantity. */
.site-header{
  position:sticky;
  top:0;
  z-index:40;
  width:100%;
  background:var(--surface,#FFFFFF);
  border-bottom:1px solid var(--edge,#DDE5EE);
  box-shadow:0 5px 22px rgba(11,18,32,.055);
  isolation:isolate;
}
.site-header .mast{border-bottom:0!important;}
.site-header .headnav{flex:0 0 auto;}
.site-header .headnav .cart-link{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  overflow:visible;
  padding:7px 9px;
  min-height:36px;
  border-radius:12px;
}
.site-header .headnav .cart-link .count{
  position:absolute;
  top:-5px;
  right:-5px;
  display:grid;
  place-items:center;
  min-width:17px;
  height:17px;
  padding:0 4px;
  border-radius:999px;
  background:var(--accent,#0F766E);
  color:#FFFFFF;
  font-size:10px;
  font-weight:800;
  line-height:1;
  font-variant-numeric:tabular-nums;
  box-shadow:0 0 0 2px var(--surface,#FFFFFF);
  pointer-events:none;
}
.site-header .headnav .cart-link .count:empty{display:none;}
.site-header .headnav .menubtn{flex:0 0 auto;}
[data-theme="dark"] .site-header{
  background:var(--surface,#131C2E);
  border-color:var(--edge,#26364F);
  box-shadow:0 5px 25px rgba(0,0,0,.23);
}
@media(max-width:650px){
  .site-header .mast{padding-block:10px;gap:8px;}
  .site-header .mast .brand{min-width:0;flex:1 1 auto;}
  .site-header .headnav{gap:4px;margin-inline-start:auto;}
  .site-header .headnav .cart-link{width:34px;height:36px;padding:6px;}
  .site-header .headnav .cart-link .count{top:-4px;right:-4px;}
  .site-header .headnav .menubtn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:36px;
    height:36px;
    padding:7px;
    margin:0;
    border-radius:11px;
  }
  .site-header .search-row{order:4;flex:0 0 100%;}
}
@media(min-width:651px){
  .site-header .headnav .menubtn{display:none;}
}

/* The top row owns mobile sticky positioning; search stays in document flow. */
.mast-top { display: contents; }
@media (min-width: 651px) {
  .mast-top .headnav { order: 2; }
  .mast > .search-row { order: 1; }
}
@media (max-width: 650px) {
  .site-header, .site-header .mast { display: contents; }
  .site-header { position: static; isolation: auto; }
  .mast-top {
    position: sticky;
    inset-block-start: 0;
    z-index: 40;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 12px;
    background: var(--surface, #fff);
    border-bottom: 1px solid var(--edge);
  }
  .site-header .mast > .search-row {
    position: relative;
    z-index: 12;
    width: calc(100% - 24px);
    margin: 0 auto;
    padding-block: 8px;
  }
  .mobilecats { padding-block-start: 8px; }
}