.ion-solution-page .ion-hero{background:linear-gradient(90deg,rgba(247,250,255,.98) 0%,rgba(247,250,255,.94) 32%,rgba(247,250,255,.62) 53%,rgba(247,250,255,.08) 78%),url("/assets/solutions-import/img/pages/fragrance-modules/header-image.webp") center/cover no-repeat}
.ion-hero-grid{display:block}


.ion-hero-product{text-align:center;min-width:0}
.ion-hero-product img{display:block;width:100%;height:330px;object-fit:contain;mix-blend-mode:multiply}
.ion-hero-product p{font-size:20px;font-weight:600;color:var(--cabin-navy)}
.ion-hero-product span{display:block;margin-top:8px;font-size:13px;color:var(--cabin-copy);font-weight:400}
.ion-installation-figure{margin:0;border:1px solid var(--cabin-line);border-radius:18px;overflow:hidden;background:#fff}
.ion-installation-figure img{display:block;width:100%;height:auto}
.ion-installation-figure figcaption{padding:20px 24px;background:#f7faff;font-size:13px;color:var(--cabin-copy);line-height:1.7}
.ion-installation-figure figcaption span{display:block;color:#0966bd}
.ion-jump-links{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:24px}
.ion-jump-links a{padding:12px 22px;border:1px solid var(--cabin-line);border-radius:30px;color:#0865bc;text-decoration:none;font-size:14px}
.ion-solution-page .cabin-scent-option figure{margin:0;padding:0;background:transparent;border:0;border-radius:0;min-width:0;width:100%}
.ion-solution-page .cabin-scent-option figure img{display:block;width:100%;height:auto;object-fit:contain}
.ion-solution-page .cabin-scent-option figcaption{text-align:center;font-size:13px;line-height:1.5;color:var(--cabin-copy);padding:16px 10px 0}
.ion-engineering-note{margin-top:26px;padding:24px 28px;border-left:3px solid var(--cabin-blue);background:#eaf3ff;line-height:1.75;font-size:14px;color:var(--cabin-ink)}
.ion-three-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.ion-three-grid article,.ion-guide-grid>a{padding:32px;border:1px solid var(--cabin-line);border-radius:14px;text-decoration:none;background:#fff}
.ion-three-grid span{font-size:12px;font-weight:700;color:#0966bd;letter-spacing:.6px}
.ion-three-grid h3{font-size:20px;font-weight:600;line-height:1.3;margin:17px 0 14px;color:var(--cabin-navy)}
.ion-three-grid p,.ion-pack-callout p{font-size:15px;line-height:1.8;color:var(--cabin-copy);margin:0}
.ion-source-note{font-size:14px;line-height:1.75;color:var(--cabin-copy);margin-top:26px}
.ion-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.ion-product-card{min-width:0;background:#fff;border:1px solid var(--cabin-line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column}
.ion-product-photo{display:block;padding:22px;height:190px}
.ion-product-photo img{width:100%;height:100%;object-fit:contain}
.ion-product-card>div{padding:22px;border-top:1px solid #edf2f8;flex:1}
.ion-product-card p{font-size:11px;letter-spacing:.7px;color:#0966bd;margin:0}
.ion-product-card h3{font-size:clamp(24px,1.55vw,30px);font-weight:350;line-height:1.22;margin:10px 0;color:#111}
.ion-product-card span{display:block;font-size:14px;line-height:1.62;min-height:42px;color:var(--cabin-copy)}
.ion-card-links{display:grid;gap:12px;margin-top:22px;font-size:13px}
.ion-card-links a,.ion-pack-links a{color:#0966bd;text-decoration:none}
.ion-pack-callout{margin-top:32px;display:grid;grid-template-columns:1.5fr 1fr;gap:40px;align-items:center;border:1px solid var(--cabin-line);padding:32px;border-radius:14px;background:white}
.ion-pack-callout h3{font-size:25px;margin:10px 0 14px}
.ion-pack-links{display:grid;gap:20px;font-size:15px}
.ion-project-steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px}
.ion-project-steps li{border-top:2px solid #bed8f3;padding-top:24px}
.ion-project-steps span{font-size:32px;font-weight:600;color:var(--cabin-blue)}
.ion-project-steps h3{font-size:20px;line-height:1.4;margin:18px 0 12px}
.ion-project-steps p{font-size:15px;line-height:1.75;color:var(--cabin-copy)}
.ion-guide-grid b{display:block;margin-top:22px;font-size:14px;color:#0966bd}
.ion-solution-page section[id],.ion-solution-page article[id]{scroll-margin-top:100px}
.ion-solution-page a:focus-visible{outline:3px solid #126cc4;outline-offset:5px}
@media(max-width:1100px){.ion-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ion-three-grid{gap:16px}.ion-three-grid article,.ion-guide-grid>a{padding:24px}.ion-hero-grid{gap:24px}.ion-project-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:768px){.ion-hero-grid{grid-template-columns:1fr;padding-top:12px;gap:0}.ion-hero-product img{height:230px}.ion-three-grid,.ion-pack-callout{grid-template-columns:1fr}.ion-jump-links{gap:8px;justify-content:flex-start}.ion-jump-links a{font-size:12px;padding:10px 14px}.ion-solution-page .cabin-scent-option figure img{display:block;width:100%;height:auto;object-fit:contain}.ion-product-grid{gap:12px}.ion-product-photo{height:150px;padding:15px}.ion-product-card>div{padding:16px}.ion-card-links{font-size:12px}.ion-project-steps{gap:24px}.ion-installation-figure figcaption{padding:15px}.ion-engineering-note{padding:20px}.ion-pack-callout{padding:24px}}
@media(max-width:390px){.ion-product-grid,.ion-project-steps{grid-template-columns:1fr}.ion-product-photo{height:200px}}

@media(max-width:760px){.ion-solution-page .ion-hero{background:linear-gradient(180deg,rgba(247,250,255,.97) 0%,rgba(247,250,255,.88) 60%,rgba(247,250,255,.4) 100%),url("/assets/solutions-import/img/pages/fragrance-modules/header-image.webp") 62% center/cover no-repeat}}

.ion-solution-page #installation-options{background:#fff}
/* Hide the source drawing's thin left-edge rule without resizing the image. */
.ion-solution-page #integrated-mounting figure img{clip-path:inset(0 0 0 2px)}
.ion-module-comparison{margin:0 0 64px}
.ion-comparison-scroll{overflow-x:auto;border:1px solid var(--cabin-line);border-radius:12px}
.ion-module-comparison table{width:100%;border-collapse:collapse;table-layout:fixed;color:var(--cabin-ink);font-size:14px;line-height:1.6}
.ion-module-comparison caption{text-align:center;padding:20px 24px;font-size:20px;font-weight:600;background:var(--cabin-soft);color:var(--cabin-ink);border-bottom:1px solid var(--cabin-line)}
.ion-module-comparison th,.ion-module-comparison td{padding:18px 16px;text-align:center;border-bottom:1px solid var(--cabin-line);border-right:1px solid var(--cabin-line);overflow-wrap:break-word;vertical-align:middle}
.ion-module-comparison tr>:first-child{width:170px;text-align:left;background:var(--cabin-soft);font-weight:600}
.ion-module-comparison tr>:last-child{border-right:0}
.ion-module-comparison thead img{display:block;width:100%;height:150px;object-fit:contain;margin:0 auto 16px}
.ion-module-comparison thead span{font-size:22px;font-weight:500;color:var(--cabin-navy)}
.ion-module-comparison thead th{background:#fff}
.ion-module-comparison tfoot th,.ion-module-comparison tfoot td{border-bottom:0}
.ion-module-comparison .cabin-scent-btn{font-size:13px;min-height:42px;padding:0 18px;white-space:nowrap}
.ion-module-comparison--5 table{min-width:1050px}
.ion-module-comparison--2 table{min-width:580px}
.ion-module-comparison--1{max-width:760px}
.ion-comparison-scroll:focus-visible{outline:2px solid var(--cabin-blue);outline-offset:4px}
@media(max-width:760px){.ion-module-comparison{margin-bottom:40px}.ion-module-comparison tr>:first-child{width:125px}.ion-module-comparison th,.ion-module-comparison td{padding:14px 12px}.ion-module-comparison caption{font-size:18px;padding:18px}.ion-module-comparison--1 table{min-width:320px}}

.ion-module-comparison,.ion-comparison-scroll,.ion-module-comparison table,.ion-module-comparison caption,.ion-module-comparison th,.ion-module-comparison td,.ion-module-comparison tr>:first-child{background:#fff}
.ion-module-comparison--3 table{min-width:760px}
.ion-module-comparison--4 table{min-width:950px}
