/* One full-width canvas: the complete copy and image travel together. */
.product-hero{position:relative;isolation:isolate;background:#f1fbf8;border-bottom:1px solid #cfe8e1;overflow:hidden}
.hero-screen-reader{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.hero-viewport{overflow:hidden;touch-action:pan-y pinch-zoom}
.hero-track{display:flex;align-items:stretch;transition:transform .75s cubic-bezier(.65,0,.2,1)}
.hero-track.is-dragging{transition:none!important}
.hero-track.is-snapping{transition-duration:.32s;transition-timing-function:cubic-bezier(.22,.61,.36,1)}
.hero-viewport.is-dragging,.hero-viewport.is-dragging *{user-select:none;-webkit-user-select:none;cursor:grabbing}
.hero-slide{position:relative;flex:0 0 100%;min-width:0;background:linear-gradient(105deg,#fff 4%,#f1fbf8 57%,#ddf5ee);isolation:isolate}
.hero-slide:before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(ellipse at 82% 48%,#7cd9c32b,transparent 50%)}
.hero-slide-inner{width:min(1440px,calc(100% - 112px));margin-inline:auto;display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);align-items:center;gap:64px;min-height:610px;padding-block:62px}
.hero-slide-copy{min-width:0;padding-block:14px;max-width:580px}
.hero-slide-category{display:flex;align-items:center;flex-wrap:wrap;gap:12px;color:#087d77;font-size:15px;font-weight:750;margin:0 0 26px;line-height:1.6}
.hero-slide-category>span:first-child{display:block;width:27px;height:3px;background:#0db7ac}
.hero-category-divider{color:#8fbfb5;font-weight:500}
.hero-slide-copy h2,.hero-slide-copy h1{font-size:clamp(38px,3.7vw,58px);line-height:1.14;letter-spacing:-1.8px;font-weight:800;color:#163e48;margin:0 0 25px;overflow-wrap:anywhere;text-wrap:balance}
.hero-slide-description{font-size:18px;line-height:1.8;color:#526f76;margin:0 0 32px;max-width:500px}
.hero-slide-actions{display:flex;flex-wrap:wrap;gap:12px}
.hero-slide-actions .button{font-size:15px;min-height:55px;padding:15px 23px;gap:22px}
.hero-slide-media{position:relative;display:block;min-width:0;margin:0;border-radius:8px;box-shadow:0 25px 55px -28px #1b665d66;outline-offset:8px}
.hero-slide-media:before{content:"";position:absolute;z-index:-1;inset:-24px -30px -24px 35px;border:1px solid #86cdbb;border-radius:10px}
.hero-slide-media img{display:block;width:100%;height:auto;aspect-ratio:1672/941;object-fit:contain;border-radius:8px;background:#052338}
.hero-slide-media:hover{color:inherit}
.hero-controls{position:absolute;z-index:2;right:max(56px,calc((100% - 1440px)/2));bottom:20px;display:flex;align-items:center;gap:10px}
.hero-arrow{display:grid;place-items:center;width:48px;height:48px;padding:8px;border:0;border-radius:0;color:#087f7c;background:transparent;box-shadow:none;cursor:pointer;transition:color .2s}
.hero-arrow svg{display:block;width:28px;height:28px;pointer-events:none;transition:transform .2s}
.hero-arrow:hover{background:transparent;color:#163e48}
.hero-arrow[data-hero-prev]:hover svg{transform:translateX(-3px)}
.hero-arrow[data-hero-next]:hover svg{transform:translateX(3px)}
.hero-empty .hero-slide-inner{min-height:600px}
@media(min-width:1600px){.hero-slide-inner{min-height:650px;gap:90px}.hero-slide-copy h2,.hero-slide-copy h1{font-size:62px}}
@media(max-width:1150px) and (min-width:1025px){.hero-slide-inner{width:calc(100% - 64px);gap:38px;min-height:580px;padding-block:50px}.hero-slide-copy h2,.hero-slide-copy h1{font-size:43px}.hero-slide-description{font-size:17px}.hero-slide-actions .button{padding-inline:18px;gap:15px}.hero-controls{right:32px}.hero-slide-media:before{right:-16px}}
@media(max-width:1024px){
.hero-slide-inner{width:calc(100% - 56px)}
.hero-slide-inner{min-height:540px;gap:30px;padding-block:45px;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)}
.hero-slide-copy h2,.hero-slide-copy h1{font-size:36px;letter-spacing:-1.1px;line-height:1.17}
.hero-slide-category{font-size:13px;gap:9px;margin-bottom:20px}.hero-slide-description{font-size:16px;line-height:1.75;margin-bottom:25px}
.hero-slide-actions .button{font-size:13px;min-height:50px;padding:13px 18px;gap:17px}.hero-slide-media:before{inset:-17px -12px -17px 24px}
.hero-controls{right:28px;bottom:16px;gap:8px}
}
@media(max-width:760px){
.hero-slide-inner{width:calc(100% - 36px);grid-template-columns:1fr;align-content:start;min-height:0;gap:16px;padding-block:20px 76px}
.hero-slide-copy{max-width:600px;padding:0}.hero-slide-copy h2,.hero-slide-copy h1{font-size:clamp(34px,6vw,43px);line-height:1.16;margin-bottom:10px;letter-spacing:-1.2px;text-wrap:initial;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;block-size:2.32em}
.hero-slide-category{font-size:13px;margin-bottom:10px}.hero-slide-description{font-size:15px;line-height:1.8;margin-bottom:0;max-width:580px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;block-size:5.4em}
.hero-slide-actions{display:none}
.hero-slide-actions .button{font-size:13px;padding:13px 16px;gap:14px}.hero-slide-media{width:100%;max-width:620px;margin-inline:auto}.hero-slide-media:before{inset:-10px 10px;transform:translateY(5px)}
.hero-controls{right:max(18px,calc((100% - 620px)/2));bottom:12px}.hero-arrow{height:44px;width:44px}.hero-arrow svg{width:25px;height:25px}
.hero-empty .hero-slide-inner{min-height:0}
}
@media(max-width:380px){.hero-slide-copy h2,.hero-slide-copy h1{font-size:32px}.hero-slide-actions .button{font-size:12px;padding-inline:15px;gap:15px}.hero-arrow{width:44px;height:44px}}
@media(prefers-reduced-motion:reduce){.hero-track,.hero-arrow,.hero-arrow svg{transition:none}.hero-arrow:hover svg{transform:none}}