/* OASIS-E2 product and cross-site features. Isolated selectors; no checkout or menu restyling. */
:root{--oas-ink:#123451;--oas-teal:#087ca7;--oas-line:#d8e6ef;--oas-mute:#425a6d}
.oas-wrap{width:min(1160px,calc(100% - 40px));margin-inline:auto}
.oas-hero{padding:65px 0;background:linear-gradient(125deg,#f3fafe 0%,#eef6fb 65%,#e7f3f8 100%);border-bottom:1px solid var(--oas-line)}
.oas-hero-grid{display:grid;grid-template-columns:minmax(0,.98fr) minmax(0,1.02fr);gap:38px;align-items:center}
.oas-eyebrow{text-transform:uppercase;letter-spacing:.1em;font-weight:800;font-size:.77rem;color:#0a769d;margin:0 0 11px}
.oas-hero h1{font-size:clamp(2.25rem,4vw,3.6rem);line-height:1.12;letter-spacing:-.04em;color:var(--oas-ink);margin:0 0 20px}
.oas-lead{font-size:1.13rem;color:#35546c;max-width:680px;margin:0 0 21px;line-height:1.65}
.oas-badges{list-style:none;padding:0;margin:22px 0;display:flex;flex-wrap:wrap;gap:9px}
.oas-badges li{padding:6px 12px;border:1px solid #cbdfea;border-radius:999px;font-size:.86rem;color:#173e59;background:#fff;font-weight:700}
.oas-hero-media{position:relative}
.oas-hero-media img{width:100%;border-radius:24px;border:1px solid #cce2eb;box-shadow:0 26px 56px rgba(25,61,86,.12)}
.oas-art-note{font-size:.73rem;color:#607789;text-align:center;margin:8px 0 0}
.oas-price-line{display:flex;align-items:baseline;gap:13px;flex-wrap:wrap;margin:15px 0 2px}
.oas-price{font-size:2.2rem;font-weight:900;color:#113851;letter-spacing:-.04em}
.oas-price-caption{color:#49677a;font-size:.95rem}
.oas-actions{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0 0}
.oas-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;border-radius:10px;padding:11px 19px;text-decoration:none;font-weight:800;font-size:.96rem;transition:background .2s,transform .2s}
.oas-btn:hover{transform:translateY(-1px)}
.oas-btn-primary{color:#fff;background:#0b789f;box-shadow:0 8px 20px rgba(8,108,143,.16)}
.oas-btn-primary:hover{background:#055d82;color:#fff}
.oas-btn-secondary{background:#fff;color:#0b6484;border:1px solid #accbdc}
.oas-btn-secondary:hover{background:#eef8fc;color:#064962}
.oas-state{background:#fff8e8;border:1px solid #eed5a0;color:#735114;padding:13px 17px;border-radius:12px;font-size:.91rem;margin-top:18px;line-height:1.5}
.oas-section{padding:54px 0}
.oas-section.alt{background:#f5f9fc}
.oas-section h2{font-size:clamp(1.8rem,2.6vw,2.3rem);color:var(--oas-ink);line-height:1.24;letter-spacing:-.025em;margin:0 0 16px}
.oas-section p,.oas-section li{color:#345366}
.oas-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px;margin-top:26px}
.oas-card{border:1px solid var(--oas-line);border-radius:16px;padding:25px;background:white;box-shadow:0 12px 35px rgba(23,55,74,.05)}
.oas-card h3{color:#153a51;margin:8px 0 9px;font-size:1.22rem}
.oas-card p{margin:0;font-size:.98rem}
.oas-num{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:12px;color:#0b7198;background:#e1f3f9;font-weight:900}
.oas-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.84fr);gap:38px;align-items:start}
.oas-checklist{list-style:none;padding:0;margin:15px 0}
.oas-checklist li{position:relative;padding:0 0 12px 26px}
.oas-checklist li:before{content:'✓';position:absolute;left:0;color:#0a9177;font-weight:900}
.oas-panel{border:1px solid #d2e6ee;background:white;padding:27px;border-radius:18px}
.oas-panel h3{margin:0 0 12px;color:var(--oas-ink)}
.oas-panel p{margin:0 0 10px}
.oas-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}
.oas-links a{font-weight:700}
.oas-faq details{padding:17px 3px;border-bottom:1px solid var(--oas-line)}
.oas-faq summary{font-weight:800;color:#153a51;cursor:pointer}
.oas-faq p{padding:4px 0 0;margin:8px 0 0}
.oas-inline{padding:23px;border:1px solid #d5e5ee;background:#f5fbfe;border-radius:18px;display:grid;grid-template-columns:120px minmax(0,1fr);gap:22px;align-items:center;margin:24px 0}
.oas-inline img{width:110px;border-radius:16px}
.oas-inline h2,.oas-inline h3{margin:0 0 6px;color:var(--oas-ink)}
.oas-inline p{margin:0 0 12px;color:#425e70}
.oas-home-spot{padding:46px 0;background:#f2f9fd;border-block:1px solid #d6e8ef}
.oas-home-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:30px;align-items:center}
.oas-home-grid h2{color:var(--oas-ink);margin:0 0 10px;font-size:clamp(1.65rem,2.6vw,2.4rem)}
.oas-home-grid p{color:#35586d;margin:0 0 13px}
.oas-home-grid img{border-radius:17px;border:1px solid #cce1ec;box-shadow:0 12px 32px rgba(19,62,92,.1)}
.oas-compact-note{border:1px solid #d5e5ee;border-radius:14px;padding:20px;margin:24px 0;background:#f5fbfd}
.oas-compact-note p{margin:5px 0 10px}
.oas-compact-note a{font-weight:bold}
.oas-muted{font-size:.87rem;color:#526e80}
@media(max-width:820px){.oas-hero-grid,.oas-home-grid,.oas-split{grid-template-columns:1fr}.oas-hero{padding:38px 0}.oas-grid{grid-template-columns:1fr}.oas-home-grid img{max-width:460px}.oas-hero h1{font-size:2.5rem}}
@media(max-width:520px){.oas-inline{grid-template-columns:1fr}.oas-inline img{width:75px}.oas-btn{width:100%}.oas-hero h1{font-size:2.1rem}.oas-section{padding:36px 0}}


/* Product-page-only hero refinements, November 2026: authentic UI screenshot with balanced text. */
.oas-hero{padding:30px 0 28px}
.oas-hero .oas-wrap{width:min(1280px,calc(100% - 48px))}
.oas-hero-grid{grid-template-columns:minmax(0,.76fr) minmax(0,1.24fr);gap:26px;align-items:center}
.oas-hero-copy{min-width:0}
.oas-hero .oas-eyebrow{margin:0 0 8px}
.oas-hero h1{font-size:clamp(2.15rem,3.25vw,3rem);line-height:1.1;margin:0 0 13px}
.oas-hero .oas-lead{font-size:1.035rem;line-height:1.5;margin:0 0 14px}
.oas-hero .oas-price-line{margin:0 0 2px}
.oas-hero .oas-price{font-size:2.1rem}
.oas-hero .oas-actions{margin-top:14px;gap:10px}
.oas-hero .oas-btn{min-height:43px;padding:10px 15px}
.oas-hero-media{margin:0;min-width:0}
.oas-hero-media img{display:block;width:100%;height:auto;aspect-ratio:2/1;object-fit:contain;border-radius:12px;box-shadow:0 12px 30px rgba(25,61,86,.14)}
.oas-hero .oas-art-note{margin:7px 0 0;font-size:.75rem;line-height:1.3}
.oas-hero-bottom{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center;margin-top:16px}
.oas-hero-bottom .oas-badges{margin:0;gap:8px}
.oas-hero-bottom .oas-badges li{font-size:.79rem;padding:5px 10px}
.oas-hero-bottom .oas-state{margin:0;padding:10px 13px;font-size:.82rem;line-height:1.4}
@media(max-width:900px){
 .oas-hero .oas-wrap{width:min(720px,calc(100% - 36px))}
 .oas-hero-grid{grid-template-columns:1fr;gap:22px}
 .oas-hero h1{font-size:clamp(2rem,5vw,2.65rem)}
 .oas-hero-bottom{grid-template-columns:1fr;gap:12px}
 .oas-hero{padding:26px 0 30px}
}
@media(max-width:520px){
 .oas-hero .oas-wrap{width:calc(100% - 28px)}
 .oas-hero h1{font-size:2.05rem}
 .oas-hero .oas-lead{font-size:.99rem}
 .oas-hero-media img{border-radius:9px}
 .oas-hero .oas-actions{gap:9px}
 .oas-hero .oas-btn{width:100%}
}