/* NIHARO EV - White showroom homepage v4 */
body[data-theme="showroom-v4"]{
  --green:#58bd00;
  --green-dark:#359600;
  --ink:#0b0e0c;
  --muted-ink:#3f4742;
  --soft:#f5f8f5;
  --border:#e1e7e2;
  background:#fff;
  color:var(--ink);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
body[data-theme="showroom-v4"] .noise,
body[data-theme="showroom-v4"] .announcement{display:none!important}
body[data-theme="showroom-v4"] .utility-bar{
  height:34px;padding:0 clamp(30px,4vw,70px);background:#fff;border-bottom:1px solid #e9edea;
  display:flex;align-items:center;justify-content:space-between;color:#202620;font-size:12px;position:relative;z-index:102
}
body[data-theme="showroom-v4"] .utility-right{margin-left:auto;display:flex;align-items:center;gap:26px}
body[data-theme="showroom-v4"] .utility-right a{white-space:nowrap}
body[data-theme="showroom-v4"] .utility-right #topWa{color:#43a900}
body[data-theme="showroom-v4"] .utility-right a[aria-label]{font-size:16px;font-weight:800;color:#171b18}
body[data-theme="showroom-v4"] .site-header{
  height:72px;top:0;padding:0 clamp(30px,4vw,70px);background:#fff;border-bottom:1px solid #e7ece8;
  box-shadow:0 8px 22px rgba(26,55,36,.045);backdrop-filter:none
}
body[data-theme="showroom-v4"] .brand{width:306px;height:70px;overflow:visible;display:flex;align-items:center}
body[data-theme="showroom-v4"] .brand img{width:286px;height:auto;transform:none;mix-blend-mode:normal}
body[data-theme="showroom-v4"] .desktop-nav{gap:31px}
body[data-theme="showroom-v4"] .desktop-nav a,
body[data-theme="showroom-v4"] .nav-compare{
  position:relative;border:0;background:transparent;padding:27px 0 25px;color:#101410;font-size:13px;font-weight:690;cursor:pointer
}
body[data-theme="showroom-v4"] .desktop-nav a:hover,
body[data-theme="showroom-v4"] .desktop-nav .active,
body[data-theme="showroom-v4"] .nav-compare:hover{color:#3fa700}
body[data-theme="showroom-v4"] .desktop-nav .active:after{
  content:"";position:absolute;left:0;right:0;bottom:16px;height:2px;background:#55ba00
}
body[data-theme="showroom-v4"] .header-actions .btn-primary{
  border-radius:6px;padding:13px 22px;background:linear-gradient(180deg,#69cd05,#51ad00);color:#fff;
  box-shadow:0 10px 26px rgba(70,170,0,.22);font-size:12px;text-transform:uppercase;letter-spacing:.01em
}
body[data-theme="showroom-v4"] .calendar-icon{font-size:16px}
body[data-theme="showroom-v4"] .menu-toggle span{background:#101410}

body[data-theme="showroom-v4"] .hero-showroom{
  min-height:610px;height:auto;padding-top:0;padding-bottom:158px;display:grid;
  grid-template-columns:minmax(430px,.78fr) minmax(700px,1.32fr);gap:18px;align-items:center;
  background:
    radial-gradient(circle at 65% 45%,rgba(89,189,0,.09),transparent 28%),
    linear-gradient(105deg,#fff 0%,#fff 34%,#f9fbfa 72%,#f5f8f6 100%);
  border-bottom:1px solid #e6ebe7;overflow:hidden;position:relative
}
body[data-theme="showroom-v4"] .hero-showroom:before{
  content:"";position:absolute;inset:0;background:
  linear-gradient(112deg,transparent 0 72%,rgba(184,193,187,.18) 72.1% 72.25%,transparent 72.35%),
  linear-gradient(121deg,transparent 0 77%,rgba(184,193,187,.14) 77.1% 77.25%,transparent 77.35%),
  linear-gradient(133deg,transparent 0 83%,rgba(184,193,187,.12) 83.1% 83.25%,transparent 83.35%);
  pointer-events:none
}
body[data-theme="showroom-v4"] .hero-copy{align-self:center;padding:32px 0 34px 0;z-index:5}
body[data-theme="showroom-v4"] .hero-copy .eyebrow{display:none}
body[data-theme="showroom-v4"] .hero-copy h1{
  margin:0;max-width:620px;color:#090c0a;font-family:"Arial Narrow","Helvetica Neue Condensed",Impact,sans-serif;
  font-size:clamp(54px,4.25vw,75px);line-height:1.03;letter-spacing:-.035em;font-weight:900
}
body[data-theme="showroom-v4"] .hero-copy h1 span{color:#58bd00}
body[data-theme="showroom-v4"] .hero-kicker{margin:18px 0 0;font-size:15px;letter-spacing:.025em;color:#1e2420;font-weight:500}
body[data-theme="showroom-v4"] .hero-text{margin:19px 0 27px;color:#3d4540;font-size:15px;line-height:1.65;max-width:555px}
body[data-theme="showroom-v4"] .hero-actions{display:flex;gap:24px;align-items:center}
body[data-theme="showroom-v4"] .hero-actions .btn{min-height:48px;border-radius:6px;padding:13px 24px;font-size:12px;letter-spacing:.01em}
body[data-theme="showroom-v4"] .hero-actions .btn-primary{background:linear-gradient(180deg,#67cc05,#51ae00);color:#fff}
body[data-theme="showroom-v4"] .btn-outline{background:#fff;color:#151a16;border:1px solid #58bd00;box-shadow:none}
body[data-theme="showroom-v4"] .btn-outline:hover{background:#f4faef}

body[data-theme="showroom-v4"] .hero-visual{
  min-height:450px;height:100%;margin:0;display:flex;align-items:center;justify-content:center;position:relative;z-index:2
}
body[data-theme="showroom-v4"] .hero-visual:after{
  content:"";position:absolute;left:18%;right:5%;bottom:15%;height:52px;background:radial-gradient(ellipse,rgba(37,68,48,.18),transparent 68%);filter:blur(11px);z-index:0
}
body[data-theme="showroom-v4"] .hero-architecture{
  position:absolute;right:-8%;top:-16%;width:82%;height:122%;border-radius:42% 0 0 42%;
  background:radial-gradient(ellipse at 38% 50%,rgba(255,255,255,.95),rgba(247,249,248,.64) 48%,transparent 70%);
  border-left:1px solid rgba(180,190,184,.22);transform:skewX(-9deg);z-index:-1
}
body[data-theme="showroom-v4"] .hero-skyline{
  position:absolute;left:3%;right:8%;bottom:22%;height:135px;opacity:.25;z-index:-1;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 900 150'%3E%3Cg fill='%23d3dad5'%3E%3Cpath d='M0 140h40V94h28v46h28V68h38v72h22v-30h30v30h31V51h50v89h23v-62h33v62h27V36h53v104h31v-49h38v49h23V65h42v75h33v-95h55v95h31v-45h43v45h42v-72h48v72h55v10H0z'/%3E%3C/g%3E%3C/svg%3E");
  background-size:100% 100%;background-repeat:no-repeat
}
body[data-theme="showroom-v4"] #heroModelImage{
  position:relative;z-index:2;width:min(100%,940px);height:430px;object-fit:contain;object-position:center;
  filter:drop-shadow(0 23px 22px rgba(25,55,36,.13));transform:translate(1%,8px);transition:opacity .25s ease,transform .35s ease
}
body[data-theme="showroom-v4"] #heroModelImage.switching{opacity:0;transform:translate(5%,8px) scale(.985)}
body[data-theme="showroom-v4"] .hero-hidden-meta{display:none}
body[data-theme="showroom-v4"] .hero-switcher{position:absolute;left:50%;bottom:21px;transform:translateX(-50%);display:flex;gap:10px;z-index:4}
body[data-theme="showroom-v4"] .hero-switcher button{width:10px;height:10px;border-radius:50%;background:#aeb5b0;border:0;padding:0}
body[data-theme="showroom-v4"] .hero-switcher button.active{width:22px;border-radius:99px;background:#58bd00}
body[data-theme="showroom-v4"] .hero-arrow{
  position:absolute;top:49%;z-index:12;width:46px;height:46px;border-radius:50%;border:1px solid #e0e6e2;background:rgba(255,255,255,.92);
  color:#1b211d;font-size:36px;line-height:1;display:grid;place-items:center;cursor:pointer;box-shadow:0 9px 22px rgba(30,50,38,.08)
}
body[data-theme="showroom-v4"] .hero-prev{left:10px}body[data-theme="showroom-v4"] .hero-next{right:20px}
body[data-theme="showroom-v4"] .hero-arrow:hover{border-color:#58bd00;color:#58bd00}

body[data-theme="showroom-v4"] .hero-trust{
  position:absolute;left:5.5%;right:10.6%;bottom:18px;z-index:9;max-width:none;margin:0;padding:15px 15px 27px;
  display:grid;grid-template-columns:repeat(7,1fr);gap:0;background:rgba(255,255,255,.97);border:1px solid #e0e6e2;border-radius:18px;
  box-shadow:0 15px 38px rgba(30,55,39,.12)
}
body[data-theme="showroom-v4"] .hero-trust>div{min-width:0;text-align:center;padding:0 15px 3px;border-right:1px solid #e2e7e3;display:flex;flex-direction:column;align-items:center}
body[data-theme="showroom-v4"] .hero-trust>div:last-of-type{border-right:0}
body[data-theme="showroom-v4"] .hero-trust .spec-icon{height:30px;color:#59bd00;font-size:30px;line-height:29px;margin-bottom:7px;font-weight:400}
body[data-theme="showroom-v4"] .hero-trust strong{color:#111511;font-size:14px;line-height:1.25;white-space:nowrap}
body[data-theme="showroom-v4"] .hero-trust small{margin-top:5px;color:#303833;font-size:9px;line-height:1.35;font-weight:520;letter-spacing:.01em}
body[data-theme="showroom-v4"] .range-note{position:absolute;left:0;right:0;bottom:5px;margin:0;text-align:center;color:#5b645f;font-size:9px}

body[data-theme="showroom-v4"] .quick-rail{
  position:fixed;right:13px;top:290px;z-index:96;width:75px;background:#fff;border:1px solid #e3e8e4;border-radius:16px;
  box-shadow:0 15px 35px rgba(28,54,36,.12);overflow:hidden;display:flex;flex-direction:column
}
body[data-theme="showroom-v4"] .quick-rail button,
body[data-theme="showroom-v4"] .quick-rail a{
  min-height:66px;border:0;border-bottom:1px solid #e8ece9;background:#fff;color:#151a16;display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:4px;font-size:10px;cursor:pointer
}
body[data-theme="showroom-v4"] .quick-rail span{font-size:24px;line-height:1;color:#101510}
body[data-theme="showroom-v4"] .quick-rail .quick-wa span,
body[data-theme="showroom-v4"] .quick-rail .quick-wa{color:#45ac00}
body[data-theme="showroom-v4"] .quick-rail .quick-top{min-height:46px;border:0;color:#fff;background:#58bd00;font-size:23px}
body[data-theme="showroom-v4"] .quick-rail button:hover,
body[data-theme="showroom-v4"] .quick-rail a:hover{background:#f5faF1}
body[data-theme="showroom-v4"] .quick-rail .quick-top:hover{background:#48a700}

body[data-theme="showroom-v4"] .models-showcase{
  padding-top:18px;padding-bottom:14px;background:#fff;position:relative;border-bottom:1px solid #e8ece9
}
body[data-theme="showroom-v4"] .compact-heading{text-align:center;margin:0 0 5px}
body[data-theme="showroom-v4"] .compact-heading h2{display:inline-block;margin:0;color:#0c100d;font-size:22px;line-height:1.2;letter-spacing:-.02em;font-weight:850}
body[data-theme="showroom-v4"] .compact-heading span{display:block;width:120px;height:2px;background:#58bd00;margin:5px auto 0}
body[data-theme="showroom-v4"] .models-showcase .models-grid{
  display:grid;grid-template-columns:repeat(9,minmax(128px,1fr));gap:10px;overflow-x:auto;padding:0 0 5px;scrollbar-width:thin
}
body[data-theme="showroom-v4"] .models-showcase .model-card{
  min-width:128px;min-height:184px;height:184px;border-radius:9px;background:#fff;border:1px solid #dfe5e1;box-shadow:0 6px 18px rgba(27,50,34,.055);
  overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,border-color .2s,box-shadow .2s
}
body[data-theme="showroom-v4"] .models-showcase .model-card:before,
body[data-theme="showroom-v4"] .models-showcase .model-card.featured:before{display:none}
body[data-theme="showroom-v4"] .models-showcase .model-card:hover{transform:translateY(-3px);border-color:#a9d586;box-shadow:0 9px 24px rgba(33,70,43,.10)}
body[data-theme="showroom-v4"] .models-showcase .model-card .compact-explore{display:flex;flex-direction:column;width:100%;height:100%;padding:0;border:0;background:#fff;cursor:pointer;color:#111;text-align:left}
body[data-theme="showroom-v4"] .models-showcase .model-image{height:140px;min-height:140px;background:linear-gradient(180deg,#fff,#fbfcfb);padding:4px 7px 0;display:flex;align-items:center;justify-content:center}
body[data-theme="showroom-v4"] .models-showcase .model-image img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 7px rgba(20,45,28,.09))}
body[data-theme="showroom-v4"] .models-showcase .model-card-body{height:43px;padding:0 11px;display:flex;align-items:center;width:100%}
body[data-theme="showroom-v4"] .models-showcase .model-name-row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:5px}
body[data-theme="showroom-v4"] .models-showcase .model-name-row h3{margin:0;font-size:11px;line-height:1;text-transform:uppercase;font-weight:850;color:#111511}
body[data-theme="showroom-v4"] .models-showcase .model-name-row .card-arrow{font-size:19px;font-weight:400}
body[data-theme="showroom-v4"] .models-showcase .compare-btn{display:none}
body[data-theme="showroom-v4"] .view-all-models{
  margin:5px auto 0;width:max-content;min-width:210px;padding:8px 20px;border:1px solid #58bd00;border-radius:5px;color:#4aaa00;background:#fff;font-size:10px;font-weight:800
}
body[data-theme="showroom-v4"] .view-all-models:hover{background:#f4faef}

/* Keep the remaining CMS-driven page sections clean and white */
body[data-theme="showroom-v4"] .tech,
body[data-theme="showroom-v4"] .savings,
body[data-theme="showroom-v4"] .reviews,
body[data-theme="showroom-v4"] .contact{background:#fff}
body[data-theme="showroom-v4"] .dealer{background:#f7faf8}
body[data-theme="showroom-v4"] .footer{background:#111815;color:#fff}
body[data-theme="showroom-v4"] .mobile-menu{background:#fff;color:#111}
body[data-theme="showroom-v4"] .mobile-menu-top button{color:#111}
body[data-theme="showroom-v4"] .mobile-menu>a,
body[data-theme="showroom-v4"] .mobile-compare{border:0;border-bottom:1px solid #e2e7e4;background:transparent;text-align:left;color:#111;font-size:28px;font-weight:800;padding:12px 0}

@media(max-width:1350px){
  body[data-theme="showroom-v4"] .desktop-nav{gap:20px}
  body[data-theme="showroom-v4"] .brand{width:245px}body[data-theme="showroom-v4"] .brand img{width:235px}
  body[data-theme="showroom-v4"] .hero-showroom{grid-template-columns:minmax(390px,.78fr) minmax(600px,1.22fr)}
  body[data-theme="showroom-v4"] .hero-copy h1{font-size:58px}
  body[data-theme="showroom-v4"] .hero-trust{right:8%}
  body[data-theme="showroom-v4"] .models-showcase .models-grid{grid-template-columns:repeat(9,145px)}
}
@media(max-width:1100px){
  body[data-theme="showroom-v4"] .desktop-nav{display:none}
  body[data-theme="showroom-v4"] .menu-toggle{display:block}
  body[data-theme="showroom-v4"] .hero-showroom{grid-template-columns:1fr;min-height:auto;padding-top:42px;padding-bottom:290px}
  body[data-theme="showroom-v4"] .hero-copy{text-align:center;display:flex;align-items:center;padding:0}
  body[data-theme="showroom-v4"] .hero-copy h1{font-size:clamp(48px,8vw,68px)}
  body[data-theme="showroom-v4"] .hero-actions{justify-content:center}
  body[data-theme="showroom-v4"] .hero-visual{min-height:420px}
  body[data-theme="showroom-v4"] #heroModelImage{height:410px}
  body[data-theme="showroom-v4"] .hero-trust{left:4%;right:4%;bottom:20px;grid-template-columns:repeat(4,1fr);padding-bottom:29px}
  body[data-theme="showroom-v4"] .hero-trust>div:nth-child(4){border-right:0}
  body[data-theme="showroom-v4"] .hero-trust>div:nth-child(-n+4){border-bottom:1px solid #e2e7e3;padding-bottom:10px;margin-bottom:10px}
  body[data-theme="showroom-v4"] .quick-rail{display:none}
}
@media(max-width:780px){
  body[data-theme="showroom-v4"] .utility-bar{display:none}
  body[data-theme="showroom-v4"] .site-header{height:68px;padding:0 15px}
  body[data-theme="showroom-v4"] .brand{width:205px;height:62px}body[data-theme="showroom-v4"] .brand img{width:200px}
  body[data-theme="showroom-v4"] .header-actions .btn-primary{display:none}
  body[data-theme="showroom-v4"] .hero-showroom{padding:28px 17px 390px;gap:0}
  body[data-theme="showroom-v4"] .hero-copy h1{font-size:clamp(40px,13vw,58px);line-height:1.01}
  body[data-theme="showroom-v4"] .hero-kicker{font-size:11px}
  body[data-theme="showroom-v4"] .hero-text{font-size:14px;margin:14px 0 20px}
  body[data-theme="showroom-v4"] .hero-actions{gap:9px;width:100%}
  body[data-theme="showroom-v4"] .hero-actions .btn{flex:1;padding:12px 9px;font-size:10px}
  body[data-theme="showroom-v4"] .hero-visual{min-height:315px}
  body[data-theme="showroom-v4"] #heroModelImage{height:300px;width:116%;max-width:none}
  body[data-theme="showroom-v4"] .hero-arrow{top:58%;width:38px;height:38px;font-size:30px}
  body[data-theme="showroom-v4"] .hero-prev{left:3px}body[data-theme="showroom-v4"] .hero-next{right:3px}
  body[data-theme="showroom-v4"] .hero-trust{left:14px;right:14px;grid-template-columns:repeat(2,1fr);padding:13px 6px 28px}
  body[data-theme="showroom-v4"] .hero-trust>div{border-right:1px solid #e2e7e3!important;border-bottom:1px solid #e2e7e3!important;padding:9px 4px;margin:0!important}
  body[data-theme="showroom-v4"] .hero-trust>div:nth-child(even){border-right:0!important}
  body[data-theme="showroom-v4"] .hero-trust>div:last-of-type{grid-column:1/-1;border-right:0!important;border-bottom:0!important}
  body[data-theme="showroom-v4"] .hero-trust strong{font-size:12px}
  body[data-theme="showroom-v4"] .hero-trust .spec-icon{font-size:25px;height:24px}
  body[data-theme="showroom-v4"] .models-showcase{padding-left:14px;padding-right:14px;padding-top:15px}
  body[data-theme="showroom-v4"] .models-showcase .models-grid{grid-template-columns:repeat(9,142px)}
  body[data-theme="showroom-v4"] .models-showcase .model-card{height:178px;min-height:178px}
}
/* desktop alignment refinements against the approved white reference */
body[data-theme="showroom-v4"] .model-filter[hidden]{display:none!important}
@media(min-width:1101px){
  body[data-theme="showroom-v4"] .hero-showroom{grid-template-columns:minmax(535px,.9fr) minmax(620px,1.1fr);min-height:590px;padding-bottom:148px}
  body[data-theme="showroom-v4"] .hero-copy h1{font-size:56px;max-width:650px;white-space:nowrap;line-height:1.07}
  body[data-theme="showroom-v4"] .hero-copy{padding-top:18px}
  body[data-theme="showroom-v4"] .hero-kicker{margin-top:15px}
  body[data-theme="showroom-v4"] .hero-text{margin:16px 0 24px;font-size:14px;max-width:540px}
  body[data-theme="showroom-v4"] #heroModelImage{height:440px;width:min(100%,900px)}
  body[data-theme="showroom-v4"] .hero-trust{left:5.5%;right:5.5%;bottom:13px}
  body[data-theme="showroom-v4"] .models-showcase{padding-top:14px}
  body[data-theme="showroom-v4"] .compact-heading{margin-bottom:4px}
  body[data-theme="showroom-v4"] .models-showcase .model-card{height:178px;min-height:178px}
  body[data-theme="showroom-v4"] .models-showcase .model-image{height:135px;min-height:135px}
}

body[data-theme="showroom-v4"] .models-showcase .model-card-body{height:54px}
body[data-theme="showroom-v4"] .models-showcase .model-rate-line{display:flex;align-items:center;justify-content:space-between;gap:7px;width:100%}
body[data-theme="showroom-v4"] .models-showcase .model-price{font-size:10px;color:#378f00;max-width:48%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right}
body[data-theme="showroom-v4"] .models-showcase .model-name-row{min-width:0}
body[data-theme="showroom-v4"] .detail-price{display:inline-flex;margin:6px 0 14px;padding:8px 13px;border-radius:999px;background:#ecf8e7;color:#287b00;font-size:18px;font-weight:900}
