.detail-header{ position:sticky; inset-block-start:0; z-index:70; background:rgba(255,255,255,.94); backdrop-filter:blur(14px); border-bottom:1px solid rgba(12,71,82,.1); }
.detail-header-inner{ min-height:92px; display:flex; align-items:center; gap:24px; }
.detail-nav{ display:flex; align-items:center; gap:22px; margin-inline-start:auto; }
.detail-nav > a:not(.btn){ color:var(--color-deep); text-decoration:none; font-weight:700; font-size:14px; }
.detail-language{ display:flex; gap:4px; }
.detail-language button{ width:38px; height:38px; border:1px solid rgba(10,70,80,.13); border-radius:10px; background:#fff; color:var(--color-deep); font-weight:800; cursor:pointer; }
.detail-language button.is-active{ background:var(--color-deep); color:#fff; }
.detail-hero{ padding-block:64px 80px; background:linear-gradient(135deg,#f8fcfb,#eaf7f4); }
.detail-hero-grid{ display:grid; grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr); gap:64px; align-items:center; }
.detail-main-image-wrap{ position:relative; min-height:560px; display:grid; place-items:center; border-radius:28px; background:#fff; overflow:hidden; box-shadow:0 22px 55px rgba(9,55,67,.13); }
.detail-main-image-wrap > img{ width:100%; height:100%; max-height:650px; object-fit:contain; cursor:zoom-in; }
.detail-arrow{ position:absolute; inset-block-start:50%; transform:translateY(-50%); width:48px; height:48px; border:0; border-radius:50%; background:rgba(255,255,255,.94); box-shadow:0 8px 24px rgba(5,44,55,.18); color:var(--color-deep); font-size:34px; cursor:pointer; }
.detail-prev{ inset-inline-start:16px; }.detail-next{ inset-inline-end:16px; }
.detail-zoom{ position:absolute; inset-block-start:16px; inset-inline-end:16px; width:46px; height:46px; border:0; border-radius:50%; background:var(--color-deep); color:#fff; font-size:25px; cursor:pointer; }
.detail-image-count{ position:absolute; inset-block-end:16px; inset-inline-end:16px; padding:6px 11px; border-radius:999px; background:rgba(9,51,63,.82); color:#fff; font-size:12px; }
.detail-thumbnails{ display:flex; justify-content:center; gap:12px; margin-top:14px; }
.detail-thumb{ width:90px; height:90px; padding:5px; border:2px solid transparent; border-radius:16px; background:#fff; box-shadow:0 8px 22px rgba(8,53,65,.08); cursor:pointer; }
.detail-thumb.is-active{ border-color:var(--color-leaf); }
.detail-thumb img{ width:100%; height:100%; object-fit:contain; border-radius:11px; }
.detail-back{ display:inline-flex; color:var(--color-deep); text-decoration:none; font-weight:700; font-size:14px; margin-bottom:25px; }
.detail-summary h1{ margin:5px 0 16px; font-family:var(--font-display); color:var(--color-deep); font-size:clamp(42px,6vw,76px); line-height:1; }
.detail-lead{ max-width:650px; font-size:17px; line-height:1.85; }
.detail-badges{ display:flex; flex-wrap:wrap; gap:8px; margin:22px 0; }
.detail-badges span{ padding:8px 12px; border-radius:999px; background:#fff; border:1px solid rgba(15,124,113,.15); color:#155f62; font-size:12px; font-weight:800; }
.detail-facts{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:28px 0; }
.detail-facts div{ padding:15px 16px; border-radius:15px; background:rgba(255,255,255,.78); border:1px solid rgba(12,73,82,.08); }
.detail-facts dt{ font-size:12px; color:#55727a; }.detail-facts dd{ margin:5px 0 0; color:var(--color-deep); font-weight:800; }
.detail-actions{ display:flex; flex-wrap:wrap; gap:10px; }.detail-actions .btn{ flex:1 1 160px; }
.detail-disclaimer{ margin-top:14px; font-size:12px; opacity:.7; }
.detail-section{ padding-block:88px; }
.detail-specs{ background:#fff; }
.version-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; margin-top:38px; }
.version-card{ padding:28px; border:1px solid rgba(12,73,82,.12); border-radius:24px; background:#fff; box-shadow:0 14px 35px rgba(8,50,61,.06); }
.version-card-featured{ border-color:rgba(24,151,133,.35); background:linear-gradient(180deg,#f6fcfa,#fff); }
.version-card-head{ display:flex; justify-content:space-between; align-items:end; gap:12px; padding-bottom:17px; border-bottom:1px solid rgba(12,73,82,.1); }
.version-card-head span{ font-size:22px; color:var(--color-deep); font-weight:800; }.version-card-head small{ font-size:12px; color:#5d757b; }
.version-card ul{ display:grid; gap:12px; margin:22px 0 0; padding:0; list-style:none; }
.version-card li{ position:relative; padding-inline-start:28px; line-height:1.65; font-size:14px; }.version-card li::before{ content:'✓'; position:absolute; inset-inline-start:0; color:var(--color-leaf); font-weight:900; }
.detail-service{ background:#eef8f6; }
.service-grid{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; margin-top:38px; }
.service-grid article{ padding:24px; border-radius:20px; background:#fff; border:1px solid rgba(12,73,82,.08); }
.service-grid article > span{ display:grid; place-items:center; width:42px; height:42px; border-radius:13px; background:var(--color-deep); color:#fff; font-weight:900; }
.service-grid h3{ margin:17px 0 8px; color:var(--color-deep); }.service-grid p{ margin:0; font-size:14px; line-height:1.75; }
.maintenance-checklist{ margin-top:22px; padding:28px; border-radius:22px; background:var(--color-deep); color:#fff; }
.maintenance-checklist h3{ margin-top:0; font-size:21px; }.maintenance-checklist ul{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px 28px; margin:0; padding-inline-start:20px; }.maintenance-checklist li{ line-height:1.7; }
.detail-download{ background:#fff; }
.detail-download-card{ display:flex; align-items:center; justify-content:space-between; gap:36px; padding:38px 42px; border-radius:26px; background:linear-gradient(135deg,var(--color-deep),#176b78); color:#fff; }
.detail-download-card .eyebrow{ color:#94e2d5; }.detail-download-card h2{ margin:6px 0 8px; font-size:clamp(25px,4vw,40px); }.detail-download-card p{ margin:0; color:rgba(255,255,255,.82); }
.detail-final-cta{ text-align:center; background:#f8fcfb; }.detail-final-cta h2{ margin:0 0 12px; color:var(--color-deep); font-size:clamp(28px,4vw,45px); }.detail-final-cta p{ max-width:700px; margin:0 auto 25px; }
.detail-footer{ padding:30px 0; background:#062f3b; color:#fff; }.detail-footer .container{ display:flex; align-items:center; justify-content:space-between; gap:20px; flex-wrap:wrap; }.detail-footer a{ color:#fff; }

@media(max-width:1000px){ .detail-hero-grid{ grid-template-columns:1fr; gap:40px; }.service-grid{ grid-template-columns:repeat(2,1fr); }.detail-main-image-wrap{ min-height:480px; } }
@media(max-width:820px){ .detail-header-inner{ min-height:76px; }.detail-nav > a:not(.btn){ display:none; }.detail-language{ margin-inline-start:auto; }.detail-language button{ width:34px;height:34px;font-size:11px; }.detail-nav{ margin-inline-start:0; }.detail-nav .btn{ display:none; } }
@media(max-width:720px){ .detail-hero{ padding-block:34px 56px; }.detail-main-image-wrap{ min-height:370px; border-radius:20px; }.detail-summary h1{ font-size:48px; }.detail-facts{ grid-template-columns:1fr 1fr; }.detail-section{ padding-block:62px; }.version-grid,.service-grid{ grid-template-columns:1fr; }.maintenance-checklist ul{ grid-template-columns:1fr; }.detail-download-card{ align-items:flex-start; flex-direction:column; padding:28px 24px; }.detail-download-card .btn{ width:100%; }.detail-footer .container{ justify-content:center; text-align:center; }.detail-footer span{ width:100%; }.detail-actions .btn{ flex-basis:100%; } }
@media(max-width:390px){ .detail-language{ gap:2px; }.detail-language button{ width:31px;height:31px; }.detail-facts{ grid-template-columns:1fr; }.detail-main-image-wrap{ min-height:320px; } }

.detail-spec-note{max-width:820px;margin:-22px auto 34px;text-align:center;font-size:13px;line-height:1.7;padding:12px 16px;border-radius:12px;background:#eef7f5;color:#315d63}.other-product{background:#fff}.other-product-card{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);gap:44px;align-items:center;padding:38px;border-radius:28px;background:linear-gradient(135deg,#eef8f6,#f8fcfb);border:1px solid rgba(14,58,92,.08)}.other-product-image{min-height:330px;border-radius:22px;background:#fff;display:grid;place-items:center;overflow:hidden}.other-product-image img{width:100%;height:330px;object-fit:contain}.other-product-card h2{font-size:clamp(28px,4vw,42px)}.other-product-card strong{display:block;font-size:25px;color:var(--color-deep);margin:18px 0}.other-product-card>div:last-child>div{display:flex;gap:10px;flex-wrap:wrap}.detail-legal{display:flex;gap:6px}.detail-legal a{font-size:12px}@media(max-width:800px){.other-product-card{grid-template-columns:1fr;padding:24px}.other-product-image{min-height:270px}.other-product-image img{height:270px}.other-product-card>div:last-child>div .btn{width:100%}}

/* Owner-final image visibility and brand presentation */
.detail-main-image-wrap{position:relative;background:linear-gradient(145deg,#fff,#edf6f5)}
.detail-main-image,.other-product-image img{filter:drop-shadow(0 18px 24px rgba(4,45,58,.13))}
.detail-main-image-wrap::after{content:"AQUA FLORA";position:absolute;z-index:4;inset-inline-end:14px;inset-block-end:14px;padding:6px 10px;border-radius:999px;background:rgba(8,47,73,.88);color:#fff;font-size:10px;font-weight:900;letter-spacing:.08em;pointer-events:none}
.other-product-image{background:linear-gradient(145deg,#fff,#e8f3f2)}
@media(max-width:720px){.detail-main-image-wrap::after{font-size:9px;inset-inline-end:10px;inset-block-end:10px}}


/* Official logo integration */
.detail-header .brand{flex:0 0 auto;}
.detail-footer .container{align-items:center;}
@media(max-width:720px){
  .detail-header-inner{gap:10px;}
  .detail-footer .container{flex-direction:column;}
}