.page-product{background:#fafbf7;color:#06382d}
.page-product>header{position:absolute;background:transparent;border:0}
.product-detail{display:grid;grid-template-columns:1fr 1fr;min-height:820px;overflow:hidden;background:#fafbf7}
.product-detail-copy{position:relative;z-index:2;padding:144px 60px 38px max(24px,calc((100vw - 1194px)/2));display:flex;flex-direction:column;align-items:flex-start}
.product-back{display:inline-flex;align-items:center;gap:12px;font:14px/1.5 Arial,sans-serif;color:#5b6c61;margin-bottom:64px;min-height:32px}
.product-back:hover{color:#06382d;text-decoration:underline}
.product-kicker{font:600 10px/1.5 Arial,sans-serif;letter-spacing:.17em;color:#288570;margin-bottom:18px}
.product-detail h1{font-size:clamp(32px,3.6vw,56px);font-weight:400;line-height:1.08;letter-spacing:-.035em;overflow-wrap:anywhere;max-width:570px}
.product-detail-subtitle{font-size:21px;line-height:1.4;margin-top:24px;color:#237258;max-width:470px}
.product-detail-description{font-size:16px;line-height:1.8;max-width:450px;margin-top:20px;color:#526457}
.product-enquire{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;background:#033729;color:#fff;border:1px solid #033729;border-radius:8px;padding:15px 20px;min-height:48px;margin-top:28px;font:14px/1.5 Arial,sans-serif;transition:background .2s,box-shadow .2s}
.product-enquire:hover{background:#174f3b;box-shadow:0 8px 20px #0003}
.product-enquire span{font-size:22px;color:#b9e42c}
.product-help{font:12px/1.6 Arial,sans-serif;color:#67796c;margin:14px 0 32px;max-width:380px}
.product-status{display:inline-block;padding:8px 12px;border-radius:24px;background:#e9efdf;color:#355c39;margin-top:20px;font:12px/1.4 Arial,sans-serif}
.product-pagination{margin-top:auto;padding-top:28px;display:flex;justify-content:space-between;align-items:center;width:100%;max-width:450px;border-top:1px solid #dce4d9;font:14px/1.5 Arial,sans-serif}
.product-count{color:#738572;margin-left:6px}.product-pagination a{display:flex;align-items:center;gap:16px;min-height:44px}.product-pagination a>span{display:grid;place-items:center;width:42px;height:42px;border:1px solid #ccd9c4;border-radius:12px;font-size:24px}
.product-detail-stage{position:relative;display:flex;flex-direction:column;justify-content:center;padding:144px max(24px,calc((100vw - 1194px)/2)) 40px 32px;background:radial-gradient(ellipse at 35% 25%,#ffffff,#f0f0e9 65%,#e8ebe2);color:#06382d;min-width:0}
.product-orbit{position:absolute;width:580px;height:580px;max-width:100%;border:1px solid #83957722;border-radius:50%;top:12px;left:-14%;pointer-events:none}
.product-detail-art{position:relative;z-index:1;margin:0 0 40px;transform:none;border:1px solid #dde5d7;border-radius:28px;background:#f7f9f3;box-shadow:0 22px 40px -18px #173c2538;overflow:hidden}
.product-detail-art img{width:100%;height:390px;object-fit:contain;background:#f7f9f3;display:block}
.product-detail-art figcaption{padding:13px 16px;text-align:center;font:10px/1.5 Arial,sans-serif;letter-spacing:.13em;color:#35564a;border-top:1px solid #d8e2cf}
.product-feature-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:26px 22px;margin:0}
.product-feature{display:flex;align-items:flex-start;gap:12px;min-width:0}
.product-feature-icon{display:grid;place-items:center;flex-shrink:0;width:40px;height:40px;background:#033729;border:1px solid #033729;border-radius:12px;font:25px/1 Georgia,serif;color:#b9e42c}
.product-feature dt{font:600 13px/1.5 Arial,sans-serif;margin:0 0 4px}.product-feature dd{font:12px/1.6 Arial,sans-serif;color:#526457;margin:0}
@media(prefers-reduced-motion:no-preference){.product-detail-copy{animation:product-copy-in .7s ease both}.product-detail-art{animation:product-art-in 1s cubic-bezier(.16,1,.3,1) both}.product-feature{animation:product-copy-in .8s .25s ease both}}
@keyframes product-copy-in{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}
@keyframes product-art-in{from{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:1100px){.product-detail-copy{padding:132px 44px 32px 28px}.product-back{margin-bottom:40px}.product-detail-stage{padding:132px 24px 40px}.product-detail-art{margin-left:0}.product-detail-art img{height:330px}.product-feature-grid{gap:22px 16px}.product-feature{gap:8px}}
@media(max-width:767px){.product-detail{grid-template-columns:1fr}.product-detail-copy{padding:120px 24px 32px}.product-back{margin-bottom:28px}.product-detail h1{font-size:38px}.product-detail-subtitle{font-size:20px}.product-detail-stage{padding:40px 24px}.product-detail-art{margin:0 0 32px;transform:none}.product-detail-art img{height:300px}.product-orbit{left:0;top:0}.product-pagination{max-width:none}.product-detail-art{animation:none}.product-feature-grid{gap:24px 16px}}
@media(max-width:359px){.product-feature-grid{grid-template-columns:1fr}.product-detail h1{font-size:32px}}

/* Transparent navigation stays legible over the light product canvas. */
.page-product>header{color:#06382d}
.page-product>header img{filter:none}
.page-product>header nav a:hover,.page-product>header nav a[aria-current]{color:#06382d;border-bottom-color:#8fb32c}
.page-product>header .rounded-full{background:#033729;color:#fff;border-color:#033729}
.page-product>header details nav{background:#fafbf7;color:#06382d;border-color:#d8e2cf}
.product-feature-grid{padding:22px;background:#ffffffc9;border:1px solid #dde4d6;border-radius:18px;box-shadow:0 8px 24px #173c2505}
@media(max-width:1100px){.product-feature-grid{padding:18px}}

/* Match navigation contrast to its solid background after scrolling. */
body.page-product>header.is-scrolled{color:#fff}
body.page-product>header.is-scrolled img{filter:brightness(0) invert(1)}
body.page-product>header.is-scrolled nav a{color:#fff}
body.page-product>header.is-scrolled nav a:hover,body.page-product>header.is-scrolled nav a[aria-current]{border-bottom-color:#b9e42c}
body.page-product>header.is-scrolled .rounded-full{background:#03372955;color:#fff;border-color:#b9e42c}
body.page-product>header.is-scrolled details nav{background:#033729;color:#fff;border-color:#ffffff30}
