/* Product detail content; the header, footer and product list remain shared. */
@font-face{font-family:'PB Inter';src:url('../fonts/pb-inter.woff2') format('woff2');font-weight:400 700;font-style:normal;font-display:swap}
.pd-body{margin:0;background:#fff;color:#0a2530;font-family:'PB Inter',Inter,'Segoe UI',Arial,sans-serif;-webkit-font-smoothing:antialiased}
.pd-page{font-size:15px;line-height:1.65}
.pd-page,.pd-page *,.pd-page *::before,.pd-page *::after{box-sizing:border-box}
.pd-page [hidden]{display:none!important}
.pd-page :where(h1,h2,h3,p,dl,dd){margin:0}
.pd-page a{color:inherit;text-decoration:none}
.pd-page button{font:inherit;cursor:pointer}
.pd-page :focus-visible{outline:3px solid #ef8d45;outline-offset:4px}
.pd-page h1,.pd-page h2,.pd-page h3{font-weight:600;letter-spacing:-.025em;line-height:1.25}
.pd-page h2{font-size:clamp(25px,2.4vw,34px)}
.pd-wrap{width:88%;max-width:1320px;margin-inline:auto}
.pd-eyebrow{font-size:10px;font-weight:600;letter-spacing:.14em;line-height:1.5;color:#467570;margin-bottom:9px!important}
.pd-page .pd-button{font-family:inherit;font-size:13px;font-weight:600;letter-spacing:0;padding:13px 23px;min-height:48px}
.pd-button .pb-icon{width:18px;height:18px}
.pd-breadcrumb-band{background:#f5f8f6;border-block:1px solid #edf1ee}
.pd-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:8px 11px;padding-block:18px;font-size:11px;color:#6c7c78}
.pd-breadcrumb a:hover{color:#00565c;text-decoration:underline}
.pd-breadcrumb [aria-current]{color:#254b47;overflow-wrap:anywhere}
.pd-product{display:grid;grid-template-columns:1.07fr 1fr;gap:clamp(30px,5vw,72px);align-items:start;padding-block:43px 50px}
.pd-gallery{min-width:0;position:sticky;top:24px}
.pd-stage{position:relative;display:grid;place-items:center;aspect-ratio:1.12;border:1px solid #e1eae4;border-radius:17px;background:radial-gradient(ellipse at 50% 40%,#ffffff 0%,#f3f7f4 70%,#eaf2ed 100%);padding:58px 35px 55px;overflow:hidden}
.pd-stage-label{position:absolute;left:22px;top:20px;display:flex;align-items:center;gap:7px;color:#568078;font-size:9px;font-weight:600;letter-spacing:.1em}
.pd-stage-label .pb-icon{width:16px;height:16px}
.pd-stage>img{display:block;width:100%;height:100%;max-height:415px;min-height:0;object-fit:contain;mix-blend-mode:multiply}
.pd-zoom{position:absolute;bottom:18px;right:18px;display:flex;align-items:center;gap:7px;background:#fff;border:1px solid #dce7df;border-radius:24px;padding:8px 12px;font-size:10px;color:#315e55!important}
.pd-zoom:hover{border-color:#6f9e8e;background:#f9fcfa}
.pd-zoom .pb-icon{width:16px;height:16px}
.pd-gallery-bottom{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:16px}
.pd-thumbnails{display:flex;gap:10px;min-width:0;overflow:auto;padding:3px}
.pd-thumbnail{display:grid;place-items:center;flex-shrink:0;width:76px;height:70px;padding:8px;background:#fff;border:1px solid #dde7e0;border-radius:9px;transition:border-color .2s}
.pd-thumbnail img{display:block;width:100%;height:100%;object-fit:contain}
.pd-thumbnail:hover{border-color:#80a79a}
.pd-thumbnail[aria-current="true"]{border:2px solid #0a6159;background:#f4faf7}
.pd-gallery-navigation{display:flex;align-items:center;justify-content:center;gap:8px;color:#648077;font-size:10px;white-space:nowrap}
.pd-gallery-navigation button{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#fff;border:1px solid #d9e5de;color:#285c52;padding:0}
.pd-gallery-navigation button:hover{background:#eaf5ee}
.pd-gallery-navigation .pb-icon{width:16px;height:16px}
.pd-image-prev .pb-icon{transform:rotate(180deg)}
.pd-gallery-caption{text-align:center;color:#81918a;font-size:10px;margin-top:13px!important}
.pd-no-image{text-align:center;color:#6a8479}
.pd-no-image .pb-icon{width:65px;height:65px;margin-bottom:15px}
.pd-summary{padding-top:5px;min-width:0}
.pd-category{display:inline-flex;align-items:center;gap:9px;padding:6px 11px;border-radius:20px;background:#edf5f0;color:#226b5b!important;font-size:11px;font-weight:500;margin-bottom:17px}
.pd-category .pb-icon{width:14px;height:14px}
.pd-category:hover{background:#e0efe6}
.pd-summary h1{font-size:clamp(27px,2.75vw,39px);line-height:1.2;letter-spacing:-.035em;font-weight:700;overflow-wrap:anywhere}
.pd-intro{margin-top:20px;color:#5c6e6d;font-size:14px;line-height:1.8}
.pd-rich{overflow-wrap:anywhere}
.pd-rich :where(p,ul,ol){margin-block:0 12px}
.pd-rich :where(img,video){max-width:100%;height:auto}
.pd-rich table{display:block;max-width:100%;overflow-x:auto}
.pd-rich a{color:#00625d;text-decoration:underline}
.pd-price{margin-top:24px;padding-top:23px;border-top:1px solid #e3eae5}
.pd-price>span{display:block;font-size:11px;color:#70837b;font-weight:500}
.pd-price strong{display:block;font-size:37px;line-height:1.3;letter-spacing:-.035em;font-weight:700;color:#103e37;margin-top:3px}
.pd-price p{font-size:11px;color:#74847e;margin-top:6px}
.pd-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.pd-actions>.pd-button{flex:1}
.pd-page .pd-save{display:inline-flex;align-items:center;justify-content:center;gap:9px;flex:1;padding:12px 17px;min-height:48px;border:1px solid #c6d9ce;border-radius:30px;background:#fff;color:#19564b;font-size:12px;font-weight:600;white-space:nowrap}
.pd-save:hover{background:#edf6f0}
.pd-save .pb-icon{width:18px;height:18px}
.pd-action-note{font-size:11px;color:#7d8a83;line-height:1.7;margin-top:13px!important}
.pd-action-note a{color:#21594f;text-decoration:underline;text-underline-offset:3px}
.pd-summary-points{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:25px;padding:21px 0;border-block:1px solid #e6ece7}
.pd-summary-points>div{display:flex;align-items:center;gap:11px}
.pd-summary-points .pb-icon{width:26px;height:26px;color:#1a6558}
.pd-summary-points span{font-size:10px;color:#6a8076;line-height:1.8}
.pd-summary-points strong{font-size:11px;font-weight:500;color:#204a40}
.pd-spec-link{display:inline-flex;align-items:center;gap:8px;margin-top:19px;font-size:12px;font-weight:500;color:#225f53!important}
.pd-spec-link:hover{text-decoration:underline}
.pd-spec-link .pb-icon{width:17px;height:17px}
.pd-information{margin-bottom:40px}
.pd-tab-nav{display:flex;gap:34px;border-bottom:1px solid #dce6df;overflow-x:auto}
.pd-tab-nav a{flex-shrink:0;padding:17px 4px;border-bottom:3px solid transparent;font-size:14px;font-weight:600;color:#77857d}
.pd-tab-nav a:hover{color:#14594d}
.pd-tab-nav a[aria-selected="true"]{color:#07574d;border-color:#ff604b}
.pd-panel{padding-top:34px;scroll-margin-top:20px}
.pd-section-heading{margin-bottom:28px;max-width:810px}
.pd-section-heading>p:not(.pd-eyebrow){font-size:14px;line-height:1.7;color:#6d7e76;margin-top:12px}
.pd-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.pd-feature{border:1px solid #e4ebe5;border-radius:12px;background:#f7faf7;padding:26px}
.pd-feature:nth-child(3n+2){background:#fff5ef;border-color:#f4e7dd}
.pd-feature-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#e1eee5;color:#216555;margin-bottom:19px}
.pd-feature:nth-child(3n+2) .pd-feature-icon{background:#ffe4d6;color:#ca5b3a}
.pd-feature-icon .pb-icon{width:23px;height:23px}
.pd-feature h3{font-size:18px;line-height:1.45;margin-bottom:13px}
.pd-feature .pd-rich{font-size:13px;line-height:1.8;color:#6a7a72}
.pd-description{border-top:1px solid #e3ebe4;margin-top:30px;padding-top:27px}
.pd-description h3{font-size:23px;margin-bottom:17px}
.pd-description .pd-rich{font-size:14px;line-height:1.85;color:#607469;max-width:100ch}
.pd-spec-group{border:1px solid #dde7df;border-radius:11px;overflow:hidden;margin-bottom:15px}
.pd-spec-group summary,.pd-notes summary{display:flex;justify-content:space-between;align-items:center;gap:15px;cursor:pointer;list-style:none;padding:19px 24px;font-size:15px;font-weight:600;color:#255a4c;background:#f1f7f2}
.pd-spec-group summary::-webkit-details-marker,.pd-notes summary::-webkit-details-marker{display:none}
.pd-spec-group summary .pb-icon,.pd-notes summary .pb-icon{width:18px;height:18px}
.pd-spec-group[open]>summary .pb-icon,.pd-notes[open]>summary .pb-icon{transform:rotate(180deg)}
.pd-spec-group dl>div{display:grid;grid-template-columns:minmax(180px,30%) minmax(0,1fr);border-top:1px solid #e9eee9;padding:17px 24px;gap:30px;font-size:13px;line-height:1.75}
.pd-spec-group dl>div:nth-child(even){background:#fafcf9}
.pd-spec-group dt{color:#3a5b4d;font-weight:600}
.pd-spec-group dd{color:#6a7c70;min-width:0}
.pd-notes{margin-top:24px;border:1px solid #e6ebe5;border-radius:10px;overflow:hidden}
.pd-notes summary{background:#fafbf8;font-size:13px}
.pd-notes>.pd-rich{padding:24px;font-size:12px;line-height:1.85;color:#6a7e70}
.pd-blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}
.pd-blog{border:1px solid #e0e8e1;border-radius:12px;overflow:hidden}
.pd-blog img{display:block;width:100%;height:auto;aspect-ratio:1.75;object-fit:cover}
.pd-blog a>div{padding:23px}
.pd-blog .pd-eyebrow{font-size:9px}
.pd-blog h3{font-size:19px;line-height:1.45}
.pd-blog a:hover h3{color:#0b6757}
.pd-blog a>div>span{display:flex;align-items:center;gap:9px;margin-top:20px;font-size:12px;font-weight:600;color:#d4523d}
.pd-blog a>div>span .pb-icon{width:18px;height:18px}
.pd-empty{padding:30px;border:1px dashed #c5d7c9;border-radius:12px;background:#f7faf7;color:#647b6d}
.pd-empty a{display:inline-flex;align-items:center;gap:9px;font-size:13px;font-weight:600;margin-top:13px;color:#0e6752}
.pd-empty a:hover{text-decoration:underline}
.pd-help-banner{display:flex;align-items:center;gap:26px;padding:33px 36px;border-radius:14px;background:linear-gradient(115deg,#063e3c,#00605f);color:white;margin-top:42px}
.pd-help-icon{display:grid;place-items:center;flex-shrink:0;width:64px;height:64px;border-radius:50%;background:#ffffff15;border:1px solid #ffffff27;color:#d5f0e8}
.pd-help-icon .pb-icon{width:33px;height:33px}
.pd-help-banner .pd-eyebrow{color:#b8ded4;font-size:9px}
.pd-help-banner h2{font-size:27px}
.pd-help-banner p:not(.pd-eyebrow){font-size:12px;color:#c2dfd7;margin-top:9px}
.pd-help-banner .pd-button{margin-left:auto;flex-shrink:0}
.pd-back{padding-block:27px 40px}
.pd-back a{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:#3d7160}
.pd-back a:hover{text-decoration:underline}
.pd-back .pb-icon{width:17px;height:17px;transform:rotate(180deg)}
.pd-lightbox{width:min(1000px,94vw);max-height:92vh;border:1px solid #dce7e0;border-radius:15px;padding:22px;background:#fff;color:#123f32;box-shadow:0 20px 80px #002c3055}
.pd-lightbox::backdrop{background:#082b2be0}
.pd-lightbox-heading{display:flex;align-items:center;gap:18px;justify-content:space-between;margin-bottom:15px}
.pd-lightbox h2{font-size:16px;letter-spacing:-.01em}
.pd-lightbox-heading button{display:grid;place-items:center;flex-shrink:0;width:38px;height:38px;background:#eff5ef;border:0;border-radius:50%;color:#154c3c}
.pd-lightbox>img{display:block;width:100%;height:min(62vh,650px);object-fit:contain}
.pd-lightbox .pd-gallery-navigation{margin-top:17px;font-size:12px;gap:17px}
.pd-lightbox .pd-gallery-navigation button{width:40px;height:40px}
@media(max-width:1150px){.pd-product{gap:32px}.pd-stage{padding-inline:24px}.pd-gallery-bottom{flex-wrap:wrap}.pd-gallery-navigation{margin-left:auto}.pd-feature{padding:22px}.pd-help-banner{gap:18px;padding:28px}.pd-help-icon{width:50px;height:50px}.pd-help-banner h2{font-size:23px}.pd-help-banner .pd-button{font-size:12px;padding-inline:18px}}
@media(max-width:900px){.pd-product{grid-template-columns:1fr 1fr;gap:25px}.pd-stage{aspect-ratio:1;padding-inline:19px}.pd-summary h1{font-size:27px}.pd-intro{font-size:13px}.pd-actions{flex-direction:column}.pd-gallery{position:static}.pd-thumbnail{width:65px;height:60px}.pd-thumbnails{gap:8px}.pd-feature-grid{gap:15px}.pd-feature{padding:20px}.pd-feature h3{font-size:16px}.pd-feature .pd-rich{font-size:12px}.pd-help-icon{display:none}.pd-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.pd-wrap{width:90%}.pd-breadcrumb{font-size:10px;padding-block:15px;gap:6px 9px}.pd-breadcrumb [aria-current]{flex-basis:100%}.pd-product{grid-template-columns:1fr;gap:30px;padding-block:24px 32px}.pd-stage{aspect-ratio:1.12;max-height:470px;padding:48px 30px}.pd-stage-label{font-size:9px;left:17px;top:17px}.pd-gallery-bottom{gap:9px}.pd-thumbnail{width:66px;height:61px}.pd-summary h1{font-size:30px}.pd-category{margin-bottom:14px}.pd-intro{font-size:14px;line-height:1.8}.pd-price strong{font-size:34px}.pd-price p{font-size:12px}.pd-actions{flex-direction:row}.pd-action-note{font-size:12px}.pd-summary-points span{font-size:11px}.pd-summary-points strong{font-size:12px}.pd-spec-link{font-size:13px}.pd-tab-nav{gap:22px}.pd-tab-nav a{font-size:12px;padding:15px 0}.pd-panel{padding-top:26px}.pd-section-heading>p:not(.pd-eyebrow){font-size:13px}.pd-feature-grid{grid-template-columns:1fr}.pd-feature{padding:24px}.pd-feature h3{font-size:19px}.pd-feature .pd-rich{font-size:14px;line-height:1.75}.pd-feature-icon{margin-bottom:15px}.pd-description .pd-rich{font-size:14px}.pd-spec-group summary{font-size:14px;padding:17px}.pd-spec-group dl>div{grid-template-columns:1fr;gap:5px;padding:15px 17px;font-size:13px}.pd-notes summary{padding:17px;font-size:12px}.pd-notes>.pd-rich{padding:17px}.pd-help-banner{flex-direction:column;align-items:flex-start;padding:27px;gap:23px;margin-top:32px}.pd-help-banner .pd-button{margin-left:0;white-space:normal}.pd-help-banner h2{font-size:26px}.pd-help-banner p:not(.pd-eyebrow){font-size:13px}.pd-blog-grid{grid-template-columns:1fr}.pd-blog img{aspect-ratio:1.85}.pd-lightbox{padding:16px}.pd-lightbox h2{font-size:13px}.pd-back{padding-bottom:30px}}
@media(max-width:390px){.pd-summary h1{font-size:27px}.pd-actions{flex-direction:column}.pd-thumbnail{width:59px;height:55px}.pd-thumbnails{gap:7px}.pd-tab-nav{gap:18px}.pd-tab-nav a{font-size:11px}.pd-summary-points{gap:10px}.pd-summary-points>div{gap:8px}.pd-summary-points .pb-icon{width:23px;height:23px}}
@media(prefers-reduced-motion:reduce){.pd-page *{transition:none!important}}
