/* Shared storefront styling for home, catalogue and order confirmation. */
html:has(body.gnh5-page){scrollbar-gutter:stable}
body.gnh5-page{--g5-ink:#14232f;--g5-muted:#64707b;--g5-line:#e4eaf0;--g5-paper:#fff;--g5-blue:#0758c8;--g5-yellow:#ffdb4e;--gnis-site-width:1500px;--gnis-site-gutter:24px;background:var(--g5-paper);color:var(--g5-ink)}
body.gnh5-page :is(.gnh5,.gnis-pro-header,.gnh6-service){font-family:Roboto,"Segoe UI",Arial,sans-serif}
body.gnh5-page #main>:is(.ct-container,.ct-container-full){padding-top:0!important;padding-bottom:0!important}
body.gnh5-page .elementor :is(.e-con,.elementor-widget-wrap):has(.gnh5){padding:0!important;gap:0!important}
body.gnh5-page .elementor-widget-shortcode{margin-bottom:0}
body.gnh5-page .gnh2.gnh5{--ink:var(--g5-ink);--muted:var(--g5-muted);--line:var(--g5-line);--cta:#1c3141;width:min(1500px,calc(100% - 48px));max-width:calc(100% - 48px);margin:0 auto;padding:0;font-size:16px;line-height:1.5}
.gnh5 a{color:inherit}.gnh5 :is(h1,h2,h3){color:var(--g5-ink);font-family:inherit}
.gnh5 :is(a,button,select):focus-visible{outline:3px solid var(--g5-blue);outline-offset:3px}
.gnh5 [hidden]{display:none!important}
.gnh6-service{background:#27313a;color:#eaf0f5;font-size:12px}
.gnh6-service>div{width:min(1500px,calc(100% - 48px));margin:auto;min-height:30px;display:flex;align-items:center;justify-content:space-between}
.gnh6-service span,.gnh6-service nav{display:flex;align-items:center;gap:22px}.gnh6-service span{gap:8px}
.gnh6-service svg{width:16px;height:16px}.gnh6-service a{color:inherit;text-decoration:none}
body.gnh5-page .gnis-pro-header{background:white;box-shadow:none;border:0}
body.gnh5-page .gnis-pro-container{width:min(1500px,calc(100% - 48px))}
body.gnh5-page .gnis-pro-main-row{height:76px}
body.gnh5-page .gnis-pro-main-row .gnis-pro-container{position:relative;gap:34px}
body.gnh5-page .gnis-pro-logo{width:248px;flex-basis:248px;height:54px;display:flex;align-items:center;gap:8px}
.gnh6-brand-icon{width:30px;height:30px;fill:none;stroke:#263440;stroke-width:2.8;stroke-linecap:round;flex-shrink:0}
.gnh6-brand-icon path:first-child{stroke:#ffad20}.gnh6-brand-name{font-size:29px;line-height:1;font-weight:750;letter-spacing:-1.4px;color:#18242e;white-space:nowrap}
body.gnh5-page .gnis-pro-search{flex:1;max-width:760px;margin:auto;min-width:0}
body.gnh5-page .gnism-inline-control{background:#edf2f6;border:1px solid #e8edf2;border-radius:8px;min-height:46px}
body.gnh5-page .gnis-pro-header :is(input[type=search],input[type=text]){background:transparent;border:0;border-radius:8px;font-size:14px}
body.gnh5-page .gnis-pro-actions{gap:24px}
body.gnh5-page .gnis-pro-action{background:transparent;border:0;box-shadow:none}
body.gnh5-page .gnis-pro-cart{border-left:1px solid #e1e7ed;border-radius:0;padding-left:20px}
body.gnh5-page .gnis-pro-categories{position:absolute;left:0;top:76px;height:44px}
body.gnh5-page .gnis-pro-categories>summary{background:transparent;border:0;min-width:210px;height:44px;font-size:14px;font-weight:600;padding:0 8px 0 0}
body.gnh5-page .gnis-pro-nav-row{background:white;border-top:1px solid #edf0f3;border-bottom:1px solid #e4eaf0;height:44px}
body.gnh5-page .gnis-pro-nav-row .gnis-pro-container{padding-left:250px}
body.gnh5-page .gnis-pro-nav{gap:34px}body.gnh5-page .gnis-pro-nav a{font-size:14px;font-weight:500}
body.gnh5-page .gnis-pro-nav a.gnis-pro-sale{color:#d54532}body.gnh5-page .gnis-pro-phone{font-size:13px}
.gnh5 .gnh6-hero{display:grid;grid-template-columns:1.95fr 1fr;grid-template-rows:1fr 1fr;gap:12px;height:clamp(280px,26vw,370px);margin:12px 0 16px}
.gnh6-hero-main,.gnh6-hero-small{position:relative;isolation:isolate;overflow:hidden;border-radius:12px}
.gnh6-hero-main{grid-row:1/3;background:#20292d}
.gnh6-banner{position:absolute;z-index:-1;inset:0;width:100%;height:100%;object-fit:cover}
.gnh6-hero-copy{width:66%;padding:34px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;height:100%}
.gnh5 .gnh6-hero h1{font-size:clamp(31px,3vw,44px);font-weight:700;line-height:1.08;letter-spacing:-.035em;color:#fff;margin:0 0 16px}
.gnh6-hero-copy p{font-size:17px;line-height:1.5;color:#e8ecec;margin:0 0 23px;max-width:340px}
.gnh5 .gnh6-primary{display:inline-flex;gap:27px;align-items:center;justify-content:space-between;min-height:46px;background:var(--g5-yellow);border-radius:8px;padding:11px 18px;color:#202830;font-size:14px;font-weight:650;text-decoration:none}
.gnh6-hero-small{display:flex;align-items:center;text-decoration:none!important;background:#d9e9f2}
.gnh6-hero-small>div{padding:24px;max-width:69%}
.gnh5 .gnh6-hero-small h2{font-size:clamp(22px,2.2vw,30px);line-height:1.12;letter-spacing:-.025em;font-weight:700;margin:0 0 15px}
.gnh6-hero-small span{font-size:14px;font-weight:500}.gnh6-hero-garden{background:#293b28;color:white!important}.gnh5 .gnh6-hero-garden h2{color:white}
.gnh5-categories{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;background:#fff;border-radius:12px;padding:9px 7px 12px;margin:0 0 26px}
.gnh5-categories a{min-width:0;display:flex;flex-direction:column;gap:9px;align-items:center;text-align:center;text-decoration:none;font-size:14px;font-weight:600}
.gnh5-categories img{width:100%;height:94px;padding:5px 18px;background:#f0f4f7;object-fit:contain;border-radius:10px;transition:background .16s}
.gnh5-categories a:hover img{background:#e5edf5}
.gnh5 .gnh2-block{margin:28px 0;scroll-margin-top:135px}
.gnh5 .gnh2-section-head{display:flex;align-items:center;gap:24px;margin-bottom:17px}
.gnh5 .gnh2-section-head h2{font-size:clamp(23px,2.1vw,29px);font-weight:700;letter-spacing:-.025em;line-height:1.25;margin:0}
.gnh5 .gnh6-see-all{margin-left:auto;font-size:14px;font-weight:500;white-space:nowrap;color:var(--g5-blue);text-decoration:none}
.gnh6-collection-tabs{display:flex;gap:8px;align-items:center}
.gnh6-collection-tabs a{padding:8px 15px;background:#e7eef4;border-radius:24px;font-size:13px;text-decoration:none;white-space:nowrap}
.gnh6-collection-tabs .is-active{background:var(--g5-yellow);font-weight:600}
.gnh5 .gnh2-product-slider{position:relative}
.gnh5 .gnh2-products{overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#cbd6df transparent;scroll-snap-type:x mandatory;padding-bottom:8px}
.gnh5 .gnis-card-shortcode{width:100%;margin:0}
.gnh5 .gnh2-products .gnis-card-shortcode .gnis-grid{display:grid!important;grid-auto-flow:column!important;grid-auto-columns:calc((100% - 56px)/5)!important;grid-template-columns:none!important;grid-template-rows:auto!important;gap:14px!important;width:100%!important}

.gnh5 .gnh2-slider-nav{position:absolute;top:45%;z-index:3;width:32px;height:32px;min-height:0;padding:0;border:1px solid #dbe4ec;border-radius:50%;background:white;color:#263848;font-size:23px;line-height:1;box-shadow:0 2px 8px #16334b12}
.gnh5 .gnh2-slider-prev{left:-16px}.gnh5 .gnh2-slider-next{right:-16px}

@media(max-width:1250px){
body.gnh5-page .gnis-pro-logo{width:205px;flex-basis:205px}.gnh6-brand-name{font-size:26px}
body.gnh5-page .gnis-pro-main-row .gnis-pro-container{gap:20px}body.gnh5-page .gnis-pro-phone{display:none}
body.gnh5-page .gnis-pro-nav{gap:25px}.gnh6-hero-copy{padding:27px}.gnh6-hero-small>div{padding:21px}

.gnh6-collection-tabs a{padding:7px 11px}

}
@media(max-width:1024px){
.gnh6-service{display:none}body.gnh5-page .gnis-pro-mobile{background:white;padding:0 12px 12px}
body.gnh5-page .gnis-pro-mobile-top{grid-template-columns:minmax(0,1fr) auto 34px;gap:12px;min-height:67px}
body.gnh5-page .gnis-pro-mobile-logo{grid-column:1;grid-row:1;display:flex;align-items:center;justify-content:flex-start;gap:6px;width:auto}
body.gnh5-page .gnis-pro-mobile-actions{grid-column:2;grid-row:1}
body.gnh5-page .gnis-pro-mobile-button{grid-column:3;grid-row:1}
.gnh6-brand-name{font-size:25px}.gnh6-brand-icon{width:25px;height:25px}
.gnh5 .gnh6-hero{height:295px;grid-template-columns:1.8fr 1fr}.gnh5 .gnh6-hero h1{font-size:32px}
.gnh6-hero-copy{width:70%;padding:23px}.gnh6-hero-copy p{font-size:15px}.gnh5 .gnh6-hero-small h2{font-size:23px}
.gnh6-hero-small>div{padding:18px;max-width:75%}.gnh5-categories{gap:10px}.gnh5-categories img{height:84px;padding:6px 12px}
.gnh6-collection-tabs{display:none}.gnh5 .gnh2-products .gnis-card-shortcode .gnis-grid{grid-auto-columns:calc((100% - 42px)/4)!important}

}
@media(max-width:700px){
body.gnh5-page .gnh2.gnh5{width:calc(100% - 24px);max-width:calc(100% - 24px)}
.gnh5 .gnh6-hero{height:auto;grid-template-columns:1fr 1fr;grid-template-rows:230px 135px;gap:10px;margin:12px 0}
.gnh6-hero-main{grid-column:1/3;grid-row:1}.gnh6-hero-copy{padding:19px;width:67%}
.gnh5 .gnh6-hero h1{font-size:clamp(25px,6.7vw,32px);margin-bottom:12px}
.gnh6-hero-copy p{font-size:14px;line-height:1.45;margin-bottom:18px;max-width:200px}
.gnh5 .gnh6-primary{min-height:42px;padding:10px 13px;gap:18px;font-size:14px}
.gnh6-hero-small>div{padding:15px;max-width:88%}.gnh5 .gnh6-hero-small h2{font-size:20px;margin-bottom:14px}.gnh6-hero-small span{font-size:12px}
.gnh6-hero-small .gnh6-banner{object-position:55% center}
.gnh5-categories{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 24px)/4);gap:8px;padding:8px 0 10px;overflow-x:auto;scrollbar-width:none;border-radius:9px;margin-bottom:20px}
.gnh5-categories a{font-size:12px;gap:7px;line-height:1.3}.gnh5-categories img{height:74px;padding:7px 9px}
.gnh5 .gnh2-block{margin:21px 0;scroll-margin-top:100px}.gnh5 .gnh2-section-head{gap:10px;margin-bottom:13px}
.gnh5 .gnh2-section-head h2{font-size:22px}.gnh5 .gnh6-see-all{font-size:12px}
.gnh5 .gnh2-products .gnis-card-shortcode .gnis-grid{grid-auto-columns:calc((100% - 10px)/2)!important;grid-template-rows:auto!important;gap:10px!important}

.gnh5 .gnh2-slider-nav{display:none!important}.gnh5 .gnh2-products{scrollbar-width:none;padding-bottom:3px}

}

/* Subtle merchandising motion: images respond without moving text or controls. */
.gnh5 .gnh6-slide .gnh6-banner,
.gnh5 .gnh6-hero-small .gnh6-banner,
.gnh5 .gnh11-ronix-product{transition:transform .55s cubic-bezier(.2,.75,.22,1)}
@media(hover:hover) and (pointer:fine){
.gnh5 .gnh6-hero-main:hover .gnh6-slide.is-active .gnh6-banner{transform:scale(1.018)}
.gnh5 .gnh6-hero-main:hover .gnh11-ronix-product{transform:scale(1.035) translateY(-2px)}
.gnh5 .gnh6-hero-small:hover .gnh6-banner{transform:scale(1.045)}
}
@media(prefers-reduced-motion:reduce){
.gnh5 .gnh6-slide .gnh6-banner,.gnh5 .gnh6-hero-small .gnh6-banner,.gnh5 .gnh11-ronix-product{transition:none}
body.gnh5-page #gnh2-wizard .gnh5-wizard-results.is-attention{animation:none}
}
@media(max-width:360px){.gnh6-brand-name{font-size:22px}.gnh6-brand-icon{width:22px;height:22px}.gnh5 .gnh6-hero{grid-template-rows:224px 128px}.gnh5 .gnh6-hero-small h2{font-size:18px}.gnh6-hero-small>div{padding:12px}

}
@media(prefers-reduced-motion:reduce){.gnh5 *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Keep the existing carousel's scroll target and shared card actions. */
.gnh5 .gnh2-products{overflow:visible}
.gnh5 .gnh2-products .gnis-card-shortcode .gnis-grid{overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#cbd6df transparent;padding:0 0 8px!important;margin:0!important}

@media(max-width:700px){
.gnh5 .gnh2-products .gnis-card-shortcode .gnis-grid{scrollbar-width:none}

}

/* v0.8.1 — match the supplied composition and remove inherited spacing. */
body.gnh5-page{--gnis-site-width:1920px;--gnis-site-gutter:16px}
body.gnh5-page .gnh2.gnh5,body.gnh5-page .gnis-pro-container,.gnh6-service>div{width:calc(100% - 32px);max-width:1920px;margin-left:auto;margin-right:auto}
body.gnh5-page .gnis-pro-nav a{position:relative;padding:0 4px;background:none;border-radius:0;transition:color .15s}
body.gnh5-page .gnis-pro-nav a:hover,body.gnh5-page .gnis-pro-nav a:focus-visible{background:transparent;color:#0758c8;text-decoration:none;box-shadow:none}
body.gnh5-page .gnis-pro-nav a::after{content:'';position:absolute;bottom:7px;left:4px;right:4px;height:2px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .16s}
body.gnh5-page .gnis-pro-nav a:hover::after{transform:scaleX(1)}
body.gnh5-page .gnis-pro-nav a:focus-visible{outline:2px solid #0758c8;outline-offset:2px}
body.gnh5-page .gnis-pro-nav .gnis-pro-ronix{min-height:30px;padding:0 8px;border-radius:0;background:transparent;color:#394452;box-shadow:none}
body.gnh5-page .gnis-pro-nav .gnis-pro-ronix strong{color:#c8212d}
body.gnh5-page .gnis-pro-nav .gnis-pro-ronix::after{display:none}
body.gnh5-page .gnis-pro-nav .gnis-pro-ronix:hover,body.gnh5-page .gnis-pro-nav .gnis-pro-ronix:focus-visible{background:#fff4f5;color:#202c36;box-shadow:none;transform:none}
.gnh6-category-art{display:flex;align-items:center;justify-content:center;width:100%;height:94px;background:#edf2f6;border-radius:9px;isolation:isolate;overflow:hidden}
.gnh5-categories .gnh6-category-art img{background:transparent!important;mix-blend-mode:multiply;max-width:100%;height:100%;border-radius:0}
.gnh5-categories a:hover .gnh6-category-art{background:#e5edf3}
.gnh6-slide{position:absolute;inset:0;isolation:isolate}
.gnh5 .gnh6-hero-main .gnh6-hero-copy{padding-bottom:53px}
.gnh5 .gnh6-hero-copy h2{font-size:clamp(31px,3vw,44px);font-weight:700;line-height:1.08;letter-spacing:-.035em;color:white;margin:0 0 16px}
.gnh5 .gnh6-slide--light :is(h2,p){color:#163248}
.gnh6-slide-controls{position:absolute;left:33px;bottom:12px;display:flex;align-items:center;gap:9px;z-index:3}
.gnh5 .gnh6-slide-controls button{display:grid;place-items:center;width:28px;min-width:0;height:28px;min-height:0;line-height:1;padding:0;border:1px solid #ffffff50;border-radius:50%;background:#172a3db3;color:white;font-size:19px;cursor:pointer}
.gnh6-slide-dots{display:flex;align-items:center;gap:6px}
.gnh5 .gnh6-slide-dots button{width:7px;height:7px;background:#ffffff85;border:0;position:relative}
.gnh5 .gnh6-slide-dots button::before{content:'';position:absolute;inset:-8px}
.gnh5 .gnh6-slide-dots button[aria-pressed=true]{width:22px;border-radius:8px;background:#ffdb4e}
.gnh5 .gnh6-slide-controls [data-gnh6-pause]{font-size:12px;margin-left:4px}
.gnh5 .gnh6-primary{display:inline-flex;align-items:center;justify-content:center;line-height:1.2;gap:16px}
.gnh5 .gnh6-primary>span{display:inline-flex;align-items:center;justify-content:center;line-height:1}

@media(max-width:1024px){

.gnh6-category-art{height:84px}
}
@media(max-width:700px){
body.gnh5-page .gnh2.gnh5{width:calc(100% - 24px);max-width:none}
.gnh6-category-art{height:74px}
.gnh5 .gnh6-hero-main .gnh6-hero-copy{padding-bottom:44px}
.gnh5 .gnh6-hero-copy h2{font-size:clamp(25px,6.7vw,32px);margin-bottom:12px}
.gnh6-slide-controls{left:18px;bottom:10px;gap:7px}.gnh5 .gnh6-slide-controls button{width:24px;height:24px}
.gnh5 .gnh6-slide-dots button{width:6px;height:6px}.gnh5 .gnh6-slide-dots button[aria-pressed=true]{width:19px}

.gnh5 .gnh2-slider-nav{display:flex!important;align-items:center;justify-content:center;width:25px;height:25px;min-height:25px;top:61px;border:1px solid #d2dfe9;background:#ffffffed;box-shadow:0 2px 5px #17334712;font-size:20px;border-radius:50%;padding:0;line-height:1}
.gnh5 .gnh2-slider-nav::after{content:'';position:absolute;inset:-7px}
.gnh5 .gnh2-slider-prev{left:-7px}.gnh5 .gnh2-slider-next{right:-7px}

}


/* v0.8.2: one width and one column rule for every product track. */
body.gnh5-page .gnh5 :is(.gnh2-block,.gnh2-products,.gnh2-product-slider,.gnis-card-shortcode){width:100%!important;max-width:none!important;min-width:0!important;margin-left:0!important;margin-right:0!important;box-sizing:border-box}
body.gnh5-page .gnh5 .gnh2-products .gnis-card-shortcode .gnis-grid,
body.gnh5-page .gnh5 .gnh2-products .gnis-card-shortcode .gnis-grid[data-gnh2-count]{display:grid!important;grid-template-columns:none!important;grid-template-rows:auto!important;grid-auto-flow:column!important;grid-auto-columns:calc((100% - 56px)/5)!important;gap:14px!important;width:100%!important;max-width:none!important}

.gnh5 .gnh2-slider-nav{display:flex;align-items:center;justify-content:center}
.gnh5 :is(.gnh2-slider-nav,.gnh6-slide-controls button) svg,.gnh6-back-top svg{display:block;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.gnh5 .gnh2-slider-prev{left:5px}.gnh5 .gnh2-slider-next{right:5px}

body.gnh5-page .gnis-pro-mega{width:min(1040px,calc(100vw - 32px));max-height:calc(100dvh - 155px);border:1px solid #d4e0e9;border-radius:0 0 14px 14px;box-shadow:0 22px 60px #142d4933;top:100%;overflow:auto;background:#fff}
body.gnh5-page .gnis-pro-mega::before{display:none}
body.gnh5-page .gnis-pro-mega-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 24px;min-height:60px;background:#fff;border-bottom:1px solid #e1e9ef}
body.gnh5-page .gnis-pro-mega-head strong{font-size:16px;font-weight:650;letter-spacing:-.015em;color:#274b64}
body.gnh5-page .gnis-pro-mega-head>a{display:inline-flex;gap:10px;align-items:center;font-size:13px;color:#326c90;text-decoration:none;padding:6px 0}
body.gnh5-page .gnis-pro-mega-head>a:hover{color:#0b5d8b;text-decoration:underline;text-underline-offset:4px}
body.gnh5-page .gnis-pro-mega-body{grid-template-columns:268px minmax(0,1fr);min-height:350px}
body.gnh5-page .gnis-pro-mega-primary{background:#193b51;border:0;padding:14px 10px;gap:4px;align-content:start}
body.gnh5-page .gnis-pro-mega-primary .gnis-pro-mega-parent{position:relative;display:flex;align-items:center;justify-content:flex-start;gap:12px;min-height:54px;padding:9px 13px;font-size:14px;font-weight:500;border:0;border-radius:6px;background:none;color:#dce8f0;transition:background .18s,color .18s;box-shadow:none}
body.gnh5-page .gnis-pro-mega-parent>svg{width:14px;height:14px;margin-left:auto;flex-shrink:0;opacity:.6}
body.gnh5-page .gnis-pro-mega-primary .gnis-pro-mega-parent:is(:hover,.is-active,:focus-visible){background:#2a526c;color:#fff;box-shadow:none}
body.gnh5-page .gnis-pro-mega-primary .gnis-pro-mega-parent.is-active::before{content:'';position:absolute;left:0;top:14px;bottom:14px;width:3px;border-radius:2px;background:#edbc51}
body.gnh5-page .gnis-pro-mega-parent:focus-visible{outline:2px solid #8fc5e4!important;outline-offset:-2px}
body.gnh5-page .gnh10-menu-icon{display:grid;place-items:center;width:28px;height:28px;flex:0 0 28px;color:#a9c8db}
body.gnh5-page .gnh10-menu-icon svg{display:block;width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6}
body.gnh5-page .gnis-pro-mega-secondary{padding:24px 28px;max-height:none;overflow:visible;background:#fff}
body.gnh5-page .gnis-pro-mega-panel-head{margin-bottom:18px;padding:0 0 18px;border-bottom:1px solid #e2ebf1;gap:20px}
body.gnh5-page .gnis-pro-mega-panel-head small{font-size:11px;letter-spacing:.08em;color:#6c8596;margin-bottom:6px}
body.gnh5-page .gnis-pro-mega-panel-head strong{font-size:25px;letter-spacing:-.03em;font-weight:650;color:#193b51}
body.gnh5-page .gnis-pro-mega-panel-head>a{font-size:13px;min-height:36px;padding:8px 12px;border:1px solid #cbdde9;border-radius:6px;background:#fff;color:#245d7e}
body.gnh5-page .gnis-pro-mega-panel-head>a:hover{background:#edf5fa;color:#0c6995}
body.gnh5-page .gnis-pro-mega-secondary .gnis-pro-mega-children{gap:4px 24px;margin-top:0}
body.gnh5-page .gnis-pro-mega-secondary .gnis-pro-mega-children a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:10px 8px;border:0;border-bottom:1px solid #edf2f6;border-radius:0;background:none;font-size:14px;font-weight:450;line-height:1.4;color:#35566c;transition:color .18s,background .18s}
body.gnh5-page .gnis-pro-mega-secondary .gnis-pro-mega-children a>svg{width:13px;height:13px;color:#89a5b7}
body.gnh5-page .gnis-pro-mega-secondary .gnis-pro-mega-children a:is(:hover,:focus-visible){background:#edf5fa;color:#096d98}
body.gnh5-page .gnis-pro-mega-adapter-actions{gap:14px;margin-top:20px}
body.gnh5-page .gnis-pro-mega-adapter-action{padding:18px 15px;border:1px solid #d2e2ed;border-radius:9px;background:#f0f6fa;color:#294e68;box-shadow:none;transform:none}
body.gnh5-page .gnis-pro-mega-adapter-action:hover{background:#e3f0f8;border-color:#9bbfd6;transform:none;box-shadow:none}
body.gnh5-page .gnis-pro-mega-adapter-icon{width:32px;height:32px;background:none;color:#3a789d}
body.gnh5-page .gnis-pro-mega-adapter-action strong{font-size:14px;font-weight:650}
body.gnh5-page .gnis-pro-mega-adapter-action small{font-size:12px;line-height:1.5;margin-top:6px;color:#688194}
body.gnh5-page .gnis-pro-categories>summary{transition:color .18s,background .18s;border-radius:6px}
body.gnh5-page .gnis-pro-categories[open]>summary,body.gnh5-page .gnis-pro-categories>summary:hover{color:#155e88;background:#edf4f8}

body.gnh5-page .gnis-pro-drawer{background:#f3f7fa}
body.gnh5-page .gnis-pro-drawer-category{margin-bottom:8px;border:1px solid #e0eaf1;border-radius:10px;background:white;overflow:hidden}
body.gnh5-page .gnis-pro-drawer-category :is(summary,>a){min-height:50px;font-size:15px}
body.gnh5-page .gnis-pro-drawer-children a{font-size:14px;padding:12px 16px}
body.gnh5-page .gnis-help-footer{position:relative;isolation:isolate;overflow:hidden;margin-top:48px;padding:0 16px;background:#142d40;color:#c6d6e1;border:0;font-family:Roboto,"Segoe UI",Arial,sans-serif}
body.gnh5-page .gnis-help-footer::before{content:'';position:absolute;z-index:-1;width:700px;height:700px;top:-360px;right:-100px;border-radius:50%;background:radial-gradient(circle,#287fb24a,transparent 68%);pointer-events:none;transform:translate(var(--footer-x,0px),var(--footer-y,0px));transition:transform .8s ease-out}
body.gnh5-page .gnis-help-footer__inner{width:100%;max-width:1920px;margin:auto;padding:0 28px}
.gnh6-footer-intro{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:44px 0 35px;border-bottom:1px solid #ffffff1c}
.gnh6-footer-intro>div>span{color:#98bdcf;font-size:12px;letter-spacing:.12em;font-weight:600}
body.gnh5-page .gnh6-footer-intro h2{font-size:clamp(28px,3.2vw,46px);letter-spacing:-.035em;line-height:1.12;color:#fff;margin:13px 0 0}
body.gnh5-page .gnh6-footer-intro>a{display:flex;align-items:center;justify-content:space-between;gap:34px;min-height:48px;padding:12px 20px;border-radius:9px;background:#ffdc57;color:#173042;font-size:16px;font-weight:600;text-decoration:none}
body.gnh5-page .gnis-help-footer__grid{padding:34px 0 30px;gap:40px;grid-template-columns:1.3fr 1fr 1.1fr .8fr}
body.gnh5-page .gnis-help-footer__grid h2{font-size:15px;font-weight:600;color:#fff;line-height:1.3;margin:0 0 16px}
body.gnh5-page .gnis-help-footer__grid p{font-size:14px;line-height:1.7;color:#a9c0d1}
body.gnh5-page .gnis-help-footer__grid a{font-size:14px;line-height:1.6;color:#c5d7e4;text-decoration:none;transition:color .15s}
body.gnh5-page .gnis-help-footer__grid a:hover{color:#ffdc57}
body.gnh5-page .gnis-help-footer__grid .gnis-help-footer__brand{font-size:25px;letter-spacing:-.04em;font-weight:700;color:white;text-transform:lowercase}
body.gnh5-page .gnis-help-footer__grid .gnis-help-footer__phone{font-size:20px;color:white}
body.gnh5-page .gnis-help-footer__bottom{padding:21px 48px 21px 0;border-top:1px solid #ffffff1c;color:#93afc2;font-size:12px}
.gnh6-back-top{position:absolute;bottom:18px;right:40px;width:34px;height:34px;min-height:0;padding:0;display:grid;place-items:center;border:1px solid #688193;border-radius:50%;background:transparent;color:white;cursor:pointer}
@media(max-width:1024px){
body.gnh5-page .gnh5 .gnh2-products .gnis-card-shortcode .gnis-grid[data-gnh2-count]{grid-auto-columns:calc((100% - 42px)/4)!important}
body.gnh5-page .gnis-help-footer__grid{grid-template-columns:1fr 1fr;gap:30px}
}
@media(max-width:700px){
body.gnh5-page .gnh5 .gnh2-products .gnis-card-shortcode .gnis-grid[data-gnh2-count]{grid-auto-columns:calc((100% - 10px)/2)!important;gap:10px!important}

body.gnh5-page .gnis-help-footer{margin-top:32px;padding:0 18px}
body.gnh5-page .gnis-help-footer__inner{padding:0}
.gnh6-footer-intro{padding:30px 0;align-items:flex-start;flex-direction:column;gap:22px}
body.gnh5-page .gnh6-footer-intro h2{font-size:30px}
body.gnh5-page .gnis-help-footer__grid{gap:26px 20px}
body.gnh5-page .gnis-help-footer__grid>section:first-child{grid-column:1/-1}
body.gnh5-page .gnis-help-footer__grid .gnis-help-footer__brand{font-size:26px}
body.gnh5-page .gnis-help-footer__bottom{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding-right:35px}
.gnh6-back-top{right:18px;bottom:24px}
}

.gnh5 .gnh2-slider-nav[hidden]{display:none!important}
/* v0.8.3 — focused system chooser and adapter merchandising. */

.gnh5 .gnh7-adapter-slide{background:radial-gradient(ellipse at 82% 45%,#8cbbd1 0,#d5e6ef 43%,#e8f1f7 75%)}
.gnh5 .gnh7-adapter-slide .gnh6-hero-copy :is(h2,p){color:#183448}
.gnh7-hero-adapter{position:absolute;right:4%;top:7%;width:42%;height:85%;object-fit:contain;mix-blend-mode:multiply;filter:drop-shadow(0 20px 12px #28465b25);pointer-events:none}
.gnh5 .gnh6-hero-ev{background:linear-gradient(120deg,#e5f0f7,#b9d5e8)}
.gnh5 .gnh6-hero-ev .gnh6-banner{left:auto;right:2%;top:7%;width:48%;height:86%;object-fit:contain;mix-blend-mode:multiply}
.gnh5 .gnh6-hero-ev>div{max-width:65%}
.gnh5 .gnh2-slider-nav{top:50%!important;transform:translateY(-50%);display:flex;align-items:center;justify-content:center}
.gnh5 .gnh2-slider-nav:hover{background:#173b56;color:#fff;border-color:#173b56}

@keyframes gnh7-photo-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}

@media(max-width:700px){

.gnh5 .gnh2-slider-nav{top:50%!important;transform:translateY(-50%);width:28px;height:28px;min-height:28px}
.gnh5 .gnh2-slider-prev{left:5px}.gnh5 .gnh2-slider-next{right:5px}
.gnh5 .gnh6-hero-ev>div{max-width:80%}.gnh5 .gnh6-hero-ev h2{font-size:18px}
.gnh5 .gnh6-hero-ev .gnh6-banner{right:-5%;width:55%;top:24%;height:76%;opacity:.65}
.gnh7-hero-adapter{right:0;width:43%;top:16%;height:73%}
}

/* v0.8.4 — watchdog identity and deeper adapter surfaces. */
body.gnh5-page .gnis-pro-logo{width:264px;flex-basis:264px;gap:7px}
body.gnh5-page :is(.gnis-pro-logo,.gnis-pro-mobile-logo,.gnis-help-footer__brand) .gnh8-dog-mark{display:block;width:52px!important;height:52px!important;max-width:none!important;object-fit:contain;flex:0 0 52px}
body.gnh5-page .gnh6-brand-name{font-size:28px;font-weight:800;letter-spacing:-1.25px;line-height:1;color:#142b3c}
body.gnh5-page .gnh8-domain{color:#efbd17}
body.gnh5-page .gnis-help-footer__brand{display:inline-flex;align-items:center;gap:10px}
body.gnh5-page .gnis-help-footer__brand .gnh8-dog-mark{background:#f1f6f8;border-radius:10px;padding:3px}
body.gnh5-page .gnis-help-footer__brand .gnh6-brand-name{color:#fff}
body.gnh5-page .gnis-help-footer__brand .gnh8-domain{color:#eeb843}
.gnh5 .gnh7-adapter-slide{background:#172b36}
.gnh5 .gnh7-adapter-slide .gnh6-hero-copy{position:relative;z-index:1;background:linear-gradient(90deg,#0b19294d,transparent)}
.gnh5 .gnh7-adapter-slide .gnh6-hero-copy h2{color:#fff}
.gnh5 .gnh7-adapter-slide .gnh6-hero-copy p{color:#e1eaf0}
.gnh5 .gnh8-adapter-banner{object-position:62% center}

@media(max-width:1200px) and (min-width:1025px){body.gnh5-page .gnis-pro-logo{width:225px;flex-basis:225px}body.gnh5-page .gnis-pro-logo .gnh6-brand-name{font-size:24px}body.gnh5-page .gnis-pro-logo .gnh8-dog-mark{width:44px!important;height:44px!important;flex-basis:44px}}
@media(max-width:1024px){body.gnh5-page .gnis-pro-mobile-logo{gap:5px}body.gnh5-page .gnis-pro-mobile-logo .gnh8-dog-mark{width:38px!important;height:38px!important;flex-basis:38px}body.gnh5-page .gnis-pro-mobile-logo .gnh6-brand-name{font-size:23px;letter-spacing:-1px}}
@media(max-width:700px){.gnh5 .gnh8-adapter-banner{object-position:68% center}.gnh5 .gnh7-adapter-slide .gnh6-hero-copy{width:73%;background:linear-gradient(90deg,#0b1929bd,#0b192944 72%,transparent)}.gnh5 .gnh7-adapter-slide .gnh6-hero-copy p{max-width:190px}}
@media(max-width:360px){body.gnh5-page .gnis-pro-mobile-top{gap:8px}body.gnh5-page .gnis-pro-mobile-logo .gnh8-dog-mark{width:32px!important;height:32px!important;flex-basis:32px}body.gnh5-page .gnis-pro-mobile-logo .gnh6-brand-name{font-size:20px}}

/* Ronix collection slide and truthful replacement for an empty EV range. */
.gnh5 .gnh11-ronix-slide{display:block;inset:0;width:100%;height:100%;box-sizing:border-box;overflow:hidden;background:linear-gradient(90deg,#e3edf1 0%,#f6fafb 37%,#fff 58%)}
.gnh5 .gnh6-slide[hidden]{display:none!important}
.gnh5 .gnh11-ronix-copy{position:absolute;z-index:2;inset:0 auto 0 0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:59%;height:100%;min-width:0;box-sizing:border-box;padding:26px 12px 55px 42px;color:#163447}
.gnh5 .gnh11-ronix-kicker{display:inline-block;margin-bottom:13px;color:#b92030;font-size:12px;font-weight:800;letter-spacing:.1em}
.gnh5 .gnh11-ronix-copy h1{margin:0 0 11px;color:#102d3d;font-size:clamp(30px,3vw,44px);font-weight:780;line-height:1.05;letter-spacing:-.04em}
.gnh5 .gnh11-ronix-copy p{max-width:420px;margin:0 0 18px;color:#3c5868;font-size:15px;line-height:1.45}
.gnh5 .gnh11-ronix-product{position:absolute;z-index:1;display:block;top:10%;right:4%;width:42%;max-width:390px;height:78%;object-fit:contain;mix-blend-mode:multiply}
.gnh5 .gnh6-hero-battery{background:#e9f0f1}
.gnh5 .gnh6-hero-battery .gnh6-banner{object-fit:contain;object-position:88% center;mix-blend-mode:multiply;width:58%;left:auto;right:0}
.gnh5 .gnh6-hero-battery>div{background:linear-gradient(90deg,#e9f0f1 0%,#e9f0f1 48%,transparent 87%)}
.gnh5 .gnh6-hero-battery :is(h2,span){color:#143346}
@media(max-width:700px){
.gnh5 .gnh11-ronix-copy{width:61%;padding:10px 0 53px 18px}
.gnh5 .gnh11-ronix-kicker{font-size:9px;margin-bottom:7px}
.gnh5 .gnh11-ronix-copy h1{font-size:clamp(21px,6vw,27px);line-height:1.07;margin-bottom:10px}
.gnh5 .gnh11-ronix-copy p{display:none}
.gnh5 .gnh11-ronix-copy .gnh6-primary{min-height:36px;padding:8px 11px;gap:9px;font-size:12px}
.gnh5 .gnh11-ronix-product{top:14%;right:0;width:43%;max-width:none;height:67%;transform:none}
}

/* v1.0.18 — one compact mobile hero and one CTA geometry on every slide. */
.gnh5 .gnh6-hero-main .gnh6-hero-copy,
.gnh5 .gnh11-ronix-copy{
    width:59%;
    padding:26px 12px 55px 42px;
}

@media(max-width:700px){
    body.home.gnh5-page #main{padding-top:0!important}
    body.home.gnh5-page .gnis-pro-mobile{padding-bottom:4px}
    body.home.gnh5-page .gnh5 .gnh6-hero{
        display:block;
        height:230px;
        margin:4px 0 12px;
    }
    body.home.gnh5-page .gnh6-hero-main{
        display:block;
        width:100%;
        height:100%;
    }
    body.home.gnh5-page .gnh6-hero-small{display:none!important}
    .gnh5 .gnh6-hero-main .gnh6-hero-copy,
    .gnh5 .gnh11-ronix-copy{
        width:61%;
        padding:10px 0 53px 18px;
        justify-content:center;
    }
    .gnh5 .gnh6-hero-main :is(.gnh6-hero-copy,.gnh11-ronix-copy) :is(h1,h2){
        margin:0 0 10px;
        font-size:clamp(21px,6vw,27px);
        line-height:1.07;
    }
    .gnh5 .gnh6-hero-main :is(.gnh6-hero-copy,.gnh11-ronix-copy) p{display:none}
    .gnh5 .gnh6-hero-main .gnh6-primary{
        position:absolute;
        left:18px;
        top:128px;
        width:143px;
        box-sizing:border-box;
        min-height:36px;
        padding:8px 11px;
        gap:9px;
        font-size:12px;
    }
}

@media(max-width:360px){
    body.home.gnh5-page .gnh5 .gnh6-hero{height:224px}
}

/* 1.0.25 — every tablet slide uses the same CTA lane. */
@media(min-width:701px) and (max-width:1024px){
    body.home.gnh5-page .gnh6-hero-main .gnh6-slide .gnh6-primary{
        position:absolute!important;
        left:42px!important;
        right:auto!important;
        top:auto!important;
        bottom:47px!important;
        width:auto!important;
    }
}

/* 1.0.24 — keep tablet hero actions and navigation in separate lanes. */
@media(min-width:701px) and (max-width:1024px){
    body.home.gnh5-page .gnh6-slide-controls{
        left:auto;
        right:16px;
        bottom:14px;
    }
    body.home.gnh5-page .gnh6-hero-ev>div{
        max-width:62%;
        padding-right:6px;
    }
    body.home.gnh5-page .gnh6-hero-ev h2{
        font-size:clamp(18px,2.3vw,23px);
        line-height:1.08;
    }
}

/* 1.0.22 — anchor the mobile brand to the actual left edge. */
@media(max-width:1024px){
    body.gnh5-page .gnis-pro-mobile{
        padding-left:4px!important;
    }
    body.gnh5-page .gnis-pro-mobile-top{
        grid-template-columns:minmax(0,1fr) auto 42px!important;
        column-gap:6px!important;
    }
    body.gnh5-page .gnis-pro-mobile-logo{
        justify-self:start!important;
        justify-content:flex-start!important;
        width:max-content!important;
        max-width:100%!important;
        margin:0!important;
        transform:none!important;
    }
}
@media(max-width:360px){
    body.gnh5-page .gnis-pro-mobile{padding-left:2px!important}
}

/* 1.0.21 — one mobile hero rhythm regardless of the active slide. */
@media(max-width:700px){
    body.home.gnh5-page .gnh5 .gnh6-hero{height:230px;margin:0 0 12px!important}
    body.home.gnh5-page .gnh6-hero-small{display:none!important}
    body.home.gnh5-page .gnh6-hero-main .gnh6-slide .gnh6-primary{
        position:absolute!important;left:18px!important;top:142px!important;
        width:143px!important;min-height:36px!important;box-sizing:border-box!important;
        padding:8px 11px!important;gap:9px!important;font-size:12px!important
    }
}
@media(max-width:360px){
    body.home.gnh5-page .gnh5 .gnh6-hero{height:224px}
}