@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&family=Outfit:wght@400;500;600;700;800;900&family=Rajdhani:wght@500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#080d1b;--panel:#111b30;--line:#2c3d57;--text:#e9f3ff;--muted:#a2b1c9;--cyan:#3bd7e5;--purple:#a88bff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 10% 0%,#16345a 0%,transparent 40%),radial-gradient(ellipse at 90% 5%,#34204b 0%,transparent 35%),var(--bg);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--text);min-height:100vh}a{color:inherit;text-decoration:none}.top{padding:18px max(24px,calc((100% - 1180px)/2));display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:16px;flex-wrap:wrap;background:#0a1223c9}.logo{font-size:25px;font-weight:900;letter-spacing:.05em}.logo span{color:var(--cyan)}.logo small{display:block;font-size:9px;letter-spacing:.19em;color:var(--muted)}nav{display:flex;gap:18px;flex-wrap:wrap;font-size:14px}nav a:hover,.admin-nav a:hover{color:var(--cyan)}.wrap{max-width:1180px;margin:auto;padding:28px 24px 70px}.hero{padding:42px 0}.eyebrow{font-size:12px;letter-spacing:.22em;color:var(--cyan);font-weight:800}h1{font-size:clamp(36px,6vw,64px);line-height:1.08;letter-spacing:-.05em;margin:12px 0}h1 em{font-style:normal;color:var(--cyan)}h2{font-size:22px}.hero p,.muted{color:var(--muted)}.hero p{max-width:690px;font-size:18px;line-height:1.6}.panel,.product{background:linear-gradient(145deg,#18263b,#10182b);border:1px solid var(--line);border-radius:19px;padding:22px;box-shadow:0 18px 40px #0002}.panel{margin-bottom:18px}.two,.three,.products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.three{grid-template-columns:repeat(3,minmax(0,1fr))}.products{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.product{display:flex;flex-direction:column}.product h3{margin:12px 0 5px}.product .price{font-size:26px;font-weight:900;color:var(--cyan);margin-top:auto;padding-top:12px}.product form{display:flex;gap:8px}.product form input{width:70px}.symbol{font-size:38px;color:var(--purple)}.tag{color:var(--cyan);font-size:12px;text-transform:uppercase;font-weight:700}.actions,.filters,.admin-nav{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:20px 0}.admin-nav{padding:16px;background:#152138;border-radius:15px}.admin-nav a{font-size:13px}label{display:block;margin:14px 0;font-size:14px;font-weight:600}input,select,textarea{display:block;width:100%;padding:12px 13px;background:#0a1427;color:var(--text);border:1px solid #34455d;border-radius:9px;margin-top:6px}input[type=file]{padding:10px}input[type=checkbox]{width:auto;display:inline}.check{display:flex;gap:10px;align-items:center}button,.button{display:inline-block;background:linear-gradient(120deg,#31d3dd,#89aaff);border:0;border-radius:10px;padding:12px 16px;color:#071020;font-weight:800;cursor:pointer;font-size:14px}button:disabled{opacity:.4;cursor:not-allowed}.secondary{background:#283953;color:#e9f3ff;border:1px solid #526581}.notice{padding:15px 18px;background:#103b34;border:1px solid #278a75;border-radius:12px;margin:15px 0}.notice.error{background:#47212d;border-color:#a83d57}.alert{color:#ff8b8b;font-size:11px}table{width:100%;border-collapse:collapse;display:block;overflow-x:auto}td,th{padding:12px;text-align:left;border-bottom:1px solid var(--line);font-size:13px;vertical-align:top}td form{display:flex;gap:6px;align-items:center}td input,td select{min-width:80px}pre{white-space:pre-wrap;overflow-wrap:anywhere}footer{border-top:1px solid var(--line);padding:25px;text-align:center;color:var(--muted);font-size:13px}@media(max-width:720px){.two,.three{grid-template-columns:1fr}.wrap{padding:18px}.hero{padding:22px 0}.top{padding:16px}.products{grid-template-columns:1fr}}

/* v6 catalog category sidebar */
.tech-catalog-layout{display:grid;grid-template-columns:minmax(190px,245px) minmax(0,1fr);gap:20px;align-items:start}.tech-category-sidebar{position:sticky;top:15px;background:#1c203b;border:1px solid #343b62;border-radius:18px;padding:15px;display:flex;flex-direction:column;gap:5px}.tech-category-sidebar h3{margin:0 0 12px}.tech-category-sidebar a{display:block;padding:10px 12px;color:#d8def5;text-decoration:none;border-radius:10px;font-size:14px}.tech-category-sidebar a:hover,.tech-category-sidebar a.selected{background:#30395c;color:white}.tech-catalog-layout .products{min-width:0}@media(max-width:760px){.tech-catalog-layout{grid-template-columns:1fr}.tech-category-sidebar{position:static;max-height:230px;overflow:auto}}

/* v6.1 catalog page size and pagination */
.catalog-page-size-label{display:flex;align-items:center;gap:9px;margin:0;color:var(--muted);font-size:14px;white-space:nowrap}.catalog-page-size-label select{width:auto;min-width:76px;margin:0;padding:10px}.catalog-result-count{color:var(--muted);font-size:13px;margin:0 0 18px}.catalog-pagination{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px;margin:24px 0}.catalog-pagination a{border:1px solid var(--line);border-radius:9px;padding:9px 13px;background:#18263b}.catalog-pagination a.current{background:var(--cyan);color:#071020;font-weight:800}.catalog-pagination a:hover{border-color:var(--cyan)}

/* NVH Tech v7 · multi-layer premium theme engine */
body[data-tech-theme="aurora"]{--bg:#080c20;--panel:#14203c;--line:#35416c;--text:#f4f6ff;--muted:#b5c0dc;--cyan:#37e5d0;--purple:#a88aff;--v7-hot:#f78da7;--v7-glow:rgba(42,226,212,.18)}
body[data-tech-theme="nebula"]{--bg:#0c071b;--panel:#211333;--line:#5b346f;--text:#fff1ff;--muted:#cbb3db;--cyan:#f68be9;--purple:#8b86ff;--v7-hot:#5ef3df;--v7-glow:rgba(243,87,229,.19)}
body[data-tech-theme="solar"]{--bg:#17101a;--panel:#30202c;--line:#76515d;--text:#fff7ef;--muted:#e0c6bf;--cyan:#ffc56c;--purple:#ff849b;--v7-hot:#f47c58;--v7-glow:rgba(255,173,79,.19)}
body[data-tech-theme="titanium"]{--bg:#09111d;--panel:#172a3c;--line:#3e6379;--text:#f2fbff;--muted:#b6cbd9;--cyan:#93e9ff;--purple:#7bafff;--v7-hot:#e2f1ff;--v7-glow:rgba(120,207,255,.18)}
body[data-tech-theme="ember"]{--bg:#160c17;--panel:#321b2b;--line:#734052;--text:#fff3f3;--muted:#ddbdc5;--cyan:#ff8d77;--purple:#ffc37c;--v7-hot:#f35782;--v7-glow:rgba(255,104,96,.19)}
body[data-tech-theme="prism"]{--bg:#0d1026;--panel:#20224a;--line:#535c95;--text:#f7f5ff;--muted:#c6c4e8;--cyan:#6bf3c8;--purple:#d08fff;--v7-hot:#ff83c9;--v7-glow:rgba(159,104,255,.20)}
body{background:radial-gradient(ellipse at 12% -8%,var(--v7-glow),transparent 48%),radial-gradient(ellipse at 100% 12%,color-mix(in srgb,var(--purple) 15%,transparent),transparent 45%),linear-gradient(160deg,var(--bg),color-mix(in srgb,var(--bg) 85%,var(--panel)));background-attachment:fixed}
.top{backdrop-filter:blur(20px);background:color-mix(in srgb,var(--bg) 83%,transparent);position:relative;z-index:5}.top nav a{transition:color .2s,transform .2s}.top nav a:hover{transform:translateY(-2px)}
.hero{position:relative;padding:46px 35px;margin:6px 0 26px;border-radius:26px;background:linear-gradient(125deg,color-mix(in srgb,var(--panel) 93%,transparent),color-mix(in srgb,var(--purple) 15%,var(--panel)));border:1px solid var(--line);overflow:hidden}.hero:after{content:'';position:absolute;right:-80px;top:-125px;width:330px;height:330px;border-radius:50%;border:45px solid color-mix(in srgb,var(--cyan) 11%,transparent);box-shadow:0 0 100px var(--v7-glow);pointer-events:none}.hero>*{position:relative;z-index:1}.hero h1{font-weight:850}.hero h1 em{background:linear-gradient(90deg,var(--cyan),var(--purple),var(--v7-hot));-webkit-background-clip:text;background-clip:text;color:transparent}
.panel,.product{background:linear-gradient(155deg,color-mix(in srgb,var(--panel) 94%,white),color-mix(in srgb,var(--bg) 65%,var(--panel)));border:1px solid var(--line);box-shadow:0 18px 40px #0003;transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease}.product:hover{transform:translateY(-5px) perspective(800px) rotateX(1deg);border-color:var(--cyan);box-shadow:0 26px 60px #0005,0 0 28px var(--v7-glow)}
.product .symbol{display:grid;place-items:center;width:60px;height:60px;border-radius:19px;background:linear-gradient(135deg,color-mix(in srgb,var(--cyan) 24%,transparent),color-mix(in srgb,var(--purple) 22%,transparent));font-size:35px;transform:rotate(-7deg);box-shadow:inset 0 0 18px var(--v7-glow)}.product .price{background:linear-gradient(90deg,var(--cyan),var(--purple));-webkit-background-clip:text;background-clip:text;color:transparent}.product .tag{font-size:10px;letter-spacing:.09em}.product form{margin-top:15px}.product form button{flex:1}
button,.button{background:linear-gradient(115deg,var(--cyan),var(--purple));box-shadow:0 6px 20px var(--v7-glow);transition:transform .2s,filter .2s}button:hover,.button:hover{transform:translateY(-2px);filter:brightness(1.1)}button.secondary,.button.secondary{background:color-mix(in srgb,var(--panel) 88%,var(--purple));color:var(--text)}
.filters{padding:15px;border:1px solid var(--line);background:color-mix(in srgb,var(--panel) 78%,transparent);border-radius:19px;backdrop-filter:blur(12px)}.filters>input{flex:2;min-width:170px}.filters>select{flex:1;min-width:160px}.filters input,.filters select{margin-top:0}.filters button{white-space:nowrap}
.tech-catalog-layout{grid-template-columns:minmax(215px,265px) minmax(0,1fr);gap:22px}.tech-category-sidebar{position:sticky;top:16px;max-height:calc(100vh - 35px);overflow-y:auto;background:color-mix(in srgb,var(--panel) 89%,var(--bg));border:1px solid var(--line);padding:18px;box-shadow:0 20px 45px #0003;backdrop-filter:blur(18px)}.category-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.category-heading h3{font-size:17px}.category-count{font-size:10px;color:var(--muted)}.tech-category-sidebar .category-link,.tech-category-sidebar .category-all,.tech-category-sidebar .category-children a{display:block;padding:11px 12px;border-radius:11px;font-size:13px}.tech-category-sidebar a:hover,.tech-category-sidebar a.selected{background:linear-gradient(100deg,color-mix(in srgb,var(--cyan) 23%,var(--panel)),color-mix(in srgb,var(--purple) 20%,var(--panel)));color:var(--text)}.tech-category-sidebar .category-all{font-weight:800;margin-bottom:8px}.category-group{border-top:1px solid color-mix(in srgb,var(--line) 65%,transparent)}.category-group summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:13px 11px;font-size:13px;font-weight:700;border-radius:10px}.category-group summary::-webkit-details-marker{display:none}.category-group summary:hover{color:var(--cyan)}.category-chevron{transition:transform .2s;color:var(--cyan)}.category-group[open] .category-chevron{transform:rotate(180deg)}.category-children{padding:0 0 8px 11px;border-left:2px solid var(--purple);margin-left:12px}.category-children a{font-size:12px!important;color:var(--muted)!important}.catalog-main{min-width:0}.catalog-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0 0 14px;color:var(--muted);font-size:12px}.catalog-section-name{color:var(--text);font-size:18px;font-weight:800}.catalog-main .products{grid-template-columns:repeat(auto-fill,minmax(215px,1fr))}.floating-catalog-top{position:fixed;right:23px;bottom:25px;z-index:8;width:48px;height:48px;display:grid;place-items:center;border-radius:17px;background:linear-gradient(135deg,var(--cyan),var(--purple));color:var(--bg);font-size:24px;font-weight:900;box-shadow:0 12px 35px var(--v7-glow)}
.theme-studio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}.theme-tile{position:relative;display:flex;flex-direction:column;gap:8px;padding:13px 13px 18px;background:var(--panel);border:2px solid var(--line);border-radius:20px;cursor:pointer}.theme-tile:has(input:checked){border-color:var(--cyan);box-shadow:0 0 0 2px var(--v7-glow)}.theme-tile input{width:auto;position:absolute;right:17px;top:17px;z-index:1;accent-color:var(--cyan)}.theme-tile strong{font-size:18px}.theme-tile small{color:var(--muted)}.theme-selected{font-size:10px;letter-spacing:.1em;color:var(--cyan);font-weight:800}.theme-art{height:130px;border-radius:14px;overflow:hidden;position:relative;display:block;background:linear-gradient(130deg,var(--preview-a),var(--preview-b) 65%,var(--preview-c))}.theme-orb{position:absolute;right:15px;top:-20px;width:115px;height:115px;border-radius:50%;background:radial-gradient(circle at 30% 30%,var(--preview-c),transparent 65%);filter:blur(3px)}.theme-window{position:absolute;left:16px;bottom:12px;width:66%;height:70px;border-radius:10px;border:1px solid #ffffff66;background:#080b20a6;display:flex;flex-direction:column;gap:8px;padding:13px}.theme-window span{height:8px;border-radius:6px;background:var(--preview-c);opacity:.8}.theme-window span:nth-child(2){width:65%;background:var(--preview-b)}.theme-window span:nth-child(3){width:82%;background:var(--preview-a)}.theme-aurora{--preview-a:#00dfb8;--preview-b:#2446a0;--preview-c:#bb79ff}.theme-nebula{--preview-a:#a633da;--preview-b:#35104e;--preview-c:#ff7dd7}.theme-solar{--preview-a:#f6a837;--preview-b:#782e38;--preview-c:#ff7982}.theme-titanium{--preview-a:#93cfe9;--preview-b:#274a74;--preview-c:#e8f8ff}.theme-ember{--preview-a:#fa6b54;--preview-b:#511c32;--preview-c:#ffb065}.theme-prism{--preview-a:#64efbb;--preview-b:#544ac0;--preview-c:#f78ae6}.theme-save-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:25px 0;padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}
@media(max-width:760px){.tech-catalog-layout{grid-template-columns:1fr}.tech-category-sidebar{position:relative;top:auto;max-height:260px;overflow:auto}.hero{padding:28px 22px}.catalog-toolbar{flex-wrap:wrap}.theme-save-bar{flex-direction:column;align-items:stretch}.filters>*{flex:1 1 100%}.catalog-main .products{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}


/* NVH Tech v8.2 — layout rebuild, theme-specific design language */
:root{--radius:22px;--card-radius:24px;--card-tilt:0deg;--grid-gap:18px;--font-heading:system-ui;--hero-shape:28px;--button-shape:14px}
body[data-tech-theme="aurora"]{--radius:24px;--card-radius:24px;--card-tilt:0deg;--hero-shape:32px;--button-shape:14px;--font-heading:'Trebuchet MS',system-ui}
body[data-tech-theme="nebula"]{--radius:32px;--card-radius:32px;--card-tilt:-.7deg;--hero-shape:48px;--button-shape:26px;--font-heading:Georgia,serif}
body[data-tech-theme="solar"]{--radius:10px;--card-radius:12px;--card-tilt:0deg;--hero-shape:8px;--button-shape:5px;--font-heading:Impact,'Arial Narrow',sans-serif}
body[data-tech-theme="titanium"]{--radius:12px;--card-radius:14px;--card-tilt:0deg;--hero-shape:14px;--button-shape:8px;--font-heading:'Arial',sans-serif}
body[data-tech-theme="ember"]{--radius:28px;--card-radius:8px;--card-tilt:.4deg;--hero-shape:40px 8px 40px 8px;--button-shape:4px 18px 4px 18px;--font-heading:'Trebuchet MS',sans-serif}
body[data-tech-theme="prism"]{--radius:20px;--card-radius:28px 8px 28px 8px;--card-tilt:0deg;--hero-shape:8px 42px 8px 42px;--button-shape:30px;--font-heading:Verdana,sans-serif}
body{background-image:radial-gradient(circle at 7% 2%,color-mix(in srgb,var(--cyan) 13%,transparent),transparent 33%),radial-gradient(circle at 91% 15%,color-mix(in srgb,var(--purple) 20%,transparent),transparent 38%),radial-gradient(circle at 50% 95%,color-mix(in srgb,var(--v7-hot) 9%,transparent),transparent 45%),linear-gradient(165deg,var(--bg),color-mix(in srgb,var(--bg) 84%,var(--panel)))}
.top{padding:17px clamp(20px,4vw,72px);gap:24px;border-bottom:1px solid color-mix(in srgb,var(--cyan) 18%,var(--line));box-shadow:0 14px 36px #0002}
.top .logo{font-size:clamp(22px,2.5vw,32px);letter-spacing:-.045em;line-height:1.05}.top .logo span{background:linear-gradient(100deg,var(--cyan),var(--purple));background-clip:text;-webkit-text-fill-color:transparent}.top .logo small{margin-top:7px;letter-spacing:.17em}
.top nav{display:flex;align-items:center;gap:6px 10px}.top nav a{padding:10px 13px;border:1px solid transparent;border-radius:var(--button-shape);font-size:13px;font-weight:650}.top nav a:hover{background:color-mix(in srgb,var(--cyan) 12%,transparent);border-color:var(--line)}
.wrap{max-width:1600px;padding:28px clamp(18px,3vw,54px) 85px}
.hero{min-height:260px;padding:clamp(26px,4vw,62px);border-radius:var(--hero-shape);background:radial-gradient(circle at 88% 30%,color-mix(in srgb,var(--cyan) 22%,transparent),transparent 30%),radial-gradient(circle at 98% 100%,color-mix(in srgb,var(--v7-hot) 19%,transparent),transparent 38%),linear-gradient(120deg,color-mix(in srgb,var(--panel) 93%,var(--bg)),color-mix(in srgb,var(--purple) 15%,var(--panel)));box-shadow:0 25px 75px #0003,inset 0 1px 0 #ffffff18}
.hero h1{font-family:var(--font-heading);font-size:clamp(35px,4.6vw,70px);letter-spacing:-.055em;max-width:950px;text-wrap:balance}.hero p{font-size:clamp(15px,1.45vw,19px)}.hero .actions{margin-top:25px}
button,.button{border-radius:var(--button-shape);font-weight:800;letter-spacing:.005em;min-height:44px;box-shadow:0 12px 25px var(--v7-glow)}
.filters{display:flex;align-items:center;gap:12px;flex-wrap:wrap;border-radius:var(--radius);padding:17px 20px;box-shadow:0 14px 30px #0002}.filters input,.filters select{min-height:45px;border-radius:12px}.catalog-result-count{padding:8px 3px}
/* IMPORTANT: use explicit columns and avoid inherited .products flex layouts */
.tech-catalog-layout{display:grid!important;grid-template-columns:clamp(220px,22vw,295px) minmax(0,1fr)!important;align-items:start!important;gap:clamp(18px,2.3vw,32px)!important;width:100%!important}
.tech-category-sidebar{grid-column:1!important;grid-row:1!important;position:sticky;top:16px;display:flex!important;flex-direction:column!important;width:100%;min-width:0;max-height:calc(100vh - 32px);overflow-y:auto;padding:22px 15px;border-radius:var(--radius);background:linear-gradient(155deg,color-mix(in srgb,var(--panel) 92%,var(--cyan)),color-mix(in srgb,var(--panel) 93%,var(--bg)));box-shadow:0 20px 65px #0003;border:1px solid var(--line)}
.tech-category-sidebar .category-heading{margin:0 0 15px;padding:4px 8px 15px;border-bottom:1px solid var(--line)}.tech-category-sidebar h3{font-size:17px;line-height:1.3;margin:0}.tech-category-sidebar .category-link,.tech-category-sidebar .category-all,.tech-category-sidebar .category-children a{display:block!important;white-space:normal!important;line-height:1.35;margin:2px 0;transition:background .18s,transform .18s,border-color .18s;border:1px solid transparent}.tech-category-sidebar a:hover{transform:translateX(3px);border-color:var(--line)}.tech-category-sidebar a.selected{border-color:color-mix(in srgb,var(--cyan) 45%,var(--line))}
.category-group summary{min-height:45px}.category-children{display:flex;flex-direction:column;gap:2px}
.catalog-main{grid-column:2!important;grid-row:1!important;min-width:0;width:100%}.catalog-toolbar{padding:4px 4px 16px;border-bottom:1px solid var(--line);margin-bottom:19px}.catalog-section-name{font-family:var(--font-heading);font-size:clamp(20px,2vw,28px)}
.catalog-main .products{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(min(100%,245px),1fr))!important;gap:var(--grid-gap)!important;align-items:stretch!important;width:100%!important}
.catalog-main .product{display:flex!important;flex-direction:column!important;min-width:0;position:relative;isolation:isolate;overflow:hidden;padding:22px;border-radius:var(--card-radius);transform:perspective(1000px) rotateZ(var(--card-tilt));background:linear-gradient(145deg,color-mix(in srgb,var(--panel) 93%,var(--cyan)),color-mix(in srgb,var(--panel) 90%,var(--bg)));box-shadow:0 15px 40px #0003;border:1px solid color-mix(in srgb,var(--line) 80%,var(--cyan))}
.catalog-main .product:before{content:'';position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--cyan),var(--purple),var(--v7-hot));opacity:.85}.catalog-main .product:after{content:'';position:absolute;right:-60px;top:-70px;width:165px;height:165px;background:radial-gradient(circle,color-mix(in srgb,var(--purple) 16%,transparent),transparent 65%);pointer-events:none}
.catalog-main .product:hover{transform:perspective(1000px) translateY(-7px) rotateX(1.5deg);box-shadow:0 28px 60px #0006;border-color:var(--cyan)}
.catalog-main .product .symbol{width:66px;height:66px;border-radius:19px;margin-bottom:15px}.catalog-main .product h3{font-family:var(--font-heading);font-size:19px;line-height:1.25;margin:14px 0 10px}.catalog-main .product .tag{align-self:flex-start;border-radius:999px;padding:6px 11px;background:color-mix(in srgb,var(--purple) 16%,var(--panel));border:1px solid var(--line);font-size:10px;letter-spacing:.04em}.catalog-main .product .price{font-size:clamp(21px,2vw,28px);font-weight:900;margin-top:auto;padding-top:20px;background:none;color:var(--cyan);-webkit-text-fill-color:var(--cyan)}.catalog-main .product form{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:14px}.catalog-main .product form input[type=number]{width:70px;min-width:60px;margin:0}.catalog-main .product form button{flex:1;min-width:120px}
.catalog-pagination{margin:28px 0;gap:8px}.catalog-pagination a{padding:10px 14px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.floating-catalog-top{border-radius:var(--button-shape);width:54px;height:54px}
.panel{border-radius:var(--radius)}.theme-tile{border-radius:var(--radius)}
body[data-tech-theme="solar"] .hero{border-left:7px solid var(--cyan)}body[data-tech-theme="solar"] .product{border-top:4px solid var(--cyan)}body[data-tech-theme="titanium"] .panel,body[data-tech-theme="titanium"] .product{box-shadow:inset 0 1px 0 #ffffff30,0 12px 35px #0003}body[data-tech-theme="nebula"] .hero{box-shadow:0 24px 80px color-mix(in srgb,var(--purple) 15%,transparent)}body[data-tech-theme="ember"] .product:before{height:6px}body[data-tech-theme="prism"] .product:nth-child(2n){border-radius:8px 28px 8px 28px}
@media(max-width:900px){.tech-catalog-layout{grid-template-columns:210px minmax(0,1fr)!important;gap:14px!important}.catalog-main .products{grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr))!important}.top nav a{padding:8px}}
@media(max-width:680px){.tech-catalog-layout{grid-template-columns:minmax(0,1fr)!important}.tech-category-sidebar{grid-column:1!important;grid-row:1!important;position:static;max-height:290px}.catalog-main{grid-column:1!important;grid-row:2!important}.catalog-main .products{grid-template-columns:repeat(auto-fill,minmax(min(100%,175px),1fr))!important}.hero{min-height:0}.top{padding:15px 18px}.top nav{gap:3px}.filters>*{flex:1 1 100%}.catalog-main .product{padding:16px}}
@media(prefers-reduced-motion:reduce){.catalog-main .product,.catalog-main .product:hover{transform:none}}

/* NVH Tech v8.3 — lightweight premium daylight collection */
body[data-tech-theme="pearl"]{}
body[data-tech-theme="pearl"]{--bg:#f4f8fc;--panel:#ffffff;--line:#d5e2ef;--text:#15253e;--muted:#596c83;--cyan:#087f9b;--purple:#7952c8;--v7-hot:#ee809b;--v7-glow:#bde9ed;--radius:22px;--card-radius:20px;--hero-shape:26px;--button-shape:13px;--font-heading:system-ui; color-scheme:light}
.theme-pearl{--preview-a:#087f9b;--preview-b:#f4f8fc;--preview-c:#ee809b}
body[data-tech-theme="mint"]{--bg:#f2faf5;--panel:#ffffff;--line:#d4e9dc;--text:#183e36;--muted:#57756a;--cyan:#0a9175;--purple:#d7814c;--v7-hot:#f0aa70;--v7-glow:#b8e8d2;--radius:22px;--card-radius:20px;--hero-shape:26px;--button-shape:13px;--font-heading:system-ui; color-scheme:light}
.theme-mint{--preview-a:#0a9175;--preview-b:#f2faf5;--preview-c:#f0aa70}
body[data-tech-theme="sky"]{--bg:#f1f7ff;--panel:#ffffff;--line:#d3e2f5;--text:#1a3154;--muted:#647895;--cyan:#267ad1;--purple:#8663d4;--v7-hot:#ed9ebf;--v7-glow:#c6e1ff;--radius:22px;--card-radius:20px;--hero-shape:26px;--button-shape:13px;--font-heading:system-ui; color-scheme:light}
.theme-sky{--preview-a:#267ad1;--preview-b:#f1f7ff;--preview-c:#ed9ebf}
body[data-tech-theme="blush"]{--bg:#fff5f6;--panel:#fffdfd;--line:#f0d9e3;--text:#493146;--muted:#806577;--cyan:#b94f86;--purple:#785ac6;--v7-hot:#ee917e;--v7-glow:#f9c6d6;--radius:22px;--card-radius:20px;--hero-shape:26px;--button-shape:13px;--font-heading:system-ui; color-scheme:light}
.theme-blush{--preview-a:#b94f86;--preview-b:#fff5f6;--preview-c:#ee917e}
body[data-tech-theme="sand"]{--bg:#fbf7ef;--panel:#fffdfa;--line:#e8ddcc;--text:#42382d;--muted:#817366;--cyan:#b96642;--purple:#168f8d;--v7-hot:#e8ac57;--v7-glow:#f5dfba;--radius:22px;--card-radius:20px;--hero-shape:26px;--button-shape:13px;--font-heading:system-ui; color-scheme:light}
.theme-sand{--preview-a:#b96642;--preview-b:#fbf7ef;--preview-c:#e8ac57}
body[data-tech-theme="lilac"]{--bg:#f8f6ff;--panel:#ffffff;--line:#e3dcf5;--text:#302a4b;--muted:#726d8e;--cyan:#795ad5;--purple:#0b9e9b;--v7-hot:#efa5ca;--v7-glow:#dfd5fb;--radius:22px;--card-radius:20px;--hero-shape:26px;--button-shape:13px;--font-heading:system-ui; color-scheme:light}
.theme-lilac{--preview-a:#795ad5;--preview-b:#f8f6ff;--preview-c:#efa5ca}
body[data-tech-theme="citrus"]{--bg:#fafbf1;--panel:#ffffff;--line:#e4e9c9;--text:#313d2d;--muted:#727d62;--cyan:#647e1f;--purple:#277fbd;--v7-hot:#f0a954;--v7-glow:#f4f0bc;--radius:22px;--card-radius:20px;--hero-shape:26px;--button-shape:13px;--font-heading:system-ui; color-scheme:light}
.theme-citrus{--preview-a:#647e1f;--preview-b:#fafbf1;--preview-c:#f0a954}
body[data-tech-theme="coastal"]{--bg:#f0fafb;--panel:#ffffff;--line:#cde7e9;--text:#173c4a;--muted:#5c7c86;--cyan:#008b9e;--purple:#4978c9;--v7-hot:#f6a88b;--v7-glow:#b9e8e9;--radius:22px;--card-radius:20px;--hero-shape:26px;--button-shape:13px;--font-heading:system-ui; color-scheme:light}
.theme-coastal{--preview-a:#008b9e;--preview-b:#f0fafb;--preview-c:#f6a88b}

/* Light surfaces and text contrast — override legacy dark fixed values */
:is(body[data-tech-theme="pearl"],body[data-tech-theme="mint"],body[data-tech-theme="sky"],body[data-tech-theme="blush"],body[data-tech-theme="sand"],body[data-tech-theme="lilac"],body[data-tech-theme="citrus"],body[data-tech-theme="coastal"]){background:radial-gradient(ellipse at 7% 2%,color-mix(in srgb,var(--cyan) 8%,transparent),transparent 36%),radial-gradient(ellipse at 96% 6%,color-mix(in srgb,var(--purple) 7%,transparent),transparent 39%),var(--bg);color:var(--text)}
:is(body[data-tech-theme="pearl"],body[data-tech-theme="mint"],body[data-tech-theme="sky"],body[data-tech-theme="blush"],body[data-tech-theme="sand"],body[data-tech-theme="lilac"],body[data-tech-theme="citrus"],body[data-tech-theme="coastal"]) .top{background:color-mix(in srgb,var(--panel) 91%,transparent);box-shadow:0 6px 26px #2036570c}
:is(body[data-tech-theme="pearl"],body[data-tech-theme="mint"],body[data-tech-theme="sky"],body[data-tech-theme="blush"],body[data-tech-theme="sand"],body[data-tech-theme="lilac"],body[data-tech-theme="citrus"],body[data-tech-theme="coastal"]) .hero{background:radial-gradient(circle at 90% 12%,color-mix(in srgb,var(--cyan) 11%,transparent),transparent 39%),linear-gradient(115deg,var(--panel),color-mix(in srgb,var(--bg) 82%,var(--purple)));box-shadow:0 15px 45px #23365313}
:is(body[data-tech-theme="pearl"],body[data-tech-theme="mint"],body[data-tech-theme="sky"],body[data-tech-theme="blush"],body[data-tech-theme="sand"],body[data-tech-theme="lilac"],body[data-tech-theme="citrus"],body[data-tech-theme="coastal"]) .panel,:is(body[data-tech-theme="pearl"],body[data-tech-theme="mint"],body[data-tech-theme="sky"],body[data-tech-theme="blush"],body[data-tech-theme="sand"],body[data-tech-theme="lilac"],body[data-tech-theme="citrus"],body[data-tech-theme="coastal"]) .product,:is(body[data-tech-theme="pearl"],body[data-tech-theme="mint"],body[data-tech-theme="sky"],body[data-tech-theme="blush"],body[data-tech-theme="sand"],body[data-tech-theme="lilac"],body[data-tech-theme="citrus"],body[data-tech-theme="coastal"]) .theme-tile{background:linear-gradient(145deg,#fff,color-mix(in srgb,var(--panel) 92%,var(--bg)));box-shadow:0 12px 32px #263a5212;border-color:var(--line)}
:is(body[data-tech-theme="pearl"],body[data-tech-theme="mint"],body[data-tech-theme="sky"],body[data-tech-theme="blush"],body[data-tech-theme="sand"],body[data-tech-theme="lilac"],body[data-tech-theme="citrus"],body[data-tech-theme="coastal"]) .catalog-main .product{background:linear-gradient(145deg,var(--panel),color-mix(in srgb,var(--bg) 42%,var(--panel)));box-shadow:0 12px 32px #263a5212}
:is(body[data-tech-theme="pearl"],body[data-tech-theme="mint"],body[data-tech-theme="sky"],body[data-tech-theme="blush"],body[data-tech-theme="sand"],body[data-tech-theme="lilac"],body[data-tech-theme="citrus"],body[data-tech-theme="coastal"]) .catalog-main .product:hover{box-shadow:0 20px 45px #263a5226}
:is(body[data-tech-theme="pearl"],body[data-tech-theme="mint"],body[data-tech-theme="sky"],body[data-tech-theme="blush"],body[data-tech-theme="sand"],body[data-tech-theme="lilac"],body[data-tech-theme="citrus"],body[data-tech-theme="coastal"]) .tech-category-sidebar{background:var(--panel);box-shadow:0 12px 30px #263a5212}
:is(body[data-tech-theme="pearl"],body[data-tech-theme="mint"],body[data-tech-theme="sky"],body[data-tech-theme="blush"],body[data-tech-theme="sand"],body[data-tech-theme="lilac"],body[data-tech-theme="citrus"],body[data-tech-theme="coastal"]) .tech-category-sidebar a{color:var(--text)}
:is(body[data-tech-theme="pearl"],body[data-tech-theme="mint"],body[data-tech-theme="sky"],body[data-tech-theme="blush"],body[data-tech-theme="sand"],body[data-tech-theme="lilac"],body[data-tech-theme="citrus"],body[data-tech-theme="coastal"]) .tech-category-sidebar a.selected,:is(body[data-tech-theme="pearl"],body[data-tech-theme="mint"],body[data-tech-theme="sky"],body[data-tech-theme="blush"],body[data-tech-theme="sand"],body[data-tech-theme="lilac"],body[data-tech-theme="citrus"],body[data-tech-theme="coastal"]) .tech-category-sidebar a:hover{background:color-mix(in srgb,var(--cyan) 11%,var(--panel));color:var(--text)}
:is(body[data-tech-theme="pearl"],body[data-tech-theme="mint"],body[data-tech-theme="sky"],body[data-tech-theme="blush"],body[data-tech-theme="sand"],body[data-tech-theme="lilac"],body[data-tech-theme="citrus"],body[data-tech-theme="coastal"]) input,:is(body[data-tech-theme="pearl"],body[data-tech-theme="mint"],body[data-tech-theme="sky"],body[data-tech-theme="blush"],body[data-tech-theme="sand"],body[data-tech-theme="lilac"],body[data-tech-theme="citrus"],body[data-tech-theme="coastal"]) select,:is(body[data-tech-theme="pearl"],body[data-tech-theme="mint"],body[data-tech-theme="sky"],body[data-tech-theme="blush"],body[data-tech-theme="sand"],body[data-tech-theme="lilac"],body[data-tech-theme="citrus"],body[data-tech-theme="coastal"]) textarea{background:#fff;color:var(--text);border-color:var(--line)}
:is(body[data-tech-theme="pearl"],body[data-tech-theme="mint"],body[data-tech-theme="sky"],body[data-tech-theme="blush"],body[data-tech-theme="sand"],body[data-tech-theme="lilac"],body[data-tech-theme="citrus"],body[data-tech-theme="coastal"]) input::placeholder,:is(body[data-tech-theme="pearl"],body[data-tech-theme="mint"],body[data-tech-theme="sky"],body[data-tech-theme="blush"],body[data-tech-theme="sand"],body[data-tech-theme="lilac"],body[data-tech-theme="citrus"],body[data-tech-theme="coastal"]) textarea::placeholder{color:var(--muted)}
:is(body[data-tech-theme="pearl"],body[data-tech-theme="mint"],body[data-tech-theme="sky"],body[data-tech-theme="blush"],body[data-tech-theme="sand"],body[data-tech-theme="lilac"],body[data-tech-theme="citrus"],body[data-tech-theme="coastal"]) .admin-nav,:is(body[data-tech-theme="pearl"],body[data-tech-theme="mint"],body[data-tech-theme="sky"],body[data-tech-theme="blush"],body[data-tech-theme="sand"],body[data-tech-theme="lilac"],body[data-tech-theme="citrus"],body[data-tech-theme="coastal"]) .filters{background:var(--panel);border:1px solid var(--line)}
:is(body[data-tech-theme="pearl"],body[data-tech-theme="mint"],body[data-tech-theme="sky"],body[data-tech-theme="blush"],body[data-tech-theme="sand"],body[data-tech-theme="lilac"],body[data-tech-theme="citrus"],body[data-tech-theme="coastal"]) .secondary,:is(body[data-tech-theme="pearl"],body[data-tech-theme="mint"],body[data-tech-theme="sky"],body[data-tech-theme="blush"],body[data-tech-theme="sand"],body[data-tech-theme="lilac"],body[data-tech-theme="citrus"],body[data-tech-theme="coastal"]) .catalog-pagination a{background:var(--panel);color:var(--text);border-color:var(--line)}
:is(body[data-tech-theme="pearl"],body[data-tech-theme="mint"],body[data-tech-theme="sky"],body[data-tech-theme="blush"],body[data-tech-theme="sand"],body[data-tech-theme="lilac"],body[data-tech-theme="citrus"],body[data-tech-theme="coastal"]) .catalog-pagination a.current{background:var(--cyan);color:#fff}
:is(body[data-tech-theme="pearl"],body[data-tech-theme="mint"],body[data-tech-theme="sky"],body[data-tech-theme="blush"],body[data-tech-theme="sand"],body[data-tech-theme="lilac"],body[data-tech-theme="citrus"],body[data-tech-theme="coastal"]) button,:is(body[data-tech-theme="pearl"],body[data-tech-theme="mint"],body[data-tech-theme="sky"],body[data-tech-theme="blush"],body[data-tech-theme="sand"],body[data-tech-theme="lilac"],body[data-tech-theme="citrus"],body[data-tech-theme="coastal"]) .button{background:linear-gradient(115deg,var(--cyan),var(--purple));color:#fff;box-shadow:0 9px 21px color-mix(in srgb,var(--cyan) 14%,transparent)}
:is(body[data-tech-theme="pearl"],body[data-tech-theme="mint"],body[data-tech-theme="sky"],body[data-tech-theme="blush"],body[data-tech-theme="sand"],body[data-tech-theme="lilac"],body[data-tech-theme="citrus"],body[data-tech-theme="coastal"]) .button.secondary,:is(body[data-tech-theme="pearl"],body[data-tech-theme="mint"],body[data-tech-theme="sky"],body[data-tech-theme="blush"],body[data-tech-theme="sand"],body[data-tech-theme="lilac"],body[data-tech-theme="citrus"],body[data-tech-theme="coastal"]) button.secondary{background:var(--panel);color:var(--text);box-shadow:none}
:is(body[data-tech-theme="pearl"],body[data-tech-theme="mint"],body[data-tech-theme="sky"],body[data-tech-theme="blush"],body[data-tech-theme="sand"],body[data-tech-theme="lilac"],body[data-tech-theme="citrus"],body[data-tech-theme="coastal"]) .product .price{color:var(--cyan)}
:is(body[data-tech-theme="pearl"],body[data-tech-theme="mint"],body[data-tech-theme="sky"],body[data-tech-theme="blush"],body[data-tech-theme="sand"],body[data-tech-theme="lilac"],body[data-tech-theme="citrus"],body[data-tech-theme="coastal"]) .notice{background:#e9f8f0;color:#225441;border-color:#a9dfc4}
:is(body[data-tech-theme="pearl"],body[data-tech-theme="mint"],body[data-tech-theme="sky"],body[data-tech-theme="blush"],body[data-tech-theme="sand"],body[data-tech-theme="lilac"],body[data-tech-theme="citrus"],body[data-tech-theme="coastal"]) .notice.error{background:#fff0f1;color:#8b293d;border-color:#f0b6c0}
:is(body[data-tech-theme="pearl"],body[data-tech-theme="mint"],body[data-tech-theme="sky"],body[data-tech-theme="blush"],body[data-tech-theme="sand"],body[data-tech-theme="lilac"],body[data-tech-theme="citrus"],body[data-tech-theme="coastal"]) .theme-window{background:#ffffffdd;border-color:#ffffff}
body[data-tech-theme="pearl"]{--card-radius:24px;--button-shape:20px}
body[data-tech-theme="mint"]{--card-radius:28px;--button-shape:999px}
body[data-tech-theme="sky"]{--card-radius:16px;--button-shape:14px}
body[data-tech-theme="blush"]{--card-radius:34px;--button-shape:22px}
body[data-tech-theme="sand"]{--card-radius:9px;--button-shape:9px}
body[data-tech-theme="lilac"]{--card-radius:28px 10px 28px 10px;--button-shape:24px}
body[data-tech-theme="citrus"]{--card-radius:18px;--button-shape:28px}
body[data-tech-theme="coastal"]{--card-radius:16px 32px 16px 32px;--button-shape:999px}

/* NVH Tech v8.4 — premium typographic system. Font fallbacks remain readable offline. */
:root{--tech-font-body:'DM Sans',system-ui,-apple-system,'Segoe UI',sans-serif;--tech-font-display:'Space Grotesk','Outfit',system-ui,sans-serif;--tech-font-label:'Rajdhani','Barlow Condensed',sans-serif}
body{font-family:var(--tech-font-body);font-optical-sizing:auto;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body[data-tech-theme="pearl"],body[data-tech-theme="sky"],body[data-tech-theme="coastal"]{--tech-font-display:'Manrope',system-ui,sans-serif;--tech-font-label:'Outfit',system-ui,sans-serif}
body[data-tech-theme="mint"],body[data-tech-theme="sand"],body[data-tech-theme="citrus"]{--tech-font-display:'Outfit',system-ui,sans-serif;--tech-font-label:'Barlow Condensed',sans-serif}
body[data-tech-theme="blush"],body[data-tech-theme="lilac"]{--tech-font-display:'Space Grotesk',system-ui,sans-serif;--tech-font-label:'Outfit',system-ui,sans-serif}
body[data-tech-theme="nebula"],body[data-tech-theme="prism"]{--tech-font-label:'Outfit',system-ui,sans-serif}
:is(h1,h2,h3,.logo,.catalog-section-name,.category-heading h3,.product h3,.panel h2,.panel h3){font-family:var(--tech-font-display);font-optical-sizing:auto}
.tech-category-sidebar .category-heading h3{font-family:var(--tech-font-display);font-weight:800;letter-spacing:-.035em;font-size:clamp(18px,1.5vw,22px)}
.tech-category-sidebar .category-link,.tech-category-sidebar .category-all,.tech-category-sidebar .category-children a,.tech-category-sidebar .category-group summary{font-family:var(--tech-font-label);font-size:15px!important;font-weight:700;letter-spacing:.018em;line-height:1.25}
.tech-category-sidebar .category-all{font-size:16px!important;font-weight:800;letter-spacing:.035em}
.tech-category-sidebar .category-children a{font-size:14px!important;font-weight:600;letter-spacing:.012em}
.tech-category-sidebar .category-group summary{font-size:15px!important}
.tech-category-sidebar a.selected{font-weight:800;letter-spacing:.025em}
.category-count,.eyebrow,.product .tag,.tag,.alert,.catalog-toolbar,.muted small{font-family:var(--tech-font-label);font-weight:700;letter-spacing:.065em}
.product .tag,.catalog-main .product .tag{font-size:12px;letter-spacing:.07em;text-transform:uppercase}
.catalog-toolbar,.catalog-toolbar label,.filters label{font-size:13px;letter-spacing:.025em}
.top nav a,.admin-nav a{font-family:'Outfit',system-ui,sans-serif;font-weight:650;letter-spacing:.01em;font-size:14px}
button,.button,input,select,textarea{font-family:'Outfit',system-ui,sans-serif;letter-spacing:.012em}
button,.button{font-weight:750}
.product .price,.catalog-main .product .price{font-family:'Outfit',system-ui,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:-.045em}
.product h3,.catalog-main .product h3{letter-spacing:-.025em;font-weight:800}
footer{font-family:var(--tech-font-body);letter-spacing:.01em}
@media(max-width:760px){.tech-category-sidebar .category-link,.tech-category-sidebar .category-all,.tech-category-sidebar .category-children a{font-size:14px!important}}