/* ROVEX POOL product page and teasers (2026-10-26). Dark/light rhythm of the ROVEX site; self-contained teaser card. */
body.rxp-pool main{--rxp-ink:#181a1d;--rxp-muted:#50555c;--rxp-line:#ced1d5;--rxp-red:var(--rv-red,#c92127);--rxp-display:var(--rv-display,'Barlow Condensed','Arial Narrow',Arial,sans-serif)}
body.rxp-pool .rxp-kicker{margin:0 0 14px;color:#bbb;font-size:.875rem;font-weight:500;letter-spacing:.02em}
body.rxp-pool .rxp-small{font-size:.875rem;line-height:1.55;color:var(--rxp-muted);margin:12px 0 0}
body.rxp-pool .rxp-dark .rxp-small{color:#a9adb3}
body.rxp-pool .rxp-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}

/* hero */
body.rxp-pool .rxp-hero{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(32px,5vw,80px);padding:24px 0 40px}
body.rxp-pool .rxp-hero h1{font-family:var(--rxp-display);font-size:clamp(3rem,5.2vw,5rem);line-height:1.03;margin:0 0 24px;max-width:16ch;text-wrap:balance}
body.rxp-pool .rxp-lede{color:#d4d6d9;font-size:1.0625rem;line-height:1.7;max-width:56ch;margin:0}
body.rxp-pool .rxp-hero-media{margin:0;min-width:0}
body.rxp-pool .rxp-hero-media img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:3px}
body.rxp-pool .rxp-hero-media figcaption{padding-top:12px;color:#a9adb3;font-size:.8125rem}
body.rxp-pool .rxp-facts{list-style:none;margin:0 0 8px;padding:24px 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;border-top:1px solid #2a2c30;border-bottom:1px solid #2a2c30}
body.rxp-pool .rxp-facts li{display:flex;flex-direction:column;gap:4px;min-width:0}
body.rxp-pool .rxp-facts strong{font-weight:600;color:#fff}
body.rxp-pool .rxp-facts span{color:#a9adb3;font-size:.9rem;line-height:1.5}

/* section skins (full-bleed like the rest of the site) */
body.rxp-pool .rxp-light{background:#fff;color:var(--rxp-ink);box-shadow:0 0 0 100vmax #fff;clip-path:inset(0 -100vmax)}
body.rxp-pool .rxp-grey{background:#f2f3f4;color:var(--rxp-ink);box-shadow:0 0 0 100vmax #f2f3f4;clip-path:inset(0 -100vmax)}
body.rxp-pool :is(.rxp-light,.rxp-grey) :is(h2,h3){color:var(--rxp-ink)}
body.rxp-pool :is(.rxp-light,.rxp-grey) .section-lede{color:var(--rxp-muted)}
body.rxp-pool .rxp-dark .section-lede{color:#bfc2c6}
body.rxp-pool .section-header{max-width:760px}

/* models */
body.rxp-pool .rxp-models{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
body.rxp-pool .rxp-model{background:#131416;border:1px solid #26282c;border-radius:3px;overflow:hidden;display:flex;flex-direction:column;min-width:0}
body.rxp-pool .rxp-model-media img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
body.rxp-pool .rxp-model-body{padding:26px 26px 28px;display:flex;flex-direction:column;flex:1}
body.rxp-pool .rxp-model h3{font-family:var(--rxp-display);font-size:2rem;line-height:1.1;margin:0;color:#fff}
body.rxp-pool .rxp-model-sub{color:#a9adb3;margin:6px 0 18px}
body.rxp-pool .rxp-keys{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 20px;margin:0 0 20px}
body.rxp-pool .rxp-keys div{border-top:2px solid var(--rxp-red);padding-top:10px;min-width:0}
body.rxp-pool .rxp-keys dt{color:#a9adb3;font-size:.8125rem}
body.rxp-pool .rxp-keys dd{margin:2px 0 0;color:#fff;font-weight:600;font-size:1.0625rem}
body.rxp-pool .rxp-model .rxp-actions{margin-top:auto;padding-top:20px}
body.rxp-pool .rxp-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px}
body.rxp-pool .rxp-price strong{font-family:var(--rxp-display);font-size:2.25rem;line-height:1;font-weight:600}
body.rxp-pool .rxp-price .rxp-from,body.rxp-pool .rxp-price .rxp-vat{font-size:.95rem;color:inherit;opacity:.8}
body.rxp-pool .rxp-price small{flex-basis:100%;font-size:.8125rem;opacity:.75}

/* tabs + gallery */
body.rxp-pool .rxp-tabs{display:flex;gap:8px;margin:0 0 22px;flex-wrap:wrap}
body.rxp-pool .rxp-tabs button{font:inherit;font-weight:600;padding:10px 18px;border-radius:3px;border:1px solid #3a3d42;background:transparent;color:#fff;cursor:pointer;min-height:44px}
body.rxp-pool .rxp-tabs button[aria-selected=true]{background:var(--rxp-red);border-color:var(--rxp-red)}
body.rxp-pool .rxp-tabs-light button{color:var(--rxp-ink);border-color:#b9bdc2;background:#fff}
body.rxp-pool .rxp-tabs-light button[aria-selected=true]{color:#fff}
body.rxp-pool .rxp-tabs button:focus-visible,body.rxp-pool .rxp-shot a:focus-visible{outline:2px solid #fff;outline-offset:3px}
body.rxp-pool .rxp-tabs-light button:focus-visible{outline-color:var(--rxp-ink)}
body.rxp-pool .rxp-tabs:not([data-ready]){display:none}
body.rxp-pool [data-pool-panel][hidden]{display:none}
body.rxp-pool .rxp-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:28px}
body.rxp-pool .rxp-shot{margin:0;min-width:0}
body.rxp-pool .rxp-shot a{display:block;border-radius:3px;overflow:hidden}
body.rxp-pool .rxp-shot img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;transition:transform .3s ease}
body.rxp-pool .rxp-shot a:hover img{transform:scale(1.02)}
body.rxp-pool .rxp-shot figcaption{color:#bfc2c6;font-size:.875rem;padding-top:8px}
body.rxp-pool .rxp-shot-cut{grid-column:span 3}
body.rxp-pool .rxp-shot-cut img{aspect-ratio:auto;object-fit:contain;background:#fff}

/* features */
body.rxp-pool .rxp-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 32px}
body.rxp-pool .rxp-features article{border-top:2px solid var(--rxp-red);padding-top:20px;min-width:0}
body.rxp-pool .rxp-features h3{font-size:1.25rem;margin:0 0 8px}
body.rxp-pool .rxp-features p{margin:0;color:var(--rxp-muted);line-height:1.65}

/* dimensions */
body.rxp-pool .rxp-plan{margin:0 0 26px;background:#fff;border:1px solid var(--rxp-line);border-radius:3px;padding:18px}
body.rxp-pool .rxp-plan-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
body.rxp-pool .rxp-diagram{display:block;max-width:100%;height:auto;margin-inline:auto}
body.rxp-pool .rxp-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
body.rxp-pool .rxp-table{width:100%;border-collapse:collapse;font-size:.95rem;min-width:520px}
body.rxp-pool .rxp-table th,body.rxp-pool .rxp-table td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--rxp-line);vertical-align:top}
body.rxp-pool .rxp-table thead th{font-weight:600;color:var(--rxp-ink);border-bottom:2px solid var(--rxp-ink)}
body.rxp-pool .rxp-table tbody th{font-weight:500;color:var(--rxp-muted);width:34%}
body.rxp-pool .rxp-table td{color:var(--rxp-ink);font-weight:500}
body.rxp-pool .rxp-table td small{display:block;color:var(--rxp-muted);font-weight:400;font-size:.8125rem}

/* price */
body.rxp-pool .rxp-price-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-bottom:34px}
body.rxp-pool .rxp-price-card{background:#080808;color:#fff;border-radius:3px;padding:26px 28px}
body.rxp-pool .rxp-light .rxp-price-card h3{color:#fff;margin:0 0 10px;font-family:var(--rxp-display);font-size:1.6rem}
body.rxp-pool .rxp-scope{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:40px;margin-bottom:34px}
body.rxp-pool .rxp-scope h3,body.rxp-pool .rxp-sub{font-size:1.25rem;margin:0 0 14px}
body.rxp-pool .rxp-check,body.rxp-pool .rxp-cross{list-style:none;margin:0;padding:0;display:grid;gap:12px}
body.rxp-pool .rxp-check li,body.rxp-pool .rxp-cross li{position:relative;padding-left:28px;line-height:1.6;color:#33373c}
body.rxp-pool .rxp-check li::before{content:"";position:absolute;left:2px;top:.45em;width:12px;height:7px;border-left:2px solid var(--rxp-red);border-bottom:2px solid var(--rxp-red);transform:rotate(-45deg)}
body.rxp-pool .rxp-cross li::before{content:"–";position:absolute;left:4px;top:0;color:var(--rxp-muted);font-weight:700}

/* process */
body.rxp-pool .rxp-steps{list-style:none;counter-reset:rxp;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 32px}
body.rxp-pool .rxp-steps li{counter-increment:rxp;border-top:1px solid #2f3236;padding-top:18px;min-width:0}
body.rxp-pool .rxp-steps li::before{content:counter(rxp,decimal-leading-zero);display:block;font-family:var(--rxp-display);font-size:1.8rem;color:var(--rxp-red);line-height:1;margin-bottom:10px}
body.rxp-pool .rxp-steps h3{font-size:1.2rem;margin:0 0 6px;color:#fff}
body.rxp-pool .rxp-steps p{margin:0;color:#bfc2c6;line-height:1.6}

/* faq */
body.rxp-pool .rxp-faq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 42px}
body.rxp-pool .rxp-faq details{border-bottom:1px solid var(--rxp-line)}
body.rxp-pool .rxp-faq summary{cursor:pointer;font-weight:500;color:var(--rxp-ink);padding:18px 0;min-height:44px;line-height:1.5}
body.rxp-pool .rxp-faq p{margin:0 0 18px;color:var(--rxp-muted);line-height:1.65}

/* request form on white, same treatment as the contact block of the home/construction pages */
body.rxp-pool main>section{margin-block:0}
body.rxp-pool #pedido{--text-main:#181a1d;--text-muted:#60646b;--text-soft:#60646b;--border:#d3d6d9;--bg-soft:#f2f3f4;--bg-alt:#f2f3f4;background:#fff;color:var(--rxp-ink);box-shadow:0 0 0 100vmax #fff;clip-path:inset(0 -100vmax);border:0;border-radius:0;margin:0;padding:76px 0 80px}
body.rxp-pool #pedido :is(h2,h3){color:var(--rxp-ink)}
body.rxp-pool #pedido .section-lede{color:#60646b;font-size:1.125rem}
body.rxp-pool #pedido .contact-grid{grid-template-columns:1.15fr .85fr;gap:60px}
body.rxp-pool #pedido .contact-form{padding:0;background:none;border:0;border-radius:0;gap:20px}
body.rxp-pool #pedido .contact-form :is(label,span){color:inherit}
body.rxp-pool #pedido .contact-form .btn span{color:#fff}
body.rxp-pool #pedido .contact-form label{font-size:.9375rem;line-height:1.5}
body.rxp-pool #pedido .contact-form :is(input,select,textarea){width:100%;font-family:var(--rv-body);font-size:1rem;font-weight:400;border:1px solid #92969c;border-radius:3px;background:#fff;color:#181a1d;padding:13px 15px;min-height:50px}
body.rxp-pool #pedido .contact-form :is(input,textarea)::placeholder{color:#73777e;opacity:1}
body.rxp-pool #pedido .contact-form :is(.form-note,.form-status){font-size:.875rem;color:#60646b}
body.rxp-pool #pedido .contact-card{background:#f2f3f4;padding:32px;border:0;border-radius:3px;color:#181a1d;box-shadow:none}
body.rxp-pool #pedido .contact-card :is(p,a,span){color:#50555c;font-size:1rem}
body.rxp-pool #pedido .contact-card :is(h3,strong){color:#181a1d}
body.rxp-pool #pedido .contact-card .btn{border-color:#999;color:#181a1d;background:transparent}
body.rxp-pool #pedido .rxp-series{margin-top:28px;max-width:80ch}
body.rxp-pool .contact-card-media img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:3px}

/* lightbox */
.rxp-viewer{border:0;padding:0;background:transparent;max-width:min(96vw,1600px);max-height:94vh;overflow:visible}
.rxp-viewer::backdrop{background:rgba(0,0,0,.88)}
.rxp-viewer figure{margin:0}
.rxp-viewer img{display:block;max-width:min(96vw,1600px);max-height:86vh;width:auto;height:auto;border-radius:3px;background:#fff}
.rxp-viewer figcaption{color:#e8e9ea;padding-top:10px;font-size:.9rem;text-align:center}
.rxp-viewer button{position:fixed;width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.4);background:rgba(8,8,8,.7);color:#fff;font-size:1.8rem;line-height:1;cursor:pointer}
.rxp-viewer .rxp-viewer-close{top:16px;right:16px}
.rxp-viewer .rxp-viewer-prev{left:16px;top:50%;transform:translateY(-50%)}
.rxp-viewer .rxp-viewer-next{right:16px;top:50%;transform:translateY(-50%)}

/* teaser card (pool service page and modular catalogues) */
.rxp-teaser{margin:clamp(32px,5vw,64px) 0;font-family:inherit}
.rxp-teaser-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);background:#080808;color:#fff;border-radius:3px;overflow:hidden}
.rxp-teaser-media img{display:block;width:100%;height:100%;min-height:260px;object-fit:cover}
.rxp-teaser-copy{padding:clamp(24px,4vw,48px);display:flex;flex-direction:column;justify-content:center;gap:12px}
.rxp-teaser .rxp-kicker{margin:0;color:#ff6a6f;font-size:.8125rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
.rxp-teaser h2{margin:0;color:#fff;font-family:var(--rv-display,'Barlow Condensed','Arial Narrow',Arial,sans-serif);font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.1;font-weight:600}
.rxp-teaser p{margin:0;color:#d4d6d9;line-height:1.65}
.rxp-teaser-link{align-self:flex-start;margin-top:8px;display:inline-flex;align-items:center;min-height:44px;padding:0 20px;background:#c92127;color:#fff;border-radius:3px;font-weight:600;text-decoration:none}
.rxp-teaser-link:hover{background:#a51b20;color:#fff}
.rxp-teaser-link:focus-visible{outline:2px solid #fff;outline-offset:3px}

@media(max-width:1100px){
 body.rxp-pool .rxp-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.rxp-pool .rxp-shot-cut{grid-column:span 2}
 body.rxp-pool .rxp-features,body.rxp-pool .rxp-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
 body.rxp-pool .rxp-hero{grid-template-columns:minmax(0,1fr);gap:28px;padding:12px 0 28px}
 body.rxp-pool .rxp-hero h1{font-size:clamp(2.6rem,10vw,3.6rem)}
 body.rxp-pool .rxp-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.rxp-pool .rxp-models,body.rxp-pool .rxp-price-cards,body.rxp-pool .rxp-scope,body.rxp-pool .rxp-faq{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:800px){
 .rxp-teaser-inner{grid-template-columns:minmax(0,1fr)}
 .rxp-teaser-media img{min-height:0;aspect-ratio:3/2;height:auto}
}
@media(max-width:640px){
 body.rxp-pool .rxp-gallery,body.rxp-pool .rxp-features,body.rxp-pool .rxp-steps,body.rxp-pool .rxp-facts,body.rxp-pool .rxp-keys{grid-template-columns:minmax(0,1fr)}
 body.rxp-pool .rxp-shot-cut{grid-column:auto}
 body.rxp-pool .rxp-model-body{padding:22px 18px 24px}
 body.rxp-pool .rxp-plan{padding:10px}
 body.rxp-pool .rxp-diagram{min-width:560px}
 body.rxp-pool #pedido{padding:50px 0}
}
@media(max-width:900px){body.rxp-pool #pedido .contact-grid{gap:30px}}
@media(max-width:760px){body.rxp-pool #pedido .contact-grid{grid-template-columns:minmax(0,1fr);gap:35px}body.rxp-pool #pedido .contact-card{padding:25px}body.rxp-pool #pedido .contact-form .btn{width:100%}}
@media(prefers-reduced-motion:reduce){body.rxp-pool .rxp-shot img{transition:none}}