/* Jakarta Cetak — Editorial Design System v3.0.0.
 * Inspired by the editorial discipline of modern print shops; original system,
 * no proprietary MOO assets. Loaded after the optional JC SEO Safe Patch.
 * Intentional override layer for legacy theme CSS; virtual SEO routes preserved.
 */
html body.jc-design-v3 {
  --blue:#245346;--blue-dark:#173f34;--ink:#23332d;--muted:#65736a;
  --line:#e4e8e1;--soft:#f7f8f5;--max:1212px;--radius:5px;
  --jc-v3-green:#234e43;--jc-v3-forest:#183d33;--jc-v3-text:#24342d;
  --jc-v3-muted:#66736c;--jc-v3-rule:#dce4dc;--jc-v3-offwhite:#faf9f6;
  --jc-v3-cream:#f6f3ed;--jc-v3-sage:#e5f0e8;--jc-v3-lilac:#f1edf6;
  --jc-v3-rose:#f3e8e3;--jc-v3-max:1212px;--jc-v3-radius:5px;
  --jc-ui-ink:#24342d;--jc-ui-muted:#66736c;--jc-ui-bg:#fff;
  --jc-ui-cream:#f6f3ed;--jc-ui-lilac:#f1edf6;--jc-ui-sage:#e5f0e8;
  --jc-ui-border:#dce4dc;--jc-ui-green:#245d4c;--jc-ui-green-hover:#173d34;
  --jc-ui-radius:5px;--jc-ui-max:1212px;
  margin:0!important;color:var(--jc-v3-text)!important;background:#fff!important;
  font:400 15px/1.65 Inter,'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif!important;
  letter-spacing:-.006em;-webkit-font-smoothing:antialiased;
}
html body.jc-design-v3,html body.jc-design-v3 *,html body.jc-design-v3 *::before,html body.jc-design-v3 *::after{box-sizing:border-box}
html body.jc-design-v3 a{color:inherit;text-underline-offset:3px}
html body.jc-design-v3 img{max-width:100%;height:auto}
html body.jc-design-v3 :is(h1,h2,h3,h4,h5,h6){font-family:Inter,'Plus Jakarta Sans',-apple-system,'Segoe UI',Arial,sans-serif!important;color:var(--jc-v3-text);text-wrap:balance;letter-spacing:-.035em;font-weight:640}
html body.jc-design-v3 :is(p,li){line-height:1.66}
html body.jc-design-v3 :where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #368a6b!important;outline-offset:3px!important}
html body.jc-design-v3 .wrap{width:min(calc(100% - 64px),var(--jc-v3-max))!important;max-width:var(--jc-v3-max)!important;margin-inline:auto!important}
html body.jc-design-v3 .section{padding:75px 0!important}
html body.jc-design-v3 .section-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,340px);gap:clamp(28px,5vw,70px);align-items:end;margin:0 0 30px!important;max-width:none!important}
html body.jc-design-v3 .section-heading h2{font-size:clamp(28px,2.75vw,39px)!important;line-height:1.18!important;letter-spacing:-.038em!important;font-weight:630!important;margin:8px 0 0!important;max-width:680px!important}
html body.jc-design-v3 .section-heading>p{font-size:13.5px!important;line-height:1.7!important;color:var(--jc-v3-muted)!important;margin:0!important;max-width:340px!important}
html body.jc-design-v3 :is(.eyebrow,.jcseo-q-kicker,.jc-v3-workshop-label){font-size:10.5px!important;line-height:1.55!important;letter-spacing:.095em!important;text-transform:uppercase!important;font-weight:700!important;color:#2b7058!important}
html body.jc-design-v3 .eyebrow::before{display:none!important}
/* Header: flat and easy to scan, with balanced search and generous tap targets. */
html body.jc-design-v3 .jc-sticky-stack{background:#fff!important;box-shadow:none!important;border-bottom:1px solid var(--jc-v3-rule)!important;z-index:90}
html body.jc-design-v3 .site-header{background:#fff!important;border:0!important;box-shadow:none!important}
html body.jc-design-v3 .header-inner{height:73px!important;min-height:73px!important;gap:clamp(15px,2.2vw,34px)!important;justify-content:space-between!important}
html body.jc-design-v3 .site-header .brand{flex-shrink:0!important}
html body.jc-design-v3 .site-header .brand img{width:146px!important;height:51px!important;max-height:51px!important;object-fit:contain!important}
html body.jc-design-v3 .site-header .site-nav{gap:clamp(13px,1.5vw,22px)!important;align-items:center}
html body.jc-design-v3 .site-header .site-nav>a:not(.btn){font-size:12.4px!important;font-weight:610!important;color:#334b40!important;white-space:nowrap!important}
html body.jc-design-v3 .site-header .site-nav>a:not(.btn):hover{color:#1d775b!important}
html body.jc-design-v3 .jc-header-search{border:1px solid #dce5df!important;background:#f8faf8!important;border-radius:3px!important;box-shadow:none!important;max-width:300px}
html body.jc-design-v3 .jc-header-search input{background:transparent!important;color:var(--jc-v3-text)!important;font-size:12.4px!important;min-height:43px!important}
html body.jc-design-v3 .jc-header-search-submit{color:var(--jc-v3-green)!important}
html body.jc-design-v3 :is(.btn,.btn-small,.header-wa,.footer-contact){border-radius:3px!important;box-shadow:none!important;transform:none!important;font-weight:630!important}
html body.jc-design-v3 :is(.btn,.btn-small){min-height:43px!important;background:var(--jc-v3-green)!important;color:#fff!important;border-color:var(--jc-v3-green)!important;font-size:12px!important;padding:11px 17px!important;gap:7px!important}
html body.jc-design-v3 :is(.btn,.btn-small):hover{background:var(--jc-v3-forest)!important;border-color:var(--jc-v3-forest)!important}
html body.jc-design-v3 .jc-shipping-bar{background:#e8f2ea!important;color:#294e40!important;border:0!important;min-height:30px!important}
html body.jc-design-v3 .jc-shipping-trigger{min-height:30px!important;padding:5px 16px!important;gap:8px!important;font-size:10.5px!important;font-weight:500!important;color:#345a4b!important;line-height:1.45!important;background:transparent!important}
html body.jc-design-v3 .jc-shipping-trigger :is(strong,u){color:#204b3c!important}
html body.jc-design-v3 .jc-shipping-dialog{border-radius:5px!important;box-shadow:0 24px 80px rgba(21,40,32,.15)!important}
/* Homepage: comfortable left category rail + editorial sage hero. */
html body.jc-design-v3.home main#main>.jc-home-top-layout{
  display:grid!important;grid-template-columns:242px minmax(0,1fr)!important;
  width:min(100%,1490px)!important;max-width:1490px!important;
  margin:0 auto!important;padding:0!important;gap:0!important;
  position:relative!important;isolation:isolate!important;overflow:visible!important;
  background:var(--jc-v3-sage)!important;
}
html body.jc-design-v3.home main#main>.jc-home-top-layout>.jc-home-sidebar{
  display:block!important;position:relative!important;inset:auto!important;
  width:242px!important;max-width:242px!important;height:auto!important;max-height:none!important;
  margin:0!important;padding:20px 14px 22px!important;overflow:visible!important;
  border:0!important;border-right:1px solid #dde7df!important;
  background:#fff!important;box-shadow:none!important;z-index:2!important;
}
html body.jc-design-v3.home .jc-home-sidebar-title{font-size:10.4px!important;letter-spacing:.085em!important;color:#567467!important;font-weight:710!important;margin:7px 6px 16px!important}
html body.jc-design-v3.home .jc-home-sidebar details.jc-home-sidebar-group{background:#fff!important;border:0!important;border-bottom:1px solid #edf0ec!important;border-radius:0!important;margin:0!important;box-shadow:none!important}
html body.jc-design-v3.home .jc-home-sidebar-group>summary{min-height:44px!important;padding:9px 6px!important;gap:8px!important;color:#30463b!important;font-size:12.3px!important;font-weight:615!important;border:0!important;line-height:1.45!important}
html body.jc-design-v3.home .jc-home-sidebar-group[open]>summary{color:#1c6f54!important}
html body.jc-design-v3.home .jc-home-sidebar-group :is(.jc-category-heading,.jc-category-heading svg){color:inherit!important}
html body.jc-design-v3.home .jc-home-sidebar-group ul{padding:0 0 9px 31px!important;margin:0!important;list-style:none!important}
html body.jc-design-v3.home .jc-home-sidebar-group li{font-size:11px!important;line-height:1.45!important;margin:0!important}
html body.jc-design-v3.home .jc-home-sidebar-group li :is(a,span){display:block;padding:6px 0!important;text-decoration:none!important}
html body.jc-design-v3.home .jc-home-sidebar :is(.jc-home-sidebar-all,.jc-home-sidebar-guide){font-size:11.7px!important;color:#296954!important;font-weight:620!important;text-decoration:none!important}
html body.jc-design-v3.home .jc-home-top-content{min-width:0!important;position:relative!important;width:100%!important;background:var(--jc-v3-sage)!important}
html body.jc-design-v3.home .jc-home-top-content :is(.hero.hero-v15,.hero-v15-inner){
  background:var(--jc-v3-sage)!important;background-image:none!important;
  border:0!important;box-shadow:none!important;max-width:none!important;position:relative!important;
}
html body.jc-design-v3.home .jc-home-top-content .hero-v15::before,
html body.jc-design-v3.home .jc-home-top-content .hero-v15::after,
html body.jc-design-v3.home .jc-home-top-layout::before,
html body.jc-design-v3.home .jc-home-top-layout::after{display:none!important}
html body.jc-design-v3.home .jc-home-top-content .hero-v15-inner,
html body.jc-design-v3.home .jc-home-top-content .hero-v15>.wrap{
  width:100%!important;max-width:none!important;margin:0!important;padding:53px clamp(27px,3.5vw,58px) 54px!important;
  display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,.94fr)!important;
  gap:clamp(22px,3vw,44px)!important;align-items:center!important;
}
html body.jc-design-v3.home .jc-home-top-content .hero-copy{width:100%!important;max-width:570px!important;min-width:0!important;align-self:center!important;margin:0!important;padding:0!important}
html body.jc-design-v3.home .hero-v15 .hero-copy .eyebrow{color:#275e4d!important;-webkit-text-fill-color:#275e4d!important}
html body.jc-design-v3.home .jc-home-top-content .hero-copy h1,
html body.jc-design-v3.home .jc-home-top-content .hero-copy h1 *{
  font-size:clamp(36px,3.4vw,53px)!important;line-height:1.115!important;letter-spacing:-.046em!important;
  font-weight:670!important;color:#1d3f34!important;-webkit-text-fill-color:#1d3f34!important;
  max-width:640px!important;white-space:normal!important;
}
html body.jc-design-v3.home .jc-home-top-content .hero-copy h1{margin:15px 0 17px!important;display:block!important}
html body.jc-design-v3.home .jc-home-top-content .hero-copy h1>.jc-h1-line{display:block!important;white-space:normal!important}
html body.jc-design-v3.home .jc-home-top-content .hero-copy h1>.jc-h1-line::after{display:none!important;content:none!important}
html body.jc-design-v3.home .jc-home-top-content .hero-copy :is(p,.hero-lead){color:#557568!important;-webkit-text-fill-color:#557568!important;max-width:490px!important;font-size:14px!important;line-height:1.72!important}
html body.jc-design-v3.home .jc-home-top-content .hero-v15-actions{margin:25px 0 0!important;display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important;max-width:500px!important}
html body.jc-design-v3.home .jc-home-top-content .hero-v15-actions :is(a,.jc-hero-catalog-cta){
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;
  width:auto!important;max-width:100%!important;min-height:47px!important;margin:0!important;
  padding:11px 18px!important;border:1px solid var(--jc-v3-green)!important;
  border-radius:3px!important;box-shadow:none!important;text-decoration:none!important;
  background:var(--jc-v3-green)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
  font-size:12px!important;line-height:1.4!important;font-weight:660!important;
}
html body.jc-design-v3.home .jc-home-top-content .hero-v15-actions .jc-hero-wa-cta{background:transparent!important;color:var(--jc-v3-green)!important;-webkit-text-fill-color:var(--jc-v3-green)!important}
html body.jc-design-v3.home .jc-home-top-content .hero-v15-actions a svg{stroke:currentColor!important;color:inherit!important}
html body.jc-design-v3.home .jc-home-top-content .jc-hero-microcopy{margin:12px 0 0!important;font-size:10.8px!important;line-height:1.5!important;color:#5d7769!important;-webkit-text-fill-color:#5d7769!important}
html body.jc-design-v3.home .hero-v15-visual{min-width:0!important;width:100%!important;max-width:none!important;margin:0!important;overflow:visible!important;align-self:center!important}
html body.jc-design-v3.home .hero-v15-mosaic{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
  grid-template-rows:repeat(2,minmax(0,1fr)) minmax(0,.66fr)!important;
  width:100%!important;max-width:none!important;height:clamp(310px,30vw,415px)!important;
  gap:8px!important;padding:0!important;margin:0!important;overflow:hidden!important;
  border:0!important;border-radius:4px!important;background:#dce7db!important;
}
html body.jc-design-v3.home .hero-v15-mosaic .hero-v15-tile{
  position:relative!important;width:100%!important;height:100%!important;min-height:0!important;
  border:0!important;border-radius:3px!important;overflow:hidden!important;
  box-shadow:none!important;transform:none!important;margin:0!important;padding:0!important;
  grid-column:auto!important;grid-row:auto!important;
}
html body.jc-design-v3.home .hero-v15-mosaic .hero-v15-tile:nth-child(1){grid-column:1/span 2!important;grid-row:1/span 2!important}
html body.jc-design-v3.home .hero-v15-mosaic .hero-v15-tile:nth-child(2){grid-column:3!important;grid-row:1!important}
html body.jc-design-v3.home .hero-v15-mosaic .hero-v15-tile:nth-child(3){grid-column:3!important;grid-row:2!important}
html body.jc-design-v3.home .hero-v15-mosaic .hero-v15-tile:nth-child(4){grid-column:1/span 2!important;grid-row:3!important}
html body.jc-design-v3.home .hero-v15-mosaic .hero-v15-tile:nth-child(5){grid-column:3!important;grid-row:3!important}
html body.jc-design-v3.home .hero-v15-mosaic .hero-v15-tile :is(img,picture){display:block!important;width:100%!important;height:100%!important;max-width:none!important;border:0!important;border-radius:0!important;object-fit:cover!important;object-position:center!important;transform:none!important}
html body.jc-design-v3.home .jc-hero-backword{display:none!important}
/* Trust strip only 3 facts, not another marketing wall. */
html body.jc-design-v3.home main#main>.hero-v15-benefits{
  display:block!important;width:100%!important;max-width:none!important;padding:0!important;margin:0!important;
  min-height:0!important;background:#fff!important;color:var(--jc-v3-text)!important;
  border-bottom:1px solid var(--jc-v3-rule)!important;box-shadow:none!important;
}
html body.jc-design-v3.home .hero-v15-benefits>.wrap,
html body.jc-design-v3.home .hero-v15-benefits-grid{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:16px!important;width:min(calc(100% - 64px),var(--jc-v3-max))!important;
  max-width:var(--jc-v3-max)!important;min-height:0!important;margin:0 auto!important;
  padding:21px 0!important;align-items:start!important;
}
html body.jc-design-v3.home .hero-v15-benefits-grid>div{display:flex!important;align-items:flex-start!important;gap:11px!important;border:0!important;padding:0!important;margin:0!important;box-shadow:none!important;background:transparent!important;min-width:0!important}
html body.jc-design-v3.home .hero-v15-benefit-icon{color:#2b745a!important;background:transparent!important;border:0!important;width:22px!important;height:22px!important;min-width:22px!important;flex:0 0 22px!important;padding:0!important;margin-top:1px!important}
html body.jc-design-v3.home .hero-v15-benefits strong{display:block!important;font-size:12.5px!important;color:#28483a!important;font-weight:650!important;line-height:1.45!important}
html body.jc-design-v3.home .hero-v15-benefits p{font-size:11.5px!important;line-height:1.55!important;color:#728077!important;margin:3px 0 0!important}
/* Catalog: horizontal category index and readable small product tiles. */
html body.jc-design-v3.home .jc-vista-catalog{background:#fff!important}
html body.jc-design-v3.home .jc-catalog-main{background:transparent!important;border:0!important;box-shadow:none!important}
html body.jc-design-v3.home .jc-vista-category-nav{display:flex!important;align-items:stretch!important;gap:7px!important;overflow-x:auto!important;overflow-y:hidden!important;padding:0 0 13px!important;margin:0 0 26px!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important;border:0!important;background:transparent!important;box-shadow:none!important;max-width:none!important}
html body.jc-design-v3.home .jc-vista-category-nav::-webkit-scrollbar{display:none!important}
html body.jc-design-v3.home .jc-vista-category-nav a{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;gap:8px!important;min-height:42px!important;padding:9px 13px!important;border:1px solid #dbe5de!important;border-radius:3px!important;background:#fff!important;color:#455d4e!important;font-size:11.6px!important;font-weight:560!important;white-space:nowrap!important;text-decoration:none!important;box-shadow:none!important}
html body.jc-design-v3.home .jc-vista-category-nav a:is(:hover,[aria-current="true"],[aria-selected="true"],.is-active){background:#e8f2e9!important;border-color:#9ec5ae!important;color:#204c3a!important}
html body.jc-design-v3.home .jc-vista-category-nav a :is(svg,.jc-category-count){flex:none!important}
html body.jc-design-v3.home .jc-vista-group-head{display:flex!important;justify-content:space-between!important;align-items:end!important;gap:12px!important;margin:0 0 20px!important;border-bottom:1px solid var(--jc-v3-rule)!important;padding:0 0 16px!important}
html body.jc-design-v3.home .jc-vista-group-head h3{font-size:clamp(21px,2.25vw,27px)!important;line-height:1.24!important;color:var(--jc-v3-text)!important;font-weight:635!important}
html body.jc-design-v3.home .jc-vista-group-head p{font-size:12px!important;color:var(--jc-v3-muted)!important;margin:5px 0 0!important}
html body.jc-design-v3.home .jc-vista-group-head>span{color:#88968b!important;font-size:10.8px!important}
html body.jc-design-v3.home .jc-vista-links{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:15px!important}
html body.jc-design-v3.home .jc-vista-product-card{
  display:flex!important;flex-direction:column!important;min-width:0!important;height:100%!important;
  border:1px solid #e0e6dd!important;border-radius:4px!important;background:#fff!important;
  box-shadow:none!important;transform:none!important;overflow:hidden!important;padding:0!important;
}
html body.jc-design-v3.home .jc-vista-product-card:hover{border-color:#8eb59d!important;box-shadow:0 7px 25px rgba(23,49,34,.07)!important}
html body.jc-design-v3.home .jc-vista-product-image{height:auto!important;aspect-ratio:1/1!important;max-height:none!important;width:100%!important;background:#f3f5f0!important;overflow:hidden!important;border:0!important;margin:0!important;padding:0!important}
html body.jc-design-v3.home .jc-vista-product-image :is(img,svg){display:block!important;width:100%!important;height:100%!important;max-height:none!important;object-fit:cover!important;object-position:center!important;border-radius:0!important}
html body.jc-design-v3.home .jc-vista-product-card :is(h3,h4,.jc-vista-product-name){font-size:13.2px!important;line-height:1.48!important;color:#23372d!important;letter-spacing:-.015em!important;font-weight:620!important}
html body.jc-design-v3.home .jc-vista-product-card :is(p,small){font-size:11.3px!important;color:#718076!important;line-height:1.52!important}
html body.jc-design-v3.home .jc-vista-product-card :is(a,.jc-vista-product-detail-link){text-decoration:none!important;color:inherit!important}
html body.jc-design-v3.home .jc-vista-product-card :is(.jc-vista-product-order-action,.jc-vista-product-cta){border-radius:2px!important}
/* Discovery & material grids: calmer cards, single action per surface. */
html body.jc-design-v3.home :is(.explore-section,.jc-material-section,.jc-guides-section,.steps-section){background:var(--jc-v3-offwhite)!important}
html body.jc-design-v3.home :is(.jc-seo-intent-grid,.jc-material-grid,.jc-guides-grid,.steps-grid){gap:14px!important}
html body.jc-design-v3.home .jc-seo-intent-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important}
html body.jc-design-v3.home .jc-seo-intent-card{
  border:1px solid var(--jc-v3-rule)!important;border-radius:4px!important;
  background:#fff!important;min-width:0!important;min-height:192px!important;
  padding:22px 19px!important;box-shadow:none!important;transform:none!important;gap:10px!important;
}
html body.jc-design-v3.home .jc-seo-intent-card:hover{border-color:#a8c5af!important;transform:none!important}
html body.jc-design-v3.home .jc-seo-intent-icon{display:grid!important;place-items:center!important;width:32px!important;height:32px!important;background:#eaf3eb!important;border:0!important;border-radius:3px!important;color:#2b7057!important}
html body.jc-design-v3.home .jc-seo-intent-card strong{font-size:14px!important;font-weight:635!important;line-height:1.45!important;color:var(--jc-v3-text)!important}
html body.jc-design-v3.home .jc-seo-intent-card small{font-size:11.7px!important;line-height:1.6!important;color:var(--jc-v3-muted)!important}
html body.jc-design-v3.home .jc-seo-intent-more{color:#286f53!important;font-size:11.5px!important;font-weight:635!important}
html body.jc-design-v3.home .jc-seo-intent-bottom{margin:18px 0 0!important;font-size:11.8px!important;color:#6f7b72!important}
html body.jc-design-v3.home .jc-seo-intent-bottom a{color:#29664f!important;text-underline-offset:3px!important}
html body.jc-design-v3.home .jc-material-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important}
html body.jc-design-v3.home .jc-material-card{background:#fff!important;border:1px solid var(--jc-v3-rule)!important;border-radius:4px!important;box-shadow:none!important;padding:21px!important;min-width:0!important}
html body.jc-design-v3.home .jc-material-card h3{font-size:14px!important;font-weight:640!important;color:#2a4538!important;margin:0 0 14px!important}
html body.jc-design-v3.home .jc-material-list{display:grid!important;gap:0!important}
html body.jc-design-v3.home .jc-material-list :is(a,span){padding:10px 0!important;border-bottom:1px solid #edf0eb!important;border-radius:0!important;min-width:0!important;background:transparent!important;color:inherit!important;text-decoration:none!important}
html body.jc-design-v3.home .jc-material-list strong{font-size:12px!important;font-weight:600!important;color:#284338!important}
html body.jc-design-v3.home .jc-material-list small{font-size:10.9px!important;color:#718075!important;line-height:1.55!important}
html body.jc-design-v3.home .jc-guides-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}
html body.jc-design-v3.home .jc-guides-grid a{background:#fff!important;border:1px solid var(--jc-v3-rule)!important;border-radius:4px!important;min-height:176px!important;padding:24px!important;box-shadow:none!important;transform:none!important;text-decoration:none!important}
html body.jc-design-v3.home .jc-guides-grid strong{font-size:17px!important;line-height:1.42!important;font-weight:635!important;color:#254035!important}
html body.jc-design-v3.home .jc-guides-grid span{font-size:12.4px!important;line-height:1.64!important;color:#66756b!important}
html body.jc-design-v3.home .jc-guides-grid em{font-size:11.7px!important;font-style:normal!important;font-weight:610!important;color:#286b52!important}
/* Proof / photos */
html body.jc-design-v3.home .proof-section{background:#fff!important}
html body.jc-design-v3.home .jc-gallery-home-copy h2{font-size:clamp(29px,2.8vw,39px)!important;line-height:1.2!important;margin:8px 0 12px!important}
html body.jc-design-v3.home .jc-gallery-home-copy p{font-size:13px!important;color:var(--jc-v3-muted)!important;line-height:1.7!important}
html body.jc-design-v3.home .jc-gallery-home-grid{gap:10px!important}
html body.jc-design-v3.home .jc-gallery-home-photo{border-radius:4px!important;overflow:hidden!important;background:#eef2ed!important;box-shadow:none!important}
html body.jc-design-v3.home .jc-gallery-home-photo img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:0!important}
html body.jc-design-v3.home .jc-gallery-more{color:#245f49!important;font-size:12px!important;font-weight:630!important}
/* Process: simple numbered rules, zero decorative blobs. */
html body.jc-design-v3.home .jc-order-flow{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important}
html body.jc-design-v3.home .jc-order-step{min-width:0!important;background:transparent!important;border:0!important;border-top:1px solid #cfdcd1!important;border-radius:0!important;padding:18px 7px 0 0!important;box-shadow:none!important}
html body.jc-design-v3.home .jc-order-art{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;height:auto!important;min-height:28px!important;margin:0 0 13px!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
html body.jc-design-v3.home .jc-order-index{display:block!important;font-size:11px!important;line-height:1.4!important;color:#2f7759!important;font-weight:700!important;letter-spacing:.08em!important}
html body.jc-design-v3.home .jc-order-icon{display:none!important}
html body.jc-design-v3.home .jc-order-copy h3{font-size:16px!important;line-height:1.4!important;color:#263e33!important;margin:0 0 7px!important}
html body.jc-design-v3.home .jc-order-copy p{font-size:12.5px!important;line-height:1.65!important;color:#6b786d!important}
/* Regions: factual delivery area, not false branches. */
html body.jc-design-v3.home .locations-section{background:#fff!important}
html body.jc-design-v3.home .location-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:11px!important}
html body.jc-design-v3.home .location-grid a{display:flex!important;align-items:center!important;gap:8px!important;min-height:53px!important;background:#fff!important;border:1px solid var(--jc-v3-rule)!important;border-radius:3px!important;padding:13px 15px!important;text-decoration:none!important;font-size:12.1px!important;font-weight:615!important;color:#344d3f!important;box-shadow:none!important}
html body.jc-design-v3.home .location-grid a:hover{border-color:#a6c4ae!important;color:#22684b!important}
html body.jc-design-v3.home .location-grid svg{width:15px!important;height:15px!important;color:#367857!important}
html body.jc-design-v3.home .location-footnote{font-size:11.6px!important;color:#718077!important;line-height:1.6!important}
/* Workshop: one original, specific trust section, no keyword padding. */
html body.jc-design-v3.home .jc-v3-workshop{background:var(--jc-v3-sage)!important}
html body.jc-design-v3.home .jc-v3-workshop-inner{display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(280px,.75fr)!important;gap:clamp(36px,6vw,100px)!important;align-items:center!important}
html body.jc-design-v3.home .jc-v3-workshop h2{font-size:clamp(30px,3vw,41px)!important;line-height:1.18!important;margin:9px 0 18px!important;max-width:620px!important;color:#214b3a!important}
html body.jc-design-v3.home .jc-v3-workshop p{font-size:13.5px!important;line-height:1.75!important;color:#49695a!important;max-width:650px!important;margin:0 0 13px!important}
html body.jc-design-v3.home .jc-v3-workshop strong{font-weight:630!important;color:#284b3a!important}
html body.jc-design-v3.home .jc-v3-workshop-aside{background:#fff!important;border:1px solid #d7e5d8!important;border-radius:4px!important;padding:25px 27px!important;min-width:0!important}
html body.jc-design-v3.home .jc-v3-workshop-aside h3{font-size:17.4px!important;line-height:1.4!important;margin:7px 0 14px!important}
html body.jc-design-v3.home .jc-v3-workshop-aside ol{margin:0 0 17px!important;padding:0 0 0 19px!important;color:#5c7165!important;font-size:12.4px!important}
html body.jc-design-v3.home .jc-v3-workshop-aside li{padding:4px 0!important}
html body.jc-design-v3.home .jc-v3-workshop-aside a{display:inline-flex;align-items:center;gap:7px;color:#23664c!important;font-size:12px!important;font-weight:640!important;text-decoration:none!important;border-bottom:1px solid #90b59f!important;padding-bottom:3px}
/* FAQ: compact, readable, touch friendly. */
html body.jc-design-v3.home .faq-section{background:var(--jc-v3-offwhite)!important}
html body.jc-design-v3.home .faq-groups{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:22px!important}
html body.jc-design-v3.home .faq-group h3{font-size:13px!important;font-weight:670!important;color:#345646!important;margin:0 0 12px!important}
html body.jc-design-v3.home .faq-grid{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
html body.jc-design-v3.home .faq-item{border:1px solid #e0e6dd!important;border-radius:3px!important;box-shadow:none!important;background:#fff!important}
html body.jc-design-v3.home .faq-item>summary{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;min-height:58px!important;padding:13px 14px!important;color:#293d31!important;font-size:12.3px!important;font-weight:620!important;line-height:1.52!important}
html body.jc-design-v3.home .faq-item .faq-plus{font-size:21px!important;color:#277258!important;font-weight:400!important}
html body.jc-design-v3.home .faq-answer{padding:0 14px 14px!important}
html body.jc-design-v3.home .faq-answer p{font-size:11.9px!important;line-height:1.7!important;color:#69766e!important;margin:0!important}
html body.jc-design-v3.home .faq-contact{background:#e8f1e9!important;border:1px solid #d8e5da!important;border-radius:3px!important;padding:23px 25px!important;box-shadow:none!important}
html body.jc-design-v3.home .faq-contact strong{font-size:15px!important;color:#254538!important}
html body.jc-design-v3.home .faq-contact p{font-size:12.5px!important;color:#6a7b6d!important}
/* Footer: compact, factual, legible. */
html body.jc-design-v3 .site-footer{background:#f7f7f2!important;border-top:1px solid var(--jc-v3-rule)!important;padding:55px 0 20px!important;color:var(--jc-v3-text)!important}
html body.jc-design-v3 .footer-top{display:grid!important;grid-template-columns:1.6fr repeat(3,minmax(0,1fr))!important;gap:clamp(25px,4vw,55px)!important}
html body.jc-design-v3 .footer-about img{width:160px!important;height:auto!important;max-height:63px!important;object-fit:contain!important}
html body.jc-design-v3 .site-footer :is(p,address){color:#69766b!important;font-size:12.4px!important;line-height:1.7!important;font-style:normal!important}
html body.jc-design-v3 .footer-col{gap:9px!important}
html body.jc-design-v3 .footer-col h3{font-size:12.4px!important;font-weight:670!important;color:#2d4637!important;margin:5px 0 10px!important}
html body.jc-design-v3 .footer-col a{font-size:12.1px!important;color:#586c5d!important;text-decoration:none!important}
html body.jc-design-v3 .footer-col a:hover{color:#1f664d!important}
html body.jc-design-v3 .footer-bottom{border-top:1px solid #dbe4da!important;margin-top:41px!important;padding-top:17px!important;color:#819087!important;font-size:10.8px!important}
html body.jc-design-v3 .jc-floating-wa{border-radius:50%!important;box-shadow:0 6px 22px rgba(20,56,37,.12)!important}
/* Other hub pages, virtual pSEO pages: consistent hierarchy without breaking engine markup. */
html body.jc-design-v3:not(.home) main :is(.jc-premium-hero,.product-hero,.jc-product-hero,.jc-seo-hero){background:var(--jc-v3-sage)!important;border-color:var(--jc-v3-rule)!important;color:var(--jc-v3-text)!important;box-shadow:none!important}
html body.jc-design-v3:not(.home) main :is(h1,.entry-title){font-size:clamp(30px,3.8vw,49px)!important;line-height:1.14!important;letter-spacing:-.042em!important;font-weight:650!important}
html body.jc-design-v3:not(.home) main :is(h2,.section-title){font-size:clamp(24px,2.65vw,35px)!important;line-height:1.22!important;letter-spacing:-.032em!important;font-weight:630!important}
html body.jc-design-v3:not(.home) main :is(h3){font-size:clamp(18px,1.65vw,23px)!important;line-height:1.35!important;font-weight:630!important}
html body.jc-design-v3:not(.home) main :is(p,li){line-height:1.72!important}
html body.jc-design-v3 :is(.jcseo-q-wrap,#jc-seo-safe-patch,#jc-seo-semantic-product){width:min(calc(100% - 48px),var(--jc-v3-max))!important;max-width:var(--jc-v3-max)!important;margin:35px auto!important;border:1px solid var(--jc-v3-rule)!important;border-radius:4px!important;background:#fff!important;padding:34px clamp(20px,3vw,38px)!important;box-shadow:none!important;color:var(--jc-v3-text)!important}
html body.jc-design-v3 :is(.jcseo-q-wrap,#jc-seo-safe-patch,#jc-seo-semantic-product) h2{font-size:clamp(23px,2.6vw,31px)!important;margin:6px 0 17px!important;color:#294638!important}
html body.jc-design-v3 .jcseo-q-wrap h3{font-size:18px!important;margin:22px 0 10px!important}
html body.jc-design-v3 .jcseo-q-wrap p{max-width:900px!important;font-size:13px!important;line-height:1.73!important;margin:10px 0!important;color:#617168!important}
html body.jc-design-v3 .jcseo-q-wrap :is(.jcseo-q-grid,.jcseo-q-regions){gap:12px!important}
html body.jc-design-v3 .jcseo-q-wrap :is(.jcseo-q-grid li,.jcseo-q-regions li){border:1px solid var(--jc-v3-rule)!important;border-radius:3px!important;background:var(--jc-v3-offwhite)!important;box-shadow:none!important;padding:17px!important}
html body.jc-design-v3 .jcseo-q-wrap :is(.jcseo-q-grid li,.jcseo-q-regions li) a{font-weight:620!important;color:#2e644f!important}
html body.jc-design-v3 .jcseo-q-wrap .jcseo-q-links{display:flex!important;flex-wrap:wrap!important;gap:11px 18px!important;border-top:1px solid var(--jc-v3-rule)!important;padding-top:16px!important;margin-top:20px!important}
html body.jc-design-v3 .jcseo-q-wrap .jcseo-q-links a{font-size:12.2px!important;font-weight:630!important;color:#276d53!important}
html body.jc-design-v3 :is(.product-card,.jc-product-card,.catalog-card,.jc-category-card,.jc-card,.product-tile,.catalog-item){border-radius:4px!important;box-shadow:none!important}
html body.jc-design-v3 :is(.jc-pickup-note){border-radius:3px!important;background:#e8f1e9!important;border-left:3px solid #4b9a70!important}
/* Responsive systems */
@media(min-width:781px) and (max-width:1270px){
 html body.jc-design-v3.home main#main>.jc-home-top-layout{grid-template-columns:218px minmax(0,1fr)!important}
 html body.jc-design-v3.home main#main>.jc-home-top-layout>.jc-home-sidebar{width:218px!important;max-width:218px!important}
 html body.jc-design-v3.home .jc-home-top-content .hero-v15-inner,html body.jc-design-v3.home .jc-home-top-content .hero-v15>.wrap{padding:42px 26px!important;gap:22px!important}
 html body.jc-design-v3.home .jc-home-top-content .hero-copy h1,html body.jc-design-v3.home .jc-home-top-content .hero-copy h1 *{font-size:clamp(31px,3.7vw,43px)!important}
 html body.jc-design-v3.home .hero-v15-mosaic{height:355px!important}
 html body.jc-design-v3.home .jc-vista-links{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 html body.jc-design-v3.home .jc-material-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:1080px){
 html body.jc-design-v3 .site-header .site-nav>a:not(.btn){font-size:11.5px!important}
 html body.jc-design-v3 .jc-header-search{max-width:220px!important}
 html body.jc-design-v3.home .jc-seo-intent-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:850px){
 html body.jc-design-v3 .header-inner{height:63px!important;min-height:63px!important}
 html body.jc-design-v3 .site-header .brand img{width:132px!important;height:47px!important}
 html body.jc-design-v3 .nav-toggle{display:flex!important;min-height:40px!important;min-width:40px!important;border-radius:3px!important;border:1px solid var(--jc-v3-rule)!important;background:#fff!important;box-shadow:none!important}
 html body.jc-design-v3 .site-nav:not(.is-open){display:none!important}
 html body.jc-design-v3 .site-nav.is-open{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;background:#fff!important;border:0!important;box-shadow:0 14px 40px rgba(23,46,35,.10)!important}
 html body.jc-design-v3 .site-nav.is-open>a{min-height:48px!important;padding:12px!important;color:#2f493b!important;font-size:13px!important}
 html body.jc-design-v3.home main#main>.jc-home-top-layout{display:block!important;width:100%!important;max-width:none!important;padding:0!important}
 html body.jc-design-v3.home main#main>.jc-home-top-layout>.jc-home-sidebar{display:none!important}
 html body.jc-design-v3.home .jc-home-top-content .hero-v15-inner,
 html body.jc-design-v3.home .jc-home-top-content .hero-v15>.wrap{
   display:grid!important;grid-template-columns:1fr!important;
   width:min(calc(100% - 48px),760px)!important;max-width:760px!important;
   margin:0 auto!important;padding:38px 0 44px!important;gap:24px!important;
 }
 html body.jc-design-v3.home .jc-home-top-content .hero-copy h1,html body.jc-design-v3.home .jc-home-top-content .hero-copy h1 *{font-size:clamp(34px,5.7vw,47px)!important;line-height:1.14!important}
 html body.jc-design-v3.home .hero-v15-mosaic{height:340px!important}
 html body.jc-design-v3.home .jc-vista-links{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 html body.jc-design-v3.home .jc-material-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 html body.jc-design-v3.home .faq-groups{grid-template-columns:1fr!important;gap:24px!important}
 html body.jc-design-v3 .footer-top{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:28px!important}
 html body.jc-design-v3 .footer-about{grid-column:1/-1!important}
}
@media(max-width:767px){
 html body.jc-design-v3 .wrap{width:calc(100% - 38px)!important}
 html body.jc-design-v3 .section{padding:53px 0!important}
 html body.jc-design-v3 .section-heading{display:block!important;gap:0!important;margin-bottom:23px!important}
 html body.jc-design-v3 .section-heading h2{font-size:clamp(26px,6.5vw,33px)!important;line-height:1.22!important}
 html body.jc-design-v3 .section-heading>p{font-size:12.4px!important;max-width:600px!important;margin:10px 0 0!important}
 html body.jc-design-v3.home .jc-home-top-content .hero-v15-inner,
 html body.jc-design-v3.home .jc-home-top-content .hero-v15>.wrap{width:calc(100% - 38px)!important;padding:37px 0 37px!important;gap:23px!important}
 html body.jc-design-v3.home .hero-v15 .hero-copy .eyebrow{font-size:9.7px!important}
 html body.jc-design-v3.home .jc-home-top-content .hero-copy h1,
 html body.jc-design-v3.home .jc-home-top-content .hero-copy h1 *{font-size:clamp(29px,7.7vw,38px)!important;line-height:1.15!important;letter-spacing:-.044em!important;white-space:normal!important}
 html body.jc-design-v3.home .jc-home-top-content .hero-copy h1{margin:12px 0 12px!important}
 html body.jc-design-v3.home .jc-home-top-content .hero-copy :is(p,.hero-lead){font-size:12.8px!important;line-height:1.7!important}
 html body.jc-design-v3.home .jc-home-top-content .hero-v15-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;max-width:none!important;margin:21px 0 0!important}
 html body.jc-design-v3.home .jc-home-top-content .hero-v15-actions :is(a,.jc-hero-catalog-cta){width:100%!important;max-width:none!important;min-width:0!important;min-height:45px!important;padding:10px 8px!important;font-size:11.2px!important;white-space:normal!important;text-align:center!important;gap:5px!important}
 html body.jc-design-v3.home .jc-home-top-content .jc-hero-microcopy{font-size:10.2px!important;margin-top:11px!important}
 html body.jc-design-v3.home .hero-v15-mosaic{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:minmax(0,2.1fr) minmax(0,1fr)!important;height:auto!important;aspect-ratio:1.15/1!important;gap:7px!important}
 html body.jc-design-v3.home .hero-v15-mosaic .hero-v15-tile:nth-child(1){grid-column:1/span 2!important;grid-row:1!important}
 html body.jc-design-v3.home .hero-v15-mosaic .hero-v15-tile:nth-child(2){grid-column:1!important;grid-row:2!important}
 html body.jc-design-v3.home .hero-v15-mosaic .hero-v15-tile:nth-child(3){grid-column:2!important;grid-row:2!important}
 html body.jc-design-v3.home .hero-v15-mosaic .hero-v15-tile:nth-child(n+4){display:none!important}
 html body.jc-design-v3.home .hero-v15-benefits>.wrap,
 html body.jc-design-v3.home .hero-v15-benefits-grid{display:grid!important;grid-template-columns:1fr!important;gap:15px!important;width:calc(100% - 38px)!important;padding:21px 0!important}
 html body.jc-design-v3.home .hero-v15-benefits-grid>div{gap:9px!important}
 html body.jc-design-v3.home .jc-vista-category-nav{margin-bottom:18px!important;gap:7px!important;scroll-snap-type:x proximity!important}
 html body.jc-design-v3.home .jc-vista-category-nav a{min-height:41px!important;scroll-snap-align:start!important;font-size:11px!important;padding:9px 11px!important}
 html body.jc-design-v3.home .jc-vista-links{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
 html body.jc-design-v3.home .jc-vista-product-card :is(h3,h4,.jc-vista-product-name){font-size:12px!important}
 html body.jc-design-v3.home .jc-vista-group-head{align-items:start!important}
 html body.jc-design-v3.home .jc-vista-group-head>span{font-size:10px!important;white-space:nowrap!important}
 html body.jc-design-v3.home .jc-seo-intent-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
 html body.jc-design-v3.home .jc-seo-intent-card{min-height:160px!important;padding:17px 14px!important}
 html body.jc-design-v3.home .jc-seo-intent-card strong{font-size:12.8px!important}
 html body.jc-design-v3.home .jc-seo-intent-card small{font-size:11px!important}
 html body.jc-design-v3.home .jc-material-grid{grid-template-columns:1fr!important;gap:11px!important}
 html body.jc-design-v3.home .jc-material-card{padding:18px!important}
 html body.jc-design-v3.home .jc-guides-grid{grid-template-columns:1fr!important;gap:10px!important}
 html body.jc-design-v3.home .jc-guides-grid a{min-height:0!important;padding:20px!important}
 html body.jc-design-v3.home .jc-order-flow{grid-template-columns:1fr!important;gap:16px!important}
 html body.jc-design-v3.home .jc-order-step{padding:15px 0 0!important}
 html body.jc-design-v3.home .location-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
 html body.jc-design-v3.home .location-grid a{min-height:49px!important;padding:10px!important;font-size:11.4px!important}
 html body.jc-design-v3.home .jc-v3-workshop-inner{grid-template-columns:1fr!important;gap:22px!important}
 html body.jc-design-v3.home .jc-v3-workshop h2{font-size:clamp(27px,6.7vw,33px)!important}
 html body.jc-design-v3.home .jc-v3-workshop-aside{padding:20px!important}
 html body.jc-design-v3.home .faq-contact{display:block!important;padding:20px!important}
 html body.jc-design-v3.home .faq-contact .btn{width:100%!important;margin-top:15px!important}
 html body.jc-design-v3 :is(.jcseo-q-wrap,#jc-seo-safe-patch,#jc-seo-semantic-product){width:calc(100% - 38px)!important;margin:24px auto!important;padding:22px 19px!important}
 html body.jc-design-v3 .site-footer{padding:42px 0 18px!important}
 html body.jc-design-v3 .footer-top{gap:24px 16px!important}
 html body.jc-design-v3 .footer-col h3{font-size:12px!important}
}
@media(max-width:359px){
 html body.jc-design-v3 .wrap{width:calc(100% - 32px)!important}
 html body.jc-design-v3.home .jc-home-top-content .hero-v15-inner,html body.jc-design-v3.home .jc-home-top-content .hero-v15>.wrap{width:calc(100% - 32px)!important}
 html body.jc-design-v3.home .jc-home-top-content .hero-copy h1,html body.jc-design-v3.home .jc-home-top-content .hero-copy h1 *{font-size:27px!important}
 html body.jc-design-v3.home .jc-home-top-content .hero-v15-actions :is(a,.jc-hero-catalog-cta){font-size:10.5px!important;padding-inline:4px!important}
 html body.jc-design-v3.home .jc-vista-links{gap:7px!important}
 html body.jc-design-v3.home .location-grid{grid-template-columns:1fr!important}
}
@media(prefers-reduced-motion:reduce){html body.jc-design-v3 *,html body.jc-design-v3 *::before,html body.jc-design-v3 *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* v3 cascade shield: older theme releases use #main and !important for
   permanent sidebar offsets / navy hero. Neutralize only those structural rules. */
html body.jc-design-v3.home main#main{background:#fff!important;max-width:none!important;overflow:visible!important}
html body.jc-design-v3.home main#main>.jc-home-top-layout>.jc-home-top-content{
 margin:0!important;margin-left:0!important;left:auto!important;right:auto!important;
 width:100%!important;max-width:none!important;min-width:0!important;padding:0!important;
 background:var(--jc-v3-sage)!important;background-color:var(--jc-v3-sage)!important;
}
html body.jc-design-v3.home main#main>.jc-home-top-layout,
html body.jc-design-v3.home main#main>.jc-home-top-layout>.jc-home-top-content,
html body.jc-design-v3.home main#main>.jc-home-top-layout .hero.hero-v15,
html body.jc-design-v3.home main#main>.jc-home-top-layout .hero-v15-inner,
html body.jc-design-v3.home main#main>.jc-home-top-layout .hero-v15>.wrap{
 background:var(--jc-v3-sage)!important;background-color:var(--jc-v3-sage)!important;
 background-image:none!important;box-shadow:none!important;
}
html body.jc-design-v3.home main#main>.hero-v15-benefits{
 padding:0!important;margin:0!important;width:100%!important;max-width:none!important;
}
html body.jc-design-v3.home main#main>.hero-v15-benefits>.wrap{
 width:min(calc(100% - 64px),var(--jc-v3-max))!important;max-width:var(--jc-v3-max)!important;
 margin:0 auto!important;padding:21px 0!important;display:grid!important;
 grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;
}
html body.jc-design-v3.home main#main>section.section,
html body.jc-design-v3.home main#main>section.jc-vista-catalog{
 width:100%!important;max-width:none!important;min-width:0!important;
 margin:0!important;padding:75px 0!important;left:auto!important;right:auto!important;
}
html body.jc-design-v3.home main#main>section.section>.wrap,
html body.jc-design-v3.home main#main>section.jc-vista-catalog>.wrap{
 width:min(calc(100% - 64px),var(--jc-v3-max))!important;max-width:var(--jc-v3-max)!important;
 margin:0 auto!important;padding:0!important;
}
html body.jc-design-v3 .jc-sticky-stack .site-header .header-inner{
 height:73px!important;min-height:73px!important;max-height:73px!important;
}
@media(max-width:850px){
 html body.jc-design-v3 .jc-sticky-stack .site-header .header-inner{height:63px!important;min-height:63px!important;max-height:63px!important}
 html body.jc-design-v3.home main#main>.jc-home-top-layout{display:block!important}
 html body.jc-design-v3.home main#main>.jc-home-top-layout>.jc-home-top-content{margin:0!important;width:100%!important;max-width:none!important}
}
@media(max-width:767px){
 html body.jc-design-v3.home main#main>section.section,
 html body.jc-design-v3.home main#main>section.jc-vista-catalog{padding:53px 0!important}
 html body.jc-design-v3.home main#main>section.section>.wrap,
 html body.jc-design-v3.home main#main>section.jc-vista-catalog>.wrap,
 html body.jc-design-v3.home main#main>.hero-v15-benefits>.wrap{width:calc(100% - 38px)!important}
 html body.jc-design-v3.home main#main>.hero-v15-benefits>.wrap{grid-template-columns:1fr!important;gap:15px!important;padding:21px 0!important}
}
@media(max-width:359px){
 html body.jc-design-v3.home main#main>section.section>.wrap,
 html body.jc-design-v3.home main#main>section.jc-vista-catalog>.wrap,
 html body.jc-design-v3.home main#main>.hero-v15-benefits>.wrap{width:calc(100% - 32px)!important}
}
/* Consistent header height in regular and sticky markup. */
html body.jc-design-v3 .site-header .header-inner{
 height:73px!important;min-height:73px!important;max-height:73px!important;
}
html body.jc-design-v3.home main#main>section.jc-vista-catalog{
 background:#fff!important;background-color:#fff!important;
}
html body.jc-design-v3.home main#main>section.jc-vista-catalog .section-heading{
 display:grid!important;grid-template-columns:minmax(0,1fr) minmax(250px,340px)!important;
 gap:clamp(28px,5vw,70px)!important;margin:0 0 30px!important;
}
@media(max-width:850px){html body.jc-design-v3 .site-header .header-inner{height:63px!important;min-height:63px!important;max-height:63px!important}}
@media(max-width:767px){
 html body.jc-design-v3.home main#main>section.jc-vista-catalog .section-heading{display:block!important;grid-template-columns:none!important;margin-bottom:23px!important}
}
/* Hero lock: legacy v2.2.x spans/mobile actions use !important with higher specificity. */
html body.jc-design-v3.home main#main>.jc-home-top-layout .hero.hero-v15 .hero-copy h1,
html body.jc-design-v3.home main#main>.jc-home-top-layout .hero.hero-v15 .hero-copy h1>.jc-h1-line{
 color:#1d3f34!important;-webkit-text-fill-color:#1d3f34!important;
 font-size:clamp(36px,3.4vw,53px)!important;font-weight:670!important;
 line-height:1.12!important;letter-spacing:-.046em!important;
 white-space:normal!important;
}
html body.jc-design-v3.home main#main>.jc-home-top-layout .hero.hero-v15 .hero-copy h1>.jc-h1-line{
 display:block!important;margin:0!important;padding:0!important;
}
html body.jc-design-v3.home main#main>.jc-home-top-layout .hero.hero-v15 .hero-v15-actions{
 display:flex!important;align-items:center!important;flex-wrap:wrap!important;
 gap:10px!important;margin:25px 0 0!important;
}
html body.jc-design-v3.home main#main>.jc-home-top-layout .hero.hero-v15 .hero-v15-actions a{
 display:inline-flex!important;align-items:center!important;justify-content:center!important;
 width:auto!important;min-width:0!important;height:auto!important;min-height:47px!important;
 padding:11px 18px!important;margin:0!important;
 font-size:12px!important;line-height:1.4!important;font-weight:650!important;
}
@media(max-width:767px){
 html body.jc-design-v3.home main#main>.jc-home-top-layout .hero.hero-v15 .hero-copy h1,
 html body.jc-design-v3.home main#main>.jc-home-top-layout .hero.hero-v15 .hero-copy h1>.jc-h1-line{
  font-size:clamp(28px,7.4vw,35px)!important;line-height:1.145!important;
  white-space:normal!important;margin:0!important;
 }
 html body.jc-design-v3.home main#main>.jc-home-top-layout .hero.hero-v15 .hero-copy h1{margin:13px 0 14px!important}
 html body.jc-design-v3.home main#main>.jc-home-top-layout .hero.hero-v15 .hero-v15-actions{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;margin:21px 0 0!important;
 }
 html body.jc-design-v3.home main#main>.jc-home-top-layout .hero.hero-v15 .hero-v15-actions a{
  width:100%!important;min-width:0!important;min-height:45px!important;height:45px!important;
  padding:10px 7px!important;font-size:11px!important;white-space:normal!important;
 }
}


/* v3.1 — accessible universal palette, guide hero contrast, footer logo */
/* Applies across every route using the theme, including virtual SEO Engine pages.
   Avoid editing route/content/SEO output: CSS is a last-cascade visual layer. */
html body.jc-design-v3{
  --jc-v3-cream:#f3f0e7;
  --jc-v3-butter:#e7d9a6;
  --jc-v3-footer:#f1efe8;
  --jc-v3-text:#22382f;
  --jc-v3-muted:#53685d;
  --jc-v3-rule:#d6ded5;
  --jc-ui-ink:#22382f;
  --jc-ui-muted:#53685d;
  --jc-ui-cream:#f3f0e7;
  --jc-ui-border:#d6ded5;
}

/* Global guide/product hero contrast: resolve pale text on warm cream backgrounds.
   The warm butter hero is used for page templates that already use jc-premium-hero;
   other product-template hero surfaces keep their existing sage canvas. */
html body.jc-design-v3:not(.home) main :is(.jc-premium-hero,.jc-material-hero,.material-hero,.jc-guide-hero,.jc-guide-detail-hero,.bahan-hero){
  background-color:var(--jc-v3-butter)!important;
  background-image:none!important;
  color:#22382f!important;
  -webkit-text-fill-color:initial!important;
}
html body.jc-design-v3:not(.home) main :is(.jc-premium-hero,.jc-material-hero,.material-hero,.jc-guide-hero,.jc-guide-detail-hero,.bahan-hero) :is(h1,h2,h3){
  color:#21362d!important;
  -webkit-text-fill-color:#21362d!important;
}
html body.jc-design-v3:not(.home) main :is(.jc-premium-hero,.jc-material-hero,.material-hero,.jc-guide-hero,.jc-guide-detail-hero,.bahan-hero) :is(p,.lead,.subtitle,.hero-description,.hero-subtitle,.hero-lead,.intro,.description){
  color:#40564b!important;
  -webkit-text-fill-color:#40564b!important;
}
html body.jc-design-v3:not(.home) main :is(.jc-premium-hero,.jc-material-hero,.material-hero,.jc-guide-hero,.jc-guide-detail-hero,.bahan-hero) :is(.eyebrow,.kicker,.overline,.section-label){
  color:#176849!important;
  -webkit-text-fill-color:#176849!important;
}
/* Preserve reversed button labels on warm hero backgrounds. */
html body.jc-design-v3:not(.home) main :is(.jc-premium-hero,.jc-material-hero,.material-hero,.jc-guide-hero,.jc-guide-detail-hero,.bahan-hero) :is(a.btn,.btn-primary,.button-primary,.jc-btn-primary){
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}

/* SEO Engine product/region hero: leave sage surface, but make supporting text readable. */
html body.jc-design-v3:not(.home) main :is(.product-hero,.jc-product-hero,.jc-seo-hero) :is(h1,h2,h3){
  color:#21362d!important;
  -webkit-text-fill-color:#21362d!important;
}
html body.jc-design-v3:not(.home) main :is(.product-hero,.jc-product-hero,.jc-seo-hero) :is(p,.subtitle,.lead,.hero-lead,.hero-description,.hero-subtitle){
  color:#40564b!important;
  -webkit-text-fill-color:#40564b!important;
}

/* Universal footer: restrained warm editorial canvas, dark logo with original blue icon. */
html body.jc-design-v3 .site-footer{
  background:var(--jc-v3-footer)!important;
  background-image:none!important;
  color:#22382f!important;
  border-top:1px solid #d4dcd2!important;
}
html body.jc-design-v3 .site-footer :is(h2,h3,h4,strong),
html body.jc-design-v3 .site-footer .footer-address strong,
html body.jc-design-v3 .site-footer .footer-col h3{
  color:#22382f!important;
  -webkit-text-fill-color:#22382f!important;
}
html body.jc-design-v3 .site-footer :is(p,address,small,.footer-bottom),
html body.jc-design-v3 .site-footer .footer-bottom span{
  color:#53665c!important;
  -webkit-text-fill-color:#53665c!important;
}
html body.jc-design-v3 .site-footer :is(.footer-col a,.powered-link,.footer-bottom a){
  color:#2b5945!important;
  -webkit-text-fill-color:#2b5945!important;
  text-decoration:none!important;
}
html body.jc-design-v3 .site-footer :is(.footer-col a,.powered-link,.footer-bottom a):hover{
  color:#163e30!important;
  text-decoration:underline!important;
  text-underline-offset:3px!important;
}
html body.jc-design-v3 .site-footer .footer-bottom{border-color:#d4dcd2!important}
html body.jc-design-v3 .site-footer .footer-about img{
  width:160px!important;height:auto!important;max-height:63px!important;
  filter:none!important;opacity:1!important;object-fit:contain!important;
}
html body.jc-design-v3 .site-footer .footer-col .footer-contact,
html body.jc-design-v3 .site-footer a.footer-contact{
  background:#234e43!important;
  border-color:#234e43!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}
html body.jc-design-v3 .site-footer a.footer-contact:hover{
  background:#173b32!important;border-color:#173b32!important;color:#fff!important;
}
@media(max-width:767px){
 html body.jc-design-v3 .site-footer .footer-about img{width:144px!important;max-height:58px!important}
}