.jbn-product-detail-page{background:#f7f9f3}.jbn-detail-hero{padding:42px 24px 88px;background:linear-gradient(135deg,#eef5e7,#f9fbf6)}.jbn-detail-hero__inner,.jbn-detail-info__inner,.jbn-detail-related__inner{width:min(100%,1240px);margin:auto}.jbn-detail-hero nav{display:flex;align-items:center;gap:9px;margin-bottom:40px;color:#738078;font-size:12px}.jbn-detail-hero nav a{color:#496157;text-decoration:none}.jbn-detail-hero__layout{display:grid;grid-template-columns:.88fr 1.12fr;align-items:center;gap:70px}.jbn-detail-hero__copy>p,.jbn-detail-info__content>p,.jbn-detail-related header>p{margin:0;color:#819f2d;font-size:11px;font-weight:900;letter-spacing:.16em}.jbn-detail-hero h1{max-width:650px;margin:12px 0 21px;color:#093d29;font-size:clamp(48px,6vw,86px);line-height:.96;letter-spacing:-.055em}.jbn-detail-hero__copy>span{display:block;max-width:570px;color:#64736b;font-size:17px;line-height:1.75}.jbn-detail-hero__copy>a,.jbn-detail-actions a{display:inline-flex;align-items:center;justify-content:center;gap:9px;margin-top:30px;padding:15px 22px;border-radius:8px;background:#0b472f;color:#fff;font-size:12px;font-weight:850;text-decoration:none}.jbn-detail-hero__slider{position:relative;min-height:540px;overflow:hidden;border-radius:26px;background:#dfe9d6;box-shadow:0 24px 65px rgba(9,61,41,.16)}.jbn-detail-hero__slides figure{position:absolute;inset:0;margin:0;opacity:0;transition:opacity .35s ease}.jbn-detail-hero__slides figure.is-active{opacity:1}.jbn-detail-hero__slides img{width:100%;height:100%;object-fit:cover}.jbn-detail-hero__slider>button{position:absolute;z-index:2;top:50%;display:grid;width:45px;height:45px;place-items:center;border:0;border-radius:50%;background:#fff;color:#0b472f;cursor:pointer;transform:translateY(-50%)}.jbn-detail-hero__slider>[data-gallery-prev]{left:18px}.jbn-detail-hero__slider>[data-gallery-next]{right:18px}.jbn-detail-hero__dots{position:absolute;z-index:2;right:0;bottom:18px;left:0;display:flex;justify-content:center;gap:7px}.jbn-detail-hero__dots button{width:8px;height:8px;padding:0;border:0;border-radius:10px;background:#fff9}.jbn-detail-hero__dots button.is-active{width:28px;background:#98b83c}.jbn-detail-placeholder{display:grid;height:540px;place-items:center;color:#809b31;font-size:45px}.jbn-detail-placeholder span{display:block;font-size:13px}.jbn-detail-info{padding:110px 24px;background:#fff}.jbn-detail-info__inner{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:start}.jbn-detail-info__gallery{display:grid;grid-template-columns:1fr 1fr;gap:14px}.jbn-detail-info__gallery img{width:100%;height:250px;border-radius:15px;object-fit:cover}.jbn-detail-info__gallery img:first-child{grid-column:1/-1;height:410px}.jbn-detail-info h2,.jbn-detail-related h2{margin:10px 0 20px;color:#093d29;font-size:clamp(38px,4vw,58px);line-height:1.03;letter-spacing:-.04em}.jbn-detail-rich{color:#637169;line-height:1.75}.jbn-detail-info dl{margin:30px 0 0;border-top:1px solid #dce6d6}.jbn-detail-info dl div{display:grid;grid-template-columns:.8fr 1.2fr;gap:20px;padding:17px 3px;border-bottom:1px solid #dce6d6}.jbn-detail-info dt{color:#718078;font-size:13px}.jbn-detail-info dd{margin:0;color:#123f2f;font-weight:750}.jbn-detail-actions{display:flex;gap:10px;flex-wrap:wrap}.jbn-detail-actions .is-outline{background:#eef4e9;color:#0b472f}.jbn-detail-related{padding:100px 24px;background:#f4f8ef}.jbn-detail-related__inner>div{display:flex;gap:20px;overflow:auto;scroll-snap-type:x mandatory}.jbn-detail-related article{flex:0 0 calc((100% - 60px)/4);overflow:hidden;scroll-snap-align:start;border:1px solid #dfe8d9;border-radius:17px;background:#fff}.jbn-detail-related article>img,.jbn-detail-related article>span{display:grid;width:100%;height:230px;place-items:center;object-fit:cover;background:#e8f0e1;color:#87a22f;font-size:30px}.jbn-detail-related h3,.jbn-detail-related article>p,.jbn-detail-related article>a{margin-right:20px;margin-left:20px}.jbn-detail-related h3{margin-top:20px;margin-bottom:5px;color:#103f2f}.jbn-detail-related article>p{color:#819087;font-size:12px}.jbn-detail-related article>a{display:inline-flex;gap:7px;margin-top:13px;margin-bottom:22px;color:#729027;font-size:12px;font-weight:850;text-decoration:none}.jbn-detail-empty{padding:140px 24px;text-align:center}.jbn-detail-empty a{color:#0b472f}@media(max-width:950px){.jbn-detail-hero__layout,.jbn-detail-info__inner{grid-template-columns:1fr}.jbn-detail-hero__slider{min-height:440px}.jbn-detail-related article{flex-basis:calc((100% - 20px)/2)}}@media(max-width:580px){.jbn-detail-hero{padding:28px 15px 62px}.jbn-detail-hero__layout{gap:35px}.jbn-detail-hero__slider{min-height:340px}.jbn-detail-info{padding:72px 15px}.jbn-detail-info__gallery img,.jbn-detail-info__gallery img:first-child{height:220px}.jbn-detail-info dl div{grid-template-columns:1fr;gap:5px}.jbn-detail-related{padding:70px 15px}.jbn-detail-related article{flex-basis:86%}}
.jbn-detail-hero--content-only{padding-block:46px 90px;background:radial-gradient(circle at 82% 35%,rgba(146,177,64,.13),transparent 30%),linear-gradient(135deg,#edf5e7,#fafcf7)}.jbn-detail-hero--content-only .jbn-detail-hero__inner{width:min(100%,1240px)}.jbn-detail-hero--content-only .jbn-detail-hero__copy{max-width:850px;padding:50px 0 12px}.jbn-detail-hero--content-only h1{max-width:850px}.jbn-detail-info__media{position:sticky;top:105px;min-width:0}.jbn-detail-info__slider{position:relative;overflow:hidden;height:570px;border-radius:23px;background:#e5eee0;box-shadow:0 22px 55px rgba(9,61,41,.14)}.jbn-detail-info__slider figure{position:absolute;inset:0;margin:0;opacity:0;visibility:hidden;transition:opacity .35s ease,visibility .35s}.jbn-detail-info__slider figure.is-active{opacity:1;visibility:visible}.jbn-detail-info__slider img{width:100%;height:100%;object-fit:cover}.jbn-detail-info__slider>button{position:absolute;z-index:3;top:50%;display:grid;width:46px;height:46px;place-items:center;border:0;border-radius:50%;background:rgba(255,255,255,.94);color:#0b472f;box-shadow:0 7px 18px rgba(7,48,31,.16);cursor:pointer;transform:translateY(-50%)}.jbn-detail-info__slider>button:hover{background:#0b472f;color:#fff}.jbn-detail-info__slider>.is-prev{left:16px}.jbn-detail-info__slider>.is-next{right:16px}.jbn-detail-info__counter{position:absolute;z-index:3;right:17px;bottom:17px;padding:8px 12px;border-radius:30px;background:rgba(8,52,35,.88);color:#fff;font-size:11px;font-weight:800}.jbn-detail-info__thumbs{display:flex;gap:10px;margin-top:12px;overflow-x:auto;padding:2px 2px 8px;scrollbar-width:thin}.jbn-detail-info__thumbs button{flex:0 0 82px;height:68px;overflow:hidden;padding:0;border:2px solid transparent;border-radius:10px;background:#e8efe3;cursor:pointer;opacity:.65}.jbn-detail-info__thumbs button.is-active{border-color:#87a52c;opacity:1;box-shadow:0 0 0 3px rgba(135,165,44,.13)}.jbn-detail-info__thumbs img{width:100%;height:100%;object-fit:cover}.jbn-detail-info__media .jbn-detail-placeholder{height:570px;border-radius:23px;background:#e7efe1}.jbn-detail-info__content{padding:18px 0}.jbn-detail-info__content h2{font-size:clamp(38px,4vw,60px)}@media(max-width:950px){.jbn-detail-info__media{position:static}.jbn-detail-info__slider,.jbn-detail-info__media .jbn-detail-placeholder{height:480px}.jbn-detail-hero--content-only .jbn-detail-hero__copy{padding-top:25px}}@media(max-width:580px){.jbn-detail-hero--content-only{padding-block:28px 55px}.jbn-detail-hero--content-only .jbn-detail-hero__copy{padding-top:15px}.jbn-detail-info__slider,.jbn-detail-info__media .jbn-detail-placeholder{height:360px}.jbn-detail-info__slider>button{width:40px;height:40px}.jbn-detail-info__thumbs button{flex-basis:68px;height:58px}}