/* Full-width SEO banner, independent of the header and catalog container widths. */
.seo-wide-banner { position:relative; isolation:isolate; overflow:hidden; width:100%; min-height:650px; margin:32px 0 0; background:#133e56; color:#fff; }
.seo-wide-banner ~ .catalog-products-background { margin-top:0!important; }
.seo-wide-banner .seo-wide-content { position:relative; z-index:2; min-height:650px; margin:0 auto!important; padding-top:88px; padding-bottom:40px; pointer-events:none; display:flex; flex-direction:column; justify-content:space-between; gap:56px; }
.seo-wide-copy { max-width:760px; width:56%; pointer-events:auto; }
.seo-wide-eyebrow { color:#13b3f8; font-size:15px; font-weight:700; letter-spacing:.12em; margin:0 0 24px; }
#main-content .seo-wide-copy h1 { color:#fff; font-size:clamp(36px,3.6vw,72px); line-height:1.08; font-weight:700; margin:0 0 28px; overflow-wrap:anywhere; }
#main-content .seo-wide-copy.is-long-title h1 { font-size:clamp(32px,2.8vw,56px); }
.seo-wide-description { max-width:800px; color:#dcebf2; font-size:clamp(14px,.85vw,16px); line-height:1.55; margin:0 0 30px; }
.seo-wide-description > :first-child { margin-top:0; }
.seo-wide-description > :last-child { margin-bottom:0; }
.seo-wide-description :is(p,ul,ol) { color:inherit; font:inherit; }
.seo-wide-description :is(h2,h3,h4,strong,b) { color:#fff; }
.seo-wide-description a { color:#58c9ff; text-decoration-color:#58c9ff; }
.seo-wide-description-preview { color:inherit; font:inherit; }
.seo-wide-description-toggle { display:inline-flex; margin-top:8px; padding:0; border:0; border-bottom:1px dashed currentColor; color:#58c9ff; background:transparent; font:600 13px/1.4 "Rubik-Regular",sans-serif; cursor:pointer; }
.seo-wide-description-toggle[hidden] { display:none; }
.seo-wide-description-toggle:hover { color:#fff; }
.seo-wide-actions { display:flex; flex-wrap:wrap; gap:16px; }
.seo-wide-actions button { min-height:56px; padding:16px 26px; border-radius:16px; border:1px solid #dcebf2; font-weight:600; font-size:16px; color:white; cursor:pointer; }
.seo-wide-actions .seo-wide-primary { background:#13b3f8; border-color:#13b3f8; }
.seo-wide-primary span { margin-left:18px; }
.seo-wide-actions .seo-wide-secondary { background:#133e5655; }
.seo-wide-actions button:hover { background:#079edb; }
.seo-wide-banner :is(button,a):focus-visible { outline:3px solid #fff; outline-offset:4px; }
.seo-wide-benefits { display:flex; flex-wrap:wrap; gap:28px; max-width:760px; width:57%; pointer-events:auto; }
.seo-wide-benefits>span { display:flex; align-items:center; gap:16px; font-size:15px; line-height:1.4; }
.seo-wide-benefits>span+span { border-left:1px solid #13b3f866; padding-left:28px; }
.seo-wide-benefits b { font-size:35px; font-weight:400; }
.seo-wide-banner .seo-hero-media { position:absolute; inset:0; }
.seo-wide-banner .seo-hero-panels, .seo-wide-banner .seo-hero-panel { position:absolute; inset:0; }
.seo-wide-banner .seo-hero-panel[hidden] { display:none; }
.seo-wide-banner .seo-hero-media::after { content:''; position:absolute; inset:0; z-index:1; pointer-events:none; background:linear-gradient(90deg,#082f45 0%,#0b344be8 30%,#0b344b77 52%,#0b344b08 76%); }
.seo-wide-banner .seo-hero-media-frame { height:100%; width:100%; margin:0; }
.seo-wide-banner .seo-hero-media-frame img { width:100%; height:100%; object-fit:cover; object-position:center; }
.seo-wide-banner .seo-hero-media-label { display:none; }
.seo-wide-banner .seo-hero-tabs { position:absolute; z-index:4; bottom:36px; right:max(24px,calc((100% - 1600px)/2)); display:flex; gap:6px; background:#133e56ed; border:1px solid #ffffff30; border-radius:28px; padding:8px; max-width:42%; }
.seo-wide-banner .seo-hero-tab { color:#fff; background:transparent; border:0; padding:12px 16px; border-radius:20px; font-size:14px; white-space:nowrap; cursor:pointer; }
.seo-wide-banner .seo-hero-tab[aria-selected="true"] { background:#13b3f8; }
.seo-wide-banner .seo-hero-tab:hover { background:#16789e; }
.seo-wide-banner .seo-hero-slider, .seo-wide-banner .seo-hero-slider-viewport { height:100%; overflow:hidden; }
.seo-wide-banner .seo-hero-slider-track { display:flex; height:100%; transition:transform .35s ease; }
.seo-wide-banner .seo-hero-slider-slide { flex:0 0 100%; min-width:0; height:100%; margin:0; }
.seo-wide-banner .seo-hero-slider-slide img { width:100%; height:100%; object-fit:cover; }
#main-content .seo-wide-banner .seo-hero-slider-control { position:absolute; z-index:4; top:50%; }
#main-content .seo-wide-banner .seo-hero-slider-control { display:flex; align-items:center; justify-content:center; width:48px; height:48px; padding:0; border:1px solid #dce8ee; border-radius:50%; background:#fff; color:#133e56; box-shadow:0 3px 12px #133e5624; transform:translateY(-50%); cursor:pointer; }
#main-content .seo-wide-banner .seo-hero-slider-control:hover { background:#13b3f8; border-color:#13b3f8; color:#fff; }
#main-content .seo-wide-banner .seo-hero-slider-control svg { display:block!important; width:20px; height:20px; }
#main-content .seo-wide-banner .seo-hero-slider-control::before { content:none!important; }
#main-content .seo-wide-banner .seo-hero-slider-control--prev { left:60%!important; }
#main-content .seo-wide-banner .seo-hero-slider-control--next { right:24px!important; }
.seo-wide-banner .seo-hero-slider-footer { position:absolute; z-index:4; right:24px; bottom:108px; padding:8px 12px; display:flex; gap:12px; align-items:center; }
.seo-wide-banner .seo-hero-slider-dots { display:flex; gap:10px; }
.seo-wide-banner .seo-hero-slider-dot { width:10px; height:10px; padding:0; border:0; border-radius:50%; background:#ffffff70; cursor:pointer; }
.seo-wide-banner .seo-hero-slider-dot.is-active { background:#13b3f8; box-shadow:0 0 0 3px #13b3f829; }
@media(max-width:1199.98px) {
 .seo-wide-banner .seo-wide-content { padding-top:64px; padding-bottom:112px; }
 .seo-wide-copy { width:65%; }
 .seo-wide-benefits { width:100%; max-width:none; }
 .seo-wide-banner .seo-hero-tabs { max-width:90%; bottom:24px; right:24px; }
 .seo-wide-banner .seo-hero-slider-footer { bottom:100px; }
}
@media(max-width:767.98px) {
 .seo-wide-banner { min-height:0; margin:16px 0 0; }
 .seo-wide-banner .seo-wide-content { min-height:0; padding:24px 16px 20px; gap:22px; }
 .seo-wide-copy { width:100%; }
 .seo-wide-eyebrow { margin-bottom:12px; font-size:12px; }
 #main-content .seo-wide-copy h1 { margin-bottom:16px; font-size:clamp(27px,7vw,38px); }
 .seo-wide-description { margin-bottom:18px; font-size:13px; line-height:1.45; }
 .seo-wide-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
 .seo-wide-actions button { width:100%; min-height:48px; padding:10px 8px; border-radius:12px; font-size:13px; line-height:1.2; }
 .seo-wide-primary span { margin-left:5px; }
 .seo-wide-benefits { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
 .seo-wide-benefits>span { font-size:12px; gap:8px; }
 .seo-wide-benefits>span+span { padding-left:0; border:0; }
 .seo-wide-benefits b { font-size:24px; }
 .seo-wide-banner .seo-hero-media { position:relative; width:100%; height:clamp(220px,56vw,280px); }
 .seo-wide-banner .seo-hero-media::after { background:linear-gradient(0deg,rgba(8,47,69,.42) 0%,rgba(8,47,69,.08) 42%,transparent 70%); }
 .seo-wide-banner .seo-hero-media-frame img,
 .seo-wide-banner .seo-hero-slider-slide img { object-position:center 48%; }
 .seo-wide-banner .seo-hero-tabs { left:12px; right:12px; bottom:12px; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); max-width:none; gap:4px; padding:4px; border-radius:16px; background:rgba(19,62,86,.82); box-shadow:0 8px 24px rgba(8,47,69,.18); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); }
 .seo-wide-banner .seo-hero-tab { width:100%; min-width:0; min-height:36px; padding:7px 3px; overflow:hidden; border-radius:12px; font-size:11px; line-height:1.1; text-overflow:ellipsis; }
 .seo-wide-banner .seo-hero-tab[aria-selected="true"] { background:#13b3f8; box-shadow:0 4px 12px rgba(19,179,248,.25); }
 #main-content .seo-wide-banner .seo-hero-slider-control--prev { left:12px!important; }
 .seo-wide-banner .seo-hero-slider-footer { bottom:58px; }
}
@media(prefers-reduced-motion:reduce) { .seo-wide-banner .seo-hero-slider-track { transition:none; } }

.seo-wide-benefits svg { width:36px; height:36px; flex-shrink:0; }
@media(max-width:767.98px) { .seo-wide-benefits svg { width:26px; height:26px; } }