/*
Theme Name: Jakarta Cetak Minimal
Theme URI: https://jakartacetak24jam.com/
Author: Jakarta Cetak
Description: Premium minimalist search-and-discover theme, lightweight, responsive and WhatsApp-first. SEO Engine virtual pages retain their plugin template until integration.
Version: 3.1.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: jakarta-cetak-minimal
*/
:root{--blue:#1038f5;--blue-dark:#092cc6;--ink:#191e2a;--muted:#667085;--line:#e7eaf0;--soft:#f6f7fa;--max:1200px;--radius:16px}
*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:#fff;color:var(--ink);font:16px/1.65 system-ui,-apple-system,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%;height:auto}a{color:inherit}button,input{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.14;letter-spacing:-.045em}p{line-height:1.7}.wrap{width:min(calc(100% - 64px),var(--max));margin-inline:auto}.skip-link{position:absolute;left:-9999px;top:0;background:#fff;padding:12px;z-index:100}.skip-link:focus{left:10px}.site-header{position:relative;z-index:20;background:#fff;border-bottom:1px solid var(--line)}.header-inner{height:86px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{flex:none;display:block}.brand img{width:158px;height:58px;object-fit:contain;object-position:left center}.site-nav{display:flex;align-items:center;gap:29px}.site-nav>a:not(.btn){text-decoration:none;font-size:13px;font-weight:650;white-space:nowrap}.site-nav>a:not(.btn):hover,.footer-col a:hover{color:var(--blue)}.nav-toggle{display:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:50px;padding:13px 23px;border:1px solid var(--blue);border-radius:12px;background:var(--blue);color:#fff!important;font-size:13px;font-weight:750;line-height:1.2;text-decoration:none;white-space:nowrap;transition:background .2s,transform .2s,box-shadow .2s}.btn:hover{background:var(--blue-dark);transform:translateY(-2px);box-shadow:0 10px 22px #1038f51f}.btn-small{min-height:43px;padding:11px 18px}.btn-disabled{background:#8b93a8;border-color:#8b93a8;cursor:default}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--blue);font-size:11px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.section{padding:104px 0}.section-heading{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:60px;align-items:end;margin-bottom:38px}.section-heading h2{font-size:clamp(32px,3.5vw,46px);margin-top:13px;max-width:680px}.section-heading>p{color:var(--muted);font-size:14px;max-width:360px}.hero{background:#f8f9fc;border-bottom:1px solid #edf0f5}.hero-inner{display:grid;grid-template-columns:1.08fr .92fr;gap:60px;align-items:center;padding-block:78px 82px}.hero-copy h1{font-size:clamp(49px,5.2vw,76px);font-weight:800;line-height:1.045;letter-spacing:-.068em;margin:22px 0 22px}.hero-copy h1 span{color:var(--blue)}.hero-lead{max-width:510px;font-size:17px;color:#586276}.finder{margin-top:35px;max-width:555px;background:#fff;padding:18px;border:1px solid #e2e7f2;border-radius:16px;box-shadow:0 14px 35px #26324a0b}.finder label{display:block;font-size:13px;font-weight:750;margin-bottom:11px}.finder-row{display:flex;align-items:center;gap:9px;border:1px solid #e0e5ef;border-radius:11px;min-height:52px;padding-left:14px;overflow:hidden}.search-icon{color:var(--blue);font-size:27px;line-height:1}.finder input{min-width:0;flex:1;border:0;outline:0;font-size:14px;padding:12px 0;background:transparent;color:var(--ink)}.finder input:focus-visible{outline:2px solid #a8b9ff;outline-offset:-2px}.finder-row button{align-self:stretch;border:0;background:var(--blue);color:#fff;padding:0 18px;font-size:12px;font-weight:750;white-space:nowrap}.finder-row button:hover{background:var(--blue-dark)}.finder-help{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:12px;color:#838da1;font-size:12px}.finder-help button{border:0;border-radius:20px;padding:5px 10px;background:#f0f3fa;color:#4c5a73;font-size:11px}.finder-help button:hover{background:#e2eaff;color:var(--blue)}.hero-foot{display:flex;gap:22px;flex-wrap:wrap;margin-top:28px;color:#687387;font-size:12px}.hero-foot b{color:var(--blue);margin-right:4px}.hero-side{border-radius:22px;overflow:hidden;background:#dfe7ff;min-height:500px;display:flex;flex-direction:column;box-shadow:0 18px 44px #21357c12}.hero-side-top,.hero-side-bottom{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:21px 26px}.hero-side-top{color:#2947a8;font-size:10px;letter-spacing:.13em;font-weight:800}.hero-side-top>span:last-child{font-size:28px;color:var(--blue)}.hero-art{position:relative;min-height:340px;flex:1;overflow:hidden;isolation:isolate}.art-circle{position:absolute;width:330px;height:330px;border-radius:50%;background:radial-gradient(circle at 35% 25%,#fff 0,#aac0ff 48%,#567bfb 100%);right:2%;top:0;opacity:.8}.art-paper{position:absolute;display:flex;flex-direction:column;justify-content:space-between;padding:24px 20px;box-shadow:12px 22px 35px #1e317c39}.art-paper-one{width:195px;height:300px;left:14%;top:5%;background:linear-gradient(145deg,#0b2fd8,#1d58ff);color:#fff;transform:rotate(-7deg);font-size:14px;line-height:1.1;font-weight:800}.art-paper-one strong{font-size:35px;letter-spacing:-.055em;line-height:1}.art-paper-two{width:164px;height:220px;right:11%;top:25%;background:#fff;color:var(--blue);transform:rotate(8deg);font-size:13px;font-weight:700}.art-paper-two strong{font-size:29px;line-height:1.05;letter-spacing:-.05em}.art-tag{position:absolute;right:16%;bottom:4%;padding:13px 16px;border-radius:6px;background:#131b2e;color:#fff;font-size:11px;font-weight:800;line-height:1.25;transform:rotate(-5deg)}.hero-side-bottom{background:#fff;color:#677084;font-size:12px}.hero-wa{color:var(--blue);font-size:12px;font-weight:800;text-decoration:none;white-space:nowrap}.hero-wa:hover{text-decoration:underline}.intent-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.intent-card{position:relative;min-height:184px;border:1px solid var(--line);border-radius:16px;padding:25px;text-decoration:none;background:#fff;transition:border-color .2s,transform .2s,box-shadow .2s}.intent-card:hover{border-color:#b7c6ff;transform:translateY(-3px);box-shadow:0 12px 24px #1a36700b}.intent-symbol{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:#edf1ff;color:var(--blue);font-size:19px;margin-bottom:17px}.intent-card h3{font-size:18px;margin-bottom:7px}.intent-card p{font-size:13px;color:var(--muted);max-width:265px}.card-arrow{position:absolute;right:24px;top:26px;color:var(--blue)}.products-section{background:#f8f9fc}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:19px}.product-card{min-width:0;overflow:hidden;background:#fff;border:1px solid #e8ebf2;border-radius:16px;text-decoration:none;transition:transform .2s,box-shadow .2s}.product-card[hidden]{display:none}.product-card:hover{transform:translateY(-4px);box-shadow:0 15px 28px #142d650e}.product-visual{height:210px;background:#edf1f8;display:grid;place-items:center;padding:16px}.product-visual img{height:100%;width:100%;object-fit:contain}.product-info{padding:20px 20px 18px}.product-info h3{font-size:17px;margin-bottom:8px}.product-info p{font-size:12px;color:var(--muted);min-height:43px}.product-more{display:inline-flex;gap:12px;margin-top:15px;color:var(--blue);font-size:12px;font-weight:750}.search-empty{padding:22px;background:#fff;border-radius:12px;color:var(--muted);font-size:14px}.product-note,.location-footnote{margin-top:18px;color:#7b8494;font-size:12px}.trust-section{background:#fff}.trust-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:95px;align-items:start}.trust-layout h2{font-size:clamp(32px,3.5vw,46px);margin:15px 0 22px}.trust-layout>div>p{color:var(--muted);font-size:15px;max-width:440px;margin-bottom:27px}.trust-list{border-top:1px solid var(--line)}.trust-list>div{display:flex;gap:22px;padding:22px 0;border-bottom:1px solid var(--line)}.trust-list>div>span{font-size:13px;color:var(--blue);font-weight:800;min-width:26px}.trust-list h3{font-size:17px;margin-bottom:6px}.trust-list p{color:var(--muted);font-size:13px}.locations-section{background:#f8f9fc}.location-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.location-grid a{display:flex;align-items:center;gap:11px;border:1px solid var(--line);border-radius:12px;background:#fff;padding:17px 16px;text-decoration:none;font-size:13px;font-weight:700;transition:border-color .2s}.location-grid a:hover{border-color:#b7c6ff;color:var(--blue)}.location-grid a>span:first-child{font-size:19px;color:var(--blue)}.loc-arrow{margin-left:auto;color:var(--blue)}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.guide-grid article{padding:28px;background:#f7f8fb;border-radius:15px;min-height:200px}.guide-num{font-size:11px;color:var(--blue);font-weight:800;letter-spacing:.07em}.guide-grid h3{font-size:20px;margin:25px 0 10px}.guide-grid p{color:var(--muted);font-size:13px}.steps-section{background:#f8f9fc}.steps-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.steps-grid>div{padding-top:22px;border-top:1px solid #d9dfeb}.steps-grid span{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#e6ecff;color:var(--blue);font-size:13px;font-weight:800;margin-bottom:23px}.steps-grid h3{font-size:17px;margin-bottom:9px}.steps-grid p{color:var(--muted);font-size:13px}.cta-section{padding:78px 0}.cta-panel{display:flex;justify-content:space-between;align-items:center;gap:40px;border-radius:19px;background:linear-gradient(115deg,#101b3a 0%,#1038f5 100%);padding:54px 60px;color:#fff}.cta-panel .eyebrow{color:#d3deff}.cta-panel h2{font-size:clamp(27px,3vw,42px);margin:12px 0 15px}.cta-panel p{color:#dce5ff;font-size:14px}.cta-panel .btn{background:#fff;border-color:#fff;color:#1038f5!important}.cta-panel .btn:hover{background:#edf2ff}.faq-section{padding-top:30px}.faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}.faq-item{border:1px solid var(--line);border-radius:12px;background:#fff;overflow:hidden}.faq-item summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:19px 21px;font-size:14px;font-weight:750;line-height:1.5}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}.faq-plus{flex:none;color:var(--blue);font-size:22px;font-weight:400;line-height:1}.faq-item[open] .faq-plus{transform:rotate(45deg)}.faq-answer{padding:0 21px 21px}.faq-answer p{font-size:13px;color:var(--muted)}.faq-contact{margin-top:24px;padding:25px 30px;border-radius:14px;background:#f5f7fc;display:flex;align-items:center;justify-content:space-between;gap:24px}.faq-contact strong{font-size:17px}.faq-contact p{font-size:13px;color:var(--muted);margin-top:5px}.site-footer{border-top:1px solid var(--line);background:#fafbfe;padding:65px 0 22px}.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1.25fr;gap:45px}.footer-about img{width:160px;height:65px;object-fit:contain;object-position:left}.footer-about p{max-width:310px;font-size:13px;color:var(--muted);margin-top:15px}.footer-col{display:flex;flex-direction:column;align-items:start;gap:11px}.footer-col h3{font-size:13px;margin:7px 0 9px}.footer-col a{text-decoration:none;color:#576175;font-size:13px}.footer-col p{font-size:13px;color:var(--muted)}.footer-contact{color:var(--blue)!important;font-weight:750!important}.footer-bottom{margin-top:58px;border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;color:#778193;font-size:12px}.powered-link{color:inherit!important;text-decoration:none!important;font-weight:inherit}.powered-link:hover{text-decoration:underline!important;color:var(--ink)!important}.content-area{padding:80px 0;min-height:50vh}.content-area .entry{max-width:820px}.content-area a{color:var(--blue)}.post-card{border:1px solid var(--line);padding:24px;border-radius:12px;margin:20px 0}
@media(max-width:1100px){.site-nav{gap:17px}.hero-inner{gap:32px}.trust-layout{gap:50px}.footer-top{gap:25px}.product-visual{height:175px}}
@media(max-width:850px){.wrap{width:min(calc(100% - 40px),var(--max))}.header-inner{height:72px}.brand img{width:138px;height:55px}.nav-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;border:1px solid var(--line);border-radius:9px;background:#fff;padding:12px}.nav-toggle span{display:block;width:20px;height:2px;background:var(--ink)}.site-nav{display:none;position:absolute;top:72px;left:0;right:0;padding:22px;background:#fff;box-shadow:0 20px 25px #1a2b4d12;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:18px}.site-nav.is-open{display:flex}.site-nav .btn{width:100%}.hero-inner{grid-template-columns:1fr;gap:35px;padding:65px 0}.hero-copy h1{font-size:clamp(48px,8vw,70px)}.hero-side{max-width:620px;width:100%;min-height:440px}.hero-art{min-height:285px}.section{padding:78px 0}.section-heading{grid-template-columns:1fr;gap:14px;margin-bottom:29px}.section-heading>p{max-width:580px}.intent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-visual{height:200px}.trust-layout{grid-template-columns:1fr;gap:35px}.location-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-top{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px}.faq-section{padding-top:25px}}
@media(max-width:560px){.wrap{width:calc(100% - 36px)}.hero-inner{padding:48px 0 52px;gap:28px}.hero-copy h1{font-size:clamp(41px,10.7vw,57px);margin:16px 0 17px}.hero-lead{font-size:15px}.finder{margin-top:26px;padding:14px}.finder-row{min-height:50px}.finder-row button{padding:0 11px;font-size:11px}.finder input{font-size:13px}.hero-foot{gap:12px;font-size:11px}.hero-side{min-height:360px;border-radius:16px}.hero-art{min-height:245px}.art-circle{width:270px;height:270px}.art-paper-one{width:150px;height:235px;left:12%;padding:16px}.art-paper-one strong{font-size:27px}.art-paper-two{width:130px;height:175px;right:10%;padding:15px}.art-paper-two strong{font-size:23px}.hero-side-top,.hero-side-bottom{padding:14px 18px}.hero-side-bottom{font-size:11px}.hero-wa{font-size:11px}.section{padding:62px 0}.section-heading h2{font-size:clamp(29px,8vw,37px)}.intent-grid{gap:10px}.intent-card{min-height:190px;padding:17px}.intent-card h3{font-size:15px}.intent-card p{font-size:12px}.card-arrow{right:15px;top:17px}.product-grid{gap:12px}.product-visual{height:148px;padding:8px}.product-info{padding:14px 12px}.product-info h3{font-size:14px}.product-info p{font-size:11px;min-height:54px}.product-more{margin-top:9px}.trust-layout h2{font-size:34px}.location-grid{gap:10px}.location-grid a{font-size:12px;padding:13px 11px}.guide-grid{grid-template-columns:1fr;gap:12px}.guide-grid article{min-height:0;padding:23px}.guide-grid h3{margin-top:13px}.steps-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.steps-grid h3{font-size:15px}.steps-grid p{font-size:12px}.cta-section{padding:52px 0}.cta-panel{display:block;padding:31px 25px}.cta-panel .btn{margin-top:24px;width:100%}.faq-grid{grid-template-columns:1fr;gap:10px}.faq-item summary{font-size:13px;padding:17px}.faq-contact{display:block;padding:23px}.faq-contact .btn{margin-top:18px;width:100%}.footer-top{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 18px}.footer-about{grid-column:1/-1}.site-footer{padding-top:47px}.footer-bottom{margin-top:38px}}
@media(max-width:360px){.hero-foot{display:block}.hero-foot span{display:inline-block;margin-right:10px;margin-bottom:5px}.finder-row button{font-size:10px;padding:0 8px}.intent-grid{grid-template-columns:1fr}.intent-card{min-height:140px}.product-visual{height:120px}.hero-side-bottom{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

/* v1.3: accessible search suggestions, verified data navigation, mobile CTA */
:root{--jc-focus:#1038f5}
html{scroll-padding-top:90px}
body{overflow-x:hidden}
:where(a,button,input,summary):focus-visible{outline:3px solid var(--jc-focus);outline-offset:3px}
.finder{position:relative;z-index:4}
.finder-results{background:#fff;border:1px solid #e4e8f2;border-radius:12px;margin-top:10px;box-shadow:0 14px 32px rgba(12,30,70,.08);overflow:hidden}
.finder-results a{display:flex;justify-content:space-between;gap:12px;padding:12px 16px;text-decoration:none;color:#1a2340;font-size:14px;border-bottom:1px solid #f0f2f7}
.finder-results a:last-child{border-bottom:0}.finder-results a:hover{background:#f4f6ff;color:#1038f5}.finder-results p{margin:0;padding:14px;color:#626a7a;font-size:13px}
.catalog-explore{margin-top:34px;padding:25px;border:1px solid #e7eaf2;border-radius:18px;background:#fafbff;display:grid;grid-template-columns:minmax(180px,.7fr) minmax(0,1.3fr);gap:24px;align-items:start}
.catalog-explore h3{font-size:20px;line-height:1.25;margin:0 0 9px}.catalog-explore p{font-size:14px;color:#5d677c;line-height:1.6;margin:0}
.catalog-list{display:flex;flex-wrap:wrap;gap:8px}.catalog-list a,.location-extra a{display:inline-flex;gap:8px;align-items:center;padding:9px 12px;border:1px solid #e0e5f0;border-radius:8px;background:white;text-decoration:none;color:#263248;font-size:12px;line-height:1.35}.catalog-list a:hover,.location-extra a:hover{border-color:#1038f5;color:#1038f5}
.location-expand{margin-top:22px;border:1px solid #e5e9f2;border-radius:12px;padding:16px 20px;background:#fff}.location-expand summary{cursor:pointer;font-weight:650;font-size:14px}.location-expand summary span{float:right}.location-extra{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;max-height:240px;overflow:auto}
.mobile-contact-bar{display:none}
@media(max-width:800px){.catalog-explore{grid-template-columns:1fr;gap:16px}}
@media(max-width:640px){.catalog-explore{padding:20px}.finder-results a{font-size:13px}.mobile-contact-bar{display:block;position:fixed;bottom:0;left:0;right:0;z-index:70;padding:10px max(16px,env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom));background:rgba(255,255,255,.97);border-top:1px solid #e6eaf3;box-shadow:0 -8px 28px rgba(20,35,70,.07)}.mobile-contact-link{display:flex;align-items:center;justify-content:center;min-height:46px;border-radius:10px;background:#1038f5;color:white;text-decoration:none;font-size:14px;font-weight:700}.site-footer{padding-bottom:85px}.location-extra{max-height:190px}}

/* Jakarta Cetak v1.4 — Customer-first: consistent layout, helpful content, mobile-first UX */
:root{--max:1180px} .section{padding-block:clamp(64px,7.2vw,104px)}.section-heading{gap:clamp(20px,5vw,64px)}.section-heading h2{letter-spacing:-.048em;line-height:1.12}.section-heading>p{line-height:1.8}.hero-inner{gap:clamp(30px,5vw,72px)}.hero-copy h1{max-width:760px}.hero-lead{line-height:1.75}.finder{max-width:590px}.assist-section{background:#fff}.assist-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(40px,7vw,100px)}.assist-copy h2{font-size:clamp(34px,3.8vw,52px);margin:18px 0 20px;max-width:540px}.assist-copy>p{color:var(--muted);font-size:15px;line-height:1.8;max-width:490px}.assist-points{list-style:none;padding:0;margin:25px 0 0;display:grid;gap:13px}.assist-points li{position:relative;padding-left:28px;font-size:14px;line-height:1.65}.assist-points li:before{content:'✓';position:absolute;left:0;color:var(--blue);font-weight:900}.assist-form{border:1px solid #e4e9f3;border-radius:20px;background:#f8faff;padding:clamp(22px,3.5vw,40px)}.assist-form-heading{display:flex;align-items:center;gap:14px;margin-bottom:15px}.assist-form-heading h3{font-size:18px;letter-spacing:-.025em}.assist-count{font-size:11px;font-weight:800;color:var(--blue);white-space:nowrap}.assist-second{margin-top:27px}.assist-form fieldset{border:0;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.assist-choice{cursor:pointer;display:flex;align-items:center;gap:10px;border:1px solid #e0e6f1;border-radius:10px;padding:14px;background:#fff;font-size:13px;font-weight:650;min-height:56px;line-height:1.45}.assist-choice:has(input:checked){border-color:var(--blue);background:#eef2ff;color:#0b2dc5}.assist-choice input{accent-color:var(--blue);width:16px;height:16px;flex:none}.assist-submit{width:100%;margin-top:25px;cursor:pointer}.assist-footnote{margin-top:12px;color:var(--muted);font-size:12px;line-height:1.65}.beginner-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.beginner-card{display:flex;flex-direction:column;gap:15px;border:1px solid var(--line);border-radius:16px;padding:clamp(22px,2.5vw,32px);background:#fff;min-width:0}.beginner-number{color:var(--blue);font-weight:800;letter-spacing:.06em;font-size:11px}.beginner-card h3{font-size:21px;line-height:1.24}.beginner-card>p{font-size:13px;color:var(--muted);line-height:1.75}.beginner-card .beginner-tip{margin-top:auto;border-top:1px solid var(--line);padding-top:16px;color:#3e4a60}.beginner-footer{margin-top:28px;display:flex;align-items:center;justify-content:space-between;gap:24px;background:#f5f7ff;padding:24px 28px;border-radius:14px}.beginner-footer strong{font-size:16px}.beginner-footer p{font-size:13px;color:var(--muted);margin-top:4px}.steps-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:34px}.steps-grid p{line-height:1.75}.proof-section{background:#fff}.proof-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:clamp(32px,6vw,85px);align-items:center}.proof-layout h2{font-size:clamp(34px,3.8vw,50px);margin:17px 0}.proof-layout>div>p{color:var(--muted);font-size:15px;line-height:1.8}.proof-steps{margin-top:27px;display:grid;gap:17px}.proof-steps>div{border-top:1px solid var(--line);padding-top:15px}.proof-steps strong{font-size:14px}.proof-steps p{font-size:13px;color:var(--muted);margin-top:4px}.proof-panel{background:#f4f6fc;border-radius:20px;padding:20px}.proof-visual{min-height:330px;border-radius:12px;background:linear-gradient(145deg,#1038f5,#07218e);display:flex;flex-direction:column;justify-content:space-between;padding:clamp(24px,4vw,44px);color:white;overflow:hidden}.proof-mark{font-size:50px;line-height:1}.proof-visual strong{font-size:clamp(24px,3vw,38px);line-height:1.14;letter-spacing:-.055em}.proof-panel>p{font-size:12px;color:#596477;line-height:1.7;margin-top:14px}.faq-groups{display:grid;gap:35px}.faq-group>h3{font-size:20px;margin:0 0 16px}.faq-group .faq-grid{align-items:start}.faq-item{min-width:0}.faq-answer p{line-height:1.8}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-footer .powered-link{color:inherit;text-decoration:none}.site-footer .powered-link:hover{text-decoration:underline}.site-nav>a:not(.btn):focus-visible,.powered-link:focus-visible{outline:3px solid #1038f5;outline-offset:3px}
@media(max-width:960px){.assist-layout,.proof-layout{grid-template-columns:1fr;gap:32px}.assist-copy h2{max-width:720px}.assist-copy>p{max-width:740px}.proof-panel{max-width:700px}.beginner-grid{gap:12px}.beginner-card{padding:21px}.beginner-card h3{font-size:18px}}
@media(max-width:680px){.wrap{width:calc(100% - 36px)}.section{padding-block:64px}.hero-inner{padding-block:48px}.section-heading{margin-bottom:27px}.assist-form{padding:20px}.assist-choice{font-size:12px;padding:12px}.assist-form-heading h3{font-size:16px}.beginner-grid{grid-template-columns:1fr}.beginner-card{gap:11px}.beginner-card .beginner-tip{margin-top:5px}.beginner-footer{align-items:stretch;flex-direction:column;padding:22px}.beginner-footer .btn{width:100%}.steps-grid{grid-template-columns:1fr;gap:19px}.steps-grid>div{padding-top:16px}.steps-grid span{margin-bottom:12px}.proof-visual{min-height:260px}.faq-groups{gap:28px}.faq-group>h3{font-size:18px}.finder-row button{font-size:12px}.site-nav{max-height:calc(100vh - 72px);overflow-y:auto}}
@media(max-width:370px){.assist-form fieldset{grid-template-columns:1fr}.assist-choice{min-height:45px}.finder-row button{padding-inline:9px}}
@media(prefers-reduced-motion:reduce){.btn:hover,.product-card:hover,.intent-card:hover{transform:none}}

/* v1.5 — customer-first, conversion-led hero inspired by benefits of BIX PRINT without copying its layout */
.hero-v15{background:linear-gradient(145deg,#f8faff 0%,#fff 60%,#f4f7ff 100%)}
.hero-v15-inner{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);align-items:center;gap:clamp(28px,4.5vw,66px);padding-block:clamp(55px,6vw,96px)}
.hero-v15 .hero-copy{min-width:0}.hero-v15 .hero-copy h1{font-size:clamp(39px,4.35vw,67px);line-height:1.09;letter-spacing:-.055em;margin:20px 0 23px;max-width:790px}.hero-v15 .hero-copy h1 span{color:#1038f5}.hero-v15 .hero-lead{max-width:590px;font-size:clamp(15px,1.3vw,18px);line-height:1.75;color:#4c5870}.hero-v15 .hero-lead strong{color:#17213a;font-weight:750}
.hero-v15-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:29px}.hero-v15-actions a{text-decoration:none;min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:10px;padding:13px 19px;font-size:14px;font-weight:750;transition:transform .2s ease,background .2s ease}.hero-v15-actions a:hover{transform:translateY(-2px)}.hero-v15-primary{background:#1038f5!important;color:#fff!important;border:1px solid #1038f5!important}.hero-v15-secondary{border:1px solid #cdd6eb;color:#18253e;background:#fff}.hero-v15-assurance{display:flex;gap:11px 19px;flex-wrap:wrap;margin-top:19px;color:#34435c;font-size:12px;font-weight:650}.hero-v15-assurance span::first-letter{color:#1038f5}
.hero-v15-finder{margin-top:34px;max-width:560px;background:#fff;border:1px solid #e3e9f5;border-radius:14px;padding:17px;box-shadow:0 8px 26px #152a5b0a}.hero-v15-finder label{font-size:12px;font-weight:700}.hero-v15-finder .finder-row{margin-top:10px}.hero-v15-finder .finder-help{margin-bottom:0}
.hero-v15-visual{border:1px solid #dfe6f3;background:#fff;border-radius:22px;padding:16px;box-shadow:0 18px 60px #14295a0d;min-width:0}.hero-v15-visual-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:10px;font-weight:800;letter-spacing:.11em;color:#526079;padding:5px 5px 15px}.hero-v15-visual-heading span:last-child{color:#1038f5;font-size:22px}.hero-v15-mosaic{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:clamp(116px,12vw,170px);gap:10px}.hero-v15-tile{display:flex;align-items:center;justify-content:center;position:relative;background:#f0f3fb;border-radius:13px;overflow:hidden;min-width:0;transition:background .2s ease,transform .2s ease}.hero-v15-tile:hover{background:#e5ebff;transform:translateY(-2px)}.hero-v15-tile-wide{grid-column:1/-1;background:#e8edff}.hero-v15-tile img{display:block;max-width:72%;max-height:75%;object-fit:contain;transition:transform .25s ease}.hero-v15-tile:hover img{transform:scale(1.04)}.hero-v15-tile span{position:absolute;bottom:10px;left:10px;padding:6px 9px;border-radius:7px;background:#fff;color:#182746;font-size:11px;font-weight:750;box-shadow:0 2px 8px #15264b10}.hero-v15-visual-note{font-size:11px;color:#6b778c;margin:14px 5px 2px}
.hero-v15-benefits{border-block:1px solid #e5eaf3;background:#fff}.hero-v15-benefits-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding-block:24px}.hero-v15-benefits-grid>div{display:flex;gap:13px;align-items:center;min-width:0}.hero-v15-benefit-icon{display:flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;background:#eef2ff;border-radius:50%;color:#1038f5;font-size:22px}.hero-v15-benefits-grid strong{font-size:13px;color:#17213a}.hero-v15-benefits-grid p{font-size:12px;color:#667187;line-height:1.55;margin-top:3px}
@media(max-width:960px){.hero-v15-inner{grid-template-columns:1fr;padding-block:58px}.hero-v15 .hero-copy h1{max-width:730px}.hero-v15-visual{max-width:720px}.hero-v15-mosaic{grid-auto-rows:165px}}
@media(max-width:680px){.hero-v15-inner{padding-block:39px 45px;gap:27px}.hero-v15 .hero-copy h1{font-size:clamp(37px,9.3vw,54px);margin:15px 0 18px}.hero-v15 .hero-lead{font-size:15px}.hero-v15-actions{margin-top:22px;display:grid;grid-template-columns:1fr 1fr;gap:9px}.hero-v15-actions a{font-size:12px;padding:11px 8px;min-height:50px;text-align:center}.hero-v15-assurance{font-size:11px;gap:9px 13px}.hero-v15-finder{margin-top:23px}.hero-v15-visual{padding:11px;border-radius:17px}.hero-v15-mosaic{gap:8px;grid-auto-rows:clamp(105px,31vw,145px)}.hero-v15-tile{border-radius:10px}.hero-v15-tile span{font-size:10px;bottom:7px;left:7px}.hero-v15-benefits-grid{grid-template-columns:1fr;gap:17px;padding-block:23px}.hero-v15-benefits-grid strong{font-size:13px}}
@media(max-width:370px){.hero-v15-actions{grid-template-columns:1fr}.hero-v15 .hero-copy h1{font-size:35px}}
@media(prefers-reduced-motion:reduce){.hero-v15-actions a,.hero-v15-tile,.hero-v15-tile img{transition:none}}

/* v1.6 — guided discovery, inspired by clear retail navigation, not keyword clouds */
.jc-discovery{margin-top:clamp(38px,5vw,70px);padding:clamp(22px,4vw,48px);background:#f7f8fc;border:1px solid #e7eaf1;border-radius:24px}
.jc-discovery-intro{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}
.jc-discovery-intro>div{max-width:620px}.jc-discovery-intro h3{font-size:clamp(25px,3vw,38px);line-height:1.17;letter-spacing:-.035em;margin:10px 0 12px;color:#1a2030}.jc-discovery-intro p{color:#5d687d;line-height:1.7;font-size:15px;margin:0}
.jc-discovery-help{display:inline-flex;align-items:center;gap:12px;flex-shrink:0;text-decoration:none;font-weight:700;font-size:13px;color:#1038f5;border-bottom:1px solid #1038f5;padding:0 0 7px}.jc-discovery-help:hover{color:#081da0}
.jc-discovery-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}
.jc-discovery-group{min-width:0;background:#fff;border:1px solid #e2e7f0;border-radius:16px;overflow:hidden;transition:border-color .2s,box-shadow .2s}.jc-discovery-group[open]{border-color:#c4cefb;box-shadow:0 8px 24px rgba(30,50,120,.045)}
.jc-discovery-group>summary{display:flex;align-items:center;gap:14px;padding:21px;cursor:pointer;list-style:none;min-height:103px}.jc-discovery-group>summary::-webkit-details-marker{display:none}.jc-discovery-group>summary:focus-visible{outline:3px solid #1038f5;outline-offset:-4px}
.jc-discovery-icon{width:45px;height:45px;display:grid;place-items:center;background:#edf0ff;color:#1038f5;border-radius:12px;font-size:23px;flex-shrink:0}.jc-discovery-label{min-width:0;display:flex;flex-direction:column;gap:5px}.jc-discovery-label strong{font-size:16px;line-height:1.3;color:#1c2638}.jc-discovery-label small{font-size:12px;line-height:1.5;color:#687487}.jc-discovery-count{margin-left:auto;color:#63708b;font-size:11px;white-space:nowrap}.jc-discovery-chevron{font-size:22px;color:#1038f5;transition:transform .2s}.jc-discovery-group[open] .jc-discovery-chevron{transform:rotate(180deg)}
.jc-discovery-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px;padding:0 21px 18px;border-top:1px solid #edf0f5}.jc-discovery-links a{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid #edf0f5;color:#253247;text-decoration:none;font-size:13px;line-height:1.45}.jc-discovery-links a:hover{color:#1038f5}.jc-discovery-links a:focus-visible{outline:2px solid #1038f5;outline-offset:2px}.jc-discovery-arrow{color:#1038f5;flex-shrink:0}
.jc-discovery-footnote{margin:22px 0 0!important;font-size:12px!important;line-height:1.65!important;color:#718095!important}
@media(max-width:950px){.jc-discovery-groups{grid-template-columns:1fr}.jc-discovery-intro{align-items:start}.jc-discovery-count{margin-left:auto}}
@media(max-width:600px){.jc-discovery{padding:20px 16px;border-radius:18px;margin-top:36px}.jc-discovery-intro{flex-direction:column;gap:18px;margin-bottom:22px}.jc-discovery-intro h3{font-size:27px}.jc-discovery-group>summary{padding:16px 14px;gap:10px;min-height:90px}.jc-discovery-icon{width:39px;height:39px}.jc-discovery-label strong{font-size:14px}.jc-discovery-label small{font-size:11px}.jc-discovery-count{font-size:10px}.jc-discovery-links{grid-template-columns:1fr;padding:0 17px 14px}.jc-discovery-links a{padding:11px 0;font-size:13px}}
@media(prefers-reduced-motion:reduce){.jc-discovery-group,.jc-discovery-chevron{transition:none}}

/* v1.7: visual rhythm and clear customer journey */
:root{--max:1160px;--line:#e5e9f1}
body{line-height:1.6}p{line-height:1.65}
.wrap{width:min(calc(100% - 72px),var(--max))}
.section{padding:88px 0}
.section-heading{grid-template-columns:minmax(0,1fr) minmax(250px,330px);gap:52px;align-items:end;margin-bottom:32px}
.section-heading h2{font-size:clamp(30px,3.15vw,42px);line-height:1.16;letter-spacing:-.042em;margin-top:12px}
.section-heading>p{line-height:1.7;font-size:14px}
.hero-v15-inner{gap:52px}
.hero-v15 .hero-copy h1{font-size:clamp(43px,4.6vw,64px);letter-spacing:-.056em;line-height:1.07}
.hero-v15 .hero-lead{font-size:16px;line-height:1.7;max-width:500px}
.hero-v15-assurance{line-height:1.5}
.hero-v15-finder{margin-top:26px}
.intent-grid{gap:14px}
.intent-card{min-height:164px;padding:23px}
.product-grid{gap:16px}
.product-card{border-radius:14px}
.product-visual{height:190px}
.product-info{padding:19px}
.product-info p{min-height:0}
.jc-discovery-section{background:#fff}
.jc-discovery{margin:0;padding:0;background:transparent;border:0;border-radius:0}
.jc-discovery-intro{align-items:end;margin-bottom:28px}
.jc-discovery-intro h3{font-size:clamp(30px,3.1vw,42px);line-height:1.15;letter-spacing:-.042em}
.jc-discovery-intro p{font-size:14px;max-width:570px}
.jc-discovery-groups{gap:12px;align-items:start}
.jc-discovery-group{border-radius:14px;box-shadow:none!important}
.jc-discovery-group[open]{border-color:#cdd7fa}
.jc-discovery-group>summary{min-height:86px;padding:17px 19px;gap:13px}
.jc-discovery-icon{width:40px;height:40px;font-size:20px}
.jc-discovery-label strong{font-size:15px}
.jc-discovery-label small{font-size:12px}
.jc-discovery-links{padding:0 19px 14px;gap:0 17px}
.jc-discovery-links a{font-size:12.5px;min-height:44px;padding:9px 0}
.jc-discovery-footnote{margin-top:18px!important}
.beginner-card,.faq-item,.product-card,.intent-card{box-shadow:none}
.steps-grid{gap:20px}
.faq-section{background:#fafbfe}
.cta-panel{padding:46px 50px}
:where(a,button,input,summary):focus-visible{outline:3px solid #5777ff;outline-offset:3px}
@media(max-width:1000px){.wrap{width:min(calc(100% - 48px),var(--max))}.section{padding:72px 0}.section-heading{gap:26px}.hero-v15-inner{gap:34px}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.wrap{width:calc(100% - 36px)}.section{padding:58px 0}.section-heading{display:block;margin-bottom:25px}.section-heading h2{font-size:clamp(29px,7vw,37px)}.section-heading>p{max-width:550px;margin-top:13px}.hero-v15-inner{padding-block:40px 42px}.hero-v15 .hero-copy h1{font-size:clamp(38px,9vw,50px)}.hero-v15 .hero-lead{font-size:15px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.product-visual{height:150px}.product-info{padding:14px}.product-info h3{font-size:15px}.product-info p{font-size:12px}.intent-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.intent-card{min-height:0;padding:17px}.intent-card h3{font-size:15px}.intent-card p{font-size:12px}.jc-discovery-intro{display:block}.jc-discovery-intro h3{font-size:31px}.jc-discovery-help{margin-top:16px}.jc-discovery-groups{grid-template-columns:1fr;gap:10px}.jc-discovery-group>summary{padding:15px;min-height:80px}.jc-discovery-links{grid-template-columns:1fr}.jc-discovery-count{font-size:10px}.cta-panel{padding:29px 23px}}
@media(max-width:380px){.product-grid,.intent-grid{grid-template-columns:1fr}.product-visual{height:185px}}

/* v1.8 — Global typography: Epilogue. A consistent font stack across UI controls. */
:root{--font-primary:'Inter',system-ui,-apple-system,'Segoe UI',Arial,sans-serif}
html,body,button,input,select,textarea{font-family:var(--font-primary)}
body{font-weight:400}
button,input,select,textarea{font-family:inherit}
h1,h2,h3,h4,h5,h6{font-family:var(--font-primary)}
/* Epilogue's generous character shapes benefit from slightly calmer tracking. */
h1,h2,h3{letter-spacing:-.035em}
.hero-v15 .hero-copy h1{letter-spacing:-.047em}
@media(max-width:680px){.hero-v15 .hero-copy h1{letter-spacing:-.04em}}


/* v1.8.1 — Premium blue with restrained #AED0FD and #4AD3A2 accents.
   Based on v1.8 Epilogue; layout, content, links and page flow unchanged. */
:root {
  --jc-sky:#aed0fd;
  --jc-mint:#4ad3a2;
  --jc-sky-soft:#f0f6ff;
  --jc-mint-soft:#eafbf4;
}
/* Brand blue remains the primary action and navigation color. */
.hero-v15 {background:linear-gradient(112deg,#fff 0%,#f7faff 75%,#f0f6ff 100%)}
.hero-v15 .eyebrow:before {background:var(--jc-mint)}
.hero-v15 .hero-copy h1 span {color:var(--blue)}
.hero-v15-finder {border-color:#dbe9fa;box-shadow:0 12px 32px rgba(16,56,245,.045)}
.hero-v15-finder .finder-row:focus-within {border-color:#78a9f8;box-shadow:0 0 0 3px rgba(174,208,253,.42)}
.hero-v15-finder .finder-help button {background:var(--jc-sky-soft);color:#234b87}
.hero-v15-finder .finder-help button:hover {background:var(--jc-sky);color:#142f66}
.hero-v15-visual {border-color:#dbe8fb}
.hero-v15-tile:nth-child(3n + 1) {background:#eaf3ff}
.hero-v15-tile:nth-child(3n + 2) {background:#effbf6}
.hero-v15-tile:nth-child(3n + 3) {background:#f2f5ff}
.hero-v15-tile:hover {background:#deebff}
.hero-v15-benefit-icon {background:#e9f3ff;color:var(--blue)}
.hero-v15-benefits-grid>div:nth-child(2) .hero-v15-benefit-icon {background:var(--jc-mint-soft);color:#087e59}
/* Subtle alternating accent on service cards; no neon or gradients. */
.intent-card:nth-child(3n + 1) .intent-symbol {background:#e9f3ff;color:#1246d5}
.intent-card:nth-child(3n + 2) .intent-symbol {background:var(--jc-mint-soft);color:#087e59}
.intent-card:nth-child(3n) .intent-symbol {background:#f0f6ff;color:#1246d5}
.intent-card:hover {border-color:#9fc5fa}
.product-visual {background:#f0f6ff}
.product-card:nth-child(4n + 2) .product-visual {background:#f1fbf6}
.product-card:nth-child(4n + 3) .product-visual {background:#eaf3ff}
.product-card:hover {border-color:#aed0fd}
.assist-form {background:#f5f9ff;border-color:#dfeafb}
.assist-choice:has(input:checked) {background:#e9f3ff;border-color:var(--blue);color:#092cc6}
.beginner-number {color:#0b8b65}
.beginner-footer {background:#eef6ff;border:1px solid #dceafb}
.proof-panel {background:#eef5ff}
.proof-visual {background:linear-gradient(145deg,#1038f5 0%,#1744df 76%,#1b53d9 100%)}
/* FAQ and catalog details are easy to scan and retain crawlable links. */
.faq-item[open],.jc-discovery-group[open] {border-color:#aed0fd}
.jc-discovery-group>summary:hover {background:#f5f9ff}
.jc-discovery-links a:hover {background:#eff7ff;border-color:#aed0fd}
:where(a,button,input,summary):focus-visible {outline-color:#2973dc}
@media (max-width:700px) {
  .hero-v15 {background:linear-gradient(180deg,#fff,#f5f9ff)}
  .hero-v15-tile:nth-child(3n + 2) {background:#effbf6}
}

/* v1.8.2: user-supplied hero photos */
.hero-v15-tile img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .3s ease}
.hero-v15-tile-wide img{object-position:center 53%}
.hero-v15-tile{overflow:hidden}
@media(hover:hover){.hero-v15-tile:hover img{transform:scale(1.035)}}
@media(prefers-reduced-motion:reduce){.hero-v15-tile img{transition:none}}

/* v1.8.3 — use the supplied photographs at their original aspect ratios.
   Override old SVG illustration rules (max-width:72%, max-height:75%). */
.hero-v15-mosaic {
  grid-auto-rows: auto;
  align-items: stretch;
}
.hero-v15-mosaic .hero-v15-tile {
  display:block;
  width:100%;
  aspect-ratio:1 / 1;
  height:auto;
  padding:0;
  overflow:hidden;
  border-radius:12px;
  background:#f1f5fc;
}
.hero-v15-mosaic .hero-v15-tile-wide {
  aspect-ratio:1620 / 971;
}
.hero-v15-mosaic .hero-v15-tile img {
  display:block;
  width:100%;
  height:100%;
  max-width:none;
  max-height:none;
  object-fit:contain;
  object-position:center;
  border-radius:inherit;
}
.hero-v15-mosaic .hero-v15-tile:hover img { transform:none; }
.hero-v15-mosaic .hero-v15-tile span { z-index:1; }
@media(max-width:700px) {
 .hero-v15-mosaic { grid-auto-rows:auto; }
 .hero-v15-mosaic .hero-v15-tile { aspect-ratio:1 / 1; }
 .hero-v15-mosaic .hero-v15-tile-wide { aspect-ratio:1620 / 971; }
}

/* v1.8.4: original ratio, no cropping or enlargement distortion; externally hosted WP media */
.hero-v15-mosaic .hero-v15-tile img {object-fit:contain !important;object-position:center !important;max-width:none !important;max-height:none !important;transform:none !important;}
.hero-v15-mosaic .hero-v15-tile-wide {aspect-ratio:1620 / 971;}
.hero-v15-mosaic .hero-v15-tile:not(.hero-v15-tile-wide) {aspect-ratio:1 / 1;}


/* v1.8.5 — actual fix: remove percentage-size image/layout dependency.
   Every photo fills its assigned card; its natural proportions remain intact.
   Wide photo 1620:971, other photos 1:1. */
.hero-v15-mosaic {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  grid-auto-rows:auto;
  align-items:stretch;
}
.hero-v15-mosaic a.hero-v15-tile {
  position:relative !important;
  display:block !important;
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  aspect-ratio:1 / 1 !important;
  overflow:hidden !important;
}
.hero-v15-mosaic a.hero-v15-tile-wide {
  grid-column:1 / -1;
  aspect-ratio:1620 / 971 !important;
}
.hero-v15-mosaic a.hero-v15-tile > img {
  position:absolute !important;
  inset:0 !important;
  display:block !important;
  width:100% !important;
  height:100% !important;
  min-width:100% !important;
  min-height:100% !important;
  max-width:none !important;
  max-height:none !important;
  object-fit:contain !important;
  object-position:50% 50% !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  transform:none !important;
}
.hero-v15-mosaic a.hero-v15-tile > span {z-index:2;}
@media(max-width:700px){
  .hero-v15-mosaic a.hero-v15-tile-wide {aspect-ratio:1620 / 971 !important;}
}

/* v1.8.6: make real photo occupy full tile, remove legacy image constraints */
.hero-v15-mosaic .hero-v15-tile > img {
 position:absolute!important; inset:0!important;
 width:100%!important;height:100%!important;
 min-width:100%!important;min-height:100%!important;
 max-width:none!important;max-height:none!important;
 object-fit:cover!important;object-position:center!important;
 display:block!important; padding:0!important;margin:0!important;
}
.hero-v15-mosaic .hero-v15-tile {position:relative!important;overflow:hidden!important;}
.hero-v15-mosaic .hero-v15-tile-wide {aspect-ratio:1620/971!important;}
.hero-v15-mosaic .hero-v15-tile:not(.hero-v15-tile-wide) {aspect-ratio:1/1!important;}


/* Jakarta Cetak v1.8.7 — premium compact design system
   Identity from actual logo: midnight ink + electric blue, restrained
   mint and powder-blue accents. Warm orange only in tiny icon details. */
:root{
 --blue:#1644E8; --blue-dark:#1035C4;
 --ink:#171D2B; --muted:#647086; --line:#E4E9F2;
 --soft:#F7F9FC; --max:1160px; --radius:14px;
 --jc-sky:#AED0FD; --jc-mint:#4AD3A2;
 --jc-sky-soft:#EFF6FF; --jc-mint-soft:#EAF9F3;
 --jc-accent-ink:#087C61;
}
html{scroll-padding-top:72px}
body{font-family:var(--font-primary);font-size:14px;line-height:1.58;color:var(--ink)}
p{line-height:1.62}
h1,h2,h3,h4{font-weight:700;letter-spacing:-.042em}
h2{line-height:1.18}
.wrap{width:min(calc(100% - 72px),var(--max))}
.site-header{border-color:#EDF0F5}
.header-inner{height:72px;gap:20px}
.brand img{height:49px;width:145px}
.site-nav{gap:23px}
.site-nav>a:not(.btn){font-size:12.5px;font-weight:600}
.btn{min-height:44px;padding:11px 19px;border-radius:10px;font-size:12.5px;font-weight:700;box-shadow:none}
.btn-small{min-height:39px;padding:10px 16px}
.btn:hover{box-shadow:0 8px 18px #1644e81a;transform:translateY(-1px)}
.eyebrow{font-size:10px;letter-spacing:.09em;font-weight:700}
.section{padding:64px 0}
.section-heading{margin-bottom:25px;gap:32px;grid-template-columns:minmax(0,1fr) minmax(235px,310px)}
.section-heading h2{font-size:clamp(27px,2.9vw,37px);margin-top:9px;letter-spacing:-.045em}
.section-heading>p{font-size:13px;line-height:1.65}
.hero-v15{background:linear-gradient(115deg,#FFFFFF 0%,#F8FAFF 74%,#F3F8FF 100%)}
.hero-v15-inner{padding-block:43px 47px;gap:38px;grid-template-columns:1.09fr .91fr;align-items:center}
.hero-v15 .hero-copy h1{font-size:clamp(39px,4.1vw,57px);letter-spacing:-.055em;line-height:1.09;margin:14px 0 16px;font-weight:800}
.hero-v15 .hero-lead{font-size:14px;line-height:1.65;max-width:475px}
.hero-v15-actions{margin-top:21px;gap:10px}
.hero-v15-actions a{min-height:44px;padding:12px 17px;border-radius:10px;font-size:12px}
.hero-v15-assurance{margin-top:13px;gap:9px 15px;font-size:10.5px}
.hero-v15-finder{margin-top:19px;padding:14px;border-radius:13px;box-shadow:none}
.hero-v15-finder label{font-size:11.5px;margin-bottom:8px}
.hero-v15-finder .finder-row{min-height:45px;border-radius:9px}
.hero-v15-finder .finder-row button{font-size:11.5px}
.hero-v15-finder .finder-help{margin-top:9px;font-size:10.5px}
.hero-v15-finder .finder-help button{font-size:10px;padding:4px 9px}
.hero-v15-visual{padding:13px;border-radius:17px;box-shadow:none;border:1px solid #DCE6F5}
.hero-v15-visual-heading{padding:3px 5px 11px}
.hero-v15-visual-heading>span:first-child{font-size:9px;letter-spacing:.08em}
.hero-v15-mosaic{gap:9px}
.hero-v15-mosaic .hero-v15-tile{border-radius:10px}
.hero-v15-tile span{font-size:10px;left:9px;bottom:9px;padding:7px 9px}
.hero-v15-visual-note{font-size:10px;margin-top:11px}
.hero-v15-benefits-grid{padding-block:16px;gap:20px}
.hero-v15-benefits-grid strong{font-size:12px}
.hero-v15-benefits-grid p{font-size:11px}
.hero-v15-benefit-icon{width:35px;height:35px;font-size:17px}
.intent-grid{gap:12px}
.intent-card{min-height:140px;padding:19px;border-radius:13px}
.intent-symbol{width:33px;height:33px;margin-bottom:11px}
.intent-card h3{font-size:15px;margin-bottom:5px}
.intent-card p{font-size:12px}
.card-arrow{right:17px;top:19px}
.product-grid{gap:13px}
.product-card{border-radius:13px}
.product-visual{height:165px;padding:12px}
.product-info{padding:15px}
.product-info h3{font-size:15px;margin-bottom:5px}
.product-info p{font-size:11.5px;line-height:1.5}
.product-more{font-size:11.5px;margin-top:10px}
.beginner-card{padding:20px;border-radius:13px}
.beginner-card h3{font-size:17px}
.beginner-card p{font-size:12px}
.beginner-footer{padding:19px 22px;border-radius:13px}
.assist-form{padding:22px;border-radius:14px}
.assist-form h3{font-size:20px}
.jc-discovery-intro{margin-bottom:19px}
.jc-discovery-intro h3{font-size:clamp(26px,2.7vw,35px);margin:7px 0 8px}
.jc-discovery-intro p{font-size:12.5px}
.jc-discovery-groups{gap:10px}
.jc-discovery-group{border-radius:12px}
.jc-discovery-group>summary{min-height:71px;padding:12px 15px;gap:11px}
.jc-discovery-icon{width:35px;height:35px;font-size:18px}
.jc-discovery-label strong{font-size:13.5px}
.jc-discovery-label small{font-size:11px}
.jc-discovery-links{padding:0 15px 12px}
.jc-discovery-links a{min-height:38px;padding:7px 0;font-size:11.5px}
.location-grid{gap:10px}
.location-grid a{padding:13px 14px;font-size:12px;border-radius:10px}
.steps-grid{gap:15px}
.steps-grid>div{padding-top:16px}
.steps-grid span{width:37px;height:37px;margin-bottom:14px}
.steps-grid h3{font-size:15px}
.steps-grid p{font-size:12px}
.proof-layout{gap:45px}
.proof-steps>div{padding-block:14px}
.cta-section{padding:48px 0}
.cta-panel{padding:34px 39px;border-radius:16px;background:linear-gradient(115deg,#111C34,#183FA9 70%,#1D51D9)}
.cta-panel h2{font-size:clamp(25px,2.7vw,36px)}
.faq-groups{gap:25px}
.faq-group{gap:12px}
.faq-item{border-radius:10px}
.faq-item summary{padding:16px 18px;font-size:12.5px}
.faq-answer{padding:0 18px 17px}
.faq-answer p{font-size:12px}
.faq-contact{padding:20px 24px}
.site-footer{font-size:12px}
:where(a,button,input,summary):focus-visible{outline-color:var(--blue)}
/* Premium restrained brand colors: mint = service cues, powder blue = surfaces. */
.hero-v15 .eyebrow:before{background:#4AD3A2}
.hero-v15-tile:nth-child(3n+1){background:#EAF3FF}
.hero-v15-tile:nth-child(3n+2){background:#EFF9F5}
.hero-v15-tile:nth-child(3n+3){background:#F1F5FC}
.hero-v15-benefits-grid>div:nth-child(2) .hero-v15-benefit-icon{background:#DFF7ED;color:#087C61}
.intent-card:nth-child(3n+2) .intent-symbol{background:#DFF7ED;color:#087C61}
.product-card:nth-child(4n+2) .product-visual{background:#F0FAF6}
.product-card:nth-child(4n+3) .product-visual{background:#EBF4FF}
.jc-discovery-group[open]{border-color:#AED0FD}
.faq-item[open]{border-color:#AED0FD}
@media(max-width:1000px){
 .wrap{width:min(calc(100% - 48px),var(--max))}
 .section{padding:54px 0}
 .hero-v15-inner{gap:24px;padding-block:35px 39px}
 .hero-v15 .hero-copy h1{font-size:clamp(36px,4.6vw,49px)}
 .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:700px){
 .wrap{width:calc(100% - 32px)}
 .header-inner{height:66px}
 .section{padding:43px 0}
 .section-heading{display:block;margin-bottom:21px}
 .section-heading h2{font-size:clamp(26px,6.8vw,33px)}
 .section-heading>p{margin-top:10px;font-size:12.5px}
 .hero-v15-inner{padding-block:27px 30px;gap:24px}
 .hero-v15 .hero-copy h1{font-size:clamp(35px,8.8vw,46px);margin:11px 0 14px}
 .hero-v15 .hero-lead{font-size:13px}
 .hero-v15-actions{margin-top:17px}
 .hero-v15-actions a{min-height:44px;font-size:11px}
 .hero-v15-assurance{margin-top:12px;gap:8px}
 .hero-v15-finder{margin-top:16px;padding:12px}
 .hero-v15-visual{padding:11px}
 .hero-v15-mosaic{gap:8px}
 .hero-v15-benefits-grid{padding-block:15px;gap:13px}
 .intent-grid{gap:9px}
 .intent-card{padding:15px}
 .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .product-visual{height:140px}
 .product-info{padding:12px}
 .beginner-card{padding:17px}
 .jc-discovery-group>summary{padding:12px;min-height:69px}
 .jc-discovery-links{grid-template-columns:1fr}
 .cta-section{padding:32px 0}
 .cta-panel{padding:25px 20px}
 .faq-item summary{padding:14px 15px}
}
@media(max-width:380px){.product-grid{grid-template-columns:1fr}.product-visual{height:170px}}

/* v1.8.8 — rebuild gallery proportions and normalize all iconography */
.jc-icon{display:inline-block;vertical-align:middle;flex:none;stroke:currentColor;overflow:visible}
.btn .jc-icon,.hero-v15-actions .jc-icon,.product-more .jc-icon{margin-left:4px}
.hero-v15-inner{align-items:start!important;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr)!important;gap:clamp(26px,3.5vw,52px)!important;padding-block:45px!important}
.hero-v15 .hero-copy{padding-top:32px}
.hero-v15 .hero-copy h1{font-size:clamp(39px,4.3vw,59px);line-height:1.09}
.hero-v15-visual{padding:14px!important;border-radius:19px!important;box-shadow:0 10px 32px rgba(19,47,105,.045)!important}
.hero-v15-visual-heading{padding:5px 3px 14px!important;font-size:10px!important;letter-spacing:.045em!important}
.hero-v15-visual-heading>span:first-child{display:flex;align-items:center;gap:9px}
.hero-v15-visual-heading .jc-icon{color:#1644e8}
.hero-gallery-all{display:inline-flex;align-items:center;gap:7px;color:#1644e8;text-decoration:none;font-size:11px;font-weight:700;letter-spacing:0;white-space:nowrap}
.hero-gallery-all:hover{text-decoration:underline}
.hero-v15-mosaic{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:auto!important;gap:10px!important}
.hero-v15-mosaic a.hero-v15-tile{display:block!important;position:relative!important;min-height:0!important;height:170px!important;aspect-ratio:auto!important;border-radius:12px!important;background:#e9f1ff!important;overflow:hidden!important;transition:box-shadow .2s ease,transform .2s ease!important}
.hero-v15-mosaic a.hero-v15-tile-wide{grid-column:1/-1;height:205px!important;aspect-ratio:auto!important}
.hero-v15-mosaic a.hero-v15-tile>img{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-width:100%!important;min-height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;object-position:center!important;transform:none!important;margin:0!important;padding:0!important}
.hero-v15-mosaic a.hero-v15-tile:hover{transform:translateY(-2px)!important;box-shadow:0 7px 20px rgba(15,37,85,.14)}
.hero-v15-mosaic a.hero-v15-tile-wide>img{object-position:center 48%!important}
.hero-v15-mosaic a.hero-v15-tile>span.jc-photo-label{display:inline-flex!important;align-items:center!important;gap:8px!important;position:absolute!important;bottom:10px!important;left:10px!important;z-index:2!important;padding:9px 11px!important;background:rgba(255,255,255,.96)!important;color:#16223c!important;font-size:11px!important;font-weight:700!important;line-height:1.15!important;border-radius:8px!important;box-shadow:0 2px 9px rgba(0,0,0,.07)!important}
.jc-photo-label>.jc-icon:first-child{color:#1644e8}
.jc-photo-label>.jc-icon:last-child{color:#1644e8;margin-left:7px}
.hero-v15-visual-note{margin:12px 3px 1px!important;font-size:10.5px!important}
.hero-v15-assurance{display:flex;gap:13px 21px;align-items:center;flex-wrap:wrap;margin-top:20px!important;font-size:11.5px!important}
.hero-v15-assurance>span{display:inline-flex;align-items:center;gap:7px;line-height:1.35}
.hero-v15-assurance .jc-icon{color:#1644e8}
.hero-v15-benefit-icon{border-radius:12px!important;background:#eef4ff!important}
.intent-symbol{display:grid;place-items:center;color:#1644e8!important}
.card-arrow,.jc-discovery-chevron,.jc-discovery-arrow{display:inline-flex;align-items:center;justify-content:center}
.jc-discovery-chevron .jc-icon{transition:transform .2s ease}
.jc-discovery-group[open] .jc-discovery-chevron .jc-icon{transform:rotate(180deg)}
.jc-discovery-group[open] .jc-discovery-chevron{transform:none!important}
.search-icon{display:flex;align-items:center;font-size:initial!important}
.hero-v15 .finder-row{gap:10px}
.hero-v15-finder{margin-top:25px!important}
.hero-v15-visual-heading>span:last-child{font-size:inherit!important}
@media(max-width:1000px){.hero-v15-inner{grid-template-columns:1fr!important}.hero-v15 .hero-copy{padding-top:0}.hero-v15-visual{max-width:680px}.hero-v15-mosaic a.hero-v15-tile-wide{height:230px!important}.hero-v15-mosaic a.hero-v15-tile{height:190px!important}}
@media(max-width:700px){.hero-v15-inner{padding-block:28px 32px!important;gap:22px!important}.hero-v15-visual{padding:11px!important}.hero-v15-mosaic{gap:8px!important}.hero-v15-mosaic a.hero-v15-tile-wide{height:clamp(150px,44vw,240px)!important}.hero-v15-mosaic a.hero-v15-tile{height:clamp(130px,39vw,210px)!important}.hero-v15-mosaic a.hero-v15-tile>span.jc-photo-label{bottom:7px!important;left:7px!important;font-size:10px!important;padding:7px!important;gap:5px!important}.jc-photo-label .jc-icon{width:13px;height:13px}.hero-v15-visual-heading{font-size:9px!important}.hero-gallery-all{font-size:10px}.hero-v15-assurance{gap:9px 13px;font-size:10.5px!important}}

/* v1.8.9 — Global Krub type system; visual hierarchy tuned for this family. */
:root{--font-primary:'Inter',system-ui,-apple-system,'Segoe UI',Arial,sans-serif}
html,body,button,input,select,textarea{font-family:var(--font-primary)!important}
h1,h2,h3,h4,h5,h6{font-family:var(--font-primary)!important;letter-spacing:-.028em;font-weight:700}
.hero-v15 .hero-copy h1{font-weight:700;letter-spacing:-.04em;line-height:1.12}
.section-heading h2,.jc-discovery-intro h3{letter-spacing:-.03em}
.btn,.site-nav>a:not(.btn),.eyebrow{font-weight:700}
body{font-weight:400}
@media(max-width:700px){.hero-v15 .hero-copy h1{letter-spacing:-.032em}}


/* v1.9.0 — Inter, balanced whitespace and restrained premium hierarchy.
   Overrides previous overly compact typography without modifying page SEO. */
:root{--font-primary:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif}
html,body,button,input,select,textarea{font-family:var(--font-primary)!important}
body{font-size:15px;line-height:1.65;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,h5,h6{font-family:var(--font-primary)!important;font-weight:700;letter-spacing:-.034em;line-height:1.22}
p{line-height:1.68}
.wrap{width:min(calc(100% - 72px),1180px)}
.header-inner{height:76px;gap:24px}
.site-nav{gap:25px}
.site-nav>a:not(.btn){font-size:13px;letter-spacing:-.008em}
.btn{font-size:13px;min-height:45px;padding:12px 20px;line-height:1.35}
.btn-small{min-height:40px;padding:10px 16px}
.section{padding:78px 0}
.section-heading{margin-bottom:32px;gap:40px}
.section-heading h2{font-size:clamp(29px,3vw,39px);line-height:1.2;letter-spacing:-.038em}
.section-heading>p{font-size:14px;line-height:1.7}
.eyebrow{font-size:11px;letter-spacing:.065em}
.hero-v15-inner{padding-block:58px 61px!important;gap:clamp(30px,4vw,58px)!important}
.hero-v15 .hero-copy{padding-top:12px!important}
.hero-v15 .hero-copy h1{font-size:clamp(40px,4.25vw,59px);line-height:1.13;letter-spacing:-.048em;margin:15px 0 19px}
.hero-v15 .hero-lead{font-size:15px;line-height:1.73;max-width:510px}
.hero-v15-actions{margin-top:25px;gap:12px}
.hero-v15-actions a{font-size:13px;min-height:47px;padding:13px 20px}
.hero-v15-assurance{margin-top:22px!important;gap:12px 20px;font-size:12px!important}
.hero-v15-finder{margin-top:25px!important;padding:18px;border-radius:15px}
.hero-v15-finder label{font-size:12px;margin-bottom:11px}
.hero-v15-finder .finder-row{min-height:48px}
.hero-v15-finder .finder-row button{font-size:12px}
.hero-v15-finder .finder-help{margin-top:12px;font-size:11px}
.hero-v15-visual{padding:16px!important;border-radius:19px!important}
.hero-v15-visual-heading{padding:5px 5px 15px!important}
.hero-v15-mosaic{gap:11px!important}
.hero-v15-mosaic a.hero-v15-tile{height:170px!important}
.hero-v15-mosaic a.hero-v15-tile-wide{height:205px!important}
.hero-v15-mosaic a.hero-v15-tile>span.jc-photo-label{font-size:11.5px!important}
.hero-v15-benefits-grid{padding-block:22px;gap:23px}
.hero-v15-benefits-grid strong{font-size:13px}
.hero-v15-benefits-grid p{font-size:12px;line-height:1.55}
.intent-grid{gap:15px}
.intent-card{padding:23px;min-height:164px}
.intent-card h3{font-size:16px;margin-bottom:8px}
.intent-card p{font-size:13px;line-height:1.6}
.intent-symbol{margin-bottom:14px}
.product-grid{gap:16px}
.product-visual{height:181px}
.product-info{padding:19px}
.product-info h3{font-size:16px;margin-bottom:8px}
.product-info p{font-size:12.5px;line-height:1.62}
.product-more{font-size:12px;margin-top:13px}
.beginner-card{padding:25px}
.beginner-card h3{font-size:18px}
.beginner-card p{font-size:13px}
.beginner-footer{padding:24px 27px}
.assist-form{padding:26px}
.assist-form h3{font-size:22px}
.jc-discovery-intro{margin-bottom:25px}
.jc-discovery-intro h3{font-size:clamp(28px,3vw,38px)}
.jc-discovery-intro p{font-size:13.5px;line-height:1.65}
.jc-discovery-groups{gap:13px}
.jc-discovery-group>summary{min-height:80px;padding:15px 19px;gap:13px}
.jc-discovery-label strong{font-size:14px}
.jc-discovery-label small{font-size:12px}
.jc-discovery-links{padding:0 19px 16px}
.jc-discovery-links a{min-height:41px;font-size:12px}
.location-grid{gap:13px}
.location-grid a{padding:16px;font-size:13px}
.steps-grid{gap:20px}
.steps-grid>div{padding-top:20px}
.steps-grid h3{font-size:16px}
.steps-grid p{font-size:13px;line-height:1.65}
.proof-layout{gap:52px}
.proof-steps>div{padding-block:17px}
.cta-section{padding:53px 0}
.cta-panel{padding:41px 44px}
.cta-panel h2{font-size:clamp(27px,3vw,39px)}
.faq-groups{gap:30px}
.faq-group{gap:14px}
.faq-item summary{padding:19px 21px;font-size:13.5px;line-height:1.5}
.faq-answer{padding:0 21px 20px}
.faq-answer p{font-size:13px;line-height:1.75}
.faq-contact{padding:25px 28px}
@media(max-width:1000px){
 .wrap{width:min(calc(100% - 48px),1180px)}
 .section{padding:64px 0}
 .hero-v15-inner{padding-block:43px 48px!important}
 .hero-v15 .hero-copy h1{font-size:clamp(37px,4.8vw,51px)}
}
@media(max-width:700px){
 .wrap{width:calc(100% - 36px)}
 .header-inner{height:68px}
 .section{padding:54px 0}
 .section-heading{margin-bottom:24px}
 .section-heading h2{font-size:clamp(27px,7vw,35px)}
 .section-heading>p{font-size:13px}
 .hero-v15-inner{padding-block:32px 39px!important;gap:27px!important}
 .hero-v15 .hero-copy{padding-top:0!important}
 .hero-v15 .hero-copy h1{font-size:clamp(36px,9vw,47px);margin:13px 0 16px}
 .hero-v15 .hero-lead{font-size:13.5px;line-height:1.7}
 .hero-v15-actions{margin-top:20px}
 .hero-v15-actions a{font-size:12px;min-height:45px}
 .hero-v15-assurance{margin-top:17px!important;gap:9px 14px}
 .hero-v15-finder{margin-top:20px!important;padding:15px}
 .hero-v15-visual{padding:12px!important}
 .hero-v15-mosaic{gap:9px!important}
 .hero-v15-mosaic a.hero-v15-tile{height:145px!important}
 .hero-v15-mosaic a.hero-v15-tile-wide{height:185px!important}
 .hero-v15-benefits-grid{padding-block:19px;gap:15px}
 .intent-grid{gap:11px}
 .intent-card{padding:18px;min-height:155px}
 .intent-card h3{font-size:14px}
 .intent-card p{font-size:12px}
 .product-grid{gap:12px}
 .product-visual{height:150px}
 .product-info{padding:15px}
 .product-info h3{font-size:14px}
 .product-info p{font-size:12px}
 .beginner-card{padding:20px}
 .jc-discovery-group>summary{padding:15px}
 .jc-discovery-links{padding:0 15px 14px}
 .cta-section{padding:39px 0}
 .cta-panel{padding:29px 24px}
 .faq-item summary{padding:17px;font-size:13px}
 .faq-answer{padding:0 17px 17px}
}
@media(max-width:380px){.product-visual{height:175px}}


/* v1.9.1 Mobile layout correction. Single visual rhythm, no sticky bottom CTA. */
.mobile-contact-bar{display:none!important}
.header-wa{display:none;flex:0 0 auto;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid #dce8e3;border-radius:12px;background:#effbf5;text-decoration:none;transition:background .2s}
.header-wa img{display:block;width:24px;height:24px;object-fit:contain}
.header-wa:focus-visible,.nav-toggle:focus-visible{outline:2px solid #1644e8;outline-offset:3px}
@media(max-width:850px){
 .site-header{position:relative;z-index:80}
 .header-inner{display:flex;align-items:center;gap:10px;height:66px!important;min-height:66px!important}
 .brand{display:flex;align-items:center;min-width:0;max-width:calc(100% - 108px);margin-right:auto}
 .brand img{width:116px!important;height:40px!important;max-width:100%;object-fit:contain;object-position:left center}
 .header-wa{display:inline-flex}
 .nav-toggle{display:flex;width:42px;height:42px;min-width:42px;min-height:42px;align-items:center;justify-content:center;padding:0!important;border-radius:12px;gap:5px}
 .nav-toggle span{width:19px;height:2px}
 .site-nav{top:66px!important;padding:18px 20px 22px;gap:0;max-height:calc(100dvh - 66px);overflow:auto}
 .site-nav>a:not(.btn){display:block;padding:13px 4px;border-bottom:1px solid #eef1f5}
 .site-nav .btn{margin-top:16px}
 .site-footer{padding-bottom:25px!important}
}
@media(max-width:700px){
 html,body{max-width:100%;overflow-x:clip}
 .wrap{width:calc(100% - 36px)!important;max-width:100%}
 .section{padding:51px 0!important}
 .section-heading{display:block!important;margin-bottom:25px!important}
 .section-heading>div{max-width:100%}
 .section-heading h2{font-size:clamp(27px,7.1vw,35px)!important;line-height:1.22}
 .section-heading>p{margin-top:13px!important;font-size:13px!important;line-height:1.65}
 .hero-v15-inner,.hero-inner{display:flex!important;flex-direction:column!important;gap:25px!important;padding-top:30px!important;padding-bottom:34px!important}
 .hero-v15-inner>*{width:100%;min-width:0;max-width:100%}
 .hero-v15 .hero-copy h1{font-size:clamp(35px,8.6vw,46px)!important;line-height:1.15!important;letter-spacing:-.043em}
 .hero-v15 .hero-copy h1 br{display:none}
 .hero-v15 .hero-lead{font-size:13.5px!important;line-height:1.68!important}
 .hero-v15-actions{display:flex!important;flex-wrap:wrap;gap:10px}
 .hero-v15-actions a{min-height:44px;flex:1 1 150px;text-align:center;justify-content:center}
 .hero-v15-assurance{display:flex!important;flex-wrap:wrap!important;gap:9px 14px!important}
 .hero-v15-assurance span{display:inline-flex;align-items:center;gap:5px;font-size:11px}
 .hero-v15-finder{max-width:100%;margin-top:21px!important;padding:15px!important}
 .hero-v15-finder .finder-row{display:flex;align-items:center;min-width:0}
 .hero-v15-finder .finder-row input{min-width:0;width:100%;font-size:16px!important}
 .hero-v15-finder .finder-row button{white-space:nowrap;flex:none}
 .hero-v15-visual{width:100%;min-width:0;padding:12px!important;border-radius:17px!important}
 .hero-v15-visual-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 3px 13px!important}
 .hero-v15-visual-heading>span{font-size:10px!important;letter-spacing:.02em}
 .hero-gallery-all{font-size:11px!important;white-space:nowrap}
 .hero-v15-mosaic{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;align-items:stretch}
 .hero-v15-mosaic a.hero-v15-tile{min-width:0!important;width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:1/1!important;grid-column:auto!important;grid-row:auto!important;border-radius:12px!important;overflow:hidden}
 .hero-v15-mosaic a.hero-v15-tile-wide{grid-column:span 2!important;aspect-ratio:1.85/1!important}
 .hero-v15-mosaic a.hero-v15-tile>img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-width:100%!important;min-height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important}
 .hero-v15-mosaic .jc-photo-label{max-width:calc(100% - 14px);gap:5px!important;padding:7px 9px!important;font-size:10px!important;white-space:nowrap}
 .hero-v15-mosaic .jc-photo-label .jc-icon{width:13px;height:13px;flex:none}
 .hero-v15-visual-note{font-size:11px!important;line-height:1.5}
 .hero-v15-benefits-grid{display:grid!important;grid-template-columns:1fr!important;gap:17px!important;padding:22px 0!important}
 .hero-v15-benefits-grid>div{display:flex!important;align-items:flex-start;gap:12px}
 .hero-v15-benefit-icon{flex:0 0 39px}
 .intent-grid,.product-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
 .intent-card{min-width:0;padding:17px!important;min-height:0!important}
 .intent-card h3{font-size:14px!important;line-height:1.35}
 .intent-card p{font-size:12px!important;line-height:1.55}
 .product-card{min-width:0;overflow:hidden}
 .product-visual{height:auto!important;aspect-ratio:1.15/1;min-height:0}
 .product-visual img{max-width:100%;max-height:100%}
 .product-info{padding:15px!important}
 .product-info h3{font-size:14px!important;line-height:1.4}
 .product-info p{font-size:12px!important}
 .product-more{font-size:11px}
 .assist-layout,.proof-layout,.beginner-grid,.steps-grid{display:grid!important;grid-template-columns:1fr!important;gap:22px!important}
 .assist-copy h2,.proof-layout h2{font-size:clamp(28px,7vw,36px)!important;line-height:1.2}
 .assist-copy>p,.proof-layout>div>p{font-size:13px!important}
 .assist-form{width:100%;min-width:0;padding:20px!important}
 .assist-form fieldset{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px}
 .assist-choice{min-width:0;min-height:58px;padding:10px!important;font-size:12px!important}
 .beginner-card{min-width:0;padding:22px!important;gap:12px!important}
 .beginner-footer{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:17px!important;padding:21px!important}
 .beginner-footer .btn{width:100%;justify-content:center}
 .jc-discovery-intro{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:16px!important}
 .jc-discovery-intro h3{font-size:29px!important}
 .jc-discovery-group>summary{display:flex;gap:10px!important;padding:15px!important;align-items:center}
 .jc-discovery-label{min-width:0;flex:1}
 .jc-discovery-label strong{font-size:13px!important;line-height:1.4}
 .jc-discovery-label small{font-size:11px!important;line-height:1.45}
 .jc-discovery-icon{flex:0 0 35px}
 .jc-discovery-count{font-size:10px!important;white-space:nowrap}
 .jc-discovery-chevron{flex:none}
 .jc-discovery-links{display:grid!important;grid-template-columns:1fr!important;padding:0 14px 13px!important}
 .jc-discovery-links a{min-width:0;gap:8px;font-size:12px}
 .location-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
 .location-grid a{min-width:0;padding:13px!important;font-size:12px!important;gap:6px}
 .steps-grid>div{padding:18px 0 0}
 .proof-panel{padding:13px}
 .proof-visual{min-height:240px}
 .cta-panel{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:22px!important;padding:28px 22px!important}
 .cta-panel h2{font-size:clamp(26px,7vw,34px)!important}
 .cta-panel .btn{width:100%;justify-content:center}
 .faq-groups,.faq-grid{display:grid!important;grid-template-columns:1fr!important;gap:12px!important}
 .faq-group{min-width:0}
 .faq-group>h3{margin-bottom:14px!important}
 .faq-item summary{padding:16px!important;font-size:13px!important}
 .faq-contact{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:17px!important;padding:22px!important}
 .faq-contact .btn{width:100%;justify-content:center}
 .footer-top{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:26px 18px!important}
 .footer-about{grid-column:span 2}
 .footer-about img{width:120px!important;height:auto!important}
 .footer-col{min-width:0}
 .footer-bottom{margin-top:35px;gap:10px}
}
@media(max-width:390px){
 .brand img{width:106px!important;height:36px!important}
 .hero-v15 .hero-copy h1{font-size:34px!important}
 .hero-v15-mosaic .jc-photo-label{font-size:9.5px!important}
 .hero-v15-visual-heading>span{font-size:9px!important}
 .jc-discovery-count{display:none}
 .intent-grid{grid-template-columns:1fr!important}
 .intent-card{min-height:0!important}
}


/* v1.9.2 — Jakarta Cetak / chromatic midnight design system.
   Dark, high-contrast sections inspired by editorial business sites; all photography
   remains authentic and the mobile grid/WA improvements from 1.9.1 are retained. */
:root{--blue:#1765ff;--blue-dark:#0752e8;--ink:#f6f8ff;--muted:#a7b3cc;--line:#293148;--soft:#111725;--jc-focus:#67cfff;--jc-night:#080b12;--jc-surface:#101522;--jc-panel:#141b2a;--jc-cyan:#24c8ff;--jc-mint:#4ad3a2;--jc-border:#2b354d;--jc-text:#f5f7ff;--jc-sub:#aab5cd}
html{background:var(--jc-night);color-scheme:dark;scroll-padding-top:78px}
body{background:var(--jc-night)!important;color:var(--jc-text)!important;font-family:'Inter',system-ui,sans-serif!important}
body :is(h1,h2,h3,h4,h5,h6){color:var(--jc-text);letter-spacing:-.04em}
body :is(p,small){color:var(--jc-sub)}
a{transition:color .18s,border-color .18s,background-color .18s}
:where(a,button,input,summary):focus-visible{outline:2px solid var(--jc-cyan);outline-offset:3px}
.site-header{background:rgba(8,11,20,.94)!important;border-bottom:1px solid rgba(255,255,255,.09)!important;backdrop-filter:blur(14px)}
.site-header:before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#243aff,#06a9fa 32%,#53d4d0 53%,#f7c879 76%,#e05d44);opacity:.75;pointer-events:none}
.header-inner{height:74px!important}
.site-nav>a:not(.btn){color:#d4def0!important;font-weight:550}
.site-nav>a:not(.btn):hover{color:#48caff!important}
.nav-toggle{background:#151b2a!important;border:1px solid #354058!important;color:white}
.nav-toggle span{background:#f4f7ff!important}
.header-wa{background:#112c30!important;border-color:#285b54!important}
.btn,.hero-v15-primary{background:#155cf7!important;color:white!important;border-color:#155cf7!important;box-shadow:none!important}
.btn:hover,.hero-v15-primary:hover{background:#347cff!important;border-color:#347cff!important}
.hero-v15{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse 60% 55% at 103% 3%,rgba(21,84,224,.34),transparent 72%),radial-gradient(ellipse 43% 38% at -10% 5%,rgba(26,60,198,.32),transparent 72%),linear-gradient(155deg,#090e20 0%,#080d19 52%,#070b14 100%)!important}
.hero-v15:before{content:'';position:absolute;z-index:-1;right:-230px;top:-250px;width:720px;height:720px;background:url('assets/images/brand-glow.png') center/contain no-repeat;filter:blur(65px);opacity:.32;pointer-events:none}
.hero-v15:after{content:'';position:absolute;z-index:-1;left:-210px;bottom:-250px;width:520px;height:520px;background:radial-gradient(circle,rgba(14,98,253,.34),transparent 67%);pointer-events:none}
.hero-v15-inner{padding-block:68px 70px!important;gap:clamp(28px,4vw,58px)!important}
.hero-v15 .hero-copy h1{color:#fff!important;line-height:1.09!important;letter-spacing:-.055em!important}
.hero-v15 .hero-copy h1 span{color:#32bafc!important;background:linear-gradient(95deg,#22d8f3,#1681ff 75%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.hero-v15 .hero-lead{color:#bbc8de!important}
.hero-v15 .hero-lead strong{color:#fff!important}
.hero-v15 .eyebrow{color:#55e5ba!important}
.hero-v15 .eyebrow:before{background:#48e4a4!important}
.hero-v15-secondary{background:rgba(255,255,255,.045)!important;color:#fff!important;border:1px solid #64718d!important}
.hero-v15-secondary:hover{background:rgba(255,255,255,.11)!important}
.hero-v15-assurance{color:#e4ebfa!important}
.hero-v15-assurance span{color:#d5e0f4!important}
.hero-v15-assurance svg{color:#27c6ff!important;stroke:#27c6ff!important}
.hero-v15-finder{background:rgba(16,23,39,.92)!important;border:1px solid #37435c!important;box-shadow:0 16px 44px rgba(0,0,0,.2)!important}
.hero-v15-finder label{color:#f5f7ff!important}
.hero-v15-finder .finder-row{background:#0d1423!important;border:1px solid #39445d!important}
.hero-v15-finder .finder-row input{color:#f5f7ff!important;background:transparent!important}
.hero-v15-finder .finder-row input::placeholder{color:#8392ad!important}
.hero-v15-finder .finder-row button{background:#145cf5!important;color:white!important}
.hero-v15-finder .finder-help{color:#a5b5d1!important}
.hero-v15-finder .finder-help button{background:#1a2846!important;color:#bad7ff!important;border:1px solid #2d4061!important}
.finder-results{background:#111b2d!important;border-color:#3b4964!important}
.finder-results a{color:#e5edff!important;border-color:#2d3950!important}
.finder-results a:hover{background:#213355!important}
.finder-results p{color:#b4c2db!important}
.hero-v15-visual{background:rgba(13,18,32,.83)!important;border:1px solid #303c56!important;box-shadow:0 22px 60px rgba(0,0,0,.24)!important}
.hero-v15-visual-heading,.hero-v15-visual-heading span{color:#d2def5!important}
.hero-gallery-all{color:#52b9ff!important}
.hero-v15-visual-note{color:#9aa9c4!important}
.hero-v15-mosaic a.hero-v15-tile{background:#1a2539!important;border:1px solid rgba(255,255,255,.1)!important}
.hero-v15-mosaic .jc-photo-label{background:#f9fbff!important;color:#121b2d!important;border-radius:8px!important;box-shadow:0 3px 16px #0003}
.hero-v15-mosaic .jc-photo-label svg{stroke:#145cf5!important}
.hero-v15-benefits{background:#0c111c!important;border-color:#222d42!important}
.hero-v15-benefits-grid strong{color:#f7faff!important}
.hero-v15-benefits-grid p{color:#a7b6d1!important}
.hero-v15-benefit-icon{background:#132443!important;color:#34c6ff!important}
.section{background:#080b12!important}
.section:nth-of-type(even){background:#0c1019!important}
.section-heading h2,.jc-discovery-intro h3{color:#f5f7ff!important}
.section-heading>p,.jc-discovery-intro p{color:#aab7ce!important}
.eyebrow{color:#48d6bd!important}
.eyebrow:before{background:#45dba7!important}
.intent-card,.product-card,.beginner-card,.assist-form,.proof-panel,.faq-item,.faq-contact{background:#121824!important;border:1px solid #29364b!important;color:#f5f7ff!important;box-shadow:none!important}
.intent-card:hover,.product-card:hover{border-color:#376cb5!important;background:#172236!important}
.intent-card h3,.product-info h3,.beginner-card h3,.faq-contact strong{color:#f7faff!important}
.intent-card p,.product-info p,.beginner-card p,.faq-answer p,.faq-contact p{color:#a8b5cc!important}
.intent-symbol,.intent-card .intent-symbol{background:#1a2b47!important;color:#39b8ff!important}
.product-info{background:#111824!important}
.product-more,.product-more svg{color:#56b6ff!important}
.beginner-number{color:#43d9b2!important}
.beginner-tip{background:#19243a!important;border-color:#334462!important}
.beginner-tip strong{color:#f4f7ff!important}
.beginner-footer{background:#111a2a!important;border:1px solid #2b3a53!important;border-radius:16px}
.beginner-footer strong{color:#fff!important}
.beginner-footer p{color:#adbad2!important}
.assist-copy h2,.proof-layout h2{color:#fff!important}
.assist-copy>p,.proof-layout>div>p{color:#a9b7cf!important}
.assist-form :is(h3,label,legend){color:#f5f7ff!important}
.assist-choice{background:#171f30!important;border-color:#344159!important;color:#dbe7f8!important}
.assist-choice:hover{border-color:#3a9df4!important}
.jc-discovery-section{background:#0b101b!important}
.jc-discovery{background:transparent!important;border:0!important}
.jc-discovery-group{background:#131a29!important;border:1px solid #2b3850!important;box-shadow:none!important}
.jc-discovery-group[open]{border-color:#3a6ea7!important}
.jc-discovery-label strong{color:#f4f8ff!important}
.jc-discovery-label small,.jc-discovery-count{color:#9aabc8!important}
.jc-discovery-icon{background:#1a2b4c!important;color:#54baff!important}
.jc-discovery-chevron,.jc-discovery-arrow{color:#54baff!important}
.jc-discovery-links{border-color:#2d3b53!important}
.jc-discovery-links a{color:#d9e6fa!important;border-color:#2b3850!important}
.jc-discovery-links a:hover,.jc-discovery-help{color:#4dbdff!important}
.jc-discovery-footnote{color:#8e9db8!important}
.location-grid a{background:#131b2b!important;border:1px solid #2c3a54!important;color:#e9f0ff!important}
.location-grid a:hover{border-color:#4a95ef!important}
.location-footnote{color:#98a9c4!important}
.steps-grid>div{border-color:#2c3850!important}
.steps-grid>div>span{color:#50c7ff!important}
.steps-grid h3{color:#f5f7ff!important}
.steps-grid p{color:#a7b5ce!important}
.proof-steps>div{border-color:#29354b!important}
.proof-steps strong{color:#f4f7ff!important}
.proof-steps p{color:#aab7cf!important}
.proof-visual{background:radial-gradient(circle at 88% 16%,#133a92 0%,transparent 52%),linear-gradient(145deg,#131d38,#07101d)!important;border:1px solid #324364!important}
.proof-visual strong{color:#f6f9ff!important}
.proof-mark{color:#31d0ff!important}
.proof-panel>p{color:#a7b6cf!important}
.cta-section{background:linear-gradient(120deg,#101a40,#080d1e 65%,#0b172e)!important;border-block:1px solid #263a5d}
.cta-panel{background:transparent!important;border:0!important}
.cta-panel h2{color:#fff!important}
.cta-panel p{color:#b8c8e0!important}
.faq-section{background:#090d17!important}
.faq-group h3{color:#f4f7ff!important}
.faq-item summary{color:#f0f5ff!important}
.faq-plus{color:#52bfff!important}
.site-footer{background:#101014!important;border-top:1px solid #283144!important}
.footer-about p,.footer-col p,.footer-bottom{color:#9faac0!important}
.footer-col h3{color:#f8faff!important}
.footer-col a,.powered-link{color:#b5c2d9!important}
.footer-col a:hover,.powered-link:hover{color:#50bfff!important}
.footer-bottom{border-color:#2b3445!important}
@media(min-width:1100px){.hero-v15-inner{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)!important}.hero-v15-mosaic a.hero-v15-tile-wide{height:215px!important}.hero-v15-mosaic a.hero-v15-tile{height:155px!important}.hero-v15 .hero-copy h1{font-size:clamp(45px,4.25vw,65px)!important}}
@media(max-width:850px){.site-nav{background:#101625!important;border:1px solid #2b3750!important;box-shadow:0 22px 42px #0008!important}.site-nav>a:not(.btn){border-color:#2b354b!important}.header-wa{background:#102e33!important}}
@media(max-width:700px){
 .site-header{background:#0b101c!important}
 .hero-v15-inner{padding-top:37px!important;padding-bottom:38px!important}
 .hero-v15:before{right:-280px;top:-230px;opacity:.22}
 .hero-v15 .hero-copy h1{font-size:clamp(36px,9.3vw,48px)!important;line-height:1.13!important}
 .hero-v15 .hero-lead{color:#b8c6dc!important}
 .hero-v15-visual{padding:11px!important}
 .hero-v15-mosaic a.hero-v15-tile{height:auto!important;aspect-ratio:1/1!important}
 .hero-v15-mosaic a.hero-v15-tile-wide{height:auto!important;aspect-ratio:1.85/1!important}
 .hero-v15-mosaic a.hero-v15-tile>img{object-fit:cover!important}
 .hero-v15-benefits-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
 .hero-v15-benefits-grid>div{display:flex!important;flex-direction:column!important;gap:8px!important;align-items:flex-start!important}
 .hero-v15-benefit-icon{width:38px;height:38px}
 .hero-v15-benefits-grid strong{font-size:11px!important;line-height:1.4}
 .hero-v15-benefits-grid p{font-size:10px!important;line-height:1.4}
 .section{padding-block:55px!important}
 .intent-grid,.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .intent-card{background:#131b2a!important}
 .jc-discovery-groups{grid-template-columns:1fr!important}
 .faq-groups{grid-template-columns:1fr!important}
 .cta-panel{padding:26px 5px!important}
}
@media(max-width:380px){.hero-v15-benefits-grid{grid-template-columns:1fr!important;gap:13px!important}.hero-v15-benefits-grid>div{flex-direction:row!important;align-items:center!important}}


/* v1.9.3 — Balanced Chromatic: dark only where it adds contrast.
   Header, hero, conversion CTA and footer remain dark; all information sections
   return to warm white/light-slate with readable ink and comfortable spacing. */
:root{--ink:#141d31;--muted:#526078;--line:#e3e8f1;--soft:#f5f8fc;--blue:#155cf7;--blue-dark:#1048d4}
html{background:#fff;color-scheme:light}
body{background:#fff!important;color:#141d31!important}
body :is(h1,h2,h3,h4,h5,h6){color:#151d31}
body :is(p,small){color:#56637a}
.site-header{background:rgba(8,11,20,.96)!important}
.site-header :is(a,span){color:inherit}
.hero-v15,.hero-v15 :is(h1,h2,h3,h4,h5,h6){color:#fff!important}
.hero-v15 p,.hero-v15 small{color:#bac8df!important}
.hero-v15 .hero-v15-finder p,.hero-v15 .hero-v15-visual p{color:#b4c3df!important}
.hero-v15-benefits{background:#0e1523!important}
.hero-v15-benefits-grid strong{color:#fff!important}
.hero-v15-benefits-grid p{color:#b6c4dc!important}
.section{background:#fff!important;color:#141d31!important}
.section:nth-of-type(even){background:#f7f9fd!important}
.explore-section,.products-section,.trust-section,.locations-section,.proof-section,.faq-section{background:#fff!important}
.assist-section,.jc-discovery-section,.steps-section{background:#f5f8fc!important}
.section-heading h2,.jc-discovery-intro h3{color:#151d31!important}
.section-heading>p,.jc-discovery-intro p{color:#59667b!important}
.section .eyebrow{color:#1265df!important}
.section .eyebrow:before{background:#39c7a1!important}
.intent-card,.product-card,.beginner-card,.assist-form,.proof-panel,.faq-item,.faq-contact{background:#fff!important;border:1px solid #e0e7f1!important;color:#182139!important;box-shadow:0 5px 22px rgba(15,31,64,.035)!important}
.intent-card:hover,.product-card:hover{border-color:#b6c8ec!important;background:#fbfdff!important;box-shadow:0 10px 30px rgba(15,50,100,.075)!important}
.intent-card h3,.product-info h3,.beginner-card h3,.faq-contact strong{color:#172039!important}
.intent-card p,.product-info p,.beginner-card p,.faq-answer p,.faq-contact p{color:#5c697d!important}
.intent-symbol,.intent-card .intent-symbol{background:#eaf2ff!important;color:#155cf7!important}
.product-info{background:#fff!important}
.product-more,.product-more svg{color:#155cf7!important}
.beginner-number{color:#1765e9!important}
.beginner-tip{background:#f0f5fc!important;border-color:#e0e9f5!important;color:#526078!important}
.beginner-tip strong{color:#18233c!important}
.beginner-footer{background:#edf4ff!important;border:1px solid #d8e6fb!important;border-radius:16px}
.beginner-footer strong{color:#18233c!important}
.beginner-footer p{color:#53647e!important}
.assist-copy h2,.proof-layout h2{color:#151d31!important}
.assist-copy>p,.proof-layout>div>p{color:#59667b!important}
.assist-points li{color:#394a65!important}
.assist-form :is(h3,label,legend){color:#19243c!important}
.assist-choice{background:#f7f9fd!important;border-color:#dce5f0!important;color:#26344e!important}
.assist-choice:hover{border-color:#86afea!important}
.jc-discovery{background:transparent!important}
.jc-discovery-group{background:#fff!important;border:1px solid #dfe6f0!important;box-shadow:0 3px 15px rgba(15,31,64,.025)!important}
.jc-discovery-group[open]{border-color:#a6c5ed!important}
.jc-discovery-label strong{color:#1a2540!important}
.jc-discovery-label small,.jc-discovery-count{color:#67758b!important}
.jc-discovery-icon{background:#eaf2ff!important;color:#1765e9!important}
.jc-discovery-chevron,.jc-discovery-arrow{color:#1765e9!important}
.jc-discovery-links{border-color:#e4eaf3!important}
.jc-discovery-links a{color:#283955!important;border-color:#e4eaf3!important}
.jc-discovery-links a:hover,.jc-discovery-help{color:#155cf7!important}
.jc-discovery-footnote{color:#63738a!important}
.location-grid a{background:#fff!important;border:1px solid #dfe7f2!important;color:#26354d!important}
.location-grid a:hover{border-color:#82adef!important;background:#f5f9ff!important}
.location-footnote{color:#66758a!important}
.steps-grid>div{border-color:#dce5f0!important}
.steps-grid>div>span{color:#155cf7!important}
.steps-grid h3{color:#18233a!important}
.steps-grid p{color:#5b697e!important}
.proof-steps>div{border-color:#e0e7f0!important}
.proof-steps strong{color:#1b2741!important}
.proof-steps p{color:#5d6b80!important}
.proof-visual{background:radial-gradient(circle at 85% 18%,#1b59b6 0%,transparent 48%),linear-gradient(145deg,#162a53,#0b1730)!important;border:1px solid #b8c9e4!important}
.proof-visual strong{color:#fff!important}
.proof-mark{color:#48d5ff!important}
.proof-panel>p{color:#657287!important}
.cta-section{background:linear-gradient(120deg,#101a40,#080d1e 65%,#0b172e)!important}
.cta-section :is(h1,h2,h3,h4,h5,h6){color:#fff!important}
.cta-section p{color:#bac8e0!important}
.faq-section{background:#fff!important}
.faq-group h3{color:#1a2640!important}
.faq-item summary{color:#1c2943!important}
.faq-plus{color:#1765e9!important}
.site-footer{background:#0e111b!important}
.site-footer :is(h1,h2,h3,h4,h5,h6){color:#fff!important}
.site-footer p,.site-footer small{color:#aebad0!important}
.site-footer .footer-col a,.site-footer .powered-link{color:#bac6dc!important}
/* A gentle separation between light sections, without boxing everything. */
.explore-section,.products-section,.trust-section,.locations-section,.proof-section,.faq-section{border-bottom:1px solid #f0f3f8}
.section{padding-block:76px!important}
@media(max-width:850px){.section{padding-block:62px!important}}
@media(max-width:700px){
 .section{padding-block:53px!important}
 .section-heading{margin-bottom:25px!important}
 .section-heading h2{line-height:1.22!important}
 .intent-grid,.product-grid{gap:12px!important}
 .hero-v15{background:radial-gradient(ellipse 85% 45% at 90% 2%,rgba(20,91,233,.25),transparent 80%),linear-gradient(145deg,#080d1e,#0a1020)!important}
 .hero-v15-inner{padding-top:34px!important;padding-bottom:38px!important}
 .hero-v15-visual{box-shadow:0 12px 35px rgba(0,0,0,.22)!important}
 .hero-v15-mosaic a.hero-v15-tile-wide{aspect-ratio:1.8/1!important}
 .site-footer{padding-bottom:24px!important}
}


/* v1.9.4 Light canvas — midnight reserved EXCLUSIVELY for the footer. */
html,body{background:#fff!important;color-scheme:light!important}
.site-header{background:rgba(255,255,255,.97)!important;border-bottom:1px solid #e8edf5!important;box-shadow:0 2px 12px rgba(15,35,70,.035)!important;backdrop-filter:blur(14px)}
.site-header:before{opacity:.55!important;height:2px!important}
.site-nav>a:not(.btn){color:#23314c!important}
.site-nav>a:not(.btn):hover{color:#155cf7!important}
.nav-toggle{background:#f5f8fe!important;border:1px solid #dce5f3!important;color:#1c2b45!important}
.nav-toggle span{background:#1d2c47!important}
.header-wa{background:#effbf5!important;border-color:#c9e7d8!important}
.header-wa img{width:22px!important;height:22px!important;display:block;object-fit:contain}
.hero-v15{background:radial-gradient(ellipse 54% 62% at 100% 4%,rgba(69,153,255,.12),transparent 78%),radial-gradient(ellipse 50% 60% at -10% 95%,rgba(45,211,168,.07),transparent 72%),#fff!important;color:#18233a!important}
.hero-v15:before,.hero-v15:after{opacity:.06!important}
.hero-v15 .hero-copy h1{color:#151e31!important}
.hero-v15 .hero-copy h1 span{background:linear-gradient(95deg,#1256e7,#1399df)!important;background-clip:text!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important}
.hero-v15 .hero-lead,.hero-v15 p,.hero-v15 small{color:#52617a!important}
.hero-v15 .hero-lead strong{color:#1a2742!important}
.hero-v15 .eyebrow{color:#155cf7!important}
.hero-v15 .eyebrow:before{background:#4ad3a2!important}
.hero-v15-secondary{background:#fff!important;color:#192b4b!important;border:1px solid #cbd8ed!important}
.hero-v15-secondary:hover{background:#f3f7ff!important;border-color:#8eb4f2!important}
.hero-v15-assurance,.hero-v15-assurance span{color:#344762!important}
.hero-v15-assurance svg{color:#155cf7!important;stroke:#155cf7!important}
.hero-v15-finder{background:#fff!important;border:1px solid #dce5f3!important;box-shadow:0 10px 34px rgba(28,65,117,.055)!important}
.hero-v15-finder label{color:#1c2b45!important}
.hero-v15-finder .finder-row{background:#fff!important;border:1px solid #dce5f3!important}
.hero-v15-finder .finder-row input{color:#1c2b45!important;background:transparent!important}
.hero-v15-finder .finder-row input::placeholder{color:#8794a8!important}
.hero-v15-finder .finder-help{color:#6c7b92!important}
.hero-v15-finder .finder-help button{background:#f0f5ff!important;color:#28599f!important;border:1px solid #e1eaf8!important}
.finder-results{background:#fff!important;border-color:#dce5f3!important}
.finder-results a{color:#1a2c49!important;border-color:#e6ecf5!important}
.finder-results a:hover{background:#f2f7ff!important}
.finder-results p{color:#64748b!important}
.hero-v15-visual{background:#fff!important;border:1px solid #dfe8f5!important;box-shadow:0 15px 46px rgba(20,50,100,.075)!important}
.hero-v15-visual-heading,.hero-v15-visual-heading span{color:#435471!important}
.hero-gallery-all{color:#155cf7!important}
.hero-v15-visual-note{color:#78859b!important}
.hero-v15-mosaic a.hero-v15-tile{background:#f3f6fa!important;border:1px solid #e9eef6!important}
.hero-v15-benefits{background:#f7faff!important;border-block:1px solid #e7eef8!important}
.hero-v15-benefits-grid strong{color:#1b2944!important}
.hero-v15-benefits-grid p{color:#5b6c85!important}
.hero-v15-benefit-icon{background:#e8f1ff!important;color:#155cf7!important}
.cta-section{background:#f0f6ff!important;border-block:1px solid #e0eafa!important}
.cta-section :is(h1,h2,h3,h4,h5,h6){color:#182642!important}
.cta-section p{color:#566982!important}
.cta-panel{background:#f0f6ff!important;border-color:#dce8f9!important;box-shadow:none!important}
.site-footer{background:#0e111b!important;color:#fff!important}
.site-footer :is(h1,h2,h3,h4,h5,h6){color:#fff!important}
.site-footer p,.site-footer small{color:#aebad0!important}
.site-footer .footer-col a,.site-footer .powered-link{color:#bac6dc!important}
.site-footer .footer-about img{filter:none!important;opacity:1!important}
/* Four service benefits: one row on desktop, 2x2 on mobile. */
.hero-v15-benefits-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:20px!important;padding-block:23px!important}
.hero-v15-benefits-grid>div{display:flex!important;flex-direction:row!important;align-items:flex-start!important;gap:12px!important;min-width:0}
.hero-v15-benefits-grid .hero-v15-benefit-icon{flex:0 0 39px;display:flex;align-items:center;justify-content:center}
.hero-v15-benefits-grid strong{font-size:12px!important;line-height:1.35!important;display:block}
.hero-v15-benefits-grid p{font-size:11px!important;line-height:1.45!important;margin-top:4px}
/* Prevent CTAs from wrapping words or icon glyphs. */
.hero-v15-actions a,.btn,.assist-submit,.cta-panel .btn,.footer-contact{white-space:nowrap!important;display:inline-flex!important;align-items:center;justify-content:center;gap:8px}
.hero-v15-actions a svg,.btn svg,.assist-submit svg,.footer-contact svg{flex:0 0 auto!important}
@media(max-width:850px){
 .site-nav{background:#fff!important;border-color:#e0e7f1!important;box-shadow:0 15px 30px rgba(19,38,72,.08)!important}
 .site-nav>a:not(.btn){color:#253650!important}
}
@media(max-width:700px){
 .hero-v15{background:linear-gradient(160deg,#fff,#f7faff 100%)!important}
 .hero-v15-inner{padding-top:31px!important;padding-bottom:35px!important}
 .hero-v15-visual{box-shadow:0 10px 30px rgba(20,50,100,.06)!important}
 .hero-v15-actions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
 .hero-v15-actions a{width:100%!important;min-width:0!important;min-height:47px!important;max-width:100%!important;padding:12px 10px!important;font-size:clamp(11px,3.2vw,13px)!important;white-space:nowrap!important;line-height:1.2!important;letter-spacing:-.012em!important}
 .hero-v15-benefits-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px 12px!important;padding-block:22px!important}
 .hero-v15-benefits-grid>div{flex-direction:row!important;align-items:flex-start!important;gap:9px!important}
 .hero-v15-benefits-grid .hero-v15-benefit-icon{flex-basis:32px!important;width:32px!important;height:32px!important;min-width:32px!important}
 .hero-v15-benefits-grid .hero-v15-benefit-icon svg{width:17px!important;height:17px!important}
 .hero-v15-benefits-grid strong{font-size:11px!important;line-height:1.3!important}
 .hero-v15-benefits-grid p{font-size:10px!important;line-height:1.45!important}
 .assist-submit,.cta-panel .btn,.faq-contact .btn,.beginner-footer .btn{font-size:clamp(10.5px,3vw,12px)!important;padding-inline:10px!important;letter-spacing:-.01em!important;white-space:nowrap!important}
 .header-wa{width:40px!important;height:40px!important;padding:9px!important;border-radius:11px!important}
 .header-wa img{width:22px!important;height:22px!important}
 .site-footer .footer-about img{width:128px!important;max-width:100%!important;height:auto!important}
}
@media(max-width:360px){
 .hero-v15-actions a{font-size:11px!important}
 .hero-v15-benefits-grid{gap:16px 8px!important}
 .hero-v15-benefits-grid .hero-v15-benefit-icon{flex-basis:28px!important;width:28px!important;height:28px!important}
 .hero-v15-benefits-grid strong{font-size:10.5px!important}
 .hero-v15-benefits-grid p{font-size:9.5px!important}
}

/* v1.9.5 — header-first product search, quieter hero, focused benefit hierarchy */
.hero-v15-assurance,.hero-v15-finder{display:none!important}
.header-inner{display:flex!important;align-items:center!important;gap:18px!important}
.header-inner>.brand{flex:0 0 auto!important}
.header-inner>.site-nav{flex:0 0 auto;gap:16px!important}
.jc-header-search{position:relative;display:flex;align-items:center;flex:1 1 230px;max-width:275px;min-width:145px;height:43px;border:1px solid #dbe4f0;border-radius:11px;background:#f6f8fc;padding:0 6px 0 13px;margin-left:auto;transition:border-color .2s,box-shadow .2s}
.jc-header-search:focus-within{border-color:#2465f6;box-shadow:0 0 0 3px rgba(36,101,246,.1);background:white}
.jc-header-search-icon{display:flex;align-items:center;color:#4167a8;flex:none}
.jc-header-search input{border:0!important;box-shadow:none!important;outline:0!important;min-width:0!important;flex:1 1 auto;width:100%;height:100%;padding:0 8px!important;background:transparent!important;color:#18253c!important;font:500 12px/1.3 Inter,system-ui,sans-serif!important}
.jc-header-search input::placeholder{color:#78869c!important}
.jc-header-search-submit{display:flex;align-items:center;justify-content:center;flex:none;width:31px;height:31px;padding:0!important;border:0!important;border-radius:8px;background:#155cf7!important;color:#fff!important;cursor:pointer}
.jc-header-search-submit svg{width:16px;height:16px}
.jc-header-search .finder-results{position:absolute!important;z-index:100;left:0;right:0;top:calc(100% + 7px);max-height:330px;overflow-y:auto;box-shadow:0 16px 40px rgba(14,35,75,.14)!important;border:1px solid #dbe4f0!important;border-radius:12px!important;background:#fff!important;padding:8px!important}
.jc-header-search .finder-results[hidden]{display:none!important}
.jc-header-search .finder-results a{display:flex;justify-content:space-between;gap:8px;padding:10px 9px!important;border-radius:7px;font-size:12px!important}
.jc-header-search .finder-results p{padding:10px;font-size:12px}
.jc-mobile-search-toggle{display:none;align-items:center;justify-content:center;width:40px;height:40px;flex:none;padding:0;border:1px solid #e0e8f2;border-radius:11px;background:#fff;color:#174bdb;cursor:pointer}
.hero-v15 .hero-copy h1{max-width:600px;font-weight:800!important;letter-spacing:-.048em!important}
.hero-v15 .hero-lead{max-width:535px}
.hero-v15-actions{margin-top:29px!important}
.hero-v15-benefits{background:#f6f9ff!important;border-top:1px solid #e6edf9!important;border-bottom:1px solid #e6edf9!important}
.hero-v15-benefits-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:24px!important;padding-block:27px!important}
.hero-v15-benefits-grid>div{min-width:0;display:flex!important;align-items:flex-start;gap:12px!important}
.hero-v15-benefits-grid strong{font-size:13px!important;line-height:1.4!important;font-weight:700!important}
.hero-v15-benefits-grid p{font-size:11.5px!important;line-height:1.55!important;margin-top:4px!important}
.hero-v15-benefit-icon{flex:0 0 39px!important;width:39px!important;height:39px!important;display:flex!important;align-items:center;justify-content:center;background:#e7efff!important;border-radius:11px!important;color:#155cf7!important}
@media(max-width:1150px){.header-inner{gap:12px!important}.header-inner>.site-nav{gap:11px!important}.site-nav>a:not(.btn){font-size:11px!important}.jc-header-search{max-width:225px}}
@media(max-width:850px){
 .header-inner{position:relative;gap:8px!important;height:66px!important;min-height:66px!important}
 .header-inner>.brand{margin-right:auto!important;max-width:calc(100% - 148px)!important}
 .jc-mobile-search-toggle{display:flex;order:2}
 .header-wa{order:3}
 .nav-toggle{order:4}
 .jc-header-search{display:none;position:absolute!important;top:calc(100% + 6px);left:0;right:0;z-index:95;max-width:none;min-width:0;width:100%;height:48px;margin:0!important;background:#fff!important;box-shadow:0 12px 30px rgba(20,50,100,.15);border-radius:12px}
 .jc-header-search.is-open{display:flex}
 .jc-header-search input{font-size:16px!important}
 .site-nav{order:5}
 .hero-v15-benefits-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:19px 14px!important;padding-block:22px!important}
 .hero-v15-benefits-grid>div{display:flex!important;align-items:flex-start;gap:9px!important}
 .hero-v15-benefit-icon{width:34px!important;height:34px!important;flex-basis:34px!important}
 .hero-v15-benefits-grid strong{font-size:11.5px!important;line-height:1.35!important}
 .hero-v15-benefits-grid p{font-size:10.5px!important;line-height:1.5!important}
}
@media(max-width:390px){.header-inner>.brand{max-width:calc(100% - 140px)!important}.header-wa,.nav-toggle,.jc-mobile-search-toggle{width:38px!important;height:38px!important;min-width:38px!important}.hero-v15-benefits-grid{gap:15px 9px!important}.hero-v15-benefit-icon{width:31px!important;height:31px!important;flex-basis:31px!important}}

/* Jakarta Cetak v1.9.6 — precise centered mobile brand, matching header controls,
   two-row delivery bar and a focused, accessible shipping terms dialog. */
.jc-shipping-bar{position:relative;z-index:19;background:#15191f;color:#fff;min-height:39px;display:flex;align-items:center;justify-content:center}
.jc-shipping-trigger{appearance:none;border:0;background:transparent;color:inherit;display:flex;align-items:center;justify-content:center;gap:9px;padding:9px 18px;max-width:100%;min-height:39px;font:600 11px/1.4 'Inter',sans-serif;cursor:pointer;text-align:center}
.jc-shipping-trigger strong{font-weight:800}.jc-shipping-trigger u{text-underline-offset:2px;font-weight:700}
.jc-shipping-trigger:hover{text-decoration:none;background:rgba(255,255,255,.05)}
.jc-shipping-truck{display:flex;align-items:center;color:#4ad3a2;flex:none}
.jc-shipping-next{display:flex;align-items:center;transform:rotate(-90deg);margin-left:9px;flex:none}
.jc-shipping-overlay[hidden]{display:none!important}
.jc-shipping-overlay{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;background:rgba(9,19,24,.73);padding:18px;overflow-y:auto}
.jc-shipping-modal-open{overflow:hidden}
.jc-shipping-dialog{position:relative;background:#fff;color:#152820;border-radius:20px;padding:31px 32px 27px;width:min(100%,520px);max-height:calc(100dvh - 36px);overflow-y:auto;box-shadow:0 25px 70px rgba(0,0,0,.2);font-family:'Inter',sans-serif}
.jc-shipping-close{position:absolute;right:16px;top:16px;width:38px;height:38px;border-radius:50%;border:1px dashed #aebbb5;background:#f7faf8;color:#253b32;font-size:25px;line-height:1;display:grid;place-items:center;cursor:pointer}
.jc-shipping-close:hover{background:#e9f3ed}
.jc-shipping-eyebrow{color:#009968!important;font-size:10px!important;font-weight:800!important;letter-spacing:.12em!important;margin:0 0 12px!important}
.jc-shipping-dialog h2{font-size:clamp(25px,5vw,31px)!important;line-height:1.2!important;letter-spacing:-.045em!important;color:#0f291f!important;display:flex;align-items:center;gap:12px;margin:0 40px 7px 0!important}
.jc-shipping-title-icon{color:#00a86e;display:flex;align-items:center}
.jc-shipping-description{color:#667970!important;font-size:13px!important;line-height:1.55!important;margin:0 0 19px!important;max-width:410px}
.jc-shipping-terms{border-top:1px solid #e6ece8}
.jc-shipping-term{display:grid;grid-template-columns:39px minmax(0,1fr);gap:13px;padding:17px 0;border-bottom:1px solid #e6ece8;align-items:start}
.jc-shipping-term:last-child{border-bottom:0}
.jc-shipping-term-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#e9f7f0;color:#0ba46c;font-size:20px;font-weight:500}
.jc-shipping-term-alert{font-size:21px}
.jc-shipping-term h3{color:#172a21!important;font-size:14px!important;font-weight:750!important;letter-spacing:-.018em!important;line-height:1.35!important;margin:2px 0 6px!important}
.jc-shipping-term p{color:#6b7972!important;font-size:12.5px!important;line-height:1.55!important;margin:0!important}
.jc-shipping-term p strong{color:#009966!important;font-weight:750!important}
.jc-shipping-note{display:flex;gap:7px;align-items:center;background:#f3f7f5;border-radius:11px;padding:13px 15px;color:#65766e!important;font-size:11.5px!important;line-height:1.5!important;margin-top:7px!important}
.jc-shipping-note strong{color:#52635b}
@media(min-width:851px){
 .jc-shipping-bar{min-height:35px}.jc-shipping-trigger{min-height:35px;padding:7px 15px;font-size:11px}
}
@media(max-width:850px){
 .site-header .header-inner{display:grid!important;grid-template-columns:42px minmax(0,1fr) 42px 42px 42px!important;column-gap:7px!important;align-items:center!important;justify-content:initial!important;position:relative!important;min-height:65px!important;height:65px!important}
 .site-header .header-inner>.brand{grid-column:2!important;grid-row:1!important;position:absolute!important;left:50%!important;transform:translateX(-50%)!important;max-width:none!important;width:128px!important;min-width:0!important;margin:0!important;justify-content:center!important;z-index:1}
 .site-header .brand img{width:124px!important;height:46px!important;max-width:100%!important;object-fit:contain!important;object-position:center!important}
 .site-header .nav-toggle{grid-column:1!important;grid-row:1!important;order:initial!important;z-index:2}
 .site-header .jc-mobile-search-toggle{grid-column:3!important;grid-row:1!important;order:initial!important;z-index:2}
 .site-header .header-wa{grid-column:4!important;grid-row:1!important;order:initial!important;z-index:2}
 .site-header .header-inner>.site-nav{grid-row:auto}
 .site-header .nav-toggle,.site-header .jc-mobile-search-toggle,.site-header .header-wa{width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;border:1px solid #d8e3f6!important;border-radius:11px!important;background:#f7faff!important;color:#155cf7!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:none!important}
 .site-header .nav-toggle span{background:#155cf7!important;width:19px!important;height:2px!important}
 .site-header .jc-mobile-search-toggle svg{width:21px!important;height:21px!important;stroke:#155cf7!important}
 .site-header .header-wa img{width:21px!important;height:21px!important;filter:invert(27%) sepia(98%) saturate(4087%) hue-rotate(218deg) brightness(100%) contrast(99%)}
 .site-header .jc-header-search{top:calc(100% + 6px)!important}
 .site-header .site-nav{top:65px!important}
 .jc-shipping-bar{min-height:38px}
 .jc-shipping-trigger{font-size:10px;padding:8px 10px;gap:6px}
 .jc-shipping-next{margin-left:3px}
}
@media(max-width:700px){
 .site-header .header-inner{grid-template-columns:40px minmax(0,1fr) 40px 40px 40px!important;gap:7px!important}
 .site-header .header-inner>.brand{grid-column:2!important;width:120px!important}
 .site-header .brand img{width:116px!important;height:43px!important}
 .site-header .jc-mobile-search-toggle{grid-column:3!important}
 .site-header .header-wa{grid-column:4!important}
 .site-header .nav-toggle{grid-column:1!important}
 .site-header .nav-toggle,.site-header .jc-mobile-search-toggle,.site-header .header-wa{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important}
 .jc-shipping-dialog{border-radius:17px;padding:28px 23px 22px;max-height:calc(100dvh - 26px)}
 .jc-shipping-overlay{padding:13px}
 .jc-shipping-term{gap:12px;grid-template-columns:36px minmax(0,1fr);padding:15px 0}
 .jc-shipping-term-icon{width:36px;height:36px}
}
@media(max-width:390px){
 .site-header .header-inner{grid-template-columns:37px minmax(0,1fr) 37px 37px 37px!important;gap:5px!important}
 .site-header .header-inner>.brand{width:108px!important}
 .site-header .brand img{width:105px!important;height:40px!important}
 .site-header .nav-toggle,.site-header .jc-mobile-search-toggle,.site-header .header-wa{width:37px!important;height:37px!important;min-width:37px!important;min-height:37px!important}
 .jc-shipping-trigger{font-size:9px;gap:4px}
}


/* v1.9.7 Header alignment reset: centered logo and equal mobile controls. */
@media(min-width:851px){
 .site-header .header-inner{width:min(calc(100% - 56px),1250px)!important;max-width:1250px!important;display:flex!important;align-items:center!important;gap:clamp(13px,1.6vw,24px)!important;height:74px!important;margin-inline:auto!important}
 .site-header .header-inner>.brand{width:177px!important;min-width:177px!important;flex:0 0 177px!important;margin:0!important;max-width:177px!important}
 .site-header .header-inner>.brand img{display:block!important;width:160px!important;height:auto!important;max-height:58px!important;object-fit:contain!important;object-position:left center!important}
 .site-header .jc-header-search{flex:1 1 220px!important;min-width:175px!important;max-width:330px!important;margin-left:auto!important}
 .site-header .site-nav{display:flex!important;align-items:center!important;gap:clamp(10px,1.25vw,20px)!important;flex:0 0 auto!important;white-space:nowrap!important}
 .site-header .site-nav>a:not(.btn){font-size:12px!important}
 .site-header .site-nav .btn{white-space:nowrap!important}
}
@media(min-width:851px) and (max-width:1110px){
 .site-header .header-inner{width:calc(100% - 40px)!important;gap:12px!important}
 .site-header .header-inner>.brand{width:150px!important;min-width:150px!important;flex-basis:150px!important}
 .site-header .header-inner>.brand img{width:145px!important}
 .site-header .jc-header-search{min-width:145px!important;max-width:240px!important}
 .site-header .site-nav{gap:9px!important}
 .site-header .site-nav>a:not(.btn){font-size:11px!important}
}
@media(max-width:850px){
 .site-header .header-inner{box-sizing:border-box!important;position:relative!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:0!important;height:64px!important;min-height:64px!important;width:calc(100% - 36px)!important;margin:0 auto!important;padding:0!important}
 .site-header .header-inner>.brand{position:absolute!important;display:flex!important;align-items:center!important;justify-content:center!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;margin:0!important;padding:0!important;width:120px!important;max-width:120px!important;min-width:0!important;height:52px!important;z-index:1!important}
 .site-header .header-inner>.brand img{display:block!important;width:116px!important;height:47px!important;max-height:47px!important;object-fit:contain!important;object-position:center!important}
 .site-header .header-inner>.nav-toggle{order:1!important;position:relative!important;z-index:3!important;margin:0 auto 0 0!important}
 .site-header .header-inner>.jc-mobile-search-toggle{order:2!important;position:relative!important;z-index:3!important;margin:0 7px 0 auto!important}
 .site-header .header-inner>.header-wa{order:3!important;position:relative!important;z-index:3!important;margin:0!important}
 .site-header .header-inner>.nav-toggle,.site-header .header-inner>.jc-mobile-search-toggle,.site-header .header-inner>.header-wa{box-sizing:border-box!important;flex:0 0 40px!important;display:flex!important;align-items:center!important;justify-content:center!important;width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;max-width:40px!important;max-height:40px!important;border-radius:11px!important;padding:0!important;border:1px solid #d8e3f6!important;background:#f7faff!important;box-shadow:none!important}
 .site-header .nav-toggle span{width:19px!important;height:2px!important;margin:0!important}
 .site-header .header-inner>.jc-header-search{position:absolute!important;top:calc(100% + 6px)!important;left:0!important;right:0!important;width:100%!important;max-width:none!important;z-index:98!important}
 .site-header .header-inner>.site-nav{order:5!important;position:absolute!important;top:64px!important;left:0!important;right:0!important;z-index:95!important}
}
@media(max-width:390px){
 .site-header .header-inner{width:calc(100% - 28px)!important}
 .site-header .header-inner>.brand{width:111px!important;max-width:111px!important}
 .site-header .header-inner>.brand img{width:108px!important;height:44px!important}
 .site-header .header-inner>.nav-toggle,.site-header .header-inner>.jc-mobile-search-toggle,.site-header .header-inner>.header-wa{flex-basis:38px!important;width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;max-width:38px!important;max-height:38px!important}
 .site-header .header-inner>.jc-mobile-search-toggle{margin-right:6px!important}
}
/* Shipping ribbon: stronger copy but shallower height, desktop and mobile. */
.jc-shipping-bar{height:32px!important;min-height:32px!important;max-height:32px!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important}
.jc-shipping-trigger{box-sizing:border-box!important;height:32px!important;min-height:32px!important;max-height:32px!important;padding:0 12px!important;gap:8px!important;font-family:'Inter',sans-serif!important;font-size:12px!important;font-weight:600!important;line-height:1.1!important;white-space:nowrap!important}
.jc-shipping-trigger strong{font-weight:800!important}
.jc-shipping-truck svg{width:17px!important;height:17px!important}
.jc-shipping-next{margin-left:6px!important}
@media(max-width:700px){
 .jc-shipping-bar{height:32px!important;min-height:32px!important;max-height:32px!important}
 .jc-shipping-trigger{font-size:clamp(10.5px,2.7vw,12px)!important;gap:5px!important;padding:0 7px!important;letter-spacing:-.02em!important}
 .jc-shipping-truck svg{width:15px!important;height:15px!important}
 .jc-shipping-next{margin-left:2px!important}
 .jc-shipping-next svg{width:13px!important;height:13px!important}
}

/* 1.9.8 — bold typographic hero inspired by the supplied blue visual,
   adapted to Jakarta Cetak. Light site and dark footer stay intact. */
@media(min-width:851px){
 .site-header .header-inner>.brand{width:143px!important;min-width:143px!important;flex:0 0 143px!important;max-width:143px!important}
 .site-header .header-inner>.brand img{width:132px!important;max-height:49px!important}
 .site-header .jc-header-search{max-width:350px!important}
}
@media(min-width:851px) and (max-width:1110px){
 .site-header .header-inner>.brand{width:119px!important;min-width:119px!important;flex-basis:119px!important}
 .site-header .header-inner>.brand img{width:115px!important;max-height:44px!important}
}
@media(max-width:850px){
 .site-header .header-inner>.brand{width:110px!important;max-width:110px!important;height:46px!important}
 .site-header .header-inner>.brand img{width:102px!important;height:41px!important;max-height:41px!important}
}
@media(max-width:390px){
 .site-header .header-inner>.brand{width:100px!important;max-width:100px!important}
 .site-header .header-inner>.brand img{width:95px!important;height:39px!important}
}
.hero.hero-v15{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(120deg,#0639be 0%,#0847dc 47%,#145df5 100%)!important;border:0!important;color:#fff!important}
.hero.hero-v15:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.24;background-image:linear-gradient(#ffffff26 1px,transparent 1px),linear-gradient(90deg,#ffffff26 1px,transparent 1px);background-size:55px 55px;mask-image:linear-gradient(to right,transparent 3%,black 42%,black 95%)}
.hero.hero-v15:after{content:"";position:absolute;z-index:-1;width:520px;height:520px;right:-140px;top:-250px;border-radius:50%;background:radial-gradient(circle,#4ee8f188,transparent 66%);pointer-events:none}
.hero-v15-inner{position:relative;z-index:2;grid-template-columns:minmax(0,1fr) minmax(0,.98fr)!important;gap:clamp(25px,3.5vw,50px)!important;padding-block:clamp(65px,6.2vw,90px)!important}
.hero-v15 .hero-copy{padding-top:0!important}
.hero-v15 .hero-copy .eyebrow{color:#b9ff68!important;font-size:11px!important;letter-spacing:.09em!important}
.hero-v15 .hero-copy .eyebrow:before{background:#b9ff68!important}
.hero-v15 .hero-copy h1{color:#fff!important;font-size:clamp(47px,5.15vw,74px)!important;line-height:1.075!important;letter-spacing:-.063em!important;max-width:640px!important;margin:20px 0 22px!important;text-wrap:balance}
.hero-v15 .hero-copy h1 span{color:#baff30!important;display:inline}
.hero-v15 .hero-lead{color:#e8efff!important;font-size:15px!important;line-height:1.73!important;max-width:495px!important}
.hero-v15 .hero-lead strong{color:#fff!important}
.hero-v15-actions{margin-top:29px!important;gap:12px!important}
.hero-v15-actions a{min-height:48px!important;white-space:nowrap!important;font-size:12px!important;font-weight:700!important}
.hero-v15-actions .hero-v15-primary,.hero-v15-actions .btn{background:#baff30!important;border-color:#baff30!important;color:#09234d!important;box-shadow:0 9px 28px #00277b38!important}
.hero-v15-actions .hero-v15-primary:hover,.hero-v15-actions .btn:hover{background:#d4ff75!important}
.hero-v15-actions .hero-v15-secondary{color:#fff!important;background:#ffffff0f!important;border-color:#ffffffa3!important}
.hero-v15-visual{background:#ffffff17!important;border:1px solid #ffffff4b!important;box-shadow:0 25px 75px #001b7c3d!important;backdrop-filter:blur(12px);padding:14px!important;border-radius:24px!important;transform:rotate(-1deg)}
.hero-v15-visual-heading{color:#f2f6ff!important;padding:6px 5px 14px!important}
.hero-v15-visual-heading>span{color:#fff!important}
.hero-v15-visual-heading .hero-gallery-all{color:#caff72!important}
.hero-v15-mosaic{gap:10px!important}
.hero-v15-mosaic a.hero-v15-tile{box-shadow:0 8px 18px #00226c24!important}
.hero-v15-visual-note{color:#e4edff!important}
.jc-hero-backword{position:absolute;z-index:0;left:50%;bottom:-45px;transform:translateX(-50%);font-size:clamp(145px,24vw,390px);font-weight:900;line-height:.8;letter-spacing:-.105em;white-space:nowrap;color:#ffffff0b;pointer-events:none;user-select:none}
.jc-hero-backword span{position:absolute;top:-27px;right:-10px;transform:rotate(11deg);font-size:clamp(23px,4vw,60px);letter-spacing:-.04em;color:#baff305c}
.hero-v15-benefits{background:#f5f8ff!important}
@media(max-width:1000px){.hero-v15-inner{gap:32px!important}.hero-v15 .hero-copy h1{font-size:clamp(44px,5.2vw,60px)!important}}
@media(max-width:850px){.hero-v15-visual{transform:none!important}.jc-hero-backword{font-size:28vw;bottom:-10px}}
@media(max-width:700px){
 .hero-v15-inner{display:flex!important;flex-direction:column!important;gap:29px!important;padding-block:39px 44px!important}
 .hero-v15 .hero-copy h1{font-size:clamp(39px,10vw,56px)!important;line-height:1.1!important;margin:16px 0 17px!important;letter-spacing:-.06em!important}
 .hero-v15 .hero-lead{font-size:13.5px!important;line-height:1.67!important}
 .hero-v15-actions{display:flex!important;flex-wrap:wrap!important;gap:10px!important;margin-top:22px!important}
 .hero-v15-actions a{font-size:11px!important;min-height:45px!important;padding:11px 13px!important;flex:1 1 auto!important}
 .hero-v15-visual{padding:11px!important;border-radius:18px!important}
 .hero-v15-visual-heading{font-size:9px!important;letter-spacing:.03em!important}
 .hero-v15-mosaic a.hero-v15-tile{border-radius:11px!important}
 .jc-hero-backword{bottom:10px;color:#ffffff09}
}
@media(max-width:390px){.hero-v15 .hero-copy h1{font-size:36px!important}.hero-v15-actions a{font-size:10px!important;padding-inline:10px!important}}


/* v1.9.9 — Mobile hero repair and Jakarta Cetak delivery identity.
   Deliberately neutralize inherited gradient-text clipping from earlier themes. */
.hero.hero-v15{background:linear-gradient(122deg,#0737b5 0%,#104bd9 52%,#1258ed 100%)!important}
.hero-v15 .hero-copy{position:relative;z-index:2;min-width:0!important}
.hero-v15 .hero-copy h1{display:block!important;color:#fff!important;max-width:650px!important;overflow:visible!important;word-break:normal!important;overflow-wrap:normal!important;hyphens:none!important;letter-spacing:-.052em!important;line-height:1.12!important;text-wrap:initial!important}
.hero-v15 .hero-copy h1 span{display:block!important;color:#c8ff51!important;background:none!important;background-image:none!important;background-clip:border-box!important;-webkit-background-clip:border-box!important;-webkit-text-fill-color:#c8ff51!important;text-shadow:none!important;opacity:1!important;filter:none!important}
.hero-v15 .hero-copy h1 br{display:none!important}
.hero-v15 .hero-copy .eyebrow{color:#c8ff51!important}
.hero-v15 .hero-copy .eyebrow:before{background:#c8ff51!important}
.hero-v15-actions .hero-v15-primary,.hero-v15-actions .btn{background:#c8ff51!important;border-color:#c8ff51!important;color:#082c67!important}
.hero-v15-actions .hero-v15-secondary{background:transparent!important;border-color:#d5e5ffad!important;color:#fff!important}
.hero-v15-visual{transform:none!important}
/* Shipping bar: branded blue instead of charcoal, with bright white text. */
.jc-shipping-bar{background:linear-gradient(100deg,#0639b8 0%,#155cf7 100%)!important;border-top:1px solid #ffffff1c!important;color:#fff!important}
.jc-shipping-trigger{color:#fff!important;font-weight:600!important}
.jc-shipping-trigger strong{color:#c8ff51!important;font-weight:800!important}
.jc-shipping-trigger u{color:#fff!important;text-decoration-color:#c8ff51!important;text-underline-offset:3px!important}
.jc-shipping-truck{color:#c8ff51!important}
.jc-shipping-trigger:hover{background:#ffffff15!important}
/* Pop-up uses the same Jakarta Cetak blue/lime family. */
.jc-shipping-overlay{background:rgba(4,20,62,.7)!important;backdrop-filter:blur(3px)}
.jc-shipping-dialog{background:#fff!important;color:#15233c!important;border:1px solid #dce7ff!important;box-shadow:0 30px 85px #001b6266!important}
.jc-shipping-eyebrow{color:#155cf7!important}
.jc-shipping-dialog h2{color:#101d38!important}
.jc-shipping-title-icon{color:#155cf7!important}
.jc-shipping-description{color:#63728b!important}
.jc-shipping-terms,.jc-shipping-term{border-color:#e5eaf5!important}
.jc-shipping-term-icon{background:#e8efff!important;color:#155cf7!important}
.jc-shipping-term h3{color:#162441!important}
.jc-shipping-term p{color:#66758c!important}
.jc-shipping-term p strong{color:#155cf7!important}
.jc-shipping-note{background:#eff4ff!important;color:#526582!important}
.jc-shipping-note strong{color:#193e94!important}
.jc-shipping-close{border:1px solid #d4e0fa!important;background:#f4f7ff!important;color:#155cf7!important}
.jc-shipping-close:hover{background:#e6eeff!important}
@media(max-width:850px){
 .hero-v15 .hero-copy h1{font-size:clamp(35px,6.2vw,53px)!important}
 .hero-v15-inner{gap:27px!important}
}
@media(max-width:700px){
 .hero.hero-v15{background:linear-gradient(150deg,#0837b9,#104be0 65%,#0c56e8)!important}
 .hero-v15-inner{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:25px!important;padding-top:33px!important;padding-bottom:35px!important}
 .hero-v15-inner>.hero-copy,.hero-v15-inner>.hero-v15-visual{width:100%!important;min-width:0!important;max-width:100%!important}
 .hero-v15 .hero-copy h1{font-size:clamp(35px,8.5vw,47px)!important;line-height:1.14!important;letter-spacing:-.045em!important;margin:15px 0 18px!important;max-width:100%!important}
 .hero-v15 .hero-copy h1 span{display:block!important;margin-top:3px!important;line-height:1.15!important}
 .hero-v15 .hero-lead{font-size:13.5px!important;line-height:1.7!important;color:#e8efff!important;max-width:100%!important}
 .hero-v15-actions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;margin-top:23px!important}
 .hero-v15-actions a{width:100%!important;min-width:0!important;max-width:100%!important;min-height:47px!important;padding:12px 14px!important;white-space:nowrap!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;font-size:12px!important;letter-spacing:-.005em!important;border-radius:11px!important;line-height:1.25!important}
 .hero-v15-actions a svg{width:15px!important;height:15px!important;flex:none!important}
 .hero-v15-visual{border-radius:17px!important;padding:11px!important;background:#ffffff13!important;border-color:#ffffff52!important}
 .hero-v15-visual-heading{gap:8px!important;padding:4px 4px 13px!important}
 .hero-v15-visual-heading>span{font-size:9.5px!important;line-height:1.35!important;letter-spacing:0!important;white-space:normal!important}
 .hero-v15-visual-heading .hero-gallery-all{font-size:10px!important;white-space:nowrap!important}
 .jc-hero-backword{display:none!important}
 .jc-shipping-bar,.jc-shipping-trigger{height:34px!important;min-height:34px!important;max-height:34px!important}
 .jc-shipping-trigger{font-size:clamp(10px,2.75vw,12px)!important;letter-spacing:-.02em!important;gap:6px!important;padding-inline:8px!important}
 .jc-shipping-truck svg{width:16px!important;height:16px!important}
 .jc-shipping-dialog{padding:27px 20px 22px!important;border-radius:17px!important}
 .jc-shipping-dialog h2{font-size:26px!important}
 .jc-shipping-term{grid-template-columns:35px minmax(0,1fr)!important;gap:11px!important;padding:14px 0!important}
 .jc-shipping-term-icon{width:34px!important;height:34px!important}
 .jc-shipping-term h3{font-size:13px!important}
 .jc-shipping-term p{font-size:12px!important}
}
@media(max-width:380px){
 .hero-v15 .hero-copy h1{font-size:clamp(31px,8.3vw,35px)!important}
 .hero-v15 .hero-copy .eyebrow{font-size:9.5px!important;letter-spacing:.06em!important}
 .hero-v15-visual-heading>span{font-size:9px!important}
 .jc-shipping-trigger{font-size:10px!important;gap:4px!important}
 .jc-shipping-next{margin-left:0!important}
}


/* v2.0.0: midnight delivery ribbon, white gallery icon, translucent glass labels.
   Overrides older shipping and gallery rules across all breakpoints. */
.jc-shipping-bar{
 background:linear-gradient(112deg,#101c36 0%,#162e5b 66%,#2055a0 100%)!important;
 border-top:1px solid rgba(120,185,255,.16)!important;
 border-bottom:1px solid rgba(255,255,255,.1)!important;
 color:#fff!important;
}
.jc-shipping-trigger{color:#fff!important}
.jc-shipping-trigger strong{color:#fff!important;font-weight:800!important}
.jc-shipping-trigger u{color:#d6e8ff!important;text-decoration-color:#8cd7ff!important}
.jc-shipping-truck,.jc-shipping-truck svg{color:#42d6f5!important;stroke:#42d6f5!important}
.jc-shipping-next,.jc-shipping-next svg{color:#dceaff!important;stroke:#dceaff!important}
.jc-shipping-trigger:hover{background:rgba(255,255,255,.08)!important}
/* Gallery section title: clear white icon on blue backdrop. */
.hero-v15-visual-heading>span,
.hero-v15-visual-heading>span svg,
.hero-v15-visual-heading>span .jc-icon{
 color:#fff!important;stroke:#fff!important;
}
.hero-v15-visual-heading>span svg *{stroke:currentColor!important}
/* Product chips: translucent frosted glass instead of opaque white. */
.hero-v15-mosaic .jc-photo-label{
 background:rgba(12,28,66,.49)!important;
 background-color:rgba(12,28,66,.49)!important;
 -webkit-backdrop-filter:blur(15px) saturate(135%)!important;
 backdrop-filter:blur(15px) saturate(135%)!important;
 color:#fff!important;
 border:1px solid rgba(255,255,255,.34)!important;
 box-shadow:0 5px 20px rgba(3,14,45,.16)!important;
 text-shadow:0 1px 2px rgba(0,0,0,.22);
}
.hero-v15-mosaic .jc-photo-label svg,
.hero-v15-mosaic .jc-photo-label .jc-icon{
 color:#fff!important;stroke:#fff!important;
}
.hero-v15-mosaic .jc-photo-label svg *{stroke:currentColor!important}
.hero-v15-mosaic a.hero-v15-tile:hover .jc-photo-label{
 background:rgba(12,28,66,.68)!important;
 border-color:rgba(255,255,255,.56)!important;
}
@media(max-width:700px){
 .hero-v15-mosaic .jc-photo-label{
  background:rgba(12,28,66,.55)!important;
  -webkit-backdrop-filter:blur(12px) saturate(130%)!important;
  backdrop-filter:blur(12px) saturate(130%)!important;
  color:#fff!important;
 }
 .hero-v15-visual-heading>span svg{color:#fff!important;stroke:#fff!important}
}
@supports not (backdrop-filter:blur(1px)){
 .hero-v15-mosaic .jc-photo-label{background:rgba(12,28,66,.83)!important}
}


/* v2.0.1 — airy white hero with Apple-style frosted-glass surfaces. */
.hero.hero-v15{background:radial-gradient(ellipse 62% 83% at 89% 34%,rgba(197,221,255,.49) 0%,transparent 73%),linear-gradient(125deg,#fff 0%,#f9fbff 59%,#edf5ff 100%)!important;color:#14203b!important;overflow:hidden}
.hero.hero-v15:before{content:"";position:absolute;pointer-events:none;right:-11%;top:-28%;width:60%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(42,116,250,.095),transparent 67%);z-index:0}
.hero-v15 .hero-copy .eyebrow{color:#155cf7!important;font-weight:750!important;letter-spacing:.065em!important}
.hero-v15 .hero-copy .eyebrow:before{background:#155cf7!important}
.hero-v15 .hero-copy h1{color:#112654!important;max-width:640px!important;font-size:clamp(43px,4.5vw,65px)!important;line-height:1.115!important;letter-spacing:-.055em!important;margin:20px 0 21px!important;text-shadow:none!important}
.hero-v15 .hero-copy h1 span{display:block!important;color:#155cf7!important;background:none!important;background-image:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;-webkit-text-fill-color:#155cf7!important;opacity:1!important;filter:none!important;text-shadow:none!important;line-height:1.15!important}
.hero-v15 .hero-lead{color:#405270!important;font-size:15px!important;line-height:1.76!important;max-width:535px!important}
.hero-v15 .hero-lead strong{color:#1b3156!important}
.hero-v15-actions{margin-top:28px!important;gap:13px!important}
.hero-v15-actions .hero-v15-primary,.hero-v15-actions .btn{background:#155cf7!important;color:#fff!important;border-color:#155cf7!important;box-shadow:0 8px 23px rgba(21,92,247,.17)!important}
.hero-v15-actions .hero-v15-primary:hover,.hero-v15-actions .btn:hover{background:#0647d6!important}
.hero-v15-actions .hero-v15-secondary{background:rgba(255,255,255,.53)!important;color:#1b3156!important;border:1px solid rgba(127,153,192,.45)!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:none!important}
.hero-v15-actions .hero-v15-secondary:hover{background:rgba(255,255,255,.82)!important}
.hero-v15-inner{padding-block:64px 62px!important;gap:clamp(28px,4vw,64px)!important;align-items:center!important}
.hero-v15-visual{transform:none!important;border-radius:24px!important;background:rgba(232,242,255,.23)!important;border:1px solid rgba(255,255,255,.8)!important;box-shadow:0 20px 65px rgba(40,88,165,.11),inset 0 1px rgba(255,255,255,.65)!important;backdrop-filter:blur(23px) saturate(145%)!important;-webkit-backdrop-filter:blur(23px) saturate(145%)!important;padding:14px!important}
.hero-v15-visual-heading>span{color:#173562!important;font-weight:750!important}
.hero-v15-visual-heading>span svg,.hero-v15-visual-heading>span .jc-icon{color:#155cf7!important;stroke:#155cf7!important}
.hero-v15-visual-heading .hero-gallery-all{color:#155cf7!important}
.hero-v15-visual-note{color:#647895!important}
.hero-v15-mosaic{gap:10px!important}
.hero-v15-mosaic a.hero-v15-tile{border:1px solid rgba(255,255,255,.58)!important;box-shadow:0 8px 24px rgba(18,47,100,.10)!important}
/* All photo labels: real translucent blur, never an opaque white slab. */
.hero-v15-mosaic .jc-photo-label{background:rgba(19,39,74,.32)!important;background-color:rgba(19,39,74,.32)!important;border:1px solid rgba(255,255,255,.45)!important;color:#fff!important;backdrop-filter:blur(19px) saturate(165%)!important;-webkit-backdrop-filter:blur(19px) saturate(165%)!important;box-shadow:0 5px 16px rgba(11,31,70,.13)!important;text-shadow:0 1px 2px rgba(0,0,0,.25)!important}
.hero-v15-mosaic .jc-photo-label svg,.hero-v15-mosaic .jc-photo-label .jc-icon{color:#fff!important;stroke:#fff!important}
.hero-v15-mosaic a.hero-v15-tile:hover .jc-photo-label{background:rgba(19,39,74,.47)!important}
.jc-hero-backword{display:none!important}
.hero-v15-benefits{background:linear-gradient(180deg,#f6f9ff,#fff)!important;border-block:1px solid #e7eef9!important}
.hero-v15-benefit-icon{color:#155cf7!important;background:#e8f1ff!important}
.hero-v15-benefits-grid strong{color:#182e51!important}
.hero-v15-benefits-grid p{color:#657590!important}
@media(max-width:1000px){.hero-v15-inner{gap:28px!important}.hero-v15 .hero-copy h1{font-size:clamp(39px,5.2vw,55px)!important}}
@media(max-width:700px){
 .hero.hero-v15{background:radial-gradient(ellipse at 82% 66%,rgba(193,220,255,.5),transparent 72%),linear-gradient(160deg,#fff 0%,#f8fbff 100%)!important}
 .hero-v15-inner{padding-top:37px!important;padding-bottom:36px!important;gap:27px!important}
 .hero-v15 .hero-copy h1{font-size:clamp(36px,9vw,46px)!important;line-height:1.14!important;letter-spacing:-.045em!important;margin:16px 0 17px!important}
 .hero-v15 .hero-copy h1 span{line-height:1.16!important;margin-top:3px!important}
 .hero-v15 .hero-lead{font-size:13.5px!important;line-height:1.72!important;color:#425576!important}
 .hero-v15-actions{margin-top:22px!important;gap:10px!important}
 .hero-v15-actions a{min-height:46px!important;font-size:12px!important;white-space:nowrap!important}
 .hero-v15-visual{background:rgba(228,240,255,.27)!important;border:1px solid rgba(255,255,255,.9)!important;padding:11px!important;border-radius:18px!important;box-shadow:0 12px 40px rgba(35,81,154,.1)!important}
 .hero-v15-visual-heading>span{color:#173562!important;font-size:9.5px!important}
 .hero-v15-visual-heading>span svg{color:#155cf7!important;stroke:#155cf7!important}
 .hero-v15-mosaic .jc-photo-label{background:rgba(19,39,74,.36)!important;color:#fff!important;backdrop-filter:blur(15px) saturate(155%)!important;-webkit-backdrop-filter:blur(15px) saturate(155%)!important}
 .hero-v15-visual-note{color:#687a97!important}
}
@supports not (backdrop-filter:blur(1px)){.hero-v15-mosaic .jc-photo-label{background:rgba(19,39,74,.72)!important}.hero-v15-visual{background:rgba(236,244,255,.85)!important}}


/* v2.0.2 Editorial Product Gallery: matching card corners and Apple-style glass labels */
.hero-v15-visual{padding:18px!important;border-radius:26px!important;background:rgba(231,242,255,.16)!important;box-shadow:0 14px 46px rgba(34,81,152,.065)!important}
.hero-v15-visual-heading{padding:5px 4px 17px!important;gap:12px!important}
.hero-v15-visual-heading>span{display:inline-flex!important;align-items:center!important;gap:10px!important;font-size:12px!important;letter-spacing:.005em!important}
.hero-v15-visual-heading>span svg{width:20px!important;height:20px!important}
.hero-v15-mosaic{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:13px!important;align-items:stretch!important}
.hero-v15-mosaic a.hero-v15-tile{position:relative!important;display:block!important;width:100%!important;min-width:0!important;height:auto!important;min-height:0!important;aspect-ratio:1.52/1!important;grid-column:auto!important;grid-row:auto!important;border:0!important;border-radius:17px!important;overflow:hidden!important;isolation:isolate!important;box-shadow:0 4px 18px rgba(20,47,91,.085)!important;transform:none!important}
.hero-v15-mosaic a.hero-v15-tile-wide{grid-column:1/-1!important;aspect-ratio:2.16/1!important}
.hero-v15-mosaic a.hero-v15-tile>img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-width:100%!important;min-height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;object-position:center!important;border-radius:inherit!important;transform:none!important}
.hero-v15-mosaic a.hero-v15-tile:after{content:"";position:absolute;inset:45% 0 0;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(5,19,43,.19));z-index:1}
.hero-v15-mosaic a.hero-v15-tile .jc-photo-label{position:absolute!important;z-index:2!important;left:13px!important;bottom:13px!important;right:13px!important;top:auto!important;display:flex!important;align-items:center!important;gap:11px!important;width:auto!important;max-width:none!important;min-width:0!important;min-height:66px!important;margin:0!important;padding:10px 12px!important;border-radius:17px!important;background:rgba(204,219,241,.26)!important;background-color:rgba(204,219,241,.26)!important;border:1px solid rgba(255,255,255,.68)!important;box-shadow:0 5px 22px rgba(8,22,45,.11),inset 0 1px 0 rgba(255,255,255,.28)!important;backdrop-filter:blur(22px) saturate(170%)!important;-webkit-backdrop-filter:blur(22px) saturate(170%)!important;color:#fff!important;text-shadow:0 1px 3px rgba(9,20,40,.32)!important;white-space:normal!important;transform:none!important}
.hero-v15-mosaic .jc-photo-label .jc-glass-icon{display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 41px!important;width:41px!important;height:41px!important;border-radius:13px!important;background:rgba(255,255,255,.92)!important;color:#155cf7!important;text-shadow:none!important;box-shadow:0 2px 7px rgba(16,47,91,.06)!important}
.hero-v15-mosaic .jc-photo-label .jc-glass-icon svg{width:21px!important;height:21px!important;color:#155cf7!important;stroke:#155cf7!important;stroke-width:1.8!important}
.hero-v15-mosaic .jc-photo-label .jc-glass-copy{display:flex!important;flex:1 1 auto!important;min-width:0!important;flex-direction:column!important;gap:3px!important;align-items:flex-start!important;justify-content:center!important;line-height:1.3!important}
.hero-v15-mosaic .jc-photo-label .jc-glass-copy strong{font-family:Inter,system-ui,sans-serif!important;font-size:13px!important;font-weight:700!important;color:#fff!important;line-height:1.3!important;letter-spacing:-.015em!important}
.hero-v15-mosaic .jc-photo-label .jc-glass-copy small{display:block!important;color:rgba(255,255,255,.96)!important;font-size:10px!important;font-weight:450!important;line-height:1.35!important;letter-spacing:0!important}
.hero-v15-mosaic .jc-photo-label .jc-glass-arrow{display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 31px!important;width:31px!important;height:31px!important;border-radius:50%!important;background:rgba(255,255,255,.22)!important;border:1px solid rgba(255,255,255,.45)!important;color:#fff!important;transition:transform .2s ease,background .2s ease!important}
.hero-v15-mosaic .jc-photo-label .jc-glass-arrow svg{width:17px!important;height:17px!important;stroke:#fff!important;color:#fff!important}
.hero-v15-mosaic a.hero-v15-tile:hover .jc-photo-label{background:rgba(184,210,241,.36)!important;transform:none!important}
.hero-v15-mosaic a.hero-v15-tile:hover .jc-glass-arrow{transform:translateX(3px)!important;background:rgba(255,255,255,.35)!important}
.hero-v15-visual-note{margin-top:13px!important;font-size:11px!important}
@media(max-width:1100px){.hero-v15-mosaic a.hero-v15-tile{aspect-ratio:1.22/1!important}.hero-v15-mosaic a.hero-v15-tile-wide{aspect-ratio:1.95/1!important}.hero-v15-mosaic a.hero-v15-tile .jc-photo-label{left:9px!important;right:9px!important;bottom:9px!important;gap:8px!important;padding:8px!important;min-height:56px!important;border-radius:13px!important}.hero-v15-mosaic .jc-photo-label .jc-glass-icon{flex-basis:32px!important;width:32px!important;height:32px!important;border-radius:10px!important}.hero-v15-mosaic .jc-photo-label .jc-glass-icon svg{width:17px!important;height:17px!important}.hero-v15-mosaic .jc-photo-label .jc-glass-copy strong{font-size:11px!important}.hero-v15-mosaic .jc-photo-label .jc-glass-copy small{font-size:9px!important}.hero-v15-mosaic .jc-photo-label .jc-glass-arrow{flex-basis:25px!important;width:25px!important;height:25px!important}.hero-v15-mosaic .jc-photo-label .jc-glass-arrow svg{width:14px!important;height:14px!important}}
@media(max-width:700px){
.hero-v15-visual{padding:12px!important;border-radius:19px!important}
.hero-v15-visual-heading{padding:4px 3px 13px!important}
.hero-v15-visual-heading>span{font-size:9.5px!important;gap:7px!important}
.hero-v15-visual-heading>span svg{width:16px!important;height:16px!important}
.hero-v15-mosaic{gap:10px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
.hero-v15-mosaic a.hero-v15-tile{aspect-ratio:1/1!important;border-radius:15px!important;height:auto!important}
.hero-v15-mosaic a.hero-v15-tile-wide{aspect-ratio:1.8/1!important;grid-column:1/-1!important}
.hero-v15-mosaic a.hero-v15-tile .jc-photo-label{left:8px!important;right:8px!important;bottom:8px!important;min-height:44px!important;padding:6px!important;gap:6px!important;border-radius:12px!important}
.hero-v15-mosaic .jc-photo-label .jc-glass-icon{flex-basis:27px!important;width:27px!important;height:27px!important;border-radius:9px!important}
.hero-v15-mosaic .jc-photo-label .jc-glass-icon svg{width:15px!important;height:15px!important}
.hero-v15-mosaic .jc-photo-label .jc-glass-copy{gap:0!important}
.hero-v15-mosaic .jc-photo-label .jc-glass-copy strong{font-size:10px!important;line-height:1.2!important}
.hero-v15-mosaic .jc-photo-label .jc-glass-copy small{display:none!important}
.hero-v15-mosaic .jc-photo-label .jc-glass-arrow{flex-basis:22px!important;width:22px!important;height:22px!important}
.hero-v15-mosaic .jc-photo-label .jc-glass-arrow svg{width:13px!important;height:13px!important}
.hero-v15-mosaic a.hero-v15-tile-wide .jc-photo-label{right:auto!important;min-width:200px!important;max-width:calc(100% - 16px)!important}
.hero-v15-mosaic a.hero-v15-tile-wide .jc-glass-copy small{display:block!important;font-size:9px!important}
}
@media(max-width:390px){.hero-v15-mosaic{gap:8px!important}.hero-v15-mosaic a.hero-v15-tile .jc-photo-label{left:6px!important;right:6px!important;bottom:6px!important;gap:4px!important;padding:5px!important}.hero-v15-mosaic .jc-photo-label .jc-glass-icon{flex-basis:24px!important;width:24px!important;height:24px!important}.hero-v15-mosaic .jc-photo-label .jc-glass-icon svg{width:14px!important;height:14px!important}.hero-v15-mosaic .jc-photo-label .jc-glass-copy strong{font-size:9px!important}.hero-v15-mosaic .jc-photo-label .jc-glass-arrow{flex-basis:19px!important;width:19px!important;height:19px!important}.hero-v15-mosaic a.hero-v15-tile-wide .jc-photo-label{min-width:185px!important}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.hero-v15-mosaic a.hero-v15-tile .jc-photo-label{background:rgba(40,69,110,.82)!important}}


/* v2.0.3: FIX ROOT CAUSE. Original .hero-v15-tile span positioned EVERY nested
   span absolutely and painted it white. Only the OUTER glass label is overlay;
   its icon, copy and arrow are normal flex children. */
.hero-v15-mosaic a.hero-v15-tile > span.jc-photo-label{
 position:absolute!important;left:12px!important;right:12px!important;bottom:12px!important;top:auto!important;
 display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;
 padding:10px 11px!important;min-height:65px!important;width:auto!important;max-width:none!important;
 background:rgba(28,48,79,.35)!important;background-color:rgba(28,48,79,.35)!important;
 color:#fff!important;border:1px solid rgba(255,255,255,.62)!important;border-radius:16px!important;
 box-shadow:0 5px 20px rgba(7,20,43,.15),inset 0 1px rgba(255,255,255,.2)!important;
 backdrop-filter:blur(22px) saturate(145%)!important;-webkit-backdrop-filter:blur(22px) saturate(145%)!important;
 text-shadow:none!important;white-space:normal!important;
}
/* Reset the old generic span rule, which caused floating white blocks. */
.hero-v15-mosaic a.hero-v15-tile > span.jc-photo-label span,
.hero-v15-mosaic a.hero-v15-tile > span.jc-photo-label .jc-glass-icon,
.hero-v15-mosaic a.hero-v15-tile > span.jc-photo-label .jc-glass-copy,
.hero-v15-mosaic a.hero-v15-tile > span.jc-photo-label .jc-glass-arrow{
 position:static!important;inset:auto!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;
 margin:0!important;max-width:none!important;padding:0!important;
 box-shadow:none!important;text-shadow:none!important;border:0!important;
 transform:none!important;white-space:normal!important;
}
.hero-v15-mosaic a.hero-v15-tile > span.jc-photo-label .jc-glass-icon{
 display:flex!important;align-items:center!important;justify-content:center!important;
 flex:0 0 42px!important;width:42px!important;height:42px!important;min-width:42px!important;
 background:rgba(255,255,255,.94)!important;border-radius:13px!important;color:#155cf7!important;
}
.hero-v15-mosaic a.hero-v15-tile > span.jc-photo-label .jc-glass-icon svg,
.hero-v15-mosaic a.hero-v15-tile > span.jc-photo-label .jc-glass-icon svg *{stroke:#155cf7!important;color:#155cf7!important}
.hero-v15-mosaic a.hero-v15-tile > span.jc-photo-label .jc-glass-copy{
 display:flex!important;flex:1 1 0!important;min-width:0!important;flex-direction:column!important;
 align-items:flex-start!important;justify-content:center!important;gap:3px!important;
 background:transparent!important;background-color:transparent!important;border-radius:0!important;
}
.hero-v15-mosaic a.hero-v15-tile > span.jc-photo-label .jc-glass-copy strong{
 display:block!important;font:700 13px/1.25 Inter,system-ui,sans-serif!important;
 color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.4)!important;letter-spacing:-.012em!important;
}
.hero-v15-mosaic a.hero-v15-tile > span.jc-photo-label .jc-glass-copy small{
 display:block!important;font:400 10px/1.3 Inter,system-ui,sans-serif!important;
 color:rgba(255,255,255,.95)!important;text-shadow:0 1px 2px rgba(0,0,0,.35)!important;
}
.hero-v15-mosaic a.hero-v15-tile > span.jc-photo-label .jc-glass-arrow{
 display:flex!important;align-items:center!important;justify-content:center!important;
 flex:0 0 32px!important;width:32px!important;height:32px!important;min-width:32px!important;
 border-radius:50%!important;background:rgba(255,255,255,.19)!important;
 border:1px solid rgba(255,255,255,.4)!important;color:#fff!important;
}
.hero-v15-mosaic a.hero-v15-tile > span.jc-photo-label .jc-glass-arrow svg,
.hero-v15-mosaic a.hero-v15-tile > span.jc-photo-label .jc-glass-arrow svg *{stroke:#fff!important;color:#fff!important}
.hero-v15-mosaic a.hero-v15-tile:hover > span.jc-photo-label{background:rgba(28,48,79,.46)!important}
@media(max-width:700px){
 .hero-v15-mosaic a.hero-v15-tile > span.jc-photo-label{left:8px!important;right:8px!important;bottom:8px!important;gap:6px!important;padding:7px!important;min-height:42px!important;border-radius:12px!important}
 .hero-v15-mosaic a.hero-v15-tile > span.jc-photo-label .jc-glass-icon{flex:0 0 28px!important;min-width:28px!important;width:28px!important;height:28px!important;border-radius:9px!important}
 .hero-v15-mosaic a.hero-v15-tile > span.jc-photo-label .jc-glass-icon svg{width:16px!important;height:16px!important}
 .hero-v15-mosaic a.hero-v15-tile > span.jc-photo-label .jc-glass-copy strong{font-size:10px!important;line-height:1.25!important}
 .hero-v15-mosaic a.hero-v15-tile > span.jc-photo-label .jc-glass-copy small{display:none!important}
 .hero-v15-mosaic a.hero-v15-tile > span.jc-photo-label .jc-glass-arrow{flex:0 0 23px!important;min-width:23px!important;width:23px!important;height:23px!important}
 .hero-v15-mosaic a.hero-v15-tile > span.jc-photo-label .jc-glass-arrow svg{width:13px!important;height:13px!important}
 .hero-v15-mosaic a.hero-v15-tile-wide > span.jc-photo-label{right:8px!important;min-width:0!important;max-width:none!important}
 .hero-v15-mosaic a.hero-v15-tile-wide > span.jc-photo-label .jc-glass-copy small{display:block!important;font-size:9px!important}
}
@media(max-width:390px){
 .hero-v15-mosaic a.hero-v15-tile > span.jc-photo-label{left:6px!important;right:6px!important;bottom:6px!important;gap:4px!important;padding:5px!important}
 .hero-v15-mosaic a.hero-v15-tile > span.jc-photo-label .jc-glass-icon{flex:0 0 25px!important;min-width:25px!important;width:25px!important;height:25px!important}
 .hero-v15-mosaic a.hero-v15-tile > span.jc-photo-label .jc-glass-arrow{flex:0 0 20px!important;min-width:20px!important;width:20px!important;height:20px!important}
 .hero-v15-mosaic a.hero-v15-tile > span.jc-photo-label .jc-glass-copy strong{font-size:9.5px!important}
}


/* v2.0.4 — tighter editorial composition; truly translucent labels */
.hero-v15-inner{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)!important;gap:clamp(28px,3.4vw,48px)!important;padding-block:42px 46px!important;align-items:center!important}
.hero-v15-visual{padding:13px!important;border-radius:21px!important;box-shadow:0 10px 34px rgba(30,75,150,.065)!important}
.hero-v15-visual-heading{padding:3px 3px 11px!important}
.hero-v15-mosaic{gap:10px!important}
.hero-v15-mosaic a.hero-v15-tile{aspect-ratio:1.40/1!important;border-radius:15px!important;box-shadow:0 3px 13px rgba(20,47,91,.07)!important}
.hero-v15-mosaic a.hero-v15-tile-wide{aspect-ratio:2.33/1!important}
.hero-v15-mosaic a.hero-v15-tile > span.jc-photo-label{
 background:rgba(24,46,80,.19)!important;background-color:rgba(24,46,80,.19)!important;
 backdrop-filter:blur(10px) saturate(118%)!important;-webkit-backdrop-filter:blur(10px) saturate(118%)!important;
 border:1px solid rgba(255,255,255,.53)!important;box-shadow:0 3px 13px rgba(8,22,45,.12)!important;
 left:10px!important;right:10px!important;bottom:10px!important;min-height:56px!important;
 padding:7px 9px!important;gap:9px!important;border-radius:13px!important
}
.hero-v15-mosaic a.hero-v15-tile:hover > span.jc-photo-label{background:rgba(24,46,80,.29)!important}
.hero-v15-mosaic a.hero-v15-tile > span.jc-photo-label .jc-glass-icon{flex:0 0 36px!important;min-width:36px!important;width:36px!important;height:36px!important;border-radius:11px!important}
.hero-v15-mosaic a.hero-v15-tile > span.jc-photo-label .jc-glass-icon svg{width:19px!important;height:19px!important}
.hero-v15-mosaic a.hero-v15-tile > span.jc-photo-label .jc-glass-copy strong{font-size:12px!important}
.hero-v15-mosaic a.hero-v15-tile > span.jc-photo-label .jc-glass-copy small{font-size:9.5px!important}
.hero-v15-mosaic a.hero-v15-tile > span.jc-photo-label .jc-glass-arrow{flex:0 0 28px!important;min-width:28px!important;width:28px!important;height:28px!important}
.hero-v15-visual-note{margin:9px 3px 1px!important;font-size:10px!important}
@media(min-width:701px) and (max-width:1200px){
 .hero-v15-inner{gap:26px!important;padding-block:35px 39px!important}
 .hero-v15-mosaic a.hero-v15-tile{aspect-ratio:1.26/1!important}
 .hero-v15-mosaic a.hero-v15-tile-wide{aspect-ratio:2.08/1!important}
 .hero-v15-mosaic a.hero-v15-tile > span.jc-photo-label{left:8px!important;right:8px!important;bottom:8px!important;min-height:49px!important;padding:6px!important;gap:6px!important}
 .hero-v15-mosaic a.hero-v15-tile > span.jc-photo-label .jc-glass-icon{flex:0 0 30px!important;min-width:30px!important;width:30px!important;height:30px!important}
 .hero-v15-mosaic a.hero-v15-tile > span.jc-photo-label .jc-glass-copy strong{font-size:10px!important}
 .hero-v15-mosaic a.hero-v15-tile > span.jc-photo-label .jc-glass-copy small{font-size:8.5px!important}
 .hero-v15-mosaic a.hero-v15-tile > span.jc-photo-label .jc-glass-arrow{flex:0 0 24px!important;min-width:24px!important;width:24px!important;height:24px!important}
}
@media(max-width:700px){
 .hero-v15-inner{display:flex!important;flex-direction:column!important;gap:20px!important;padding-block:26px 28px!important}
 .hero-v15 .hero-copy h1{margin:12px 0 14px!important;line-height:1.13!important}
 .hero-v15 .hero-lead{line-height:1.6!important}
 .hero-v15-actions{margin-top:17px!important}
 .hero-v15-visual{width:100%!important;max-width:100%!important;padding:10px!important;border-radius:17px!important}
 .hero-v15-visual-heading{padding:3px 2px 10px!important}
 .hero-v15-mosaic{gap:8px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .hero-v15-mosaic a.hero-v15-tile{aspect-ratio:1.16/1!important;border-radius:12px!important;min-height:0!important;height:auto!important}
 .hero-v15-mosaic a.hero-v15-tile-wide{aspect-ratio:2.02/1!important;grid-column:1/-1!important}
 .hero-v15-mosaic a.hero-v15-tile > span.jc-photo-label{left:6px!important;right:6px!important;bottom:6px!important;min-height:37px!important;padding:5px 6px!important;gap:5px!important;border-radius:10px!important;backdrop-filter:blur(9px) saturate(115%)!important;-webkit-backdrop-filter:blur(9px) saturate(115%)!important}
 .hero-v15-mosaic a.hero-v15-tile > span.jc-photo-label .jc-glass-icon{flex:0 0 25px!important;min-width:25px!important;width:25px!important;height:25px!important;border-radius:7px!important}
 .hero-v15-mosaic a.hero-v15-tile > span.jc-photo-label .jc-glass-icon svg{width:14px!important;height:14px!important}
 .hero-v15-mosaic a.hero-v15-tile > span.jc-photo-label .jc-glass-copy strong{font-size:9.5px!important;line-height:1.2!important}
 .hero-v15-mosaic a.hero-v15-tile > span.jc-photo-label .jc-glass-copy small{display:none!important}
 .hero-v15-mosaic a.hero-v15-tile > span.jc-photo-label .jc-glass-arrow{flex:0 0 20px!important;min-width:20px!important;width:20px!important;height:20px!important}
 .hero-v15-mosaic a.hero-v15-tile > span.jc-photo-label .jc-glass-arrow svg{width:12px!important;height:12px!important}
 .hero-v15-mosaic a.hero-v15-tile-wide > span.jc-photo-label .jc-glass-copy small{display:block!important;font-size:9px!important}
 .hero-v15-visual-note{margin:8px 2px 1px!important;font-size:9.5px!important}
}
@media(max-width:380px){
 .hero-v15-mosaic a.hero-v15-tile{aspect-ratio:1.02/1!important}
 .hero-v15-mosaic a.hero-v15-tile-wide{aspect-ratio:1.95/1!important}
 .hero-v15-mosaic a.hero-v15-tile > span.jc-photo-label .jc-glass-arrow{display:none!important}
 .hero-v15-mosaic a.hero-v15-tile > span.jc-photo-label .jc-glass-copy strong{font-size:9px!important}
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.hero-v15-mosaic a.hero-v15-tile > span.jc-photo-label{background:rgba(26,48,79,.66)!important}}


/* v2.0.5 — Selective Apple-style glass design system.
   Glass only on surfaces with visual depth. Reading-heavy sections remain opaque. */
:root{
 --jc-glass-surface:rgba(255,255,255,.56);
 --jc-glass-surface-strong:rgba(255,255,255,.76);
 --jc-glass-border:rgba(255,255,255,.8);
 --jc-glass-shadow:0 10px 30px rgba(32,79,148,.065),inset 0 1px 0 rgba(255,255,255,.65);
}
/* Layered soft blue light behind interactive cards — without solid white blocks */
.intent-section,.products-section,.trust-section,.locations-section,.assist-section,.faq-section{
 background-image:radial-gradient(ellipse 55% 38% at 93% 9%,rgba(149,198,255,.13),transparent 85%),radial-gradient(ellipse 40% 28% at 4% 95%,rgba(167,212,255,.09),transparent 88%)!important;
 background-color:#fff!important;
}
/* Category, discovery and guide cards: translucent with subtle frosted backdrop */
.intent-card,.product-card,.beginner-card,.jc-discovery-group,.location-grid a{
 background:var(--jc-glass-surface)!important;
 border:1px solid rgba(181,205,243,.54)!important;
 box-shadow:var(--jc-glass-shadow)!important;
 backdrop-filter:blur(14px) saturate(135%);
 -webkit-backdrop-filter:blur(14px) saturate(135%);
 transition:border-color .2s,box-shadow .2s,transform .2s,background-color .2s;
}
.intent-card:hover,.product-card:hover,.beginner-card:hover,.jc-discovery-group:hover,.location-grid a:hover{
 background:rgba(255,255,255,.76)!important;
 border-color:rgba(100,155,240,.56)!important;
 box-shadow:0 13px 34px rgba(29,83,167,.11),inset 0 1px 0 rgba(255,255,255,.8)!important;
}
/* Photo and illustration must not be faded by translucent parent surfaces */
.product-card .product-visual{overflow:hidden}
.product-card .product-visual img{opacity:1}
/* Discovery open state: glass panel with readable, opaque link hit areas */
.jc-discovery-group[open]{background:rgba(247,250,255,.81)!important;border-color:rgba(122,163,233,.65)!important}
.jc-discovery-group>summary:hover{background:rgba(227,238,255,.36)!important}
.jc-discovery-links a{border-radius:9px;transition:background-color .2s}
.jc-discovery-links a:hover{background:rgba(230,241,255,.58)!important}
/* Lightly frosted assistance form and benefits without washing out labels */
.assist-form,.beginner-footer,.faq-contact{
 background:rgba(245,249,255,.74)!important;
 border:1px solid rgba(194,215,245,.65)!important;
 box-shadow:0 12px 36px rgba(34,78,150,.055)!important;
 backdrop-filter:blur(14px) saturate(125%);
 -webkit-backdrop-filter:blur(14px) saturate(125%);
}
.assist-choice{background:rgba(255,255,255,.72)!important;border-color:rgba(192,209,235,.75)!important}
.assist-choice:has(input:checked){background:rgba(229,238,255,.94)!important;border-color:#155cf7!important}
/* FAQ is reading-first: white translucent but high opacity for legibility */
.faq-item{background:rgba(255,255,255,.87)!important;border:1px solid rgba(201,218,241,.7)!important;box-shadow:0 3px 15px rgba(34,76,133,.025)!important}
.faq-item[open]{background:rgba(250,252,255,.97)!important}
/* A subtle glass CTA, not a dark block */
.cta-panel{background:linear-gradient(125deg,rgba(239,246,255,.9),rgba(248,252,255,.78))!important;border:1px solid rgba(181,208,250,.8)!important;box-shadow:0 15px 40px rgba(32,78,154,.07)!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
/* Popup should stay almost opaque for readability; only its surrounding chrome is glass */
.jc-shipping-dialog{background:rgba(255,255,255,.96)!important;backdrop-filter:blur(24px) saturate(135%);-webkit-backdrop-filter:blur(24px) saturate(135%)}
.jc-shipping-term-icon{background:rgba(225,237,255,.9)!important}
/* Header remains crisp and legible; restrained blur is already present */
.site-header{background:rgba(255,255,255,.92)!important;backdrop-filter:blur(16px) saturate(130%)!important;-webkit-backdrop-filter:blur(16px) saturate(130%)!important}
/* The existing gallery glass is deliberately unchanged: user approved v2.0.4 */
@media(max-width:700px){
 .intent-card,.product-card,.beginner-card,.jc-discovery-group,.location-grid a{backdrop-filter:blur(10px) saturate(125%);-webkit-backdrop-filter:blur(10px) saturate(125%)}
 .intent-grid,.product-grid{gap:12px!important}
 .beginner-grid{gap:13px!important}
 .jc-discovery-groups{gap:11px!important}
 .assist-form{padding:19px!important}
 .faq-item{box-shadow:none!important}
}
@media(prefers-reduced-transparency:reduce){
 .intent-card,.product-card,.beginner-card,.jc-discovery-group,.location-grid a,.assist-form,.beginner-footer,.faq-contact,.faq-item,.cta-panel,.jc-shipping-dialog{background:#fff!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
 .intent-card,.product-card,.beginner-card,.jc-discovery-group,.location-grid a,.assist-form,.beginner-footer,.faq-contact,.faq-item,.cta-panel{background:#f7faff!important}
}



/* v2.1.0 — Inter global font */
:root{--font-primary:"Inter",system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important}
html,body,button,input,select,textarea,h1,h2,h3,h4,h5,h6{font-family:var(--font-primary)!important}


/* v2.1.1 — Inter editorial typography: restrained weights, readable rhythm */
:root{--font-primary:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;--type-ink:#162b51;--type-muted:#53647d}
html{font-size:16px;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{font-family:var(--font-primary)!important;font-size:15px!important;font-weight:400!important;line-height:1.65!important;letter-spacing:0!important;color:var(--type-ink)}
body p,body li{font-weight:400;line-height:1.65;letter-spacing:0}
body h1,body h2,body h3,body h4,body h5,body h6{font-family:var(--font-primary)!important;color:var(--type-ink);font-weight:600!important;letter-spacing:-.025em!important;text-wrap:balance}
body h1{font-weight:600!important;line-height:1.13!important;letter-spacing:-.042em!important}
body h2{font-size:clamp(28px,2.7vw,39px)!important;line-height:1.2!important;font-weight:600!important;letter-spacing:-.032em!important}
body h3{font-size:clamp(17px,1.45vw,21px);line-height:1.32!important;font-weight:600!important;letter-spacing:-.017em!important}
body h4,body h5,body h6{font-weight:500!important;line-height:1.35!important}
body strong,body b{font-weight:600!important}
body small,body .muted{font-weight:400;letter-spacing:0}
body button,body .btn,body a.btn,body input[type=submit]{font-family:var(--font-primary)!important;font-weight:600!important;letter-spacing:0!important;line-height:1.2!important}
body input,body select,body textarea{font-family:var(--font-primary)!important;font-weight:400!important;letter-spacing:0!important}
.site-nav a:not(.btn),.header-search input,.header-wa,.jc-shipping-trigger{font-weight:500!important;letter-spacing:0!important}
.hero-v15 .hero-copy h1{font-size:clamp(40px,3.8vw,57px)!important;font-weight:600!important;line-height:1.12!important;letter-spacing:-.042em!important;margin:14px 0 22px!important}
.hero-v15 .hero-copy h1 span,.hero-v15 .hero-copy h1 em,.hero-v15 .hero-copy h1 strong{font-weight:600!important;letter-spacing:inherit!important;line-height:inherit!important}
.hero-v15 .hero-lead{font-size:clamp(15px,1.08vw,17px)!important;font-weight:400!important;line-height:1.66!important;letter-spacing:0!important;max-width:52ch}
.hero-v15 .hero-lead strong{font-weight:600!important}
.hero-v15 .hero-eyebrow,.hero-v15 .eyebrow,.hero-v15-visual-heading>span{font-size:11px!important;font-weight:600!important;letter-spacing:.045em!important;line-height:1.45!important}
.hero-v15-actions{gap:12px!important;margin-top:24px!important}
.hero-v15-actions .btn,.hero-v15-actions a{font-size:13px!important;font-weight:600!important;min-height:46px;line-height:1.2!important}
.hero-v15-visual-heading a{font-size:12px!important;font-weight:500!important}
.hero-v15-mosaic a.hero-v15-tile > span.jc-photo-label .jc-glass-copy strong{font-weight:600!important;letter-spacing:0!important;line-height:1.25!important}
.hero-v15-mosaic a.hero-v15-tile > span.jc-photo-label .jc-glass-copy small{font-weight:400!important;letter-spacing:0!important;line-height:1.3!important}
.section-heading h2,.assist-copy h2,.proof-layout h2,.cta-panel h2{font-weight:600!important;line-height:1.22!important;letter-spacing:-.032em!important}
.section-heading p,.section-heading>p,.intent-card p,.product-info p,.beginner-card p,.faq-item p,.faq-item .answer,.jc-discovery-label small{font-size:14px;line-height:1.65!important;font-weight:400!important;letter-spacing:0!important}
.intent-card h3,.product-info h3,.beginner-card h3,.faq-group h3{font-weight:600!important;letter-spacing:-.017em!important;line-height:1.35!important}
.jc-discovery-label strong,.faq-item summary{font-weight:500!important;letter-spacing:0!important;line-height:1.5!important}
.jc-discovery-links a,.location-grid a,.footer-col a{font-weight:400!important;letter-spacing:0!important}
.jc-shipping-trigger{font-size:12px!important;font-weight:500!important}
.jc-shipping-trigger strong{font-weight:600!important}
.jc-shipping-dialog h2{font-weight:600!important;letter-spacing:-.025em!important}
.jc-shipping-term h3{font-weight:600!important}
@media(max-width:850px){
 .site-nav a:not(.btn){font-size:14px!important;font-weight:500!important}
 .hero-v15 .hero-copy h1{font-size:clamp(36px,7.2vw,48px)!important;line-height:1.14!important;letter-spacing:-.04em!important;margin:13px 0 17px!important}
 .hero-v15 .hero-lead{font-size:14px!important;line-height:1.65!important;max-width:62ch}
 .hero-v15-actions{margin-top:20px!important;gap:10px!important}
 .hero-v15-actions .btn,.hero-v15-actions a{font-size:12.5px!important;white-space:nowrap!important}
 .section-heading h2,.assist-copy h2,.proof-layout h2{font-size:clamp(26px,6vw,34px)!important;line-height:1.22!important}
 .section-heading p,.section-heading>p,.intent-card p,.product-info p,.beginner-card p{font-size:13px!important;line-height:1.6!important}
 .intent-card h3,.product-info h3,.beginner-card h3{font-size:15px!important;line-height:1.35!important}
}
@media(max-width:390px){.hero-v15 .hero-copy h1{font-size:34px!important}.hero-v15-actions .btn,.hero-v15-actions a{font-size:11.5px!important}}


/* v2.1.3: one clear hero CTA, compact benefit ribbon */
.hero-v15-actions{display:flex!important;align-items:center!important;gap:0!important;margin-top:25px!important}
.hero-v15-actions .jc-hero-catalog-cta{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;width:auto!important;min-width:0!important;max-width:100%!important;padding:13px 20px!important;min-height:46px!important;flex:0 0 auto!important;text-decoration:none!important;font-family:Inter,Arial,sans-serif!important;font-size:13px!important;font-weight:600!important;white-space:nowrap!important;line-height:1.2!important;background:#155cf7!important;border:1px solid #155cf7!important;color:#fff!important;border-radius:10px!important;box-shadow:0 7px 19px rgba(21,92,247,.14)!important}
.hero-v15-actions .jc-hero-catalog-cta:hover{background:#0a49d6!important;border-color:#0a49d6!important;transform:translateY(-1px)}
.hero-v15-actions .jc-hero-catalog-cta svg{display:block!important;width:17px!important;height:17px!important;flex:none!important;transform:none!important}
@media(min-width:851px){
 .hero-v15-benefits{padding-block:0!important}
 .hero-v15-benefits-grid{padding-top:15px!important;padding-bottom:15px!important;min-height:0!important;align-items:center!important;gap:18px!important}
 .hero-v15-benefits-grid>div{min-height:0!important;gap:10px!important;align-items:center!important}
 .hero-v15-benefit-icon{width:37px!important;height:37px!important;min-width:37px!important;flex:0 0 37px!important}
 .hero-v15-benefit-icon svg{width:18px!important;height:18px!important}
 .hero-v15-benefits-grid strong{display:block!important;font-size:12px!important;line-height:1.35!important;margin:0 0 3px!important}
 .hero-v15-benefits-grid p{font-size:11px!important;line-height:1.4!important;margin:0!important}
}
@media(max-width:850px){
 .hero-v15-actions{display:flex!important;margin-top:21px!important}
 .hero-v15-actions .jc-hero-catalog-cta{width:100%!important;flex:1 1 100%!important;min-height:47px!important;font-size:12.5px!important;padding:12px 14px!important}
}

/* v2.1.4: one directional cue per intent card, purpose-specific line icons */
.intent-card .intent-symbol{display:inline-grid!important;place-items:center!important;width:36px!important;height:36px!important;border-radius:10px!important;background:#EAF2FF!important;color:#155CF7!important;margin-bottom:14px!important}
.intent-card .intent-symbol .jc-icon{width:19px!important;height:19px!important;stroke-width:1.75!important}
.intent-card .card-arrow{color:#155CF7!important;opacity:.85}
.intent-card:hover .intent-symbol{background:#DBEAFE!important}
@media(max-width:700px){.intent-card .intent-symbol{width:34px!important;height:34px!important;margin-bottom:11px!important}}

/* v2.1.5: icon alignment matches approved six-card visual. */
.intent-card .intent-symbol{display:grid!important;place-items:center!important;width:36px!important;height:36px!important;padding:0!important;border-radius:10px!important;background:#eaf2ff!important;color:#155cf7!important;margin-bottom:14px!important}
.intent-card .intent-symbol svg{display:block!important;width:19px!important;height:19px!important;stroke-width:1.75!important;fill:none!important;stroke:currentColor!important}
.intent-card .card-arrow{position:absolute!important;right:18px!important;top:18px!important;display:grid!important;place-items:center!important;width:18px!important;height:18px!important;color:#155cf7!important;background:transparent!important}
.intent-card .card-arrow svg{width:15px!important;height:15px!important;stroke-width:1.65!important}
@media(max-width:700px){.intent-card .intent-symbol{width:34px!important;height:34px!important}.intent-card .card-arrow{right:13px!important;top:13px!important}}

/* v2.1.6 — real catalog photography; responsive, consistent crop. */
.products-section .product-visual{padding:0;overflow:hidden;background:#f2f5fa}
.products-section .product-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .3s ease}
@media(hover:hover){.products-section .product-card:hover .product-visual img{transform:scale(1.025)}}
@media(prefers-reduced-motion:reduce){.products-section .product-visual img{transition:none}}


/* v2.1.8 — compact, aligned, no-clipping flat flowchart */
.jc-flow-section{overflow:visible}
.jc-flow-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
.jc-flow-step{min-width:0;display:flex;flex-direction:column}
.jc-flow-shape{position:relative;display:flex;align-items:center;gap:15px;min-height:146px;padding:28px 31px 20px 20px;background:#edf4ff;border-radius:17px;clip-path:polygon(0 0,91% 0,100% 50%,91% 100%,0 100%)}
.jc-flow-step:first-child .jc-flow-shape{clip-path:polygon(0 0,91% 0,100% 50%,91% 100%,0 100%)}
.jc-flow-step:last-child .jc-flow-shape{clip-path:none}
.jc-flow-step-2 .jc-flow-shape{background:#e9faf4}
.jc-flow-step-3 .jc-flow-shape{background:#fff4e9}
.jc-flow-num{position:absolute;top:10px;left:13px;display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#155cf7;color:#fff;font-size:11px;font-weight:800;z-index:2}
.jc-flow-step-2 .jc-flow-num{background:#0bb98a}.jc-flow-step-3 .jc-flow-num{background:#f39126}
.jc-flow-icon{flex:0 0 66px;display:grid;place-items:center;width:66px;height:66px;border-radius:50%;background:#dceaff;color:#155cf7;overflow:visible}
.jc-flow-icon svg{display:block;width:42px;height:42px;overflow:visible}
.jc-flow-step-2 .jc-flow-icon{background:#d3f5e8;color:#08ae83}
.jc-flow-step-3 .jc-flow-icon{background:#ffead2;color:#ed8617}
.jc-flow-shape-copy{min-width:0;padding:0}
.jc-flow-shape-copy>span{font-size:10px;font-weight:800;letter-spacing:.07em;color:#155cf7}
.jc-flow-step-2 .jc-flow-shape-copy>span{color:#069b76}.jc-flow-step-3 .jc-flow-shape-copy>span{color:#d6780b}
.jc-flow-shape-copy h3{margin-top:5px;font-size:16px;line-height:1.3;letter-spacing:-.025em;color:#18233a}
.jc-flow-body{padding:13px 3px 0;display:flex;flex-direction:column;flex:1;gap:12px}
.jc-flow-body>p:first-child{color:#5b697e;font-size:13px;line-height:1.65;min-height:0;margin:0}
.jc-flow-example{background:#f0f5fe;border-radius:11px;padding:12px 14px;font-size:12px;line-height:1.55;color:#54657e;margin-top:auto}
.jc-flow-step-2 .jc-flow-example{background:#effaf6}.jc-flow-step-3 .jc-flow-example{background:#fff7ed}
.jc-flow-example strong{display:block;color:#18233a}
.jc-flow-footer{border:1px solid #dce7fb;background:#f8fbff;margin-top:25px;gap:18px}
.jc-flow-chat{width:54px;height:54px;display:grid;place-items:center;background:#e5efff;color:#155cf7;border-radius:14px;flex:none}
.jc-flow-chat svg{width:30px;height:30px}.jc-flow-footer>div{flex:1}.jc-flow-footer .btn{flex:none}
@media(max-width:1050px) and (min-width:761px){.jc-flow-grid{gap:12px}.jc-flow-shape{gap:9px;padding:30px 25px 18px 13px}.jc-flow-icon{flex-basis:54px;width:54px;height:54px}.jc-flow-icon svg{width:35px;height:35px}.jc-flow-shape-copy h3{font-size:14px}}
@media(max-width:760px){.jc-flow-grid{grid-template-columns:1fr;gap:18px}.jc-flow-shape,.jc-flow-step:first-child .jc-flow-shape,.jc-flow-step:last-child .jc-flow-shape{clip-path:none;border-radius:15px;min-height:108px;padding:22px 18px;gap:16px}.jc-flow-num{left:auto;right:12px;top:10px}.jc-flow-icon{flex-basis:62px;width:62px;height:62px}.jc-flow-body{padding:10px 2px 0;gap:10px}.jc-flow-example{margin-top:0}.jc-flow-step:not(:last-child):after{content:none}.jc-flow-footer{flex-wrap:wrap}.jc-flow-footer .btn{width:100%}}
@media(max-width:450px){.jc-flow-footer{padding:19px}.jc-flow-chat{width:45px;height:45px}.jc-flow-footer>div{flex-basis:calc(100% - 70px)}.jc-flow-shape-copy h3{font-size:15px}}

/* v2.1.9 — lightweight inline-SVG ordering infographic */
.steps-section .jc-order-flow{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:22px!important;align-items:start}
.jc-order-flow .jc-order-step{min-width:0;border:0!important;padding:0!important;position:relative}
.jc-order-art{height:152px;position:relative;border-radius:19px;display:flex;align-items:center;justify-content:center;overflow:visible;background:#eaf1ff;color:#155cf7}
.jc-order-step-2 .jc-order-art{background:#e7f8f2;color:#00aa88}
.jc-order-step-3 .jc-order-art{background:#fff1e6;color:#ec8b21}
.jc-order-index{position:absolute;top:13px;left:15px;display:grid!important;place-items:center;width:36px!important;height:36px!important;margin:0!important;border-radius:50%;background:#155cf7!important;color:#fff!important;font-weight:800;font-size:13px!important;z-index:2}
.jc-order-step-2 .jc-order-index{background:#08b58d!important}.jc-order-step-3 .jc-order-index{background:#f39224!important}
.jc-order-icon{width:90px;height:90px;border-radius:22px;background:#fff9;display:grid;place-items:center;transform:rotate(-5deg)}
.jc-order-icon svg{display:block;width:66px;height:66px;transform:rotate(5deg);overflow:visible}
.jc-order-art-label{position:absolute;right:17px;bottom:14px;font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
.jc-order-step:not(:last-child) .jc-order-art:after{content:'›';position:absolute;z-index:4;right:-28px;top:50%;transform:translateY(-50%);width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:white;border:1px solid #d7e4f7;color:#155cf7;font-size:27px;line-height:1;box-shadow:0 2px 8px #17365b12}
.jc-order-copy{padding:19px 3px 0}.jc-order-flow .jc-order-copy h3{font-size:17px!important;line-height:1.35;margin:0 0 8px!important;color:#18233a!important}.jc-order-flow .jc-order-copy p{font-size:13px!important;line-height:1.65;color:#5b697e!important;margin:0}
@media(max-width:760px){.steps-section .jc-order-flow{grid-template-columns:1fr!important;gap:25px!important}.jc-order-art{height:132px}.jc-order-step:not(:last-child) .jc-order-art:after{right:calc(50% - 17px);top:auto;bottom:-19px;transform:rotate(90deg)}.jc-order-copy{padding:15px 2px 0}.jc-order-icon{width:78px;height:78px}.jc-order-icon svg{width:60px;height:60px}}
@media(prefers-reduced-motion:reduce){.jc-order-icon{transform:none}.jc-order-icon svg{transform:none}}

/* v2.1.10: clean and balanced ordering steps — scoped to avoid global .steps-grid span rules */
.steps-section .jc-order-flow{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important;align-items:stretch!important}
.steps-section .jc-order-flow>.jc-order-step{display:flex!important;flex-direction:column!important;min-width:0!important;position:relative!important;border:1px solid #e1e9f7!important;border-radius:18px!important;padding:22px!important;background:#fff!important;box-shadow:0 8px 24px rgba(22,47,90,.035)!important}
.steps-section .jc-order-step .jc-order-art{height:116px!important;min-height:116px!important;display:flex!important;align-items:center!important;justify-content:center!important;position:relative!important;border-radius:13px!important;overflow:hidden!important;margin:0 0 20px!important}
.steps-section .jc-order-step-1 .jc-order-art{background:#edf3ff!important;color:#155cf7!important}
.steps-section .jc-order-step-2 .jc-order-art{background:#eaf9f4!important;color:#00a889!important}
.steps-section .jc-order-step-3 .jc-order-art{background:#fff3e9!important;color:#eb881b!important}
.steps-section .jc-order-step .jc-order-index{display:flex!important;align-items:center!important;justify-content:center!important;position:absolute!important;top:12px!important;left:12px!important;width:33px!important;height:33px!important;border-radius:50%!important;margin:0!important;padding:0!important;color:white!important;background:#155cf7!important;font-size:12px!important;line-height:1!important;font-weight:750!important;letter-spacing:0!important;z-index:2!important}
.steps-section .jc-order-step-2 .jc-order-index{background:#08b58d!important}
.steps-section .jc-order-step-3 .jc-order-index{background:#f39224!important}
.steps-section .jc-order-step .jc-order-icon{width:70px!important;height:70px!important;flex:none!important;display:grid!important;place-items:center!important;background:rgba(255,255,255,.72)!important;border-radius:17px!important;transform:none!important}
.steps-section .jc-order-step .jc-order-icon svg{width:49px!important;height:49px!important;display:block!important;overflow:hidden!important;transform:none!important}
.steps-section .jc-order-step .jc-order-art:after{content:none!important;display:none!important}
.steps-section .jc-order-step .jc-order-copy{padding:0!important;flex:1!important}
.steps-section .jc-order-step .jc-order-copy h3{margin:0 0 10px!important;font-size:17px!important;line-height:1.35!important;font-weight:650!important;color:#17233b!important}
.steps-section .jc-order-step .jc-order-copy p{margin:0!important;font-size:13px!important;line-height:1.7!important;color:#5b697e!important}
@media(max-width:850px){.steps-section .jc-order-flow{gap:13px!important}.steps-section .jc-order-flow>.jc-order-step{padding:15px!important}.steps-section .jc-order-step .jc-order-art{height:100px!important;min-height:100px!important;margin-bottom:16px!important}}
@media(max-width:700px){.steps-section .jc-order-flow{grid-template-columns:1fr!important;gap:14px!important}.steps-section .jc-order-flow>.jc-order-step{padding:16px!important;display:grid!important;grid-template-columns:100px minmax(0,1fr)!important;gap:17px!important;align-items:center!important}.steps-section .jc-order-step .jc-order-art{height:104px!important;min-height:104px!important;margin:0!important}.steps-section .jc-order-step .jc-order-copy h3{font-size:16px!important}.steps-section .jc-order-step .jc-order-copy p{font-size:12px!important}}
@media(max-width:390px){.steps-section .jc-order-flow>.jc-order-step{grid-template-columns:76px minmax(0,1fr)!important;gap:12px!important;padding:12px!important}.steps-section .jc-order-step .jc-order-art{height:94px!important;min-height:94px!important}.steps-section .jc-order-step .jc-order-icon{width:54px!important;height:54px!important}.steps-section .jc-order-step .jc-order-icon svg{width:38px!important;height:38px!important}.steps-section .jc-order-step .jc-order-index{width:27px!important;height:27px!important;font-size:10px!important;top:6px!important;left:6px!important}}

/* Jakarta Cetak gallery 2.1.11 — 1:1, responsive, performance friendly */
.jc-gallery-home{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(24px,5vw,76px)}
.jc-gallery-home-copy h2{max-width:590px}.jc-gallery-home-copy>p{max-width:570px}
.jc-gallery-home-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:start}
.jc-gallery-home-photo{display:block;aspect-ratio:1;overflow:hidden;border-radius:12px;background:#f0f3f8;box-shadow:0 6px 22px rgba(14,37,75,.08)}
.jc-gallery-home-photo:first-child{grid-column:span 2;grid-row:span 2}
.jc-gallery-home-photo img,.jc-gallery-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s ease}
.jc-gallery-home-photo:hover img,.jc-gallery-card a:hover img{transform:scale(1.035)}
.jc-gallery-more{display:inline-flex;gap:12px;align-items:center;margin-top:24px;padding:13px 19px;border-radius:11px;background:#1759f6;color:#fff!important;text-decoration:none;font-weight:650;font-size:14px}
.jc-gallery-more:hover{background:#0d46cf}
.jc-gallery-page{padding:54px 0 85px;background:#fff;color:#172440;min-height:60vh}
.jc-gallery-crumb{font-size:13px;color:#69768d;margin-bottom:28px}.jc-gallery-crumb a{color:#394a6c}
.jc-gallery-heading h1{font-size:clamp(32px,4vw,52px);line-height:1.1;letter-spacing:-.035em;margin:12px 0}.jc-gallery-heading p{color:#5b6a80;max-width:650px}
.jc-gallery-filters{display:flex;flex-wrap:wrap;gap:8px;margin:32px 0 24px}.jc-gallery-filters button{font:inherit;font-size:13px;padding:10px 15px;border-radius:50px;border:1px solid #dbe4f3;background:white;color:#233653;cursor:pointer}.jc-gallery-filters button.is-active{background:#155cf7;border-color:#155cf7;color:white}
.jc-gallery-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.jc-gallery-card{margin:0;min-width:0}.jc-gallery-card a{display:block;aspect-ratio:1;overflow:hidden;border-radius:12px;background:#eef2f8}.jc-gallery-card figcaption{display:flex;flex-direction:column;gap:3px;padding:10px 2px}.jc-gallery-card strong{font-size:13px;line-height:1.45;color:#182845}.jc-gallery-card span{font-size:12px;color:#73829a}.jc-gallery-card[hidden]{display:none!important}.jc-gallery-end{margin-top:35px;font-size:14px}
@media(max-width:800px){.jc-gallery-home{grid-template-columns:1fr;gap:24px}.jc-gallery-home-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.jc-gallery-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.jc-gallery-page{padding:32px 0 55px}.jc-gallery-filters{gap:7px}.jc-gallery-filters button{padding:9px 12px}.jc-gallery-card strong{font-size:12px}}
@media(max-width:440px){.jc-gallery-home-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.jc-gallery-home-photo:first-child{grid-column:span 2;grid-row:span 1}.jc-gallery-home-photo:nth-child(5){display:none}.jc-gallery-home-photo{border-radius:10px}.jc-gallery-list{gap:10px}.jc-gallery-card a{border-radius:9px}}
@media(prefers-reduced-motion:reduce){.jc-gallery-home-photo img,.jc-gallery-card img{transition:none}}

/* v2.1.13: gallery CTA always below the photo collage */
.jc-gallery-home .jc-gallery-more-bottom{grid-column:2;justify-self:start;margin-top:0}
@media(max-width:800px){.jc-gallery-home .jc-gallery-more-bottom{grid-column:1;width:100%;justify-content:center;margin-top:4px}}

/* v2.1.14: Gallery link immediately after photo collage */
.jc-gallery-home .jc-gallery-more-bottom{grid-column:2;justify-self:start;margin-top:16px}
@media(max-width:800px){.jc-gallery-home .jc-gallery-more-bottom{grid-column:1;width:100%;justify-content:center;margin-top:12px}}

/* v2.1.15: business address in footer */
.site-footer .footer-address{margin-top:18px;max-width:320px}.site-footer .footer-address strong{display:block;font-size:13px;font-weight:750;color:#fff;margin-bottom:5px}.site-footer .footer-address address{font-style:normal;font-size:13px;line-height:1.75;color:#aebad0}@media(max-width:560px){.site-footer .footer-address{margin-top:16px}}

/* v2.1.16: catalog taxonomy update; original 2.1.15 visual layout preserved */
.jc-material-section{background:#fff}.jc-material-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.jc-material-card{border:1px solid #e7eaf0;border-radius:16px;padding:22px;background:#fff;min-width:0}.jc-material-card h3{font-size:17px;margin:0 0 15px}.jc-material-list{display:grid;gap:8px}.jc-material-list a{display:flex;flex-direction:column;gap:2px;border-radius:10px;background:#f7f9fd;padding:11px 12px;text-decoration:none;line-height:1.35}.jc-material-list a:hover{background:#eef2ff}.jc-material-list strong{font-size:13px}.jc-material-list small{font-size:11px;color:#667085}.jc-discovery-links a{min-width:0}.jc-discovery-arrow{white-space:nowrap;font-size:11px}@media(max-width:900px){.jc-material-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.jc-material-grid{grid-template-columns:1fr}.jc-material-card{padding:18px}}

/* v2.1.18 — Header + free shipping move together; homepage-first polish */
.jc-sticky-stack{position:sticky!important;top:0!important;z-index:900!important;isolation:isolate;box-shadow:0 5px 20px rgba(20,37,72,.055)}
body.admin-bar .jc-sticky-stack{top:32px!important}
.jc-sticky-stack .site-header{position:relative!important;z-index:2!important}
.jc-sticky-stack .jc-shipping-bar{position:relative!important;z-index:1!important}
html{scroll-padding-top:132px;scroll-behavior:smooth}
section[id],div[id="katalog-lengkap"]{scroll-margin-top:132px}
.jc-sticky-stack .jc-shipping-trigger{min-height:32px}
.product-card .product-visual img{max-width:100%;max-height:100%;object-fit:contain}
.product-card,.intent-card,.jc-material-card,.jc-discovery-group{min-width:0}
.product-info h3,.product-info p,.jc-discovery-label{overflow-wrap:break-word}
.jc-material-list a,.jc-discovery-links a{transition:background-color .15s ease,color .15s ease}
.jc-material-list a:focus-visible,.jc-discovery-links a:focus-visible,.product-card:focus-visible{outline:3px solid #155cf7;outline-offset:2px}
@media(max-width:782px){body.admin-bar .jc-sticky-stack{top:46px!important}}
@media(max-width:640px){html{scroll-padding-top:106px}section[id],div[id="katalog-lengkap"]{scroll-margin-top:106px}.jc-sticky-stack{width:100%}.jc-sticky-stack .jc-shipping-bar{overflow:hidden}.jc-sticky-stack .jc-shipping-trigger{white-space:normal;line-height:1.2;text-align:center;padding:4px 10px!important}.product-grid>*{min-width:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* v2.1.19: streamlined homepage */
.jc-gallery-home .jc-gallery-home-copy{align-self:center}.jc-gallery-home .jc-gallery-home-copy>p{max-width:48ch}.jc-discovery-section,.products-section{scroll-margin-top:150px}

/* v2.1.21 - SEO navigation intents, preserving v2.1.19 homepage */
.jc-seo-intent-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.jc-seo-intent-card{display:flex;align-items:flex-start;gap:13px;padding:23px 19px;border:1px solid #e5eaf0;border-radius:18px;background:#fff;color:#25354c;text-decoration:none;transition:border-color .2s,transform .2s,box-shadow .2s}
.jc-seo-intent-card:hover{border-color:#b5cbe6;transform:translateY(-2px);box-shadow:0 8px 26px rgba(25,51,82,.06)}
.jc-seo-intent-icon{display:flex;align-items:center;justify-content:center;flex:0 0 43px;width:43px;height:43px;border-radius:13px;background:#eef5ff;color:#1769d2}
.jc-seo-intent-body{display:flex;flex-direction:column;gap:9px;min-width:0}.jc-seo-intent-body strong{font-size:15px;line-height:1.35}.jc-seo-intent-body small{font-size:12px;line-height:1.65;color:#66748a}.jc-seo-intent-more{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:#1769d2;margin-top:auto}.jc-seo-intent-bottom{margin-top:18px;font-size:13px;line-height:1.7;color:#68778b}.jc-seo-intent-bottom a{color:#1769d2;text-decoration:underline;text-underline-offset:3px}
@media(max-width:1050px){.jc-seo-intent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.jc-seo-intent-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.jc-seo-intent-card{padding:15px 12px;flex-direction:column;gap:10px;border-radius:14px}.jc-seo-intent-icon{width:37px;height:37px;flex-basis:37px}.jc-seo-intent-body strong{font-size:13px}.jc-seo-intent-body small{font-size:11px}.jc-seo-intent-more{font-size:11px}}

/* v2.1.22: supporting guides, preserving original hero and catalog */
.jc-guides-section{background:#f8fafc}.jc-guides-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.jc-guides-grid a{display:flex;flex-direction:column;gap:11px;padding:24px;border:1px solid #e1e7f0;border-radius:17px;background:#fff;text-decoration:none;color:#1e2c44}.jc-guides-grid strong{font-size:17px}.jc-guides-grid span{font-size:13px;line-height:1.6;color:#61718a}.jc-guides-grid em{font-style:normal;color:#1854cf;font-weight:650;font-size:12px;margin-top:auto}@media(max-width:700px){.jc-guides-grid{grid-template-columns:1fr}.jc-guides-grid a{padding:18px}}

/* Gallery: consistent category cards and graceful empty-state */
.jc-gallery-filters{align-items:center}
.jc-gallery-list .jc-gallery-card a{aspect-ratio:1;display:block}
.jc-gallery-empty{padding:24px;border:1px dashed #d7e3f6;border-radius:14px;color:#64738d;background:#f8faff}

/* v2.1.30: Header and free-shipping bar scroll naturally with page. */
.jc-sticky-stack{position:static!important;top:auto!important;box-shadow:none!important;}
body.admin-bar .jc-sticky-stack{top:auto!important;}
html{scroll-padding-top:0!important;}
section[id],div[id="katalog-lengkap"]{scroll-margin-top:16px!important;}
@media(max-width:782px){body.admin-bar .jc-sticky-stack{top:auto!important;}}
@media(max-width:640px){html{scroll-padding-top:0!important;}section[id],div[id="katalog-lengkap"]{scroll-margin-top:16px!important;}}

/* v2.1.31 — standalone floating WhatsApp icon, clean premium circular style. */
.jc-floating-wa{position:fixed;right:22px;bottom:22px;z-index:9990;display:flex;align-items:center;justify-content:center;width:62px;height:62px;box-sizing:border-box;border:5px solid #fff;border-radius:50%;background:#28b66c;box-shadow:0 7px 24px rgba(15,42,34,.20),0 2px 6px rgba(15,42,34,.09);text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease}
.jc-floating-wa img{display:block;width:29px;height:29px;object-fit:contain;filter:brightness(0) invert(1)}
.jc-floating-wa:hover,.jc-floating-wa:focus-visible{transform:translateY(-2px);background:#159d58;box-shadow:0 10px 28px rgba(15,42,34,.24)}
.jc-floating-wa:focus-visible{outline:3px solid #1748ff;outline-offset:3px}
@media(max-width:767px){.jc-floating-wa{right:16px;bottom:calc(18px + env(safe-area-inset-bottom,0px));width:58px;height:58px;border-width:4px}.jc-floating-wa img{width:27px;height:27px}}
@media(prefers-reduced-motion:reduce){.jc-floating-wa{transition:none}.jc-floating-wa:hover{transform:none}}

/* v2.1.35 — Search suggestion layer rendered outside the header stacking context. */
body > #jc-search-results.jc-search-portal{position:fixed!important;z-index:2147483000!important;box-sizing:border-box!important;display:block;max-height:min(330px,calc(100dvh - 24px));overflow-y:auto;overscroll-behavior:contain;background:#fff!important;border:1px solid #dbe4f0!important;border-radius:12px!important;box-shadow:0 16px 40px rgba(14,35,75,.18)!important;padding:8px!important;margin:0!important;}
body > #jc-search-results.jc-search-portal[hidden]{display:none!important}
body > #jc-search-results.jc-search-portal a{display:flex;justify-content:space-between;gap:8px;padding:10px 12px!important;border-radius:7px;text-decoration:none;color:#172846;font-size:13px;line-height:1.45}
body > #jc-search-results.jc-search-portal a:hover,body > #jc-search-results.jc-search-portal a:focus-visible{background:#eff4ff;color:#155cf7}
body > #jc-search-results.jc-search-portal p{margin:0;padding:10px 12px;color:#64748b;font-size:13px}


/* v2.1.38 — Solid reference palette; no gradient, no image overlay. */
:root{--jc-solid-navy:#2f3a53;--jc-solid-green:#064b36;--jc-solid-red:#941017;--jc-solid-teal:#116369;--jc-solid-blue:#007cad;--jc-solid-gray:#595959;--jc-solid-cream:#ece1ca}
/* Catalog: quiet, repeatable category rhythm without recoloring real product photos. */
.product-grid .product-card:nth-child(7n + 1) .product-info{border-top:3px solid var(--jc-solid-navy)}
.product-grid .product-card:nth-child(7n + 2) .product-info{border-top:3px solid var(--jc-solid-green)}
.product-grid .product-card:nth-child(7n + 3) .product-info{border-top:3px solid var(--jc-solid-red)}
.product-grid .product-card:nth-child(7n + 4) .product-info{border-top:3px solid var(--jc-solid-teal)}
.product-grid .product-card:nth-child(7n + 5) .product-info{border-top:3px solid var(--jc-solid-blue)}
.product-grid .product-card:nth-child(7n + 6) .product-info{border-top:3px solid var(--jc-solid-gray)}
.product-grid .product-card:nth-child(7n) .product-info{border-top:3px solid #c4b28e}




/* v2.1.40 | Vista-inspired FULL BLEED hero, overlay navigation and content alignment.
   Visual-only overrides. No markup, URLs, SEO, gallery or photo substitutions. */
@media(min-width:1100px){
  main.jc-hub:has(> .jc200-hero),
  .jc-seo-v5 .jc-seo-container:has(> .jc-v5-hero){position:relative!important;overflow:visible!important}
  main.jc-hub > .jc200-hero,
  .jc-seo-v5 .jc-seo-container > .jc-v5-hero{
    width:100vw!important;max-width:none!important;
    margin-left:calc(50% - 50vw)!important;
    margin-right:calc(50% - 50vw)!important;
    margin-top:18px!important;margin-bottom:32px!important;
    min-height:470px!important;box-sizing:border-box!important;
    display:grid!important;grid-template-columns:58% 42%!important;
    gap:0!important;border-radius:0!important;overflow:hidden!important;
    align-items:stretch!important;
  }
  main.jc-hub > .jc200-hero .jc200-hero-copy,
  .jc-seo-v5 .jc-v5-hero .jc-v5-hero-content{
    padding:55px 38px 55px calc(clamp(265px,23vw,425px) + 74px)!important;
    display:flex!important;flex-direction:column!important;justify-content:center!important;
    min-width:0!important;box-sizing:border-box!important;
  }
  main.jc-hub > .jc200-hero h1,
  .jc-seo-v5 .jc-v5-hero h1{
    font-size:clamp(30px,2.7vw,47px)!important;line-height:1.14!important;
    max-width:610px!important;overflow-wrap:normal!important;word-break:normal!important;
    margin:12px 0 16px!important;
  }
  main.jc-hub > .jc200-hero p,
  .jc-seo-v5 .jc-v5-hero .jc-v5-lead{
    max-width:590px!important;line-height:1.65!important;
  }
  main.jc-hub > .jc200-hero .jc200-hero-photo,
  .jc-seo-v5 .jc-v5-hero .jc-v5-hero-photo,
  .jc-seo-v5 .jc-v5-hero .jc-v5-hero-art{
    height:calc(100% - 44px)!important;min-height:426px!important;
    margin:22px 24px 22px 0!important;border-radius:17px!important;
    overflow:hidden!important;aspect-ratio:auto!important;
    align-self:stretch!important;background:#e9edf1;
  }
  main.jc-hub > .jc200-hero .jc200-hero-photo img,
  .jc-seo-v5 .jc-v5-hero .jc-v5-hero-photo img{
    width:100%!important;height:100%!important;min-height:426px!important;
    object-fit:cover!important;display:block!important;
  }
  main.jc-hub > .jc200-hero .jc200-hero-empty{
    height:100%!important;min-height:426px!important;border-radius:17px!important;
  }
  main.jc-hub > .jc-vista-sidebar,
  .jc-seo-v5 .jc-seo-container > .jc-vista-sidebar{
    position:absolute!important;z-index:5!important;
    top:88px!important;
    left:calc(50% - 50vw + clamp(24px,2.3vw,46px))!important;
    width:clamp(265px,23vw,425px)!important;
    max-height:none!important;overflow:visible!important;
    border-radius:17px!important;box-shadow:0 10px 32px rgba(15,29,46,.08)!important;
  }
  main.jc-hub > .jc-vista-sidebar .jc-vista-sidebar-inner,
  .jc-seo-v5 .jc-seo-container > .jc-vista-sidebar .jc-vista-sidebar-inner{padding:26px 24px 28px!important}
  main.jc-hub > .jc-vista-sidebar h2,
  .jc-seo-v5 .jc-vista-sidebar h2{font-size:20px!important;margin:0 0 16px!important}
  main.jc-hub > .jc-vista-sidebar nav a,
  .jc-seo-v5 .jc-vista-sidebar nav a{font-size:14px!important;padding:12px 0!important}
  /* Keep subsequent content beside the overlapping navigation. */
  main.jc-hub:has(> .jc-vista-sidebar) > :not(.jc-hub-crumb):not(.jc200-hero):not(.jc-vista-sidebar),
  .jc-seo-v5 .jc-seo-container:has(> .jc-vista-sidebar) > :not(.jc-seo-breadcrumb):not(.jc-v5-hero):not(.jc-vista-sidebar){
    margin-left:clamp(280px,25vw,460px)!important;
    max-width:calc(100% - clamp(280px,25vw,460px))!important;
    box-sizing:border-box!important;
  }
  main.jc-hub .jc200-hero-actions{gap:10px!important}
  main.jc-hub .jc200-hero-actions a{white-space:normal}
}
/* Medium screens: no overlap to protect title and CTA legibility. */
@media(min-width:768px) and (max-width:1099px){
 main.jc-hub > .jc200-hero,.jc-seo-v5 .jc-v5-hero{
   grid-template-columns:1.05fr .95fr!important;min-height:350px!important;border-radius:17px!important;
 }
 main.jc-hub > .jc200-hero .jc200-hero-copy,
 .jc-seo-v5 .jc-v5-hero .jc-v5-hero-content{padding:32px!important}
 main.jc-hub > .jc-vista-sidebar,.jc-seo-v5 .jc-vista-sidebar{
   position:static!important;width:auto!important;max-height:none!important;
   overflow:visible!important;margin:16px 0 24px!important;
 }
 .jc-vista-sidebar nav{display:flex!important;flex-direction:row!important;overflow-x:auto!important;gap:8px!important}
 .jc-vista-sidebar nav a{flex:0 0 auto!important;border:1px solid #e5e9ed!important;border-radius:9px!important;padding:9px 12px!important}
 .jc-vista-sidebar-foot{flex-direction:row!important;gap:16px!important}
}
/* Mobile: compact horizontal navigation after hero, photo below copy. */
@media(max-width:767px){
 main.jc-hub > .jc200-hero,.jc-seo-v5 .jc-v5-hero{
   display:grid!important;grid-template-columns:minmax(0,1fr)!important;
   border-radius:16px!important;overflow:hidden!important;gap:0!important;
 }
 main.jc-hub > .jc200-hero .jc200-hero-copy,
 .jc-seo-v5 .jc-v5-hero .jc-v5-hero-content{padding:27px 22px!important}
 main.jc-hub > .jc200-hero h1,.jc-seo-v5 .jc-v5-hero h1{
   font-size:clamp(29px,8vw,40px)!important;line-height:1.16!important;
 }
 main.jc-hub > .jc200-hero .jc200-hero-photo,
 .jc-seo-v5 .jc-v5-hero .jc-v5-hero-photo{margin:0 14px 14px!important;border-radius:12px!important;overflow:hidden!important}
 main.jc-hub > .jc200-hero .jc200-hero-photo img,
 .jc-seo-v5 .jc-v5-hero .jc-v5-hero-photo img{min-height:210px!important;max-height:290px!important;object-fit:cover!important}
 main.jc-hub > .jc-vista-sidebar,.jc-seo-v5 .jc-vista-sidebar{
   position:static!important;width:auto!important;max-height:none!important;
   overflow:visible!important;margin:12px 0 20px!important;
   box-shadow:none!important;border-radius:13px!important;
 }
 .jc-vista-sidebar-inner{padding:14px!important}
 .jc-vista-sidebar nav{display:flex!important;flex-direction:row!important;overflow-x:auto!important;gap:8px!important}
 .jc-vista-sidebar nav a{flex:0 0 auto!important;max-width:185px!important;white-space:nowrap!important;
  border:1px solid #e4e9ed!important;border-radius:9px!important;padding:9px 12px!important}
 .jc-vista-sidebar-foot{flex-direction:row!important;gap:14px!important;flex-wrap:wrap!important}
}
.jc-vista-sidebar{box-sizing:border-box;background:#fff;color:#182b3d;border:1px solid #e4e9ed;border-radius:16px}
.jc-vista-sidebar-inner{padding:18px 18px 16px}
.jc-vista-sidebar h2{font-size:18px!important;line-height:1.3!important;letter-spacing:-.025em;margin:0 0 12px!important;color:#162639!important}
.jc-vista-sidebar nav{display:flex;flex-direction:column}
.jc-vista-sidebar nav a{font-size:13px;line-height:1.4;color:#344459;text-decoration:none;padding:11px 7px;border-bottom:1px solid #edf0f2}
.jc-vista-sidebar nav a:hover{color:#056c64;background:#f4f9f8}
.jc-vista-sidebar nav a.jc-vista-current{font-weight:800;color:#073f37}
.jc-vista-sidebar-foot{display:flex;flex-direction:column;gap:7px;padding-top:14px}
.jc-vista-sidebar-foot a{font-size:12px;color:#087c68;font-weight:750;text-decoration:none}
.jc-vista-sidebar a:focus-visible{outline:2px solid #087c68;outline-offset:2px}

/* v2.1.41 — Visual refinements matching VistaPrint reference: lower sidebar, smaller photo, rounder corners. */
@media(min-width:1100px){
 main.jc-hub > .jc-vista-sidebar,
 .jc-seo-v5 .jc-seo-container > .jc-vista-sidebar{top:116px!important;}
 main.jc-hub > .jc200-hero,
 .jc-seo-v5 .jc-seo-container > .jc-v5-hero{grid-template-columns:60% 40%!important;}
 main.jc-hub > .jc200-hero .jc200-hero-photo,
 .jc-seo-v5 .jc-v5-hero .jc-v5-hero-photo,
 .jc-seo-v5 .jc-v5-hero .jc-v5-hero-art{
   height:calc(100% - 68px)!important;min-height:380px!important;
   margin:34px 42px 34px 8px!important;border-radius:25px!important;
 }
 main.jc-hub > .jc200-hero .jc200-hero-photo img,
 .jc-seo-v5 .jc-v5-hero .jc-v5-hero-photo img{min-height:380px!important;border-radius:25px!important;}
 main.jc-hub > .jc200-hero .jc200-hero-empty{min-height:380px!important;border-radius:25px!important;}
}
@media(min-width:768px) and (max-width:1099px){
 main.jc-hub > .jc200-hero .jc200-hero-photo,
 .jc-seo-v5 .jc-v5-hero .jc-v5-hero-photo{margin:20px 22px 20px 0!important;border-radius:22px!important;overflow:hidden!important;}
}
@media(max-width:767px){
 main.jc-hub > .jc200-hero .jc200-hero-photo,
 .jc-seo-v5 .jc-v5-hero .jc-v5-hero-photo{margin:0 20px 20px!important;border-radius:21px!important;}
}

/* v2.1.42 — compact breadcrumb gap and landscape hero photography.
   CSS-only, photo source and underlying product data remain unchanged. */
@media(min-width:1100px){
  main.jc-hub:has(> .jc200-hero){margin-top:14px!important;}
  main.jc-hub:has(> .jc200-hero) > .jc-hub-crumb{margin:6px 0 8px!important;}
  main.jc-hub > .jc200-hero,
  .jc-seo-v5 .jc-seo-container > .jc-v5-hero{
    height:430px!important;min-height:430px!important;max-height:430px!important;
    margin-top:8px!important;margin-bottom:26px!important;
    grid-template-columns:58% 42%!important;
  }
  main.jc-hub > .jc200-hero .jc200-hero-copy,
  .jc-seo-v5 .jc-v5-hero .jc-v5-hero-content{
    padding-top:28px!important;padding-bottom:28px!important;
  }
  main.jc-hub > .jc200-hero .jc200-hero-photo,
  .jc-seo-v5 .jc-v5-hero .jc-v5-hero-photo,
  .jc-seo-v5 .jc-v5-hero .jc-v5-hero-art{
    position:relative!important;height:354px!important;min-height:0!important;
    max-height:354px!important;align-self:center!important;
    margin:0 42px 0 8px!important;border-radius:30px!important;
    overflow:hidden!important;aspect-ratio:auto!important;
  }
  main.jc-hub > .jc200-hero .jc200-hero-photo img,
  .jc-seo-v5 .jc-v5-hero .jc-v5-hero-photo img{
    width:100%!important;height:100%!important;min-height:0!important;
    max-height:none!important;object-fit:cover!important;
    object-position:center center!important;border-radius:0!important;
  }
  main.jc-hub > .jc200-hero .jc200-hero-empty{
    height:100%!important;min-height:0!important;max-height:none!important;
    border-radius:0!important;
  }
  main.jc-hub > .jc-vista-sidebar,
  .jc-seo-v5 .jc-seo-container > .jc-vista-sidebar{top:74px!important;}
}
@media(min-width:768px) and (max-width:1099px){
  main.jc-hub > .jc200-hero .jc200-hero-photo,
  .jc-seo-v5 .jc-v5-hero .jc-v5-hero-photo{height:310px!important;min-height:0!important;align-self:center!important;border-radius:25px!important;}
  main.jc-hub > .jc200-hero .jc200-hero-photo img,
  .jc-seo-v5 .jc-v5-hero .jc-v5-hero-photo img{height:100%!important;min-height:0!important;object-fit:cover!important;}
}
@media(max-width:767px){
  main.jc-hub:has(> .jc200-hero){margin-top:18px!important;}
  main.jc-hub:has(> .jc200-hero) > .jc-hub-crumb{margin:8px 0 12px!important;}
  main.jc-hub > .jc200-hero .jc200-hero-photo,
  .jc-seo-v5 .jc-v5-hero .jc-v5-hero-photo{height:240px!important;min-height:0!important;max-height:240px!important;border-radius:22px!important;}
  main.jc-hub > .jc200-hero .jc200-hero-photo img,
  .jc-seo-v5 .jc-v5-hero .jc-v5-hero-photo img{width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;object-fit:cover!important;}
  main.jc-hub > .jc200-hero .jc200-hero-empty{height:100%!important;min-height:0!important;}
}


/* v2.1.43 — product hero visual hierarchy, consistent across product and product-location templates.
   CSS only; preserves content, existing links, media and SEO logic. */
@media(min-width:1100px){
  /* Full bleed background, aligned three-zone composition: sidebar / copy / media. */
  main.jc-hub > .jc200-hero,
  .jc-seo-v5 .jc-seo-container > .jc-v5-hero{
    height:440px!important;min-height:440px!important;max-height:440px!important;
    grid-template-columns:58% 42%!important;
    margin-top:8px!important;margin-bottom:28px!important;
  }
  main.jc-hub > .jc200-hero .jc200-hero-copy,
  .jc-seo-v5 .jc-v5-hero .jc-v5-hero-content{
    padding:34px 26px 34px calc(clamp(265px,23vw,425px) + 76px)!important;
    justify-content:center!important;
    align-items:flex-start!important;
    text-align:left!important;
  }
  main.jc-hub > .jc200-hero .jc197-eyebrow,
  .jc-seo-v5 .jc-v5-hero .jc-seo-kicker{
    font-size:11px!important;line-height:1.5!important;
    font-weight:750!important;letter-spacing:.09em!important;
    margin:0 0 12px!important;
  }
  main.jc-hub > .jc200-hero h1,
  .jc-seo-v5 .jc-v5-hero h1{
    font-size:clamp(32px,2.45vw,45px)!important;line-height:1.13!important;
    letter-spacing:-.032em!important;font-weight:760!important;
    max-width:650px!important;margin:0 0 17px!important;
  }
  main.jc-hub > .jc200-hero .jc200-hero-copy > p,
  .jc-seo-v5 .jc-v5-hero .jc-v5-lead{
    font-size:15px!important;line-height:1.6!important;
    max-width:565px!important;margin:0 0 5px!important;
  }
  main.jc-hub > .jc200-hero .jc3914-service-line{
    font-size:14px!important;line-height:1.65!important;max-width:565px!important;
  }
  main.jc-hub > .jc200-hero .jc200-hero-actions{
    margin-top:20px!important;display:flex!important;flex-wrap:wrap!important;
    align-items:center!important;gap:10px!important;
  }
  main.jc-hub > .jc200-hero .jc200-hero-actions a{
    min-height:46px!important;display:inline-flex!important;align-items:center!important;
    justify-content:center!important;padding:12px 16px!important;
    font-size:13px!important;line-height:1.35!important;border-radius:9px!important;
  }
  main.jc-hub > .jc200-hero .jc200-hero-photo,
  .jc-seo-v5 .jc-v5-hero .jc-v5-hero-photo,
  .jc-seo-v5 .jc-v5-hero .jc-v5-hero-art{
    height:356px!important;max-height:356px!important;min-height:0!important;
    margin:0 40px 0 14px!important;align-self:center!important;
    border-radius:27px!important;overflow:hidden!important;
  }
  main.jc-hub > .jc200-hero .jc200-hero-photo img,
  .jc-seo-v5 .jc-v5-hero .jc-v5-hero-photo img{
    height:100%!important;width:100%!important;object-fit:cover!important;
    object-position:center!important;min-height:0!important;
  }
  /* Navigation remains subordinate to the H1, with less visual weight. */
  main.jc-hub > .jc-vista-sidebar,
  .jc-seo-v5 .jc-seo-container > .jc-vista-sidebar{
    top:77px!important;
    border-radius:17px!important;
    box-shadow:0 12px 30px rgba(12,30,48,.075)!important;
  }
  main.jc-hub > .jc-vista-sidebar .jc-vista-sidebar-inner,
  .jc-seo-v5 .jc-vista-sidebar .jc-vista-sidebar-inner{
    padding:24px 24px 22px!important;
  }
  main.jc-hub > .jc-vista-sidebar h2,
  .jc-seo-v5 .jc-vista-sidebar h2{
    font-size:18px!important;line-height:1.35!important;
    margin-bottom:14px!important;
  }
  main.jc-hub > .jc-vista-sidebar nav a,
  .jc-seo-v5 .jc-vista-sidebar nav a{
    font-size:13px!important;line-height:1.35!important;padding:11px 0!important;
  }
  main.jc-hub > .jc-vista-sidebar .jc-vista-sidebar-foot,
  .jc-seo-v5 .jc-vista-sidebar .jc-vista-sidebar-foot{padding-top:14px!important}
  /* Keep page sections in the same reading column below hero. */
  main.jc-hub:has(> .jc-vista-sidebar) > :not(.jc-hub-crumb):not(.jc200-hero):not(.jc-vista-sidebar),
  .jc-seo-v5 .jc-seo-container:has(> .jc-vista-sidebar) > :not(.jc-seo-breadcrumb):not(.jc-v5-hero):not(.jc-vista-sidebar){
    margin-left:clamp(280px,25vw,460px)!important;
    max-width:calc(100% - clamp(280px,25vw,460px))!important;
  }
}
/* Tablet: avoid overlay competition for limited width. */
@media(min-width:768px) and (max-width:1099px){
  main.jc-hub > .jc200-hero,
  .jc-seo-v5 .jc-v5-hero{min-height:360px!important}
  main.jc-hub > .jc200-hero .jc200-hero-copy,
  .jc-seo-v5 .jc-v5-hero .jc-v5-hero-content{padding:32px!important}
  main.jc-hub > .jc200-hero h1,
  .jc-seo-v5 .jc-v5-hero h1{font-size:clamp(29px,3.6vw,39px)!important;line-height:1.16!important}
}
/* Mobile: strong hierarchy, full-width readable CTAs and short photo crop. */
@media(max-width:767px){
  main.jc-hub > .jc200-hero .jc200-hero-copy,
  .jc-seo-v5 .jc-v5-hero .jc-v5-hero-content{padding:28px 22px 24px!important}
  main.jc-hub > .jc200-hero h1,
  .jc-seo-v5 .jc-v5-hero h1{
    font-size:clamp(30px,8vw,39px)!important;line-height:1.14!important;
    letter-spacing:-.028em!important;margin:8px 0 14px!important;
  }
  main.jc-hub > .jc200-hero .jc200-hero-copy > p,
  .jc-seo-v5 .jc-v5-hero .jc-v5-lead{font-size:14px!important;line-height:1.6!important}
  main.jc-hub > .jc200-hero .jc200-hero-actions{gap:9px!important;margin-top:18px!important}
  main.jc-hub > .jc200-hero .jc200-hero-actions a{
    min-height:44px!important;border-radius:9px!important;
  }
  main.jc-hub > .jc200-hero .jc200-hero-photo,
  .jc-seo-v5 .jc-v5-hero .jc-v5-hero-photo{
    height:clamp(205px,55vw,275px)!important;
    max-height:275px!important;border-radius:19px!important;
    margin:0 16px 16px!important;
  }
  main.jc-hub > .jc-vista-sidebar,
  .jc-seo-v5 .jc-vista-sidebar{margin-top:16px!important}
}


/* v2.1.44 — screenshot-matched vertical alignment only.
   Reduce white promo-to-breadcrumb space; align photo and sidebar top edges.
   No text, product content, gallery, URL or SEO markup changes. */
@media (min-width:1100px){
  main.jc-hub:has(> .jc200-hero),
  .jc-seo-v5 .jc-seo-container:has(> .jc-v5-hero){
    margin-top:-26px!important;
  }
  main.jc-hub:has(> .jc200-hero) > .jc-hub-crumb,
  .jc-seo-v5 .jc-seo-container > .jc-seo-breadcrumb{
    margin-top:0!important;margin-bottom:6px!important;
  }
  main.jc-hub > .jc-vista-sidebar,
  .jc-seo-v5 .jc-seo-container > .jc-vista-sidebar{
    top:106px!important;
  }
  /* Preserve the hero's established 440px height and 356px photo crop. */
}
@media (min-width:768px) and (max-width:1099px){
  main.jc-hub:has(> .jc200-hero),
  .jc-seo-v5 .jc-seo-container:has(> .jc-v5-hero){margin-top:0!important}
}


/* v2.1.45 — VistaPrint-style common left guide: brand, breadcrumb and navigation.
   This is a visual-only alignment fix; product markup and SEO are untouched. */
@media(min-width:1100px){
  :root{--jc-vista-left:clamp(24px,2.3vw,46px)}
  /* Full-bleed breadcrumb row: text begins on the same x-axis as the sidebar. */
  main.jc-hub:has(> .jc-vista-sidebar) > .jc-hub-crumb,
  .jc-seo-v5 .jc-seo-container:has(> .jc-vista-sidebar) > .jc-seo-breadcrumb{
    width:100vw!important;max-width:none!important;
    margin-left:calc(50% - 50vw)!important;
    margin-right:calc(50% - 50vw)!important;
    padding-left:var(--jc-vista-left)!important;
    padding-right:var(--jc-vista-left)!important;
    box-sizing:border-box!important;
    text-align:left!important;
  }
  /* Sidebar is on that exact same guide; photo/hero remain unchanged. */
  main.jc-hub > .jc-vista-sidebar,
  .jc-seo-v5 .jc-seo-container > .jc-vista-sidebar{
    left:calc(50% - 50vw + var(--jc-vista-left))!important;
  }
  /* Header logo aligns with the breadcrumb and navigation guide. */
  .site-header .header-inner.wrap{
    width:calc(100% - (2 * var(--jc-vista-left)))!important;
    max-width:none!important;
    margin-left:auto!important;margin-right:auto!important;
  }
}
@media(min-width:768px) and (max-width:1099px){
  /* Breadcrumb and logo share the same responsive page gutter. */
  .site-header .header-inner.wrap{width:calc(100% - 48px)!important;max-width:none!important}
  main.jc-hub > .jc-hub-crumb,
  .jc-seo-v5 .jc-seo-breadcrumb{padding-left:0!important;text-align:left!important}
}


/* v2.1.46 | DKV refinement: header / navigation / product hero scale.
   Deliberately CSS-only: no URL, content, or SEO changes. */
@media(min-width:1200px){
  .site-header .header-inner.wrap{height:76px!important;min-height:76px!important;gap:clamp(18px,1.55vw,28px)!important;justify-content:space-between!important}
  .site-header .header-inner>.brand{width:175px!important;min-width:175px!important;flex-basis:175px!important;display:flex!important;align-items:center!important}
  .site-header .header-inner>.brand img{width:158px!important;height:auto!important;max-height:59px!important;object-fit:contain!important}
  .site-header .header-inner>.jc-header-search{flex:1 1 400px!important;min-width:230px!important;max-width:610px!important;margin-left:clamp(12px,2vw,42px)!important;margin-right:auto!important;height:46px!important;border-radius:11px!important}
  .site-header .header-inner>.site-nav{gap:clamp(12px,1vw,19px)!important;flex:0 0 auto!important}
  .site-header .site-nav>a:not(.btn){font-size:13px!important;font-weight:550!important;letter-spacing:-.01em!important;line-height:1.35!important}
  .site-header .site-nav .btn{min-height:43px!important;padding:11px 17px!important;border-radius:9px!important;font-size:12px!important;white-space:nowrap!important}
  .jc-shipping-bar{min-height:34px!important}
  .jc-shipping-trigger{min-height:34px!important;font-size:12px!important;line-height:1.25!important}
  main.jc-hub > .jc200-hero,.jc-seo-v5 .jc-seo-container > .jc-v5-hero{height:440px!important;min-height:440px!important;max-height:440px!important}
  main.jc-hub > .jc200-hero .jc200-hero-copy,.jc-seo-v5 .jc-v5-hero .jc-v5-hero-content{padding-right:32px!important}
  main.jc-hub > .jc200-hero h1,.jc-seo-v5 .jc-v5-hero h1{font-size:clamp(36px,2.55vw,47px)!important;line-height:1.12!important;letter-spacing:-.032em!important;font-weight:750!important}
  main.jc-hub > .jc200-hero .jc200-hero-copy>p,.jc-seo-v5 .jc-v5-hero .jc-v5-lead{font-size:15px!important;line-height:1.65!important}
  main.jc-hub > .jc200-hero .jc200-hero-photo,.jc-seo-v5 .jc-v5-hero .jc-v5-hero-photo{height:354px!important;max-height:354px!important;margin:0 36px 0 14px!important;border-radius:22px!important}
  main.jc-hub > .jc-vista-sidebar,.jc-seo-v5 .jc-seo-container > .jc-vista-sidebar{border-radius:16px!important;box-shadow:0 9px 24px rgba(12,29,47,.07)!important}
  main.jc-hub > .jc-vista-sidebar h2,.jc-seo-v5 .jc-vista-sidebar h2{font-size:19px!important;font-weight:700!important;letter-spacing:-.025em!important}
  main.jc-hub > .jc-vista-sidebar nav a,.jc-seo-v5 .jc-vista-sidebar nav a{font-size:13px!important;line-height:1.45!important}
}
@media(min-width:851px) and (max-width:1199px){
  .site-header .header-inner>.jc-header-search{max-width:360px!important;min-width:170px!important}
  .site-header .site-nav>a:not(.btn){font-size:12px!important}
  .site-header .header-inner{gap:12px!important}
}
@media(max-width:850px){
  .site-header .header-inner{min-height:64px!important}
  main.jc-hub > .jc200-hero h1,.jc-seo-v5 .jc-v5-hero h1{font-weight:750!important;letter-spacing:-.025em!important}
  .jc-vista-sidebar{box-shadow:0 5px 18px rgba(12,29,47,.06)!important}
}


/* v2.1.47: Vista-inspired two-tier desktop header; no new links or changed content. */
@media (min-width:1100px){
 .site-header{background:#fff!important;backdrop-filter:none!important;box-shadow:none!important}
 .site-header .header-inner{
  width:calc(100% - 80px)!important;max-width:none!important;
  height:122px!important;min-height:122px!important;
  padding:0!important;margin:0 auto!important;
  display:grid!important;position:relative!important;
  grid-template-columns:180px minmax(0,1fr)!important;
  grid-template-rows:74px 48px!important;
  column-gap:30px!important;row-gap:0!important;
  align-items:center!important;justify-content:stretch!important;
 }
 .site-header .header-inner>.brand{
  position:relative!important;top:auto!important;left:auto!important;right:auto!important;
  grid-column:1!important;grid-row:1!important;
  width:160px!important;min-width:0!important;max-width:160px!important;
  height:62px!important;display:flex!important;align-items:center!important;
  margin:0!important;transform:none!important;
 }
 .site-header .header-inner>.brand img{
  width:148px!important;height:auto!important;max-width:148px!important;
  max-height:54px!important;object-fit:contain!important;
 }
 .site-header .header-inner>.jc-header-search{
  position:relative!important;top:auto!important;left:auto!important;right:auto!important;
  grid-column:2!important;grid-row:1!important;
  width:100%!important;max-width:none!important;min-width:0!important;
  height:48px!important;flex:none!important;
  margin:0!important;border-radius:10px!important;
  border:1px solid #a9b2c0!important;background:#fff!important;
  box-shadow:none!important;
 }
 .site-header .jc-header-search input{font-size:14px!important}
 .site-header .header-inner>.site-nav{
  position:relative!important;top:auto!important;left:auto!important;right:auto!important;
  grid-column:1 / -1!important;grid-row:2!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  gap:24px!important;width:100%!important;max-width:none!important;
  height:48px!important;padding:0!important;margin:0!important;
  flex:none!important;white-space:nowrap!important;
 }
 .site-header .site-nav>a:not(.btn){
  font-size:14px!important;font-weight:500!important;line-height:1.3!important;
  letter-spacing:0!important;color:#152239!important;
 }
 .site-header .site-nav .btn{
  font-size:13px!important;min-height:37px!important;
  padding:9px 16px!important;border-radius:8px!important;
 }
 .site-header .header-inner>.nav-toggle,
 .site-header .header-inner>.jc-mobile-search-toggle,
 .site-header .header-inner>.header-wa{display:none!important}
 .jc-sticky-stack .jc-shipping-bar,
 .jc-shipping-bar{min-height:54px!important;height:54px!important}
 .jc-sticky-stack .jc-shipping-trigger,
 .jc-shipping-trigger{min-height:54px!important;height:54px!important;font-size:13px!important}
}
@media (min-width:1100px) and (max-width:1350px){
 .site-header .header-inner{width:calc(100% - 56px)!important;grid-template-columns:155px minmax(0,1fr)!important;column-gap:22px!important}
 .site-header .header-inner>.brand img{width:132px!important}
 .site-header .header-inner>.site-nav{gap:14px!important}
 .site-header .site-nav>a:not(.btn){font-size:13px!important}
}
@media (min-width:851px) and (max-width:1099px){
 .site-header .header-inner>.brand img{width:115px!important;max-height:44px!important}
 .site-header .header-inner>.jc-header-search{flex:1 1 auto!important;max-width:none!important;min-width:150px!important;margin-left:12px!important}
 .site-header .site-nav>a:not(.btn){font-size:12px!important}
 .jc-shipping-bar,.jc-shipping-trigger{min-height:42px!important}
}
@media (max-width:850px){
 .site-header .header-inner{height:64px!important;min-height:64px!important}
 .site-header .header-inner>.brand img{width:102px!important;max-height:41px!important}
 .jc-shipping-bar,.jc-shipping-trigger{min-height:36px!important}
}

/* v2.1.48 — one-row Vista-inspired header. Keeps existing links and search. */
@media (min-width:1100px){
  .jc-sticky-stack{display:block!important}
  .jc-sticky-stack .site-header{position:relative!important;z-index:3!important;height:104px!important;min-height:104px!important;background:#fff!important}
  .site-header .header-inner.wrap,
  .site-header .header-inner{
    display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;
    align-items:center!important;justify-content:space-between!important;
    position:relative!important;top:auto!important;
    width:calc(100% - 80px)!important;max-width:none!important;
    height:104px!important;min-height:104px!important;max-height:104px!important;
    margin:0 auto!important;padding:0!important;gap:clamp(18px,1.6vw,30px)!important;
    grid-template-columns:none!important;grid-template-rows:none!important;
  }
  .site-header .header-inner>.brand{
    flex:0 0 165px!important;width:165px!important;min-width:165px!important;
    max-width:165px!important;height:auto!important;margin:0!important;
    position:static!important;transform:none!important;
  }
  .site-header .header-inner>.brand img{width:155px!important;max-width:155px!important;max-height:62px!important}
  .site-header .header-inner>.jc-header-search{
    flex:1 1 360px!important;width:auto!important;max-width:none!important;
    min-width:200px!important;height:48px!important;margin:0!important;
    position:relative!important;grid-column:auto!important;grid-row:auto!important;
  }
  .site-header .header-inner>.site-nav{
    display:flex!important;position:static!important;flex:0 0 auto!important;
    width:auto!important;max-width:none!important;height:auto!important;
    min-height:0!important;padding:0!important;margin:0!important;
    align-items:center!important;justify-content:flex-end!important;
    gap:clamp(12px,1.15vw,22px)!important;white-space:nowrap!important;
    grid-column:auto!important;grid-row:auto!important;
    background:transparent!important;box-shadow:none!important;border:0!important;
  }
  .site-header .site-nav>a:not(.btn){font-size:13px!important;color:#18243b!important;font-weight:500!important}
  .site-header .site-nav .btn{font-size:12px!important;min-height:42px!important;padding:11px 14px!important}
  .site-header .header-inner>.nav-toggle,
  .site-header .header-inner>.jc-mobile-search-toggle,
  .site-header .header-inner>.header-wa{display:none!important}
  .jc-sticky-stack .jc-shipping-bar,.jc-shipping-bar{
    display:flex!important;position:relative!important;clear:both!important;
    height:54px!important;min-height:54px!important;max-height:54px!important;
    z-index:1!important;
  }
  .jc-sticky-stack .jc-shipping-trigger,.jc-shipping-trigger{
    height:54px!important;min-height:54px!important;max-height:54px!important;
    font-size:13px!important;
  }
}
@media (min-width:1100px) and (max-width:1399px){
  .site-header .header-inner.wrap,.site-header .header-inner{width:calc(100% - 52px)!important;gap:16px!important}
  .site-header .header-inner>.brand{flex-basis:135px!important;width:135px!important;min-width:135px!important}
  .site-header .header-inner>.brand img{width:130px!important}
  .site-header .header-inner>.jc-header-search{min-width:170px!important}
  .site-header .header-inner>.site-nav{gap:12px!important}
  .site-header .site-nav>a:not(.btn){font-size:12px!important}
  .site-header .site-nav .btn{padding:10px 12px!important}
}

/* v2.1.49 — Vista-inspired product sections below hero; presentation only. */
@media(min-width:1100px){
  /* The sidebar owns the left column; all following sections use the same right-column grid. */
  main.jc-hub:has(> .jc-vista-sidebar) > .jc200-section,
  main.jc-hub:has(> .jc-vista-sidebar) > .jc200-quick,
  main.jc-hub:has(> .jc-vista-sidebar) > .jc197-media,
  main.jc-hub:has(> .jc-vista-sidebar) > .jc200-related{
    margin-left:clamp(280px,25vw,460px)!important;
    width:calc(100% - clamp(280px,25vw,460px))!important;
    max-width:none!important;
  }
  main.jc-hub:has(> .jc-vista-sidebar) > .jc200-section{padding-top:28px!important;padding-bottom:34px!important}
}
/* Headings and content hierarchy, inspired by the compact Vistaprint catalog. */
main.jc-hub .jc200-section .jc200-heading{max-width:none!important;margin:0 0 20px!important}
main.jc-hub .jc200-section .jc200-heading h2{font-size:clamp(23px,2.1vw,31px)!important;line-height:1.24!important;letter-spacing:-.025em!important;margin:6px 0 9px!important}
main.jc-hub .jc200-section .jc200-heading p{font-size:14px!important;line-height:1.6!important;max-width:850px!important}
main.jc-hub .jc200-section .jc200-kicker{font-size:11px!important;letter-spacing:.095em!important}
main.jc-hub .jc200-section .jc200-related{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:17px!important}
main.jc-hub .jc200-related-card{border:0!important;border-radius:0!important;background:transparent!important;padding:0 0 12px!important;gap:8px!important;box-shadow:none!important;overflow:visible!important;min-width:0!important}
main.jc-hub .jc200-related-card img,
main.jc-hub .jc200-related-card .jc200-related-empty{height:auto!important;aspect-ratio:1 / 1!important;object-fit:cover!important;border-radius:15px!important;border:1px solid #d9dce0!important;background:#f3f0e9!important;overflow:hidden!important}
main.jc-hub .jc200-related-card strong{padding:0!important;font-size:15px!important;color:#192538!important;line-height:1.35!important}
main.jc-hub .jc200-related-card span:not(.jc200-related-empty){padding:0!important;font-size:12px!important}
main.jc-hub .jc200-related-card:hover img{box-shadow:0 5px 18px rgba(20,35,55,.1)!important}
/* Gallery: actual uploaded images are displayed as clean cards; empty states are compact. */
main.jc-hub #jc200-galeri{padding-top:25px!important}
main.jc-hub #jc200-galeri .jc197-media{margin:0 0 16px!important}
main.jc-hub #jc200-galeri .jc197-media-gallery{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:15px!important}
main.jc-hub #jc200-galeri .jc197-media-gallery figure{aspect-ratio:1/1!important;border-radius:15px!important;overflow:hidden!important;border:1px solid #e1e3e6!important;background:#f3f0e9!important}
main.jc-hub #jc200-galeri .jc197-media-gallery img{border-radius:0!important;object-fit:cover!important}
main.jc-hub #jc200-galeri .jc197-media-hero{border-radius:15px!important;overflow:hidden!important}
main.jc-hub #jc200-galeri .jc360-gallery-cta{margin:12px 0!important}
main.jc-hub #jc200-galeri .jc200-muted{margin:6px 0!important;font-size:13px!important}
main.jc-hub .jc200-spec-layout{gap:16px!important}
main.jc-hub .jc200-spec-panel,main.jc-hub .jc200-aside{border-radius:15px!important;padding:23px!important}
@media(min-width:768px) and (max-width:1199px){
 main.jc-hub .jc200-section .jc200-related{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:767px){
 main.jc-hub .jc200-section .jc200-related{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:13px!important}
 main.jc-hub #jc200-galeri .jc197-media-gallery{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
 main.jc-hub .jc200-section .jc200-heading h2{font-size:25px!important}
 main.jc-hub .jc200-section{padding-top:24px!important;padding-bottom:25px!important}
}


/* v2.1.50 — Sections below Vista-style hero use the entire available canvas.
   The sidebar remains at the hero only. No content or SEO markup changes. */
@media (min-width:1100px){
  main.jc-hub:has(> .jc-vista-sidebar) > .jc200-section,
  main.jc-hub:has(> .jc-vista-sidebar) > .jc200-quick,
  main.jc-hub:has(> .jc-vista-sidebar) > .jc197-media,
  main.jc-hub:has(> .jc-vista-sidebar) > .jc200-related,
  .jc-seo-v5 .jc-seo-container:has(> .jc-vista-sidebar) > .jc200-section,
  .jc-seo-v5 .jc-seo-container:has(> .jc-vista-sidebar) > .jc200-quick,
  .jc-seo-v5 .jc-seo-container:has(> .jc-vista-sidebar) > .jc197-media,
  .jc-seo-v5 .jc-seo-container:has(> .jc-vista-sidebar) > .jc200-related{
    margin-left:0!important;
    margin-right:0!important;
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    clear:both!important;
  }
  main.jc-hub:has(> .jc-vista-sidebar) > #jc200-galeri,
  .jc-seo-v5 .jc-seo-container:has(> .jc-vista-sidebar) > #jc200-galeri{
    padding-top:32px!important;
  }
  main.jc-hub:has(> .jc-vista-sidebar) > .jc200-section .jc200-heading,
  .jc-seo-v5 .jc-seo-container:has(> .jc-vista-sidebar) > .jc200-section .jc200-heading{
    width:100%!important;max-width:none!important;
  }
  main.jc-hub:has(> .jc-vista-sidebar) > .jc200-section .jc200-related,
  .jc-seo-v5 .jc-seo-container:has(> .jc-vista-sidebar) > .jc200-section .jc200-related{
    width:100%!important;max-width:none!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
}
@media (min-width:768px) and (max-width:1099px){
  main.jc-hub > .jc200-section,
  main.jc-hub > .jc200-quick,
  .jc-seo-v5 .jc-seo-container > .jc200-section{
    margin-left:0!important;margin-right:0!important;width:100%!important;max-width:100%!important;
  }
}

/* v2.1.51: Fix the actual high-specificity :not() rule that kept sections
   confined to the right column despite v2.1.50. Preserve badges/quicknav. */
@media(min-width:1100px){
  main.jc-hub:has(> .jc-vista-sidebar) > :is(section.jc200-section,section.jc197-section,section.jc380-quote),
  .jc-seo-v5 .jc-seo-container:has(> .jc-vista-sidebar) > :is(section.jc200-section,section.jc197-section,section.jc380-quote),
  main.jc-hub:has(> .jc-vista-sidebar) > :not(.jc-hub-crumb):not(.jc200-hero):not(.jc-vista-sidebar):is(.jc200-section,.jc197-section,.jc380-quote),
  .jc-seo-v5 .jc-seo-container:has(> .jc-vista-sidebar) > :not(.jc-seo-breadcrumb):not(.jc-v5-hero):not(.jc-vista-sidebar):is(.jc200-section,.jc197-section,.jc380-quote){
    margin-left:0!important;margin-right:0!important;
    width:100%!important;max-width:100%!important;
    box-sizing:border-box!important;clear:both!important;
  }
  main.jc-hub:has(> .jc-vista-sidebar) > section.jc200-section .jc200-heading,
  main.jc-hub:has(> .jc-vista-sidebar) > section.jc200-section .jc200-spec-layout,
  main.jc-hub:has(> .jc-vista-sidebar) > section.jc200-section .jc200-advice-grid,
  main.jc-hub:has(> .jc-vista-sidebar) > section.jc200-section .jc200-related{
    width:100%!important;max-width:none!important;
  }
  main.jc-hub:has(> .jc-vista-sidebar) > #jc200-galeri{padding-top:42px!important}
}

/* v2.1.52 — TRUE VIEWPORT-ALIGNED CONTENT COLUMN.
   Earlier releases conflicted between margin-left:460px and margin-left:0;
   this explicitly positions each post-hero block relative to the viewport,
   aligned after the existing related-product sidebar. */
@media(min-width:1100px){
  :root{--jc52-left:clamp(24px,2.3vw,46px);--jc52-sidebar:clamp(265px,23vw,425px);--jc52-gap:32px;--jc52-content-x:calc(var(--jc52-left) + var(--jc52-sidebar) + var(--jc52-gap))}
  main.jc-hub:has(> .jc-vista-sidebar) > :not(.jc-hub-crumb):not(.jc200-hero):not(.jc-vista-sidebar),
  .jc-seo-v5 .jc-seo-container:has(> .jc-vista-sidebar) > :not(.jc-seo-breadcrumb):not(.jc-v5-hero):not(.jc-vista-sidebar){
    position:relative!important;
    left:auto!important;right:auto!important;
    margin-left:calc(50% - 50vw + var(--jc52-content-x))!important;
    margin-right:0!important;
    width:calc(100vw - var(--jc52-content-x) - var(--jc52-left))!important;
    max-width:none!important;
    min-width:0!important;
    box-sizing:border-box!important;
    float:none!important;
    clear:both!important;
  }
  main.jc-hub:has(> .jc-vista-sidebar) > :is(.jc200-quick,.jc200-section),
  .jc-seo-v5 .jc-seo-container:has(> .jc-vista-sidebar) > :is(.jc200-quick,.jc200-section){padding-left:0!important;padding-right:0!important}
  main.jc-hub:has(> .jc-vista-sidebar) > .jc200-section :is(.jc200-heading,.jc200-spec-layout,.jc200-advice-grid,.jc200-related,.jc197-media),
  .jc-seo-v5 .jc-seo-container:has(> .jc-vista-sidebar) > .jc200-section :is(.jc200-heading,.jc200-spec-layout,.jc200-advice-grid,.jc200-related,.jc197-media){width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;box-sizing:border-box!important}
  main.jc-hub:has(> .jc-vista-sidebar) > .jc200-section .jc200-related{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  main.jc-hub:has(> .jc-vista-sidebar) > .jc200-quick{justify-content:flex-start!important}
  main.jc-hub:has(> .jc-vista-sidebar) > #jc200-galeri{padding-top:24px!important}
}

/* v2.1.53 — SEO catalog hierarchy sidebar, Vista-inspired vertical menu */
.jc-vista-sidebar .jc-catalog-sidebar-head{margin:0 0 15px!important}
.jc-vista-sidebar .jc-catalog-sidebar-head h2{font-size:20px!important;line-height:1.3!important;margin:0 0 12px!important}
.jc-vista-sidebar .jc-catalog-sidebar-head p{font-size:11px!important;line-height:1.6!important;margin:0!important;color:#637084!important}
.jc-vista-sidebar .jc-catalog-sidebar-head p a{color:#496077!important;text-decoration:none!important}
.jc-vista-sidebar nav.jc-catalog-groups{display:block!important;overflow:visible!important;white-space:normal!important;max-width:none!important}
.jc-vista-sidebar .jc-catalog-group{display:block!important;border-top:1px solid #e2e6eb!important;margin:0!important;padding:0!important}
.jc-vista-sidebar .jc-catalog-group>summary{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;cursor:pointer!important;list-style:none!important;padding:15px 2px!important;color:#152638!important;font-weight:750!important;font-size:15px!important;line-height:1.35!important}
.jc-vista-sidebar .jc-catalog-group>summary::-webkit-details-marker{display:none!important}
.jc-vista-sidebar .jc-catalog-count{color:#6c7886!important;background:#f1f4f6!important;padding:2px 7px!important;border-radius:30px!important;font-size:11px!important;font-weight:600!important}
.jc-vista-sidebar .jc-catalog-links{display:flex!important;flex-direction:column!important;gap:0!important;overflow:visible!important;max-width:none!important;padding:0 0 12px!important}
.jc-vista-sidebar .jc-catalog-links>a{display:block!important;box-sizing:border-box!important;flex:none!important;max-width:none!important;width:100%!important;white-space:normal!important;border:0!important;border-bottom:1px solid #edf0f2!important;border-radius:0!important;padding:10px 6px!important;margin:0!important;font-size:13px!important;line-height:1.4!important;color:#344459!important;text-decoration:none!important;background:transparent!important}
.jc-vista-sidebar .jc-catalog-links>a:hover{color:#007a68!important;background:#f3faf8!important}
.jc-vista-sidebar .jc-catalog-links>a.jc-vista-current{font-weight:800!important;color:#006b57!important;background:#eff9f5!important;border-left:3px solid #0e9d75!important;padding-left:10px!important}
.jc-vista-sidebar .jc-catalog-sidebar-head a:focus-visible,.jc-vista-sidebar .jc-catalog-group summary:focus-visible,.jc-vista-sidebar .jc-catalog-links>a:focus-visible{outline:2px solid #0b806e!important;outline-offset:2px!important}
@media(min-width:1100px){
  main.jc-hub > .jc-vista-sidebar,.jc-seo-v5 .jc-seo-container > .jc-vista-sidebar{max-height:none!important;overflow:visible!important;height:auto!important}
}
@media(max-width:1099px){
  main.jc-hub > .jc-vista-sidebar,.jc-seo-v5 .jc-seo-container > .jc-vista-sidebar{height:auto!important;max-height:none!important;overflow:visible!important}
  .jc-vista-sidebar nav.jc-catalog-groups{display:block!important;overflow:visible!important}
  .jc-vista-sidebar .jc-catalog-links{display:flex!important;flex-direction:column!important;overflow:visible!important}
  .jc-vista-sidebar .jc-catalog-links>a{width:100%!important;max-width:none!important;white-space:normal!important;border-radius:0!important}
  .jc-vista-sidebar .jc-catalog-group>summary{min-height:44px!important}
}

/* v2.1.54: prevent growing catalog sidebar from overlaying post-hero content.
   Anchor content column in the parent container (NOT 50vw viewport arithmetic).
   All post-hero sections share the same left edge and fill the remaining width. */
@media(min-width:1100px){
  main.jc-hub:has(> .jc-vista-sidebar),
  .jc-seo-v5 .jc-seo-container:has(> .jc-vista-sidebar){
    --jc54-side:clamp(265px,23vw,425px);
    --jc54-gap:32px;
  }
  main.jc-hub:has(> .jc-vista-sidebar) > :not(.jc-hub-crumb):not(.jc200-hero):not(.jc-vista-sidebar),
  .jc-seo-v5 .jc-seo-container:has(> .jc-vista-sidebar) > :not(.jc-seo-breadcrumb):not(.jc-v5-hero):not(.jc-vista-sidebar){
    position:relative!important;
    left:auto!important;right:auto!important;
    margin-left:calc(var(--jc54-side) + var(--jc54-gap))!important;
    margin-right:0!important;
    width:calc(100% - var(--jc54-side) - var(--jc54-gap))!important;
    max-width:none!important;min-width:0!important;
    box-sizing:border-box!important;
    transform:none!important;
  }
  main.jc-hub:has(> .jc-vista-sidebar) > .jc-vista-sidebar,
  .jc-seo-v5 .jc-seo-container:has(> .jc-vista-sidebar) > .jc-vista-sidebar{
    width:var(--jc54-side)!important;
    max-width:var(--jc54-side)!important;
    box-sizing:border-box!important;
  }
}

/* v2.1.55 — FINAL viewport coordinate fix. Previous v2.1.54 mistakenly
   measured the content offset from the centered container, not the viewport. */
@media (min-width:1100px){
 :root{--jc55-edge:clamp(24px,2.3vw,46px);--jc55-sidebar:clamp(265px,23vw,425px);--jc55-gap:32px;--jc55-start:calc(var(--jc55-edge) + var(--jc55-sidebar) + var(--jc55-gap))}
 main.jc-hub:has(> .jc-vista-sidebar) > :not(.jc-hub-crumb):not(.jc200-hero):not(.jc-vista-sidebar),
 .jc-seo-v5 .jc-seo-container:has(> .jc-vista-sidebar) > :not(.jc-seo-breadcrumb):not(.jc-v5-hero):not(.jc-vista-sidebar){
   position:relative!important;left:auto!important;right:auto!important;transform:none!important;
   margin-left:calc(50% - 50vw + var(--jc55-start))!important;
   margin-right:0!important;
   width:calc(100vw - var(--jc55-start) - var(--jc55-edge))!important;
   max-width:none!important;min-width:0!important;box-sizing:border-box!important;
 }
 main.jc-hub > .jc-vista-sidebar,.jc-seo-v5 .jc-seo-container > .jc-vista-sidebar{
   width:var(--jc55-sidebar)!important;max-width:var(--jc55-sidebar)!important;
   left:calc(50% - 50vw + var(--jc55-edge))!important;
 }
}

/* v2.1.56: Real two-column document structure, not viewport margin patches.
   Plugin v3.9.19 supplies .jc56-layout with .jc56-main and sidebar siblings. */
@media (min-width:1100px){
 main.jc-hub .jc56-layout,
 .jc-seo-v5 .jc-seo-container .jc56-layout{
   --jc56-edge:clamp(24px,2.3vw,46px);
   --jc56-side:clamp(265px,23vw,425px);
   --jc56-gap:32px;
   display:grid!important;
   grid-template-columns:var(--jc56-side) minmax(0,1fr)!important;
   column-gap:var(--jc56-gap)!important;
   align-items:start!important;
   width:calc(100vw - 2 * var(--jc56-edge))!important;
   max-width:none!important;
   margin-left:calc(50% - 50vw + var(--jc56-edge))!important;
   margin-right:0!important;
   position:relative!important;
   overflow:visible!important;
 }
 main.jc-hub .jc56-layout>.jc-vista-sidebar,
 .jc-seo-v5 .jc-seo-container .jc56-layout>.jc-vista-sidebar{
   position:relative!important;inset:auto!important;left:auto!important;right:auto!important;
   top:auto!important;bottom:auto!important;transform:none!important;
   grid-column:1!important;grid-row:1!important;
   width:100%!important;max-width:none!important;
   margin:-440px 0 0!important;
   height:auto!important;max-height:none!important;z-index:4!important;
 }
 main.jc-hub .jc56-layout>.jc56-main,
 .jc-seo-v5 .jc-seo-container .jc56-layout>.jc56-main{
   display:block!important;grid-column:2!important;grid-row:1!important;
   width:100%!important;max-width:100%!important;min-width:0!important;
   position:relative!important;left:auto!important;right:auto!important;
   margin:0!important;padding:0!important;transform:none!important;
 }
 main.jc-hub .jc56-main>*,
 .jc-seo-v5 .jc-seo-container .jc56-main>*{
   position:relative!important;left:auto!important;right:auto!important;
   margin-left:0!important;margin-right:0!important;
   width:100%!important;max-width:100%!important;min-width:0!important;
   box-sizing:border-box!important;transform:none!important;
 }
 main.jc-hub .jc56-main>.jc200-quick{display:flex!important;flex-wrap:wrap!important;gap:8px!important}
 main.jc-hub .jc56-main .jc200-related{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media (max-width:1099px){
 main.jc-hub .jc56-layout,.jc-seo-v5 .jc-seo-container .jc56-layout{display:flex!important;flex-direction:column!important;width:100%!important;margin:0!important;gap:18px!important}
 main.jc-hub .jc56-layout>.jc-vista-sidebar,.jc-seo-v5 .jc-seo-container .jc56-layout>.jc-vista-sidebar{position:relative!important;inset:auto!important;transform:none!important;width:100%!important;max-width:100%!important;margin:0!important}
 main.jc-hub .jc56-layout>.jc56-main,.jc-seo-v5 .jc-seo-container .jc56-layout>.jc56-main{width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding:0!important}
}

/* v2.1.57: consistent navigation groups on mobile and desktop */
.jc-vista-sidebar .jc3922-geo h3 + .jc-catalog-links{display:flex;flex-direction:column}
@media(max-width:1099px){.jc56-layout .jc-vista-sidebar .jc3922-geo,.jc56-layout .jc-vista-sidebar .jc3922-intents{width:100%;min-width:0}.jc56-layout .jc-vista-sidebar .jc3922-geo .jc-catalog-links a{white-space:normal;overflow-wrap:anywhere}}

/* v2.1.58 — Hero CTA clipping fix across product, location and intent pages.
   Previous v2.1.57 forced 440px height/max-height even when the text needed
   more room, while the palette hero clips overflow. Keep sidebar aligned with
   the increased hero baseline, and let long copy expand the hero naturally. */
@media (min-width:1100px){
  main.jc-hub > .jc200-hero,
  .jc-seo-v5 .jc-seo-container > .jc-v5-hero{
    height:auto!important;min-height:560px!important;max-height:none!important;
    box-sizing:border-box!important;
  }
  main.jc-hub > .jc200-hero .jc200-hero-copy,
  .jc-seo-v5 .jc-v5-hero .jc-v5-hero-content{
    min-height:0!important;height:auto!important;max-height:none!important;
    box-sizing:border-box!important;padding-top:42px!important;padding-bottom:42px!important;
  }
  main.jc-hub > .jc200-hero .jc200-hero-actions,
  .jc-seo-v5 .jc-v5-hero .jc-v5-hero-actions,
  .jc-seo-v5 .jc-v5-hero .jc-v5-actions{
    display:flex!important;flex-wrap:wrap!important;gap:10px!important;
    position:relative!important;flex-shrink:0!important;
    margin-bottom:4px!important;
  }
  main.jc-hub .jc56-layout>.jc-vista-sidebar,
  .jc-seo-v5 .jc-seo-container .jc56-layout>.jc-vista-sidebar{
    margin-top:-560px!important;
  }
}
@media (max-width:1099px){
  main.jc-hub > .jc200-hero,
  .jc-seo-v5 .jc-seo-container > .jc-v5-hero{
    height:auto!important;max-height:none!important;
  }
  main.jc-hub > .jc200-hero .jc200-hero-copy,
  .jc-seo-v5 .jc-v5-hero .jc-v5-hero-content{
    height:auto!important;max-height:none!important;
    padding-bottom:32px!important;
  }
}

/* v2.1.59: conservative overflow guard for long CTA labels and responsive grids. */
.jc-seo-v5 .jc-v5-hero a,.jc-seo-v5 .jc-v5-hero button,main.jc-hub .jc200-hero a,main.jc-hub .jc200-hero button{max-width:100%;white-space:normal;overflow-wrap:anywhere;text-align:center}
.jc-seo-v5 .jc-v5-hero,.jc-seo-v5 .jc-v5-hero *,main.jc-hub .jc200-hero,main.jc-hub .jc200-hero *{min-width:0}
@media(max-width:767px){.jc-seo-v5 .jc-v5-hero a,.jc-seo-v5 .jc-v5-hero button,main.jc-hub .jc200-hero a,main.jc-hub .jc200-hero button{height:auto;min-height:44px}}

/* v2.1.60: unavailable catalog/material entries are labels, not misleading links. */
.jc-catalog-unavailable,.jc-material-unavailable{display:block;opacity:.7;cursor:default}
.jc-material-unavailable{padding:inherit}

/* v2.1.61: Vista-style full product directory, single source of homepage catalog links */
.jc-vista-catalog{background:#fff;padding:72px 0 78px}
.jc-vista-category-nav{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0 38px}
.jc-vista-category-nav a{display:inline-flex;align-items:center;gap:12px;padding:11px 16px;border:1px solid #dbe3f0;border-radius:12px;background:#f7f9fe;color:#132e58;font-weight:700;font-size:13px;text-decoration:none}
.jc-vista-category-nav a span{color:#6e819f;font-weight:600}
.jc-vista-category-nav a:hover,.jc-vista-links a:hover{border-color:#1959ee;background:#edf3ff;color:#1959ee}
.jc-vista-group{scroll-margin-top:115px;margin:0 0 34px;border-bottom:1px solid #e8edf5;padding-bottom:30px}
.jc-vista-group-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:17px}
.jc-vista-group-head h3{font-size:23px;color:#10264d;margin:0 0 6px}
.jc-vista-group-head p{margin:0;color:#64748b;font-size:14px}
.jc-vista-group-head>span{white-space:nowrap;font-size:12px;color:#64748b}
.jc-vista-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.jc-vista-links a,.jc-vista-inactive{min-width:0;display:flex;justify-content:space-between;align-items:center;gap:8px;padding:14px 15px;border:1px solid #e1e7f0;border-radius:11px;color:#182d4d;text-decoration:none;font-size:13px;font-weight:600;background:#fff}
.jc-vista-links a span{color:#1959ee;flex:none}
.jc-vista-inactive{color:#9aa6b6;background:#f8fafc;font-weight:400}
.jc-vista-catalog-bottom{display:flex;gap:20px;flex-wrap:wrap;margin-top:24px}
.jc-vista-catalog-bottom a{color:#1959ee;font-weight:700}
@media(max-width:950px){.jc-vista-links{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:640px){.jc-vista-catalog{padding:44px 0}.jc-vista-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.jc-vista-links a,.jc-vista-inactive{padding:12px;font-size:12px}.jc-vista-group-head h3{font-size:19px}.jc-vista-category-nav{flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px}.jc-vista-category-nav a{white-space:nowrap}}


/* v2.1.66 — Homepage rebuilt as ONE grid. No fixed heights, scrolling sidebar,
   negative margins or multi-layer desktop column overrides. */
body.home .jc-shipping-bar{background:#191919!important;background-image:none!important;border:0!important}
body.home .jc-shipping-bar .jc-shipping-trigger{color:#fff!important}
body.home .jc-home-top-layout{
 display:grid!important;grid-template-columns:300px minmax(0,1fr)!important;
 gap:clamp(24px,3.2vw,56px)!important;align-items:start!important;
 width:100%!important;max-width:none!important;min-height:0!important;height:auto!important;
 margin:0 auto!important;padding:28px max(30px,calc((100vw - 1690px)/2)) 34px!important;
 background:#23344e!important;background-image:none!important;overflow:visible!important;
 box-sizing:border-box!important;
}
body.home .jc-home-sidebar{
 display:block!important;position:relative!important;grid-column:1!important;grid-row:1!important;
 width:100%!important;min-width:0!important;height:auto!important;max-height:none!important;
 overflow:visible!important;overscroll-behavior:auto!important;scrollbar-width:auto!important;
 margin:0!important;padding:20px 22px 22px!important;align-self:start!important;
 background:#fff!important;border:0!important;border-radius:16px!important;
 box-shadow:0 10px 26px rgba(0,0,0,.10)!important;box-sizing:border-box!important;
}
body.home .jc-home-sidebar-title{font-size:16px!important;font-weight:800!important;color:#14254c!important;padding:5px 0 12px!important}
body.home .jc-home-sidebar-group{border-bottom:1px solid #e8edf3!important}
body.home .jc-home-sidebar-group summary{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:12px 0!important;font-size:13px!important;font-weight:700!important;cursor:pointer!important;list-style:none!important;color:#152b4c!important}
body.home .jc-home-sidebar-group summary::-webkit-details-marker{display:none!important}
body.home .jc-home-sidebar-group summary span{color:#526c9b!important}
body.home .jc-home-sidebar-group[open] summary span{transform:rotate(180deg)}
body.home .jc-home-sidebar-group ul{list-style:none!important;padding:0 0 10px!important;margin:0!important}
body.home .jc-home-sidebar-group li a{display:block!important;padding:7px 4px!important;color:#4b5c77!important;font-size:12px!important;text-decoration:none!important}
body.home .jc-home-sidebar-group li a:hover{color:#165dff!important;background:#f1f5ff!important}
body.home .jc-home-sidebar-all,body.home .jc-home-sidebar-guide{display:block!important;padding:12px 0 0!important;font-size:12px!important;font-weight:700!important;color:#165dff!important;text-decoration:none!important}
body.home .jc-home-sidebar-guide{color:#008a69!important}
body.home .jc-home-top-content{
 display:block!important;position:relative!important;grid-column:2!important;grid-row:1!important;
 width:100%!important;min-width:0!important;height:auto!important;min-height:0!important;
 overflow:visible!important;margin:0!important;padding:0!important;background:transparent!important;
}
body.home .jc-home-top-content .hero-v15{
 display:flex!important;align-items:center!important;width:100%!important;height:auto!important;
 min-height:500px!important;max-height:none!important;margin:0!important;padding:0!important;
 background:transparent!important;background-image:none!important;overflow:visible!important;border:0!important;
}
body.home .jc-home-top-content .hero-v15-inner{
 display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)!important;
 align-items:center!important;gap:clamp(24px,3vw,48px)!important;width:100%!important;max-width:none!important;
 height:auto!important;min-height:0!important;max-height:none!important;
 margin:0!important;padding:18px 0!important;box-sizing:border-box!important;
}
body.home .jc-home-top-content .hero-copy{min-width:0!important;width:100%!important;margin:0!important;padding:0!important}
body.home .jc-home-top-content .hero-copy h1{font-size:clamp(34px,2.6vw,51px)!important;line-height:1.15!important;letter-spacing:-.035em!important;color:#fff!important;margin:16px 0 22px!important}
body.home .jc-home-top-content .hero-copy h1 span{display:block!important;color:#2369ff!important;white-space:nowrap!important}
body.home .jc-home-top-content .hero-copy p{font-size:clamp(13px,.9vw,16px)!important;line-height:1.7!important;color:#e0e8f5!important;max-width:550px!important}
body.home .jc-home-top-content .hero-v15-visual,
body.home .jc-home-top-content .hero-v15-mosaic{width:100%!important;min-width:0!important;max-width:none!important;background:transparent!important;border:0!important;box-shadow:none!important;outline:0!important;padding:0!important;margin:0!important;overflow:visible!important}
body.home .jc-home-top-content .hero-v15-visual:before,body.home .jc-home-top-content .hero-v15-visual:after,
body.home .jc-home-top-content .hero-v15-tile:before,body.home .jc-home-top-content .hero-v15-tile:after{content:none!important;display:none!important}
body.home .jc-home-top-content .hero-v15-mosaic{gap:10px!important}
body.home .jc-home-top-content .hero-v15-tile{border:0!important;outline:0!important;box-shadow:none!important;border-radius:13px!important;overflow:hidden!important}
body.home .jc-home-top-content .hero-v15-tile img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}
body.home .jc-home-top-content .jc-photo-label,body.home .jc-home-top-content .hero-v15-visual-heading,body.home .jc-home-top-content .hero-v15-visual-note{display:none!important}
@media (min-width:781px) and (max-width:1390px){
 body.home .jc-home-top-layout{grid-template-columns:250px minmax(0,1fr)!important;gap:28px!important;padding-left:26px!important;padding-right:26px!important}
 body.home .jc-home-top-content .hero-v15-inner{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)!important;gap:24px!important}
 body.home .jc-home-top-content .hero-copy h1{font-size:clamp(31px,2.65vw,39px)!important}
 body.home .jc-home-top-content .hero-copy h1 span{white-space:normal!important}
}
@media (max-width:780px){
 body.home .jc-home-top-layout{display:flex!important;flex-direction:column!important;gap:20px!important;padding:28px 18px!important;height:auto!important;min-height:0!important}
 body.home .jc-home-top-content{order:1!important;width:100%!important}
 body.home .jc-home-sidebar{order:2!important;width:100%!important;height:auto!important;max-height:none!important;overflow:visible!important;margin:0!important}
 body.home .jc-home-top-content .hero-v15{min-height:0!important;height:auto!important}
 body.home .jc-home-top-content .hero-v15-inner{display:flex!important;flex-direction:column!important;gap:24px!important;padding:16px 0!important}
 body.home .jc-home-top-content .hero-copy h1{font-size:clamp(34px,7.2vw,49px)!important}
 body.home .jc-home-top-content .hero-copy h1 span{white-space:normal!important}
 body.home .jc-home-top-content .hero-v15-visual{width:100%!important}
}

/* v2.1.67 — Vista floating sidebar: expansion NEVER determines hero height.
   Sidebar overlays the normal document flow; content lanes reserve its width. */
@media (min-width:781px){
 body.home{--jc-side-width:300px;--jc-side-gap:clamp(24px,3.2vw,56px);--jc-side-pad:max(30px,calc((100vw - 1690px)/2));}
 body.home .jc-home-top-layout{
   display:block!important;position:relative!important;
   min-height:0!important;height:auto!important;
   padding:28px var(--jc-side-pad) 28px!important;
 }
 body.home .jc-home-sidebar{
   position:absolute!important;left:var(--jc-side-pad)!important;top:28px!important;
   width:var(--jc-side-width)!important;max-width:var(--jc-side-width)!important;
   height:auto!important;max-height:none!important;overflow:visible!important;
   z-index:12!important;grid-column:auto!important;grid-row:auto!important;
 }
 body.home .jc-home-top-content{
   display:block!important;width:auto!important;
   margin-left:calc(var(--jc-side-width) + var(--jc-side-gap))!important;
   grid-column:auto!important;grid-row:auto!important;
 }
 body.home .jc-home-top-content .hero-v15{min-height:470px!important;}
 body.home .hero-v15-benefits .wrap,
 body.home .jc-vista-catalog > .wrap{
   padding-left:calc(var(--jc-side-width) + var(--jc-side-gap) + var(--jc-side-pad))!important;
   max-width:none!important;box-sizing:border-box!important;
 }
 body.home .jc-home-top-content .hero-v15-inner{
   grid-template-columns:minmax(0,1.15fr) minmax(0,1.1fr)!important;
   gap:clamp(22px,2.5vw,44px)!important;
 }
 body.home .jc-home-top-content .hero-copy h1{font-size:clamp(32px,2.45vw,47px)!important}
 body.home .jc-home-top-content .hero-copy h1 span{white-space:normal!important}
}
@media (min-width:781px) and (max-width:1390px){
 body.home{--jc-side-width:250px;--jc-side-gap:28px;--jc-side-pad:26px;}
 body.home .jc-home-top-content .hero-v15-inner{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr)!important}
}

/* v2.1.68 — continuous white Vista sidebar, full-width right content lane.
   Only homepage selectors: product/detail templates are untouched. */
@media (min-width:781px){
 body.home{--jc-lane-left:calc(var(--jc-side-pad) + var(--jc-side-width) + var(--jc-side-gap));}
 /* The sidebar is a continuous white navigation rail, not a floating outlined card. */
 body.home .jc-home-sidebar{
   border:0!important;outline:0!important;box-shadow:none!important;
   border-radius:0!important;background:#fff!important;
   padding:20px 20px 36px!important;
 }
 /* White lane under the sidebar through the entire hero. Dropdowns may overflow
    below the hero without stretching the navy panel. */
 body.home .jc-home-top-layout:before{
   content:""!important;display:block!important;position:absolute!important;
   z-index:1!important;left:0!important;top:0!important;bottom:0!important;
   width:calc(var(--jc-side-pad) + var(--jc-side-width))!important;
   background:#fff!important;pointer-events:none!important;
 }
 body.home .jc-home-sidebar{z-index:20!important}
 body.home .jc-home-top-content{z-index:2!important}
 /* The right content lane uses its own available width. The earlier padding-left
    on a centered .wrap was consuming the content width twice. */
 body.home .hero-v15-benefits .wrap,
 body.home .jc-vista-catalog > .wrap{
   width:auto!important;max-width:none!important;
   margin-left:var(--jc-lane-left)!important;
   margin-right:var(--jc-side-pad)!important;
   padding-left:0!important;padding-right:0!important;
   box-sizing:border-box!important;
 }
 body.home .hero-v15-benefits{padding:24px 0!important;min-height:0!important}
 body.home .hero-v15-benefits-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important}
 body.home .hero-v15-benefits-grid>div{min-width:0!important}
 body.home .jc-vista-catalog{padding-top:78px!important;padding-bottom:82px!important}
 body.home .jc-vista-catalog .section-heading{margin-bottom:34px!important;gap:30px!important}
 body.home .jc-vista-category-nav{margin-top:28px!important;margin-bottom:44px!important}
 body.home .jc-vista-group{margin-bottom:38px!important;padding-bottom:34px!important}
}
@media (min-width:781px) and (max-width:1150px){
 body.home .hero-v15-benefits-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;row-gap:22px!important}
 body.home .jc-vista-links{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:780px){
 body.home .jc-home-sidebar{box-shadow:none!important;outline:0!important;border:0!important;border-radius:0!important}
 body.home .jc-vista-catalog{padding-top:52px!important}
}

/* v2.1.69 — Vista floating white card over uninterrupted navy hero.
   The card may extend below the hero without affecting its height. */
@media (min-width:781px){
 body.home .jc-home-top-layout{background:#23344e!important;isolation:isolate!important;overflow:visible!important}
 body.home .jc-home-top-layout::before{content:none!important;display:none!important}
 body.home .jc-home-sidebar{
  background:#fff!important;border:0!important;outline:0!important;
  border-radius:16px!important;box-shadow:0 12px 26px rgba(7,21,46,.10)!important;
  padding:20px 22px 26px!important;overflow:visible!important;
  height:auto!important;max-height:none!important;z-index:20!important;
 }
 body.home .jc-home-top-content{position:relative!important;z-index:2!important}
}

/* v2.1.71 — fully expanded desktop catalogue; swipe navigation on mobile */
@media (min-width:781px){
 body.home .jc-home-sidebar-group[open] > ul{display:block!important;visibility:visible!important}
 body.home .jc-home-sidebar-group summary span{display:none!important}
 body.home .jc-home-sidebar-group summary{cursor:default!important}
 body.home .jc-home-sidebar-group li a{font-size:13px!important;padding:9px 4px!important}
 body.home .jc-home-sidebar{overflow:visible!important;max-height:none!important}
}
@media (max-width:780px){
 body.home .jc-home-sidebar{display:none!important}
 body.home .jc-home-top-layout{display:block!important}
 body.home .jc-home-top-content{width:100%!important}
 body.home .jc-vista-category-nav{display:flex!important;overflow-x:auto!important;overflow-y:hidden!important;flex-wrap:nowrap!important;gap:8px!important;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;overscroll-behavior-x:contain;padding:8px 2px 16px!important}
 body.home .jc-vista-category-nav::-webkit-scrollbar,.jc-mobile-product-swipe::-webkit-scrollbar{display:none}
 body.home .jc-vista-category-nav a{flex:0 0 auto!important;scroll-snap-align:start;white-space:nowrap!important}
 .jc-mobile-product-swipe{display:flex!important;align-items:center;gap:8px;overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;overscroll-behavior-x:contain;padding:12px 16px!important;background:#fff;border-bottom:1px solid #e8edf4}
 .jc-mobile-product-swipe a{display:inline-flex;flex:0 0 auto;white-space:nowrap;scroll-snap-align:start;border:1px solid #e4e9f2;border-radius:999px;padding:10px 15px;text-decoration:none;color:#263b59;font-size:12px;font-weight:700;background:#f7f9fc}
 .jc-mobile-product-swipe a[aria-current="page"]{background:#1559d9;color:#fff;border-color:#1559d9}
 .jc56-layout>.jc-vista-sidebar{display:none!important}
 .jc56-layout{display:block!important}
 .jc56-layout>.jc56-main{width:100%!important;max-width:100%!important;min-width:0!important}
}
@media (min-width:781px){.jc-mobile-product-swipe{display:none!important}}

/* v2.1.72 — tighter Vista proportions, icon navigation and single-row mobile swipe */
@media(min-width:781px){
 body.home{--jc-side-pad:clamp(28px,2.45vw,48px);--jc-side-width:320px;--jc-side-gap:clamp(30px,3.3vw,60px)}
 body.home .jc-home-top-layout{padding-left:var(--jc-side-pad)!important;padding-right:var(--jc-side-pad)!important}
 body.home .jc-home-sidebar{left:var(--jc-side-pad)!important;top:28px!important;width:var(--jc-side-width)!important;max-width:var(--jc-side-width)!important}
 body.home .jc-home-top-content{margin-left:calc(var(--jc-side-width) + var(--jc-side-gap))!important}
 body.home .hero-v15-benefits .wrap,body.home .jc-vista-catalog>.wrap{margin-left:calc(var(--jc-side-pad) + var(--jc-side-width) + var(--jc-side-gap))!important;margin-right:var(--jc-side-pad)!important}
 body.home .jc-home-top-content .hero-v15-inner{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)!important;gap:clamp(24px,2.8vw,48px)!important}
 body.home .jc-home-top-content .hero-copy h1{font-size:clamp(34px,2.7vw,50px)!important}
 body.home .jc-home-top-content .hero-copy h1 span{white-space:normal!important}
}
@media(min-width:781px) and (max-width:1390px){
 body.home{--jc-side-pad:24px;--jc-side-width:260px;--jc-side-gap:28px}
 body.home .jc-home-top-content .hero-copy h1{font-size:clamp(31px,2.6vw,40px)!important}
}
body.home .jc-home-sidebar-group summary .jc-category-heading{display:inline-flex!important;align-items:center!important;gap:10px!important;color:inherit!important;min-width:0!important;transform:none!important}
body.home .jc-home-sidebar-group summary .jc-category-heading>span{color:inherit!important;transform:none!important}
body.home .jc-home-sidebar-group summary .jc-category-heading svg{flex:0 0 auto;color:#2764db;stroke-width:1.7}
body.home .jc-home-sidebar-group summary .jc-category-chevron{color:#6980a2!important;transform:none!important}
body.home .jc-home-sidebar-group[open] summary .jc-category-chevron{transform:rotate(180deg)!important}
body.home .jc-vista-category-nav a{gap:9px!important;display:inline-flex!important;align-items:center!important}
body.home .jc-vista-category-nav a>svg{flex:none;color:#3d567b;stroke-width:1.8}
body.home .jc-vista-category-nav a .jc-category-label{color:inherit!important;font-weight:700!important}
body.home .jc-vista-category-nav a .jc-category-count{background:#e4eaf4;border-radius:999px;padding:2px 7px;color:#59708e!important;font-size:11px!important}
@media(max-width:780px){
 body.home .jc-vista-category-nav{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x proximity!important;scrollbar-width:none!important;gap:8px!important;max-width:100vw!important;margin-left:0!important;margin-right:0!important;padding:8px 2px 15px!important}
 body.home .jc-vista-category-nav a{flex:0 0 auto!important;white-space:nowrap!important;scroll-snap-align:start!important;border-radius:999px!important;padding:10px 13px!important;gap:8px!important}
 body.home .jc-vista-category-nav a>svg{width:17px;height:17px}
}

/* v2.1.73 — navigation without duplicate desktop catalogue; mobile icon-only category picker */
@media (min-width:781px){
 body.home .jc-vista-catalog{display:none!important}
 body.home .jc-home-sidebar-group summary .jc-category-heading svg{display:none!important}
 body.home .jc-home-sidebar-group summary .jc-category-heading{gap:0!important}
}
@media (max-width:780px){
 body.home .jc-vista-catalog{padding:28px 0 52px!important}
 body.home .jc-vista-catalog>.wrap{width:100%!important;max-width:100%!important;padding:0 16px!important;margin:0!important}
 body.home .jc-vista-catalog .section-heading{display:none!important}
 body.home .jc-vista-category-nav{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;gap:8px!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior-x:contain;scroll-snap-type:x proximity;max-width:100%!important;padding:3px 0 12px!important;margin:0!important}
 body.home .jc-vista-category-nav a{flex:0 0 auto!important;display:inline-flex!important;align-items:center!important;white-space:nowrap!important;border-radius:999px!important;scroll-snap-align:start!important}
 body.home .jc-vista-category-nav a[aria-current="true"]{background:#1454ae!important;color:#fff!important;border-color:#1454ae!important}
 body.home .jc-vista-category-nav a[aria-current="true"] svg,body.home .jc-vista-category-nav a[aria-current="true"] .jc-category-label{color:#fff!important}
 body.home .jc-vista-group{display:none!important}
 body.home .jc-vista-group.jc-mobile-category-active{display:block!important;margin-top:20px!important}
 body.home .jc-vista-catalog-bottom{display:none!important}
}

/* v2.1.74 — one permanent content lane beside the long Vista sidebar.
   Previous rules offset only the benefits/catalog, leaving the later sections
   underneath the absolutely-positioned expanded sidebar. */
@media (min-width:781px){
 body.home main#main > section.section > .wrap,
 body.home main#main > section.section > .container,
 body.home main#main > .section > .wrap,
 body.home main#main > .section > .container{
   box-sizing:border-box!important;
   width:auto!important;
   max-width:none!important;
   margin-left:calc(var(--jc-side-pad) + var(--jc-side-width) + var(--jc-side-gap))!important;
   margin-right:var(--jc-side-pad)!important;
   padding-left:0!important;
   padding-right:0!important;
 }
 body.home main#main > .hero-v15-benefits > .wrap{
   box-sizing:border-box!important;
   width:auto!important;
   max-width:none!important;
   margin-left:calc(var(--jc-side-pad) + var(--jc-side-width) + var(--jc-side-gap))!important;
   margin-right:var(--jc-side-pad)!important;
   padding-left:0!important;
   padding-right:0!important;
 }
 body.home .jc-home-sidebar{z-index:15!important}
 body.home main#main > section.section{position:relative;z-index:1}
}
@media (max-width:780px){
 body.home main#main > section.section > .wrap,
 body.home main#main > .hero-v15-benefits > .wrap{
   margin-left:auto!important;
   margin-right:auto!important;
 }
}

/* v2.1.75 — reserve the sidebar lane on the SECTION itself, not its inner wrap.
   This prevents any later full-width section or section-specific .wrap margin
   from sliding behind the permanently expanded navigation. */
@media (min-width:781px){
 body.home main#main > section.section:not(.jc-vista-catalog){
   box-sizing:border-box!important;
   padding-left:calc(var(--jc-side-pad) + var(--jc-side-width) + var(--jc-side-gap))!important;
   padding-right:var(--jc-side-pad)!important;
 }
 body.home main#main > section.section:not(.jc-vista-catalog) > .wrap,
 body.home main#main > section.section:not(.jc-vista-catalog) > .container{
   box-sizing:border-box!important;
   width:100%!important;
   max-width:none!important;
   margin-left:0!important;
   margin-right:0!important;
   padding-left:0!important;
   padding-right:0!important;
 }
 /* Hero is nested in its own top-layout; do not double-offset it. */
 body.home main#main > .jc-home-top-layout section.section{padding-left:0!important}
}

/* v2.1.76 — keep the full-height sidebar above subsequent homepage sections.
   v2.1.75 fixed the content lane, but later sections painted over the
   absolutely positioned sidebar because its parent had a lower stack level. */
@media (min-width:781px){
 body.home main#main > .jc-home-top-layout{position:relative!important;z-index:40!important;isolation:auto!important;overflow:visible!important}
 body.home main#main > .jc-home-top-layout > .jc-home-sidebar{position:absolute!important;z-index:50!important;overflow:visible!important;max-height:none!important;height:auto!important;background:#fff!important}
 body.home main#main > .hero-v15-benefits,
 body.home main#main > section.section{position:relative!important;z-index:1!important}
}

/* v2.1.77 — Vista-inspired category showcase. Flat pale-blue cards, image placeholders. */
body.home .jc-category-showcase{background:#fff!important;padding-top:68px!important;padding-bottom:82px!important;overflow:visible}
body.home .jc-category-showcase .jc-showcase-inner{max-width:none!important;width:100%!important;margin:0!important;padding:0!important}
.jc-showcase-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}
.jc-showcase-heading h2{font-size:clamp(27px,2.8vw,39px);letter-spacing:-.045em;color:#14233e}
.jc-showcase-heading>a{font-size:14px;font-weight:750;color:#155ce9;text-decoration:none;white-space:nowrap}
.jc-showcase-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.jc-showcase-card{background:#e8f0ff;border-radius:19px;overflow:hidden;position:relative;display:flex;flex-direction:column;min-width:0;min-height:330px;text-decoration:none!important;color:#172b4b;transition:transform .18s,box-shadow .18s}
.jc-showcase-card:hover{transform:translateY(-3px);box-shadow:0 14px 28px #18385e16}
.jc-showcase-featured{grid-column:span 2;min-height:278px;flex-direction:row;align-items:stretch}
.jc-showcase-copy{padding:23px;display:flex;flex-direction:column;align-items:flex-start;flex:1;min-width:0;position:relative;z-index:1}
.jc-showcase-icon{width:43px;height:43px;display:grid;place-items:center;background:#fff;color:#135ed8;border-radius:50%;margin-bottom:auto}
.jc-showcase-copy h3{font-size:clamp(18px,1.7vw,25px);line-height:1.12;letter-spacing:-.03em;margin-top:24px}
.jc-showcase-action{font-size:13px;color:#075fbd;font-weight:750;margin-top:11px}
.jc-showcase-photo{background:#d7e5fc;aspect-ratio:1/1;flex:none;align-self:center;border-radius:13px;margin:0 16px 16px;max-width:calc(100% - 32px);width:calc(100% - 32px)}
.jc-showcase-featured .jc-showcase-photo{width:43%;max-width:43%;margin:16px 16px 16px 0;align-self:center}
.jc-showcase-small .jc-showcase-copy{min-height:142px;padding:19px 20px 8px}
.jc-showcase-small .jc-showcase-copy h3{font-size:18px;margin-top:16px}
.jc-showcase-small .jc-showcase-action{font-size:12px;margin-top:7px}
.jc-showcase-small .jc-showcase-photo{margin:10px 16px 16px;width:calc(100% - 32px)}
@media(min-width:781px){body.home main#main > section.jc-category-showcase{padding-left:calc(var(--jc-side-pad) + var(--jc-side-width) + var(--jc-side-gap))!important;padding-right:var(--jc-side-pad)!important}}
@media(max-width:1050px){.jc-showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.jc-showcase-featured{grid-column:span 1;min-height:240px}.jc-showcase-featured .jc-showcase-photo{width:44%;max-width:44%}}
@media(max-width:780px){body.home .jc-category-showcase{padding:46px 0 60px!important}.jc-showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.jc-showcase-featured{grid-column:span 2;min-height:210px}.jc-showcase-heading h2{font-size:27px}.jc-showcase-heading>a{font-size:12px}.jc-showcase-card{min-height:270px}.jc-showcase-featured .jc-showcase-photo{width:47%;max-width:47%}}
@media(max-width:480px){.jc-showcase-heading{margin-bottom:19px}.jc-showcase-heading h2{font-size:24px}.jc-showcase-card{border-radius:16px;min-height:220px}.jc-showcase-featured{min-height:190px}.jc-showcase-copy{padding:15px}.jc-showcase-icon{width:36px;height:36px}.jc-showcase-featured .jc-showcase-copy h3{font-size:19px}.jc-showcase-featured .jc-showcase-photo{width:46%;max-width:46%;margin:10px 10px 10px 0}.jc-showcase-small .jc-showcase-copy{min-height:115px;padding:14px 13px 4px}.jc-showcase-small .jc-showcase-copy h3{font-size:15px;margin-top:13px}.jc-showcase-action{font-size:11px}.jc-showcase-small .jc-showcase-photo{margin:8px 10px 10px;width:calc(100% - 20px);max-width:calc(100% - 20px)}}

/* v2.1.78: Category photos from WordPress media dashboard */
.jc-showcase-photo .jc-showcase-uploaded-image{width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:center!important;display:block!important;border:0!important;border-radius:0!important}

/* v2.1.79: distinguish unpublished product pages in sidebar */
.jc-home-sidebar .jc-sidebar-unavailable{display:block;opacity:.55;cursor:default;padding:6px 0}
.jc-vista-group{scroll-margin-top:110px}

/* v2.1.80 — Mobile navigation isolation: no desktop nav styles bleed into drawer. */
@media (max-width:850px){
 .site-header{overflow:visible!important;isolation:isolate!important;z-index:200!important}
 .site-header .header-inner{position:relative!important;overflow:visible!important}
 .site-header .header-inner>.site-nav#jc-navigation{
   position:absolute!important;top:100%!important;left:-18px!important;right:-18px!important;
   bottom:auto!important;z-index:1000!important;float:none!important;
   display:none!important;visibility:hidden!important;opacity:0!important;
   flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;
   gap:0!important;grid-column:auto!important;grid-row:auto!important;order:initial!important;
   width:calc(100% + 36px)!important;max-width:none!important;min-width:0!important;
   height:auto!important;min-height:0!important;max-height:calc(100dvh - 130px)!important;
   margin:0!important;padding:16px 22px 22px!important;overflow-x:hidden!important;overflow-y:auto!important;
   white-space:normal!important;transform:none!important;
   background:#fff!important;border:1px solid #e0e7f1!important;border-radius:0 0 18px 18px!important;
   box-shadow:0 18px 34px rgba(14,32,65,.18)!important;
 }
 .site-header .header-inner>.site-nav#jc-navigation.is-open{display:flex!important;visibility:visible!important;opacity:1!important}
 .site-header .header-inner>.site-nav#jc-navigation>a:not(.btn){
   display:flex!important;align-items:center!important;flex:none!important;position:static!important;
   width:100%!important;min-height:53px!important;margin:0!important;padding:13px 6px!important;
   font-size:16px!important;font-weight:650!important;line-height:1.4!important;
   color:#1c2b45!important;text-decoration:none!important;letter-spacing:0!important;
   border:0!important;border-bottom:1px solid #e9edf4!important;background:transparent!important;
 }
 .site-header .header-inner>.site-nav#jc-navigation>.btn{
   display:flex!important;align-items:center!important;justify-content:center!important;
   position:static!important;width:100%!important;min-height:48px!important;
   margin:17px 0 0!important;padding:12px 16px!important;
   font-size:14px!important;line-height:1.3!important;white-space:normal!important;
   background:#155cf7!important;color:#fff!important;border-radius:11px!important;
 }
 .site-header .header-inner>.nav-toggle{position:relative!important;z-index:1001!important}
}

/* v2.1.81 — Body-level mobile drawer portal, independent of header/hero stacking contexts. */
@media(max-width:850px){
 body>.site-nav#jc-navigation.jc-mobile-nav-portal{position:fixed!important;top:var(--jc-mobile-nav-top,72px)!important;left:0!important;right:0!important;bottom:auto!important;z-index:2147483001!important;display:none!important;visibility:hidden!important;opacity:0!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:0!important;width:100vw!important;max-width:100vw!important;min-width:0!important;height:auto!important;max-height:calc(100dvh - var(--jc-mobile-nav-top,72px) - 10px)!important;margin:0!important;padding:14px 22px 24px!important;overflow-y:auto!important;overflow-x:hidden!important;transform:none!important;white-space:normal!important;background:#fff!important;border:0!important;border-top:1px solid #e6ebf3!important;border-radius:0 0 16px 16px!important;box-shadow:0 18px 36px rgba(9,26,60,.18)!important;isolation:isolate!important}
 body>.site-nav#jc-navigation.jc-mobile-nav-portal.is-open{display:flex!important;visibility:visible!important;opacity:1!important}
 body>.site-nav#jc-navigation.jc-mobile-nav-portal>a:not(.btn){position:relative!important;display:flex!important;align-items:center!important;flex:0 0 auto!important;width:100%!important;height:auto!important;min-height:57px!important;margin:0!important;padding:15px 5px!important;border:0!important;border-bottom:1px solid #e7ebf2!important;border-radius:0!important;background:#fff!important;color:#1e2c43!important;font-size:16px!important;font-weight:650!important;line-height:1.45!important;text-decoration:none!important;letter-spacing:0!important;transform:none!important;white-space:normal!important;opacity:1!important}
 body>.site-nav#jc-navigation.jc-mobile-nav-portal>.btn{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;width:100%!important;min-height:50px!important;height:auto!important;margin:20px 0 0!important;padding:13px 16px!important;border-radius:12px!important;background:#155cf7!important;color:#fff!important;font-size:15px!important;line-height:1.4!important;white-space:normal!important;transform:none!important;opacity:1!important}
 body>.jc-mobile-nav-backdrop:not([hidden]){display:block!important;position:fixed!important;inset:0!important;background:rgba(12,27,52,.28)!important;z-index:2147483000!important}
 body>.jc-mobile-nav-backdrop[hidden]{display:none!important}
 body.jc-mobile-nav-open{overflow:hidden!important}
}
@media(min-width:851px){body>.jc-mobile-nav-backdrop{display:none!important}}

/* v2.1.82: One desktop category source (sidebar), mobile swipe picker with product panel. */
@media (min-width:781px){
 body.home section.jc-vista-catalog{display:none!important}
 body.home .jc-home-sidebar-group summary{cursor:pointer}
 body.home .jc-home-sidebar-group summary:focus-visible{outline:2px solid #1760ee;outline-offset:2px}
}
@media (max-width:780px){
 body.home .jc-vista-catalog{display:block!important;background:#fff!important;padding:26px 0 45px!important}
 body.home .jc-vista-category-nav{display:flex!important;gap:10px!important;margin:0 0 15px!important;padding:5px 2px 13px!important;scroll-padding-left:2px}
 body.home .jc-vista-category-nav a{flex:0 0 auto!important;display:inline-flex!important;align-items:center!important;gap:9px!important;min-height:47px!important;padding:11px 15px!important;border:1px solid #dbe4ef!important;border-radius:13px!important;background:#fff!important;color:#25344d!important;font-size:13px!important;font-weight:700!important;text-decoration:none!important;box-shadow:none!important}
 body.home .jc-vista-category-nav a[aria-current="true"]{background:#2356d6!important;border-color:#2356d6!important;color:#fff!important}
 body.home .jc-vista-category-nav a .jc-category-count{display:none!important}
 body.home .jc-vista-category-nav a svg{width:20px!important;height:20px!important;flex:none}
 body.home .jc-vista-category-nav a[aria-current="true"] svg{color:#fff!important}
 body.home .jc-vista-group{display:none!important;padding:0!important;border:0!important;margin:0!important}
 body.home .jc-vista-group.jc-mobile-category-active{display:block!important;margin:10px 0 0!important}
 body.home .jc-vista-group-head{display:flex!important;align-items:start!important;gap:12px!important;margin:0 0 16px!important}
 body.home .jc-vista-group-head h3{font-size:20px!important;letter-spacing:-.02em!important}
 body.home .jc-vista-group-head p{font-size:12px!important}
 body.home .jc-vista-group-head>span{font-size:11px!important}
 body.home .jc-vista-links{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
 body.home .jc-vista-links a,body.home .jc-vista-inactive{min-width:0!important;min-height:85px!important;padding:15px 12px!important;border:1px solid #e0e6ef!important;border-radius:13px!important;background:#fff!important;color:#233652!important;font-size:13px!important;font-weight:650!important;white-space:normal!important;overflow-wrap:anywhere!important;align-items:center!important}
 body.home .jc-vista-links a span{color:#2162e5!important}
 body.home .jc-vista-inactive{background:#f8fafc!important;color:#8a98ab!important}
}

/* v2.1.84 — Mobile category picker: show two full tabs plus a visible
   portion of the third, without arrows, gradients or extra overlays. */
@media (max-width:780px){
 body.home .jc-vista-category-nav{
   display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;
   overflow-y:hidden!important;gap:10px!important;scroll-snap-type:x proximity!important;
   -webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;
   max-width:100%!important;width:100%!important;box-sizing:border-box!important;
   padding:5px 0 12px!important;margin:0 0 15px!important;
 }
 body.home .jc-vista-category-nav::-webkit-scrollbar{display:none!important}
 body.home .jc-vista-category-nav>a{
   flex:0 0 39%!important;width:39%!important;min-width:0!important;max-width:39%!important;
   box-sizing:border-box!important;justify-content:center!important;gap:7px!important;
   padding:11px 9px!important;white-space:nowrap!important;scroll-snap-align:start!important;
 }
 body.home .jc-vista-category-nav>a .jc-category-label{
   display:block!important;min-width:0!important;overflow:hidden!important;
   text-overflow:ellipsis!important;white-space:nowrap!important;
 }
 body.home .jc-vista-category-nav>a svg{flex:0 0 19px!important;width:19px!important;height:19px!important}
}

/* v2.1.85: Homepage category product cards use the SAME media library hero
   as SEO Engine product detail and /produk-cetak/ catalog. */
@media(max-width:780px){
 body.home .jc-vista-links{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
}
body.home .jc-vista-links .jc-vista-product-card{
 display:flex!important;flex-direction:column!important;justify-content:stretch!important;align-items:stretch!important;
 min-width:0!important;min-height:0!important;padding:0!important;overflow:hidden!important;
 background:#fff!important;border:1px solid #e1e7ef!important;border-radius:15px!important;
 text-decoration:none!important;color:#233652!important;box-shadow:none!important;
 font-size:inherit!important;font-weight:inherit!important;
}
body.home .jc-vista-links a.jc-vista-product-card:hover{border-color:#b5c8ed!important;box-shadow:0 6px 18px rgba(25,45,90,.08)!important;transform:translateY(-1px)}
body.home .jc-vista-product-image{
 display:flex;align-items:center;justify-content:center;aspect-ratio:1/0.86;width:100%;
 background:#f2efed;overflow:hidden;color:#b0b5b9;
}
body.home .jc-vista-product-image img{width:100%;height:100%;object-fit:cover;display:block}
body.home .jc-vista-image-placeholder{width:46px;height:46px;flex:none}
body.home .jc-vista-product-info{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:13px 13px 16px;flex:1}
body.home .jc-vista-product-category{color:#73839a;font-size:11px;line-height:1.4;font-weight:400}
body.home .jc-vista-product-info strong{color:#233652;font-size:15px;line-height:1.35;font-weight:750;overflow-wrap:anywhere}
body.home .jc-vista-product-action{margin-top:auto;padding-top:10px;color:#00876e!important;font-size:13px;font-weight:750;line-height:1.35}
body.home .jc-vista-product-unavailable{opacity:.68}
body.home .jc-vista-product-unavailable .jc-vista-product-action{color:#73839a!important}
@media(max-width:420px){body.home .jc-vista-product-info{padding:11px 11px 14px;gap:7px}body.home .jc-vista-product-info strong{font-size:14px}}

/* v2.1.86 — Final category tab is a normal link to the full catalog. */
body.home .jc-vista-category-nav>a.jc-vista-all-products{
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 gap:8px!important;text-decoration:none!important;
}
body.home .jc-vista-category-nav>a.jc-vista-all-products .jc-category-all-arrow{
 font-size:17px;line-height:1;color:inherit;flex:none;
}
@media(max-width:780px){
 body.home .jc-vista-category-nav>a.jc-vista-all-products{
  flex:0 0 39%!important;width:39%!important;max-width:39%!important;min-width:0!important;
  box-sizing:border-box!important;white-space:nowrap!important;
 }
}

/* v2.1.87 — Desktop: Vista-style bold category headings in left sidebar;
   interactive product cards immediately after benefits, aligned to content lane. */
@media (min-width:781px){
 body.home .jc-home-sidebar-group summary .jc-category-heading,
 body.home .jc-home-sidebar-group summary .jc-category-heading>span{
  display:inline-flex!important;visibility:visible!important;opacity:1!important;
  transform:none!important;color:#16294a!important;font-size:14px!important;
  font-weight:800!important;line-height:1.4!important;
 }
 body.home .jc-home-sidebar-group summary .jc-category-heading>span{display:inline!important}
 body.home .jc-home-sidebar-group summary .jc-category-chevron{display:none!important}
 body.home .jc-home-sidebar-group summary{cursor:pointer!important;padding:15px 0 9px!important}
 body.home .jc-home-sidebar-group summary:hover .jc-category-heading>span{color:#1b5ce4!important}
 body.home .jc-home-sidebar-group li a{font-weight:400!important;font-size:12px!important}
 body.home section.jc-vista-catalog{
  display:block!important;box-sizing:border-box!important;
  padding:54px var(--jc-side-pad) 62px calc(var(--jc-side-pad) + var(--jc-side-width) + var(--jc-side-gap))!important;
  background:#fff!important;
 }
 body.home section.jc-vista-catalog>.wrap{
  box-sizing:border-box!important;width:100%!important;max-width:none!important;
  margin:0!important;padding:0!important;
 }
 body.home .jc-vista-catalog .section-heading{display:none!important}
 body.home .jc-vista-category-nav{display:flex!important;flex-wrap:wrap!important;gap:10px!important;overflow:visible!important;margin:0 0 26px!important}
 body.home .jc-vista-category-nav>a{display:inline-flex!important;align-items:center!important;gap:8px!important;padding:12px 15px!important;border:1px solid #dce5f1!important;border-radius:12px!important;font-weight:700!important;text-decoration:none!important;white-space:nowrap!important}
 body.home .jc-vista-category-nav>a[aria-current="true"]{background:#2356d6!important;border-color:#2356d6!important;color:#fff!important}
 body.home .jc-vista-group{display:none!important;border:0!important;padding:0!important;margin:0!important}
 body.home .jc-vista-group.jc-mobile-category-active{display:block!important}
 body.home .jc-vista-links{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:15px!important}
 body.home .jc-vista-product-card{min-width:0!important}
}
@media (min-width:781px) and (max-width:1180px){body.home .jc-vista-links{grid-template-columns:repeat(3,minmax(0,1fr))!important}}

/* v2.1.88 — catalog fills unused desktop left lane; sidebar/category tabs synchronized */
@media (min-width:781px){
 body.home section.jc-vista-catalog{position:relative!important;padding:46px var(--jc-side-pad) 64px!important;background:#f8faff!important}
 body.home section.jc-vista-catalog>.wrap{display:grid!important;grid-template-columns:var(--jc-side-width) minmax(0,1fr)!important;gap:var(--jc-side-gap)!important;align-items:start!important}
 body.home .jc-catalog-desktop-side{display:block!important;background:#fff;border:1px solid #e1e8f3;border-radius:16px;padding:22px 18px;box-shadow:0 5px 24px rgba(25,49,89,.04)}
 body.home .jc-catalog-desktop-title{display:block;color:#172c4d;font-size:17px;margin-bottom:7px}
 body.home .jc-catalog-desktop-side>p{font-size:12px;line-height:1.5;color:#71829c;margin:0 0 17px}
 body.home .jc-catalog-desktop-side nav{display:grid;gap:5px}
 body.home .jc-catalog-side-button{display:flex;align-items:center;gap:10px;width:100%;padding:12px 10px;border:0;border-radius:10px;background:transparent;color:#2c4262;text-align:left;font-size:13px;font-weight:700;cursor:pointer}
 body.home .jc-catalog-side-button svg{width:18px;height:18px;flex:none}
 body.home .jc-catalog-side-button span:nth-last-child(2){flex:1}
 body.home .jc-catalog-side-button.is-active,body.home .jc-catalog-side-button:hover{background:#eaf1ff;color:#2356d6}
 body.home .jc-catalog-side-all{display:block;border-top:1px solid #e7edf5;margin-top:10px;padding:15px 10px 3px;color:#2356d6;font-weight:750;font-size:13px}
 body.home .jc-catalog-main{min-width:0}
 body.home .jc-home-sidebar-group.jc-sidebar-category-active>summary .jc-category-heading>span{color:#2356d6!important}
 body.home .jc-vista-category-nav{scroll-margin-top:110px}
}
@media(max-width:780px){body.home .jc-catalog-desktop-side{display:none!important}body.home .jc-catalog-main{display:contents!important}}

/* v2.1.89 — remove duplicate desktop category panel and restore single content lane */
@media (min-width:781px){
 body.home section.jc-vista-catalog{padding:54px var(--jc-side-pad) 66px calc(var(--jc-side-pad) + var(--jc-side-width) + var(--jc-side-gap))!important;background:#fff!important}
 body.home section.jc-vista-catalog>.wrap{display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
 body.home .jc-catalog-desktop-side{display:none!important}
 body.home .jc-catalog-main{display:block!important;width:100%!important;min-width:0!important}
}

/* v2.1.93: separate SEO-friendly product links from direct WhatsApp ordering. */
body.home .jc-vista-product-detail-link{display:block;text-decoration:none;line-height:0}
body.home .jc-vista-product-title-link{text-decoration:none!important;color:#233652!important}
body.home .jc-vista-product-title-link:hover{text-decoration:underline!important}
body.home .jc-vista-product-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;width:100%;margin-top:auto;padding-top:9px}
body.home .jc-vista-product-detail-action,body.home .jc-vista-product-order-action{font-size:13px;font-weight:750;line-height:1.4;text-decoration:none!important}
body.home .jc-vista-product-detail-action{color:#2563db!important}
body.home .jc-vista-product-order-action{color:#087e65!important}
body.home .jc-vista-product-detail-action:hover,body.home .jc-vista-product-order-action:hover{text-decoration:underline!important}
@media(max-width:420px){body.home .jc-vista-product-detail-action,body.home .jc-vista-product-order-action{font-size:12px}}

/* v2.1.94: unified Vista-inspired, square-photo product tiles. */
body.home .jc-vista-links .jc-vista-product-card{
 display:flex!important;flex-direction:column!important;gap:0!important;
 padding:0!important;margin:0!important;min-width:0!important;
 border:0!important;border-radius:0!important;box-shadow:none!important;
 background:transparent!important;overflow:visible!important;transform:none!important;
}
body.home .jc-vista-product-detail-link{display:block!important;width:100%!important;line-height:0!important;text-decoration:none!important}
body.home .jc-vista-product-image{
 aspect-ratio:1/1!important;height:auto!important;min-height:0!important;width:100%!important;
 padding:0!important;margin:0!important;border:1px solid #d9dee5!important;
 border-radius:17px!important;background:#f3efec!important;overflow:hidden!important;
}
body.home .jc-vista-product-image img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important}
body.home .jc-vista-product-info{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;padding:12px 0 0!important;min-height:0!important;background:transparent!important;border:0!important}
body.home .jc-vista-product-title-link{text-decoration:none!important;display:block!important}
body.home .jc-vista-product-info strong{display:block!important;font-size:clamp(14px,1.45vw,17px)!important;line-height:1.35!important;font-weight:700!important;color:#25344b!important;min-height:2.7em!important}
body.home .jc-vista-product-actions{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;justify-content:space-between!important;align-items:center!important;gap:7px!important;width:100%!important;padding:10px 0 0!important;margin-top:auto!important}
body.home .jc-vista-product-detail-action,body.home .jc-vista-product-order-action{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:0!important;width:auto!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;font-size:clamp(11px,1.2vw,13px)!important;line-height:1.45!important;font-weight:650!important;white-space:nowrap!important;text-decoration:none!important}
body.home .jc-vista-product-detail-action{color:#2563db!important}
body.home .jc-vista-product-order-action{color:#087e65!important}
body.home .jc-vista-product-unavailable{opacity:.75}
@media(max-width:420px){body.home .jc-vista-links{gap:13px!important}body.home .jc-vista-product-image{border-radius:13px!important}body.home .jc-vista-product-info{padding-top:10px!important}body.home .jc-vista-product-actions{gap:4px!important}body.home .jc-vista-product-detail-action,body.home .jc-vista-product-order-action{font-size:11px!important}}

/* v2.1.95 — Mobile: one continuous light canvas and one shared content gutter.
   Keep the dark hero, desktop sidebar, swipeable tabs and product links intact. */
@media (max-width:780px){
 body.home{--jc-mobile-gutter:18px;background:#f5f7fb!important}
 body.home main#main{background:#f5f7fb!important}
 body.home main#main > .hero-v15-benefits,
 body.home main#main > section.section,
 body.home main#main > section.jc-vista-catalog{
   background:#f5f7fb!important;
   background-image:none!important;
   box-sizing:border-box!important;
   padding-left:var(--jc-mobile-gutter)!important;
   padding-right:var(--jc-mobile-gutter)!important;
 }
 body.home main#main > .hero-v15-benefits > .wrap,
 body.home main#main > section.section > .wrap,
 body.home main#main > section.section > .container,
 body.home main#main > section.jc-vista-catalog > .wrap{
   box-sizing:border-box!important;
   width:100%!important;max-width:100%!important;
   margin-left:0!important;margin-right:0!important;
   padding-left:0!important;padding-right:0!important;
 }
 body.home .jc-vista-catalog .jc-vista-category-nav{margin-left:0!important;margin-right:0!important}
}

/* v2.1.96 — DESKTOP ONLY: unified full-width colors and a single content
   left edge matching the hero text, with no cumulative wrap offsets. */
@media (min-width:781px){
 body.home{--jc-desktop-canvas:#f5f7fb}
 body.home main#main{background:var(--jc-desktop-canvas)!important}
 /* Eliminate the different-color inset panel behind the hero. */
 body.home .jc-home-top-layout,
 body.home .jc-home-top-content,
 body.home .jc-home-top-content .hero-v15,
 body.home .jc-home-top-content .hero-v15-inner{
   background-color:#122f50!important;
   background-image:none!important;
 }
 /* The lower sections are a continuous full-width light canvas. */
 body.home main#main > .hero-v15-benefits,
 body.home main#main > section.section,
 body.home main#main > section.jc-vista-catalog{
   background:var(--jc-desktop-canvas)!important;
   background-image:none!important;
 }
 /* One lane: the hero copy begins at side-pad + sidebar + gap.
    Offset the SECTION once; never offset its inner wrap again. */
 body.home main#main > .hero-v15-benefits,
 body.home main#main > section.section,
 body.home main#main > section.jc-vista-catalog{
   box-sizing:border-box!important;
   padding-left:calc(var(--jc-side-pad) + var(--jc-side-width) + var(--jc-side-gap))!important;
   padding-right:var(--jc-side-pad)!important;
 }
 body.home main#main > .hero-v15-benefits > .wrap,
 body.home main#main > section.section > .wrap,
 body.home main#main > section.section > .container,
 body.home main#main > section.jc-vista-catalog > .wrap{
   box-sizing:border-box!important;
   width:100%!important;
   max-width:none!important;
   margin-left:0!important;
   margin-right:0!important;
   padding-left:0!important;
   padding-right:0!important;
 }
}


/* v2.1.97 — Final Vista-style homepage, shared desktop/mobile components. */
:root{--jc-unified-canvas:#f5f7fb;--jc-unified-navy:#122f50}
body.home main#main{background:var(--jc-unified-canvas)!important}
/* The hero and its outer gutters are the SAME navy, with no inset color block. */
body.home main#main>.jc-home-top-layout,
body.home .jc-home-top-content,
body.home .jc-home-top-content .hero-v15,
body.home .jc-home-top-content .hero-v15-inner{background:var(--jc-unified-navy)!important;background-image:none!important}
body.home .jc-home-top-content .hero-copy p,body.home .jc-home-top-content .hero-copy .hero-lead{color:#e2eaf6!important;opacity:1!important}
/* All sections below hero share one continuous light gray canvas. */
body.home main#main>.hero-v15-benefits,
body.home main#main>section.section,
body.home main#main>section.jc-vista-catalog,
body.home main#main>.jc-category-showcase{background:var(--jc-unified-canvas)!important;background-image:none!important}
/* Selected category has white icon AND white label/count on every screen. */
body.home .jc-vista-category-nav>a[aria-current="true"],
body.home .jc-vista-category-nav>a[aria-selected="true"]{background:#2458dd!important;border-color:#2458dd!important;color:#fff!important}
body.home .jc-vista-category-nav>a[aria-current="true"] svg,
body.home .jc-vista-category-nav>a[aria-current="true"] svg *,
body.home .jc-vista-category-nav>a[aria-current="true"] .jc-category-label,
body.home .jc-vista-category-nav>a[aria-selected="true"] svg,
body.home .jc-vista-category-nav>a[aria-selected="true"] svg *,
body.home .jc-vista-category-nav>a[aria-selected="true"] .jc-category-label{color:#fff!important;stroke:currentColor!important}
body.home .jc-vista-category-nav>a[aria-current="true"] .jc-category-count,
body.home .jc-vista-category-nav>a[aria-selected="true"] .jc-category-count{background:rgba(255,255,255,.2)!important;color:#fff!important}
/* A single white card: 1:1 hero image, plain name, two small unboxed actions. */
body.home .jc-vista-links .jc-vista-product-card{
 display:flex!important;flex-direction:column!important;min-width:0!important;
 gap:0!important;margin:0!important;padding:0!important;overflow:hidden!important;
 background:#fff!important;border:1px solid #e2e7f0!important;border-radius:16px!important;
 box-shadow:0 2px 6px rgba(16,35,65,.025)!important;transform:none!important;
}
body.home .jc-vista-links .jc-vista-product-detail-link{
 display:block!important;flex:none!important;width:100%!important;min-width:0!important;
 margin:0!important;padding:0!important;height:auto!important;min-height:0!important;
 background:transparent!important;border:0!important;border-radius:0!important;line-height:0!important;
}
body.home .jc-vista-links .jc-vista-product-image{
 display:flex!important;align-items:center!important;justify-content:center!important;
 width:100%!important;aspect-ratio:1/1!important;height:auto!important;min-height:0!important;
 padding:0!important;margin:0!important;border:0!important;border-radius:0!important;
 background:#f3efec!important;overflow:hidden!important;color:#aeb6be!important;
}
body.home .jc-vista-links .jc-vista-product-image img{width:100%!important;height:100%!important;aspect-ratio:1/1!important;object-fit:cover!important}
body.home .jc-vista-links .jc-vista-product-image svg{width:38px!important;height:38px!important;flex:none!important}
body.home .jc-vista-links .jc-vista-product-info{
 display:flex!important;flex:1!important;flex-direction:column!important;align-items:stretch!important;
 min-height:104px!important;gap:0!important;margin:0!important;padding:12px 13px 13px!important;
 background:#fff!important;border:0!important;border-radius:0!important;
}
body.home .jc-vista-links .jc-vista-product-title-link{
 display:block!important;min-width:0!important;width:100%!important;height:auto!important;min-height:0!important;
 margin:0!important;padding:0!important;background:transparent!important;border:0!important;
 border-radius:0!important;text-decoration:none!important;line-height:1.35!important;
}
body.home .jc-vista-links .jc-vista-product-info strong{
 display:block!important;margin:0!important;padding:0!important;min-height:0!important;
 color:#172c4d!important;font-size:clamp(13px,1.05vw,16px)!important;
 line-height:1.4!important;font-weight:700!important;overflow-wrap:anywhere!important;
}
body.home .jc-vista-links .jc-vista-product-actions{
 display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;
 justify-content:space-between!important;gap:8px!important;margin:auto 0 0!important;padding:13px 0 0!important;
 width:100%!important;height:auto!important;min-height:0!important;border:0!important;background:transparent!important;
}
body.home .jc-vista-links .jc-vista-product-actions>a{
 display:inline!important;flex:0 1 auto!important;width:auto!important;min-width:0!important;
 height:auto!important;min-height:0!important;margin:0!important;padding:0!important;
 background:transparent!important;border:0!important;border-radius:0!important;
 box-shadow:none!important;outline-offset:3px!important;font-size:clamp(11px,.95vw,13px)!important;
 font-weight:700!important;line-height:1.4!important;text-decoration:none!important;white-space:nowrap!important;
}
body.home .jc-vista-links .jc-vista-product-detail-action{color:#1c5de6!important}
body.home .jc-vista-links .jc-vista-product-order-action{color:#00826d!important}
body.home .jc-vista-links .jc-vista-product-actions>a:hover{text-decoration:underline!important}
@media(max-width:780px){
 body.home .jc-vista-links{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
 body.home .jc-vista-links .jc-vista-product-info{min-height:99px!important;padding:10px 10px 12px!important}
 body.home .jc-vista-links .jc-vista-product-actions{gap:5px!important}
 body.home .jc-vista-links .jc-vista-product-actions>a{font-size:11px!important}
 body.home .jc-vista-links .jc-vista-product-info strong{font-size:13px!important}
}
@media(min-width:781px){
 body.home main#main>.hero-v15-benefits,
 body.home main#main>section.section,
 body.home main#main>section.jc-vista-catalog{
  padding-left:calc(var(--jc-side-pad) + var(--jc-side-width) + var(--jc-side-gap))!important;
  padding-right:var(--jc-side-pad)!important;
 }
 body.home .jc-vista-links{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}
}
@media(min-width:781px) and (max-width:1180px){body.home .jc-vista-links{grid-template-columns:repeat(3,minmax(0,1fr))!important}}


/* v2.1.98: remove every inherited inset hero overlay / gradient on all viewports. */
body.home{--jc-unified-navy:#122f50}
body.home main#main > .jc-home-top-layout,
body.home main#main > .jc-home-top-layout > .jc-home-top-content,
body.home main#main > .jc-home-top-layout .hero.hero-v15,
body.home main#main > .jc-home-top-layout .hero-v15-inner,
body.home main#main > .jc-home-top-layout .hero-v15 > .wrap{
 background:#122f50!important;background-color:#122f50!important;
 background-image:none!important;box-shadow:none!important;
}
body.home main#main > .jc-home-top-layout::before,
body.home main#main > .jc-home-top-layout::after,
body.home main#main > .jc-home-top-layout .hero.hero-v15::before,
body.home main#main > .jc-home-top-layout .hero.hero-v15::after{
 content:none!important;display:none!important;background:none!important;
}

/* v2.1.99 — Brand colors and CTA consistency. */
:root{--jc-unified-navy:#092d5f;--jc-brand-teal:#098b8b}
body.home{--jc-unified-navy:#092d5f}
body.home main#main > .jc-home-top-layout,
body.home main#main > .jc-home-top-layout > .jc-home-top-content,
body.home main#main > .jc-home-top-layout .hero.hero-v15,
body.home main#main > .jc-home-top-layout .hero-v15-inner,
body.home main#main > .jc-home-top-layout .hero-v15 > .wrap{
 background:#092d5f!important;background-color:#092d5f!important;background-image:none!important;
}
body.home .hero-v15 h1,body.home .hero-v15 h1 span{color:#fff!important;-webkit-text-fill-color:#fff!important}
body.home .hero-v15 .hero-v15-actions a,
body.home .hero-v15 .hero-v15-primary{
 background:#098b8b!important;background-image:none!important;border-color:#098b8b!important;
 color:#fff!important;-webkit-text-fill-color:#fff!important;
}
body.home .hero-v15 .hero-v15-actions a svg{color:#fff!important;stroke:#fff!important}
/* Yellow shipping strip, with legible black label and truck icon. */
.jc-shipping-bar{background:#fad38e!important;color:#000!important}
.jc-shipping-bar .jc-shipping-trigger,.jc-shipping-bar .jc-shipping-trigger *,
.jc-shipping-bar .jc-shipping-truck,.jc-shipping-bar .jc-shipping-next{color:#000!important}
.jc-shipping-bar svg{stroke:currentColor!important}
/* Product order CTA: WhatsApp green circular glyph, white simplified handset. */
body.home .jc-vista-product-order-action{display:inline-flex!important;align-items:center!important;gap:5px!important;color:#087d4b!important}
body.home .jc-vista-product-order-action .jc-wa-glyph{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:19px!important;height:19px!important;flex:none!important;border-radius:50%!important;background:#25d366!important;color:#fff!important}
body.home .jc-vista-product-order-action .jc-wa-glyph svg{width:12px!important;height:12px!important;fill:none!important;stroke:#fff!important;stroke-width:2.3!important;stroke-linecap:round!important;stroke-linejoin:round!important}
@media(max-width:780px){body.home .jc-vista-product-order-action .jc-wa-glyph{width:17px!important;height:17px!important}body.home .jc-vista-product-order-action .jc-wa-glyph svg{width:11px!important;height:11px!important}}


/* v2.2.00 — Product order icon: rounded blue message tile. */
body.home .jc-vista-links .jc-vista-product-actions>a.jc-vista-product-order-action,
body.home .jc-vista-product-order-action{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;padding:0!important;margin:0!important;border:0!important;border-radius:11px!important;background:#3a52ee!important;color:#fff!important;text-decoration:none!important;box-shadow:none!important;line-height:1!important}
body.home .jc-vista-product-order-action .jc-message-icon{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;color:#fff!important}
body.home .jc-vista-product-order-action .jc-message-icon svg{width:25px!important;height:25px!important;fill:none!important;stroke:#fff!important;stroke-width:1.6!important;stroke-linecap:round!important;stroke-linejoin:round!important}
body.home .jc-vista-product-order-action:hover{background:#283ed0!important;text-decoration:none!important}
@media(max-width:780px){body.home .jc-vista-links .jc-vista-product-actions>a.jc-vista-product-order-action{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important}}

/* v2.2.01 — unified teal product chat buttons and pale-gold promo strip. */
html body .jc-sticky-stack .jc-shipping-bar,
html body.home .jc-sticky-stack .jc-shipping-bar,
html body .jc-shipping-bar {background:#f9d28d!important;background-color:#f9d28d!important;background-image:none!important;border-color:transparent!important;color:#000!important;}
html body .jc-shipping-bar .jc-shipping-trigger,
html body .jc-shipping-bar .jc-shipping-trigger *,
html body .jc-shipping-bar .jc-shipping-trigger strong,
html body .jc-shipping-bar .jc-shipping-trigger u {color:#000!important;-webkit-text-fill-color:#000!important;}
html body .jc-shipping-bar svg {color:#000!important;stroke:#000!important;}
html body.home .jc-vista-links .jc-vista-product-actions>a.jc-vista-product-order-action,
html body.home .jc-vista-product-order-action {background:#098b8b!important;background-color:#098b8b!important;background-image:none!important;color:#fff!important;}
html body.home .jc-vista-product-order-action:hover,
html body.home .jc-vista-product-order-action:focus-visible {background:#077777!important;}
html body.home .jc-vista-product-order-action .jc-message-icon,
html body.home .jc-vista-product-order-action .jc-message-icon svg {color:#fff!important;stroke:#fff!important;}

/* v2.2.02 — compact promo strip and fully white hero typography. */
html body .jc-shipping-bar{background:#f9d28d!important;color:#000!important;min-height:38px!important;height:auto!important;border-radius:0!important}
html body .jc-shipping-bar .jc-shipping-trigger{min-height:38px!important;height:auto!important;padding:7px 14px!important;color:#000!important}
@media(min-width:851px){html body .jc-shipping-bar{max-width:600px!important;margin-inline:auto!important;border-radius:10px!important;overflow:hidden!important}}
@media(max-width:850px){html body .jc-shipping-bar{min-height:34px!important}html body .jc-shipping-bar .jc-shipping-trigger{min-height:34px!important;padding:5px 12px!important}}
html body.home .hero-v15 .hero-copy,html body.home .hero-v15 .hero-copy h1,html body.home .hero-v15 .hero-copy h1 *,html body.home .hero-v15 .hero-copy p,html body.home .hero-v15 .hero-copy .hero-lead,html body.home .hero-v15 .hero-copy .hero-eyebrow,html body.home .hero-v15 .hero-copy .eyebrow,html body.home .hero-v15 .hero-copy .hero-foot,html body.home .hero-v15 .hero-copy .hero-foot *{color:#fff!important;-webkit-text-fill-color:#fff!important}
html body.home .hero-v15 .jc-hero-catalog-cta,html body.home .hero-v15 .jc-hero-catalog-cta *{color:#fff!important;-webkit-text-fill-color:#fff!important}

/* v2.2.03 — Full-bleed compact promo bar; desktop sidebar lowered to hero media. */
html body .jc-sticky-stack .jc-shipping-bar,
html body .jc-shipping-bar{
  width:100%!important;max-width:none!important;margin:0!important;
  border-radius:0!important;box-sizing:border-box!important;
  height:30px!important;min-height:30px!important;max-height:30px!important;
  padding:0!important;overflow:hidden!important;background:#f9d28d!important;
}
html body .jc-shipping-bar .jc-shipping-trigger{
  height:30px!important;min-height:30px!important;max-height:30px!important;
  padding:0 12px!important;margin:0 auto!important;line-height:1.15!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  color:#000!important;
}
@media(min-width:781px){
  html body.home .jc-home-top-layout>.jc-home-sidebar{
    top:44px!important;
  }
}
@media(max-width:780px){
  html body .jc-sticky-stack .jc-shipping-bar,html body .jc-shipping-bar{
    height:30px!important;min-height:30px!important;max-height:30px!important;
  }
  html body .jc-shipping-bar .jc-shipping-trigger{
    height:30px!important;min-height:30px!important;max-height:30px!important;
    font-size:11px!important;white-space:nowrap!important;
  }
}

/* v2.2.05 — Mobile hero H1 exactly two lines, preserving desktop typography. */
@media (max-width:700px){
  html body.home .hero.hero-v15 .hero-copy h1{
    font-size:clamp(20px,5.9vw,29px)!important;
    line-height:1.2!important;letter-spacing:-.045em!important;
    max-width:100%!important;width:100%!important;
    text-wrap:nowrap!important;overflow-wrap:normal!important;word-break:normal!important;
  }
  html body.home .hero.hero-v15 .hero-copy h1>span{
    display:block!important;white-space:nowrap!important;
    font-size:inherit!important;line-height:inherit!important;letter-spacing:inherit!important;
  }
}

/* v2.2.06 — Mobile hero: align copy, CTA and mosaic with header gutters. */
@media (max-width:780px){
  html body.home .jc-home-top-layout{
    padding:0!important;margin:0!important;gap:0!important;
    width:100%!important;max-width:none!important;
  }
  html body.home .jc-home-top-content,
  html body.home .jc-home-top-content .hero.hero-v15{
    width:100%!important;max-width:none!important;margin:0!important;
  }
  html body.home .jc-home-top-content .hero-v15-inner,
  html body.home .jc-home-top-content .hero-v15 > .wrap{
    width:calc(100% - 28px)!important;max-width:none!important;
    margin:0 14px!important;padding:16px 0 22px!important;
    display:flex!important;flex-direction:column!important;gap:18px!important;
  }
  html body.home .jc-home-top-content .hero-copy{
    width:100%!important;max-width:none!important;margin:0!important;padding:0!important;
  }
  html body.home .jc-home-top-content .hero-copy h1{
    margin:11px 0 12px!important;font-size:clamp(22px,6.25vw,31px)!important;
    line-height:1.17!important;letter-spacing:-.05em!important;
  }
  html body.home .jc-home-top-content .hero-copy h1 > span{
    white-space:normal!important;display:block!important;
  }
  html body.home .jc-home-top-content .hero-copy p,
  html body.home .jc-home-top-content .hero-copy .hero-lead{
    width:100%!important;max-width:none!important;margin:0!important;
    font-size:13px!important;line-height:1.55!important;
  }
  html body.home .jc-home-top-content .hero-v15-actions{
    margin:17px 0 0!important;width:100%!important;
  }
  html body.home .jc-home-top-content .hero-v15-actions .jc-hero-catalog-cta{
    width:100%!important;max-width:none!important;min-height:42px!important;
    padding:11px 12px!important;box-sizing:border-box!important;
  }
  html body.home .jc-home-top-content .hero-v15-visual,
  html body.home .jc-home-top-content .hero-v15-mosaic{
    width:100%!important;max-width:none!important;margin:0!important;padding:0!important;
  }
  html body.home .jc-home-top-content .hero-v15-mosaic{gap:6px!important}
  html body.home .jc-home-top-content .hero-v15-tile{border-radius:9px!important}
}

/* v2.2.07 — Mobile: larger three-line hero H1, airier copy/CTA/media rhythm. */
@media (min-width:781px){
  html body.home .jc-hero-mobile-break{display:none!important}
}
@media (max-width:780px){
  html body.home .hero.hero-v15 .hero-copy h1,
  html body.home .jc-home-top-content .hero-copy h1{
    font-size:clamp(30px,7.5vw,39px)!important;
    line-height:1.14!important;letter-spacing:-.045em!important;
    margin:15px 0 19px!important;white-space:normal!important;
  }
  html body.home .hero.hero-v15 .hero-copy h1 > span{
    white-space:normal!important;display:block!important;
  }
  html body.home .hero.hero-v15 .hero-copy h1 .jc-hero-mobile-break{display:inline!important}
  html body.home .hero.hero-v15 .hero-copy h1 .jc-hero-last-words{
    display:inline!important;white-space:nowrap!important;
  }
  html body.home .jc-home-top-content .hero-copy p,
  html body.home .jc-home-top-content .hero-copy .hero-lead{
    font-size:14px!important;line-height:1.6!important;
  }
  html body.home .jc-home-top-content .hero-v15-actions{margin-top:23px!important}
  html body.home .jc-home-top-content .hero-v15-inner,
  html body.home .jc-home-top-content .hero-v15 > .wrap{gap:24px!important}
}

/* v2.2.08: explicit 3-line mobile H1; override legacy nowrap rule at <=700px. */
@media (max-width:780px){
 html body.home .hero.hero-v15 .hero-copy h1,
 html body.home .jc-home-top-content .hero-copy h1{
   font-size:clamp(31px,7.7vw,40px)!important;line-height:1.13!important;
   white-space:normal!important;text-wrap:wrap!important;
   overflow-wrap:normal!important;word-break:normal!important;
 }
 html body.home .hero.hero-v15 .hero-copy h1>.jc-h1-line{
   display:block!important;white-space:nowrap!important;
   font-size:inherit!important;line-height:inherit!important;letter-spacing:inherit!important;
 }
}
@media (max-width:360px){
 html body.home .hero.hero-v15 .hero-copy h1{font-size:clamp(27px,8vw,31px)!important}
}
@media (min-width:781px){
 html body.home .hero.hero-v15 .hero-copy h1>.jc-h1-line{display:inline!important}
 html body.home .hero.hero-v15 .hero-copy h1>.jc-h1-line:not(:last-child)::after{content:' '!important}
}

/* v2.2.09 — mobile hero layout locked to approved screenshot. Desktop untouched. */
@media (max-width:780px){
  html body.home .jc-home-top-content .hero-v15 .hero-v15-inner,
  html body.home .jc-home-top-content .hero-v15-inner{padding-top:29px!important;padding-bottom:32px!important;gap:27px!important;}
  html body.home .jc-home-top-content .hero-v15 .hero-copy h1{font-size:clamp(34px,8.2vw,42px)!important;line-height:1.16!important;letter-spacing:-.045em!important;margin:20px 0 13px!important;}
  html body.home .jc-home-top-content .hero-v15 .hero-copy h1>.jc-h1-line{display:block!important;white-space:nowrap!important;}
  html body.home .jc-home-top-content .hero-v15 .hero-lead{font-size:14px!important;line-height:1.62!important;margin:0!important;}
  html body.home .jc-home-top-content .hero-v15 .hero-v15-actions{margin-top:24px!important;}
  html body.home .jc-home-top-content .hero-v15 .hero-v15-actions .btn{min-height:54px!important;}
  html body.home .jc-home-top-content .hero-v15 .hero-v15-visual{margin-top:14px!important;}
}
@media (max-width:380px){html body.home .jc-home-top-content .hero-v15 .hero-copy h1{font-size:clamp(30px,8vw,34px)!important;}}