@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:'DM Sans',Arial,sans-serif;color-scheme:dark;--bg:#101216;--panel:#191c22;--text:#f4f5ef;--muted:#a8adb4;--accent:#c4ff4d;--line:#363940;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-size:16px;line-height:1.55}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,select,input{outline-offset:5px}button{cursor:pointer}header{padding:25px 4.5%;display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.04em;font-size:18px}.brand small{display:block;font-weight:500;font-size:11px;letter-spacing:.35em}.mark{background:var(--accent);color:#101216;width:43px;height:43px;border-radius:50%;display:grid;place-items:center;font-size:26px;letter-spacing:-3px}nav{display:flex;gap:28px;font-size:14px}nav a:hover{color:var(--accent)}.theme-label{font-size:12px;color:var(--muted)}select{display:block;background:var(--panel);color:var(--text);border:1px solid var(--line);padding:8px 10px;border-radius:6px;font-size:14px}main{overflow:hidden}.hero{padding:64px 4.5% 68px;display:grid;grid-template-columns:1.05fr 1fr;gap:4%;align-items:center;max-width:1800px;margin:auto}.eyebrow{font-size:12px;letter-spacing:.16em;font-weight:700;color:var(--accent);margin:0 0 25px}h1,h2,h3,p{margin-top:0}h1,h2{font-family:'Manrope',Arial,sans-serif;letter-spacing:-.065em;line-height:1.05}h1{font-size:clamp(48px,6.2vw,108px);font-weight:700;margin-bottom:27px}h1 em{font-style:normal;color:var(--accent)}.intro{max-width:410px;font-size:18px;color:var(--muted)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;background:var(--accent);color:#11151b;padding:16px 25px;font-weight:700;border-radius:6px;margin-top:15px;font-size:15px}.button:hover{filter:brightness(.91);transform:translateY(-2px)}.hero-meta{display:flex;gap:16px;font-size:12px;color:var(--muted);margin-top:42px}.hero-meta span+span{border-left:1px solid var(--line);padding-left:16px}.hero-image{position:relative;background:#dfe1e4;border-radius:var(--radius);padding:70px 15px 55px;transform:rotate(-3deg);box-shadow:0 0 90px #9bfa361c;min-width:0}.hero-image>img{width:100%;display:block;mix-blend-mode:multiply}.image-note{position:absolute;left:25px;top:20px;font-size:12px;letter-spacing:.12em;color:#15191c;font-weight:700}.floating-label{background:var(--accent);color:#15191c;position:absolute;right:-12px;bottom:-22px;padding:20px 30px;transform:rotate(5deg);font-size:18px;font-weight:700;border-radius:4px;line-height:1.3}.category-strip{background:var(--accent);color:#101216;padding:19px 4.5%;display:flex;justify-content:space-between;gap:20px;font-size:14px;font-weight:700}.collection,.guide,.contact{padding:90px 4.5%;max-width:1800px;margin:auto}.section-head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:40px}h2{font-size:clamp(36px,4vw,66px);margin-bottom:0}.section-head>p{max-width:365px;color:var(--muted);margin-bottom:3px}.toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid var(--line);padding-top:28px}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters button{background:transparent;border:1px solid var(--line);padding:10px 16px;border-radius:30px;color:var(--muted);font-size:14px}.filters button[aria-pressed=true]{background:var(--accent);color:#141820;border-color:var(--accent)}.search input{background:var(--panel);border:1px solid var(--line);color:var(--text);padding:11px 15px;border-radius:6px;width:215px}#count{color:var(--muted);font-size:12px;margin:22px 0}.products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:38px 24px}.product{color:var(--text);border:0;background:none;text-align:left;padding:0;display:flex;flex-direction:column}.product-photo{width:100%;aspect-ratio:1.35;background:#eee;position:relative;border-radius:var(--radius);overflow:hidden;display:flex;align-items:center}.product-photo img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .35s}.product:hover img{transform:scale(1.06)}.product-arrow{position:absolute;right:12px;bottom:12px;background:#fff;color:#15191c;width:32px;height:32px;border-radius:50%;display:grid;place-items:center}.product-type{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-top:18px}.product h3{font-size:18px;line-height:1.3;margin:7px 0 9px;font-weight:500}.product p{font-size:14px;color:var(--muted);margin:0;line-height:1.5}.guide{background:var(--panel);max-width:none}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:50px}.guide-grid article{border-top:1px solid var(--line);padding-top:20px}.guide-grid span{color:var(--accent);font-size:14px}.guide-grid h3{font-size:23px;margin:20px 0 12px}.guide-grid p{color:var(--muted);max-width:380px}.source-note{font-size:12px;color:var(--muted);margin:30px 0 0}.source-note a{text-decoration:underline}.contact{display:grid;grid-template-columns:1.4fr 1fr;gap:60px}.contact>div>p:not(.eyebrow){color:var(--muted);max-width:400px;margin-top:25px}.contact-details{display:flex;flex-direction:column;align-items:start;justify-content:center;gap:20px}.contact-details p{font-size:14px}.contact-details .button{margin:0}footer{border-top:1px solid var(--line);padding:35px 4.5%;display:flex;justify-content:space-between;gap:30px;align-items:center;font-size:12px;color:var(--muted)}footer .brand{font-size:13px}footer p{margin:0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}dialog{background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:var(--radius);padding:55px 35px 35px;max-width:950px;width:92%;max-height:90vh}dialog::backdrop{background:#000b;backdrop-filter:blur(6px)}.close{position:absolute;right:16px;top:10px;border:0;background:none;color:var(--text);font-size:32px}#detail-content{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center}#detail-content>img{width:100%;border-radius:10px}#detail-content h2{font-size:34px;margin-bottom:20px}#detail-content small{display:block;margin-top:20px;color:var(--muted);font-size:12px}.detail-note{color:var(--muted);font-size:14px}.empty{grid-column:1/-1;padding:50px;text-align:center}
body[data-theme=flat]{--bg:#f7f9fc;--panel:#eaf0fa;--text:#14274e;--muted:#53637c;--accent:#2775ee;--line:#d3deec;--radius:0;color-scheme:light}body[data-theme=flat] .hero-image{transform:none;box-shadow:none;padding:60px 15px;background:white;border-bottom:8px solid var(--accent)}body[data-theme=flat] .floating-label{transform:none;background:#ffcc4d;bottom:0;right:0;border-radius:0}body[data-theme=flat] .button,body[data-theme=flat] .category-strip,body[data-theme=flat] .filters button[aria-pressed=true]{color:white}body[data-theme=flat] .hero h1{font-weight:800;letter-spacing:-.055em}body[data-theme=flat] .product{background:white;padding:16px;border:1px solid var(--line)}body[data-theme=flat] .product-photo{background:#f1f4f8}body[data-theme=flat] .filters button{border-radius:4px}body[data-theme=flat] .guide-grid article{border:0;background:white;padding:28px}body[data-theme=flat] .category-strip{font-weight:500}
body[data-theme=editorial]{--bg:#fff;--panel:#f2f1ed;--text:#20201e;--muted:#65655f;--accent:#ab3422;--line:#d9d9d3;--radius:0;color-scheme:light}body[data-theme=editorial] h1,body[data-theme=editorial] h2{font-family:Georgia,serif;font-weight:400;letter-spacing:-.055em}body[data-theme=editorial] .hero{grid-template-columns:1fr 1.2fr;padding-top:85px;padding-bottom:85px}body[data-theme=editorial] .hero-image{transform:none;box-shadow:none;background:#f2f1ed;padding:70px 15px}body[data-theme=editorial] .floating-label{right:0;bottom:-24px;transform:none;background:var(--text);color:white;font-family:Georgia,serif;font-weight:400;font-size:23px}body[data-theme=editorial] .button{background:var(--text);color:white;border-radius:0}body[data-theme=editorial] .category-strip{background:none;color:var(--text);border-block:1px solid var(--line);font-weight:400}body[data-theme=editorial] .products{grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 35px}body[data-theme=editorial] .product h3{font-family:Georgia,serif;font-size:24px}body[data-theme=editorial] .filters button{border-radius:0}body[data-theme=editorial] .filters button[aria-pressed=true]{color:white}body[data-theme=editorial] .product-photo{aspect-ratio:1.5}body[data-theme=editorial] .brand{font-family:Georgia,serif}
@media(min-width:1700px){.guide{padding-inline:max(4.5%,calc((100vw - 1640px)/2))}}@media(max-width:1000px){nav{display:none}.hero{padding-block:55px}.hero-meta{flex-wrap:wrap}.products{grid-template-columns:repeat(3,minmax(0,1fr))}.toolbar{align-items:start;flex-direction:column}.search,.search input{width:100%}.category-strip{overflow:auto;white-space:nowrap}.section-head>p{max-width:290px}.guide-grid{gap:25px}}@media(max-width:650px){header{padding:18px 5%;gap:10px}.brand{font-size:14px}.brand small{font-size:10px}.mark{width:34px;height:34px}.theme-label{font-size:10px}select{max-width:164px;font-size:12px;padding:7px}.hero,body[data-theme=editorial] .hero{grid-template-columns:1fr;padding:42px 5% 65px;gap:48px}.hero h1{font-size:54px}.hero-image{margin:0 8px}.hero-meta{margin-top:26px}.intro{font-size:17px}.floating-label{font-size:16px;padding:14px 20px}.category-strip{padding:15px 5%}.collection,.guide,.contact{padding:55px 5%}.section-head{display:block}.section-head>p{max-width:none;margin-top:25px}.eyebrow{font-size:11px;margin-bottom:18px}h2{font-size:39px}.products,body[data-theme=editorial] .products{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 14px}.product h3,body[data-theme=editorial] .product h3{font-size:17px}.product p{font-size:13px}.product-type{font-size:10px}.product-photo{border-radius:10px}.filters{gap:7px}.filters button{font-size:12px;padding:8px 10px}body[data-theme=flat] .product{padding:9px}.guide-grid,.contact{grid-template-columns:1fr}.guide-grid{gap:25px}.contact{gap:25px}footer{flex-direction:column;align-items:start;padding:30px 5%}#detail-content{grid-template-columns:1fr}dialog{padding:48px 22px 25px}#detail-content>img{max-height:250px;object-fit:contain}.button{gap:15px}#detail-content h2{font-size:30px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;transform:none!important}}
.logistics-photo{margin:40px 0 0}.logistics-photo img{width:100%;height:300px;object-fit:cover;border-radius:var(--radius)}.logistics-photo figcaption{font-size:12px;color:var(--muted);margin-top:8px}body[data-theme=electric] .hero-image{animation:float 7s ease-in-out infinite}@keyframes float{50%{transform:translateY(-10px) rotate(-2deg)}}@media(max-width:650px){.logistics-photo img{height:200px}}
/* Best Choice product division shell */
:root { --sidebar-width: 318px; }
body { overflow-x: hidden; }
.page { margin-left: var(--sidebar-width); transition: margin .35s cubic-bezier(.2,.8,.2,1); }
.page header .brand { opacity: 0; pointer-events: none; }
.nav-closed .page header .brand { opacity: 1; pointer-events: auto; }
.side-nav { position: fixed; inset: 0 auto 0 0; z-index: 80; width: var(--sidebar-width); padding: 30px 20px; background: #0b0d10; color: #fff; border-right: 1px solid #2b3037; display: flex; flex-direction: column; transition: transform .35s cubic-bezier(.2,.8,.2,1); }
.side-brand { display: flex; align-items: center; gap: 13px; font-weight: 900; letter-spacing: .05em; font-size: 18px; margin: 6px 8px 54px; }
.side-brand small, .brand small { display: block; font-size: 9px; letter-spacing: .28em; margin-top: 5px; }
.side-nav > p { color: #aeb5c0; letter-spacing: .18em; font-size: 10px; margin: 0 12px 14px; }
.side-nav nav { display: grid; gap: 10px; }
.division { width: 100%; display: grid; grid-template-columns: 42px 1fr; gap: 10px; align-items: start; text-align: left; padding: 16px 12px; border: 1px solid #2d3239; background: #11151a; color: #fff; cursor: pointer; transition: .22s ease; }
.division i { color: #baff39; font: 800 12px/1.4 monospace; font-style: normal; }
.division span { font-weight: 800; font-size: 14px; line-height: 1.25; }
.division small { display: block; color: #939ba8; font-weight: 500; font-size: 11px; line-height: 1.45; margin-top: 6px; }
.division:hover, .division.active { transform: translateX(4px); border-color: #baff39; background: #191f24; }
.division.active span { color: #baff39; }
.admin-link { margin: auto 10px 2px; color: #baff39; font-size: 12px; text-decoration: none; }
.nav-toggle { position: fixed; z-index: 100; left: 278px; top: 18px; width: 122px; height: 42px; padding: 0 14px; border: 1px solid #394048; background: #11151a; color: #fff; display: flex; align-items: center; gap: 4px; cursor: pointer; transition: left .35s cubic-bezier(.2,.8,.2,1); }
.nav-toggle span { width: 3px; height: 16px; background: #baff39; display: block; }
.nav-toggle b { margin-left: 7px; font-size: 12px; }
.nav-closed .side-nav { transform: translateX(-100%); }
.nav-closed .page { margin-left: 0; }
.nav-closed .nav-toggle { left: 18px; }
.header-cta { border: 1px solid currentColor; padding: 10px 14px; text-decoration: none; font-size: 12px; font-weight: 800; }
.empty-division { min-height: 370px; border: 1px solid #30353d; padding: clamp(35px, 7vw, 88px); background: linear-gradient(135deg,#11151a,#181d22); }
.empty-division span { color: #baff39; letter-spacing: .2em; font-size: 11px; }
.empty-division h3 { font-size: clamp(28px,5vw,58px); max-width: 820px; margin: 18px 0; }
.empty-division p { max-width: 620px; color: #b8bec8; margin-bottom: 30px; }
@media (max-width: 980px) {
  :root { --sidebar-width: min(86vw,318px); }
  .side-nav { transform: translateX(-100%); }
  .page { margin-left: 0; }
  .nav-toggle { left: 14px; top: 13px; }
  body:not(.nav-closed) .side-nav { transform: translateX(0); box-shadow: 25px 0 70px #000b; }
  body:not(.nav-closed) .nav-toggle { left: min(calc(86vw - 42px),276px); }
  header { padding-left: 148px; }
  .page header .brand { opacity: 1; pointer-events: auto; }
}
@media (max-width: 620px) { header nav, .header-cta { display:none; } header { padding-left: 140px; } .nav-toggle { width: 112px; } }

/* Flat storefront with a compact, collapsible top product navigation. */
:root { --sidebar-width: 0px; }
.page, .nav-closed .page { margin-left: 0; }
.page header .brand, .nav-closed .page header .brand { opacity: 1; pointer-events: auto; }
.side-nav {
  position: sticky; inset: auto; top: 0; z-index: 70; width: 100%;
  padding: 12px 4.5%; background: #fff; color: var(--text);
  border: 0; border-bottom: 1px solid var(--line);
  display: flex; flex-direction: row; align-items: center; gap: 22px;
  transform: none; box-shadow: 0 8px 24px rgba(20,39,78,.06);
}
.side-brand { display: none; }
.side-nav > p { flex: 0 0 auto; color: var(--muted); margin: 0; }
.side-nav nav { flex: 1; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }
.division { display: flex; gap: 10px; align-items: center; padding: 12px 15px; background: #f7f9fc; color: var(--text); border: 1px solid var(--line); }
.division i { color: var(--accent); }
.division span { font-size: 13px; }
.division small { display: none; }
.division:hover, .division.active { transform: none; border-color: var(--accent); background: var(--accent); color: #fff; }
.division.active span, .division:hover i, .division.active i { color: #fff; }
.admin-link { flex: 0 0 auto; margin: 0; color: var(--accent); }
.nav-toggle, .nav-closed .nav-toggle { position: static; width: auto; height: 42px; padding: 0 13px; border-color: var(--line); background: #fff; color: var(--text); }
.nav-toggle span { background: var(--accent); }
.nav-closed .side-nav { display: none; transform: none; }
.product-photo { height: 190px; aspect-ratio: auto; padding: 10px; }
.product-photo img { width: 100%; height: 100%; object-fit: contain; transition: none; }
.product:hover img { transform: none; }
.product-body { padding-bottom: 5px; }
.product-body > p:not(.cn) { display: none; }
.product .cn { min-height: 1.5em; }
.empty-division { background: #fff; border-color: var(--line); }
.empty-division span { color: var(--accent); }
.empty-division p { color: var(--muted); }
@media (max-width: 980px) {
  .side-nav { position: static; padding: 12px 5%; transform: none; box-shadow: none; }
  body:not(.nav-closed) .side-nav { transform: none; box-shadow: none; }
  .side-nav > p { display: none; }
  .side-nav nav { grid-template-columns: 1fr; }
  .admin-link { display: none; }
  header { padding-left: 5%; }
  .nav-toggle, body:not(.nav-closed) .nav-toggle { position: static; }
}
@media (max-width: 650px) {
  header { padding-left: 5%; }
  .nav-toggle { width: 44px; }
  .nav-toggle b { display: none; }
  .product-photo { height: 132px; padding: 6px; }
}