/* O CONFORT Spécialiste — site public uniquement, sans effet sur /gestion/.
   Charges après premium.css et atelier.css sur les sections .oc-premium. */
body.oc-premium-skin-specialist .oc-premium{--oc-navy:#202622;--oc-dark:#232A24;--oc-teal:#B78B5E;--oc-sand:#C49B65;--oc-muted:#6F746C;--oc-cream:#F7F5EE;--oc-border:#E1DED4;background:#F7F5EF;color:#202622}
body.oc-premium-skin-specialist .oc-premium .oc-hero{background:#F3F0E7;background-image:linear-gradient(110deg,#FBFAF6 0%,#F0EEE4 58%,#DFE2D9 100%);padding:92px 0 105px}
body.oc-premium-skin-specialist .oc-premium .oc-hero:before{content:"";width:1px;height:100%;top:0;right:10%;left:auto;background:#66715E25;border:0;border-radius:0}
body.oc-premium-skin-specialist .oc-premium .oc-hero:after{content:"WATER-DRIVEN TECHNOLOGY  /  O CONFORT";font:700 10px/1.4 Inter,Arial,sans-serif;letter-spacing:.20em;color:#6D746C;position:absolute;right:8%;bottom:28px;opacity:.7}
body.oc-premium-skin-specialist .oc-premium .oc-hero__inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(30px,6vw,82px);align-items:center}
body.oc-premium-skin-specialist .oc-premium .oc-hero__copy{gap:25px}
body.oc-premium-skin-specialist .oc-premium .oc-display,body.oc-premium-skin-specialist .oc-premium .oc-display .elementor-heading-title{font-family:Inter,"Helvetica Neue",Arial,sans-serif!important;font-weight:820;letter-spacing:-.066em;color:#1F2620;line-height:1.065;font-size:clamp(49px,5.0vw,76px)}
body.oc-premium-skin-specialist .oc-premium .oc-display span{color:#A67C4C;font-style:normal;font-weight:820;font-family:inherit}
body.oc-premium-skin-specialist .oc-premium .oc-section-title,body.oc-premium-skin-specialist .oc-premium .oc-section-title .elementor-heading-title{font-family:Inter,"Helvetica Neue",Arial,sans-serif!important;font-weight:775;letter-spacing:-.055em;color:#202821;font-size:clamp(39px,4.1vw,61px)}
body.oc-premium-skin-specialist .oc-premium .oc-section-title span{color:#AD8354}
body.oc-premium-skin-specialist .oc-premium .oc-eyebrow,body.oc-premium-skin-specialist .oc-premium .oc-eyebrow .elementor-heading-title{color:#806F52;letter-spacing:.19em;font-weight:800}
body.oc-premium-skin-specialist .oc-premium .oc-lede{font-size:17px;color:#545F56;line-height:1.83}
body.oc-premium-skin-specialist .oc-premium .oc-button .elementor-button{border-radius:7px;background:#283029;border-color:#283029;font-size:13px}
body.oc-premium-skin-specialist .oc-premium .oc-button--outline .elementor-button{background:transparent;border-color:#869187;color:#283029}
body.oc-premium-skin-specialist .oc-premium .oc-button .elementor-button:hover{background:#A47C4E;border-color:#A47C4E}
body.oc-premium-skin-specialist .oc-premium .oc-button--text .elementor-button{background:transparent;border:0;border-bottom:1px solid #AA987B;color:#243024;padding:0 0 6px;border-radius:0;min-height:0}
body.oc-premium-skin-specialist .oc-premium .oc-hero-footnote{font-size:11px;color:#5D655E}
body.oc-premium-skin-specialist .oc-premium .oc-benefits{background:#222B24;border:0;color:#fff;padding:23px 0}
body.oc-premium-skin-specialist .oc-premium .oc-benefit{border-color:#62706455;padding:26px 26px 23px}
body.oc-premium-skin-specialist .oc-premium .oc-benefit-num,body.oc-premium-skin-specialist .oc-premium .oc-benefit-num .elementor-heading-title{color:#D3AC72}
body.oc-premium-skin-specialist .oc-premium .oc-benefit-title,body.oc-premium-skin-specialist .oc-premium .oc-benefit-title .elementor-heading-title{color:#F7F6EE}
body.oc-premium-skin-specialist .oc-premium .oc-benefit-text{color:#CBD1C5}
body.oc-premium-skin-specialist .oc-premium .oc-problems{background:#FBFAF7}
body.oc-premium-skin-specialist .oc-premium .oc-problem-card{min-height:315px;background:#F0EEE7;border:1px solid #E6E2D9;border-radius:10px}
body.oc-premium-skin-specialist .oc-premium .oc-problem-card:nth-child(2){background:#E9ECE5}
body.oc-premium-skin-specialist .oc-premium .oc-problem-card:nth-child(3){background:#F0ECE5}
body.oc-premium-skin-specialist .oc-premium .oc-card-title,body.oc-premium-skin-specialist .oc-premium .oc-card-title .elementor-heading-title{font-family:Inter,Arial,sans-serif;font-weight:750;letter-spacing:-.045em;font-size:24px}
body.oc-premium-skin-specialist .oc-premium .oc-card-icon{border-radius:10px;border:1px solid #BDB5A5;font-size:28px}
body.oc-premium-skin-specialist .oc-premium .oc-feature{background:#1D2620}
body.oc-premium-skin-specialist .oc-premium .oc-feature__inner{gap:58px;grid-template-columns:.86fr 1.14fr}
body.oc-premium-skin-specialist .oc-premium .oc-feature-text{color:#D2D8CF}
body.oc-premium-skin-specialist .oc-premium .oc-feature-text p+p{margin-top:16px}
body.oc-premium-skin-specialist .oc-premium .oc-title-white,body.oc-premium-skin-specialist .oc-premium .oc-title-white .elementor-heading-title{color:#FBF8EF}
body.oc-premium-skin-specialist .oc-premium .oc-products{background:#F9F7F1}
body.oc-premium-skin-specialist .oc-premium .oc-model-card{border-radius:9px;min-height:470px;gap:22px}
body.oc-premium-skin-specialist .oc-premium .oc-model-card--first{background:linear-gradient(132deg,#E4E7DD,#F6F5EE)}
body.oc-premium-skin-specialist .oc-premium .oc-model-card--second{background:linear-gradient(132deg,#E9E2D8,#F8F5F0)}
body.oc-premium-skin-specialist .oc-premium .oc-model-card:before,body.oc-premium-skin-specialist .oc-premium .oc-model-card:after{border-color:#9EA99B55}
body.oc-premium-skin-specialist .oc-premium .oc-model-title,body.oc-premium-skin-specialist .oc-premium .oc-model-title .elementor-heading-title{font-family:Inter,Arial,sans-serif;font-weight:800;letter-spacing:-.053em}
body.oc-premium-skin-specialist .oc-premium .oc-product-points{margin:17px 0 0;padding:0;list-style:none;display:grid;gap:9px}
body.oc-premium-skin-specialist .oc-premium .oc-product-points li{font-size:13px;color:#536057;line-height:1.4;padding-left:22px;position:relative}
body.oc-premium-skin-specialist .oc-premium .oc-product-points li:before{content:'✓';color:#A47C4E;position:absolute;left:0;top:0;font-weight:800}
body.oc-premium-skin-specialist .oc-premium .oc-process{background:#E5E9E0}
body.oc-premium-skin-specialist .oc-premium .oc-step-title,body.oc-premium-skin-specialist .oc-premium .oc-step-title .elementor-heading-title{font-family:Inter,Arial,sans-serif;font-size:23px;font-weight:770}
body.oc-premium-skin-specialist .oc-premium .oc-reviews{background:#FBFAF7}
body.oc-premium-skin-specialist .oc-premium .oc-review-card{background:#F1EEE6;border-radius:9px}
body.oc-premium-skin-specialist .oc-premium .oc-form{background:linear-gradient(135deg,#E4E9E0,#F1F0E8)}
body.oc-premium-skin-specialist .oc-premium .oc-form__card .ocg-diagnostic{box-shadow:0 22px 58px #20292218;border-radius:9px}
body.oc-premium-skin-specialist .oc-premium .oc-contact{background:#222A24}
/* The new hero illustration: technical cutaway / two independent resin columns; not a product photo. */
body.oc-premium-skin-specialist .oc-premium .oc-tech-stage{background:#28312A;border-radius:13px;min-height:550px;color:#F6F3E8;padding:25px 25px 18px;box-shadow:28px 32px 0 -15px #ABB1A0,0 35px 55px #1B2A1B30;position:relative;overflow:hidden;border:1px solid #465749}
body.oc-premium-skin-specialist .oc-premium .oc-tech-stage:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.8%,#ffffff12 50%,transparent 50.2%),repeating-linear-gradient(0deg,transparent 0 37px,#ffffff09 38px),radial-gradient(ellipse at 50% 55%,#657A6633,transparent 70%);pointer-events:none}
body.oc-premium-skin-specialist .oc-premium .oc-tech-upper{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:10px;font-size:10px;font-weight:800;letter-spacing:.2em;color:#DDC8A6;min-height:63px}
body.oc-premium-skin-specialist .oc-premium .oc-tech-power{font-size:52px;line-height:.95;letter-spacing:-.07em;color:#F7F6EC;font-weight:800;white-space:nowrap}
body.oc-premium-skin-specialist .oc-premium .oc-tech-power small{font-size:15px;vertical-align:top;line-height:1.5;letter-spacing:-.03em;color:#D5B98D}
body.oc-premium-skin-specialist .oc-premium .oc-tech-diagram{position:relative;height:315px;display:flex;justify-content:center;align-items:flex-end;gap:10px}
body.oc-premium-skin-specialist .oc-premium .oc-tech-head{position:absolute;top:16px;left:50%;transform:translateX(-50%);width:225px;height:54px;border-radius:11px;background:linear-gradient(#5F695F,#363E36);border:2px solid #899589;box-shadow:0 10px 20px #10190f55;display:flex;align-items:center;justify-content:center;gap:15px;z-index:2}
body.oc-premium-skin-specialist .oc-premium .oc-tech-head span{font-size:9px;letter-spacing:.06em;color:#F0EBDF;font-weight:800;white-space:nowrap}
body.oc-premium-skin-specialist .oc-premium .oc-tech-head i{height:9px;width:9px;background:#D7BA87;border-radius:50%;border:2px solid #3F4B42}
body.oc-premium-skin-specialist .oc-premium .oc-tech-pipe{position:absolute;top:0;left:calc(50% - 2px);height:50px;border-left:4px solid #B5C0B2}
body.oc-premium-skin-specialist .oc-premium .oc-tech-tanks{height:248px;display:flex;gap:18px;align-items:flex-end;z-index:1}
body.oc-premium-skin-specialist .oc-premium .oc-tech-tank{height:240px;width:106px;border:2px solid #718573;border-radius:36px 36px 15px 15px;position:relative;background:linear-gradient(100deg,#354C3A 0%,#5A765F 18%,#223327 47%,#415D47 81%,#1A2F20 100%);box-shadow:inset 9px 0 16px #B4CFB018,inset -10px 0 13px #06140677,0 12px 20px #11190f77;overflow:hidden}
body.oc-premium-skin-specialist .oc-premium .oc-tech-tank:after{content:"";position:absolute;inset:9px 13px;border-radius:30px 30px 10px 10px;border:1px solid #D8E3D333}
body.oc-premium-skin-specialist .oc-premium .oc-tech-tank-cap{position:absolute;left:-4px;right:-4px;top:0;height:24px;background:linear-gradient(#859588,#313E35);border-bottom:2px solid #BBC5B8;z-index:2}
body.oc-premium-skin-specialist .oc-premium .oc-tech-fill{position:absolute;bottom:17px;left:7px;right:7px;height:72%;border-radius:22px 22px 8px 8px;background:repeating-linear-gradient(0deg,#B2A28255 0 2px,#96836366 2px 4px);opacity:.68}
body.oc-premium-skin-specialist .oc-premium .oc-tech-tank em{position:absolute;bottom:10px;left:0;right:0;text-align:center;font:700 9px/1.4 Inter,Arial,sans-serif;color:#fff7e8;font-style:normal;letter-spacing:.04em;z-index:3}
body.oc-premium-skin-specialist .oc-premium .oc-tech-brine{width:94px;height:145px;background:linear-gradient(100deg,#CCCAC0,#E8E8DF 44%,#A8B3A8);border:2px solid #788A7B;border-radius:8px 8px 10px 10px;text-align:center;display:flex;align-items:center;justify-content:center;font-size:10px;letter-spacing:.03em;line-height:1.4;color:#293329;font-weight:800;margin-bottom:0;z-index:2;box-shadow:8px 9px 12px #0d160f55}
body.oc-premium-skin-specialist .oc-premium .oc-tech-bottomline{position:absolute;bottom:0;width:80%;height:1px;background:#B5BDAB88}
body.oc-premium-skin-specialist .oc-premium .oc-tech-stats{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:20px 0 16px;border-top:1px solid #64756666;margin-top:20px}
body.oc-premium-skin-specialist .oc-premium .oc-tech-stats span{display:block;font-size:11px;color:#DEE2D8;line-height:1.4}
body.oc-premium-skin-specialist .oc-premium .oc-tech-stats b{display:block;color:#D8B889;margin-bottom:7px;font-size:11px}
body.oc-premium-skin-specialist .oc-premium .oc-tech-disclaimer{color:#ABB7A8;font-size:10px;line-height:1.45;position:relative}
/* Mechanism: clearly explained, without vague 'energy-saving' claims. */
body.oc-premium-skin-specialist .oc-premium .oc-hydro-process{background:#344238;border:1px solid #73857580;border-radius:10px;min-height:385px;padding:36px 26px 24px;display:flex;align-items:stretch;justify-content:space-between;gap:10px;flex-wrap:wrap}
body.oc-premium-skin-specialist .oc-premium .oc-hydro-step{flex:1;min-width:100px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;color:#E2E7DE}
body.oc-premium-skin-specialist .oc-premium .oc-hydro-step>b{align-self:flex-start;color:#E1BD89;font-size:10px;letter-spacing:.1em}
body.oc-premium-skin-specialist .oc-premium .oc-hydro-icon{display:grid;place-items:center;width:76px;height:76px;border-radius:50%;background:#7E977F33;border:1px solid #A4B9A35C;font-size:32px;color:#F5E9CC}
body.oc-premium-skin-specialist .oc-premium .oc-hydro-step strong{font-size:15px;color:#F6F2E7;line-height:1.3}
body.oc-premium-skin-specialist .oc-premium .oc-hydro-step p{font-size:12px;color:#CBD5C9;line-height:1.65;margin:0}
body.oc-premium-skin-specialist .oc-premium .oc-hydro-arrow{align-self:center;color:#C5B08A;font-size:24px;margin-top:-25px}
body.oc-premium-skin-specialist .oc-premium .oc-hydro-note{width:100%;padding:17px 0 0;border-top:1px solid #B5C2B344;display:flex;align-items:center;gap:12px;color:#E0E7DB;font-size:11px;line-height:1.55}
body.oc-premium-skin-specialist .oc-premium .oc-hydro-dot{width:9px;height:9px;flex:none;border-radius:50%;background:#C7A578}
/* Truthful objections for informed visitors. */
body.oc-premium-skin-specialist .oc-premium .oc-specialist-faq{background:#F1F0E9}
body.oc-premium-skin-specialist .oc-premium .oc-specialist-faq .oc-wrap{display:flex;flex-direction:column;align-items:flex-start;gap:20px}
body.oc-premium-skin-specialist .oc-premium .oc-special-faq{width:100%;margin-top:23px;border-top:1px solid #D6D7CE}
body.oc-premium-skin-specialist .oc-premium .oc-special-faq details{border-bottom:1px solid #D6D7CE;padding:21px 2px}
body.oc-premium-skin-specialist .oc-premium .oc-special-faq summary{cursor:pointer;display:list-item;font-size:clamp(16px,2vw,20px);font-weight:720;color:#2B342D;line-height:1.45;list-style-position:inside}
body.oc-premium-skin-specialist .oc-premium .oc-special-faq summary::marker{color:#AC8354}
body.oc-premium-skin-specialist .oc-premium .oc-special-faq details p{max-width:800px;line-height:1.8;color:#636C63;font-size:15px;margin:14px 0 0}
body.oc-premium-skin-specialist .oc-premium .oc-special-faq summary:focus-visible{outline:3px solid #A47C4E;outline-offset:4px}
@media(max-width:1100px){body.oc-premium-skin-specialist .oc-premium .oc-tech-stage{min-height:515px;padding:21px}body.oc-premium-skin-specialist .oc-premium .oc-tech-tanks{gap:9px}body.oc-premium-skin-specialist .oc-premium .oc-tech-tank{width:85px}body.oc-premium-skin-specialist .oc-premium .oc-tech-brine{width:77px}}
@media(max-width:800px){body.oc-premium-skin-specialist .oc-premium .oc-hero__inner,body.oc-premium-skin-specialist .oc-premium .oc-feature__inner{grid-template-columns:1fr}body.oc-premium-skin-specialist .oc-premium .oc-hero__visual{max-width:650px}body.oc-premium-skin-specialist .oc-premium .oc-tech-stage{max-width:650px;margin:0 auto;width:100%}body.oc-premium-skin-specialist .oc-premium .oc-hero{padding:75px 0 80px}body.oc-premium-skin-specialist .oc-premium .oc-benefit{border-right:0;border-bottom:1px solid #64706499}}
@media(max-width:540px){body.oc-premium-skin-specialist .oc-premium .oc-hero{padding:51px 0 66px}body.oc-premium-skin-specialist .oc-premium .oc-display,body.oc-premium-skin-specialist .oc-premium .oc-display .elementor-heading-title{font-size:clamp(39px,10.0vw,54px)}body.oc-premium-skin-specialist .oc-premium .oc-tech-stage{min-height:445px;padding:18px 16px;box-shadow:10px 15px 0 -6px #ABB1A0,0 18px 36px #1B2A1B25}body.oc-premium-skin-specialist .oc-premium .oc-tech-diagram{height:255px}body.oc-premium-skin-specialist .oc-premium .oc-tech-tanks{height:208px}body.oc-premium-skin-specialist .oc-premium .oc-tech-tank{height:205px;width:74px}body.oc-premium-skin-specialist .oc-premium .oc-tech-brine{width:61px;height:117px;font-size:8px}body.oc-premium-skin-specialist .oc-premium .oc-tech-head{width:180px;height:45px;top:0}body.oc-premium-skin-specialist .oc-premium .oc-tech-head span{font-size:7px}body.oc-premium-skin-specialist .oc-premium .oc-tech-power{font-size:42px}body.oc-premium-skin-specialist .oc-premium .oc-tech-stats{margin-top:12px;padding:13px 0;gap:4px}body.oc-premium-skin-specialist .oc-premium .oc-tech-stats span{font-size:9px}body.oc-premium-skin-specialist .oc-premium .oc-tech-disclaimer{font-size:9px}body.oc-premium-skin-specialist .oc-premium .oc-hydro-process{padding:21px 15px;gap:17px}body.oc-premium-skin-specialist .oc-premium .oc-hydro-arrow{display:none}body.oc-premium-skin-specialist .oc-premium .oc-hydro-step{min-width:100%;align-items:flex-start;text-align:left;display:grid;grid-template-columns:45px 1fr;gap:5px 12px}body.oc-premium-skin-specialist .oc-premium .oc-hydro-step>b{grid-column:1 / -1}body.oc-premium-skin-specialist .oc-premium .oc-hydro-icon{grid-row:span 2;width:45px;height:45px;font-size:23px}body.oc-premium-skin-specialist .oc-premium .oc-hydro-step p{grid-column:2}body.oc-premium-skin-specialist .oc-premium .oc-hydro-note{margin-top:4px}}
@media(prefers-reduced-motion:reduce){body.oc-premium-skin-specialist .oc-premium *{transition:none!important;animation:none!important}}

/* High-contrast buttons in the dark technical/closing sections. */
body.oc-premium-skin-specialist .oc-premium .oc-button--light .elementor-button {color:#263028;background:#F8F4E9;border-color:#F8F4E9}
body.oc-premium-skin-specialist .oc-premium .oc-button--light .elementor-button:hover {color:#fff;background:#A47C4E;border-color:#A47C4E}
body.oc-premium-skin-specialist .oc-premium .oc-button--outline-light .elementor-button {color:#fff;background:transparent;border-color:#ADBCAD}
body.oc-premium-skin-specialist .oc-premium .oc-button--outline-light .elementor-button:hover {color:#233027;background:#fff;border-color:#fff}
