/* Cin Bien-être V5.12 — design éditorial, menu accessible et responsive */
html{scroll-padding-top:136px}
#univers,#esprit,#communaute,#newsletter,#objets,#fidelite,#partenariats{scroll-margin-top:136px}
.site-header{box-shadow:0 8px 30px rgba(78,54,76,.035)}
@media(min-width:1151px){
 .site-header .navbar{display:flex;flex-wrap:wrap;min-height:0;padding-top:12px;padding-bottom:11px;row-gap:4px;column-gap:12px}
 .site-header .brand{order:1;flex:1 1 auto}
 .site-header .lang-menu{top:11px}
 .site-header .cin12-nav{order:3;flex:0 0 100%;margin-left:0;justify-content:center;gap:2px;flex-wrap:nowrap}
 .cin12-nav a{font-size:12px;padding:8px 10px;white-space:nowrap;letter-spacing:-.02em}
}
@media(max-width:1150px){
 html{scroll-padding-top:100px}
 .site-header .navbar{min-height:90px;padding-top:24px;position:relative}
 .site-header .menu-toggle{display:block!important;margin-left:auto!important}
 .site-header .cin12-nav{display:none;position:absolute;top:calc(100% - 1px);left:0;right:0;z-index:35;margin:0;flex-direction:column;align-items:stretch;gap:4px;padding:13px;background:rgba(255,255,255,.99);border:1px solid #e7e1e9;border-top:0;border-radius:0 0 18px 18px;box-shadow:0 15px 28px rgba(60,47,58,.15)}
 .site-header .cin12-nav.open{display:flex!important}
 .site-header .cin12-nav a{display:block;font-size:14px;padding:11px 15px;border-radius:10px}
}
@media(max-width:520px){.site-header .navbar{min-height:82px;padding-top:21px}.site-header .brand span{font-size:23px}}

/* Three polished editorial invitations, instead of repeating utilitarian banners */
.cin12-circle{padding:76px 0 34px;background:linear-gradient(180deg,#fffdfb,#f7fbfa 65%,#fdfbfa);position:relative;isolation:isolate}
.cin12-section-intro{text-align:center;max-width:680px;margin:0 auto 35px}
.cin12-overline{display:block;color:#7c9e98;letter-spacing:.16em;font-weight:800;font-size:12px}
.cin12-section-intro h2{font:400 clamp(41px,4.5vw,60px)/1.12 'Satisfy',cursive;color:#694583;margin:12px 0 10px}
.cin12-section-intro p{color:#6f6769;font-size:16px;line-height:1.8;margin:0}
.cin12-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.cin12-card{display:flex;flex-direction:column;min-height:350px;position:relative;overflow:hidden;border:1px solid #e6e2e5;background:#fff;border-radius:26px;padding:30px 29px 25px;box-shadow:0 18px 45px rgba(79,65,83,.075);transition:transform .25s ease,box-shadow .25s ease}
.cin12-card:hover{transform:translateY(-5px);box-shadow:0 22px 50px rgba(79,65,83,.14)}
.cin12-card::after{content:'';position:absolute;width:150px;height:150px;border-radius:50%;top:-83px;right:-52px;background:rgba(255,255,255,.55);pointer-events:none}
.cin12-card-letter{background:linear-gradient(148deg,#eff9f5,#fff 75%)}
.cin12-card-loyal{background:linear-gradient(148deg,#f5effb,#fff 75%)}
.cin12-card-partners{background:linear-gradient(148deg,#fff8ea,#fff 75%)}
.cin12-card-head{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-bottom:24px}
.cin12-card-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:16px;background:rgba(255,255,255,.82);border:1px solid #e5e9e6;color:#628f87;font-size:29px;box-shadow:0 6px 17px rgba(76,63,79,.06)}
.cin12-card-loyal .cin12-card-icon{color:#86659e}.cin12-card-partners .cin12-card-icon{color:#af8c52}
.cin12-tag{font-size:10px;letter-spacing:.05em;white-space:nowrap;font-weight:800;color:#5c9389;border:1px solid #d4e9e4;border-radius:99px;padding:5px 9px;background:#fff}
.cin12-tag-soft{color:#7f6b7e;border-color:#e8dfea}
.cin12-card-overline{font-size:11px!important;font-weight:800!important;letter-spacing:.11em!important;text-transform:uppercase;color:#9c8d92!important;margin:0 0 9px!important}
.cin12-card h3{font-size:clamp(21px,2.2vw,27px);line-height:1.22;color:#493c48;margin:0 0 13px}
.cin12-card>p:not(.cin12-card-overline){color:#686167;line-height:1.72;margin:0 0 25px;font-size:14px}
.cin12-card-link{font-size:13px;color:#654881;font-weight:800;text-decoration:none;margin-top:auto;display:inline-flex;align-items:center;gap:8px;align-self:flex-start;border-bottom:1px solid rgba(101,72,129,.30);padding-bottom:4px}
.cin12-card-link span{font-size:16px}.cin12-card-link:hover,.cin12-card-link:focus-visible{color:#328977;box-shadow:none}

/* Newsletter feature */
.cin12-newsletter{padding:45px 0 74px}
.cin12-newsletter-grid{display:grid;grid-template-columns:1.08fr .92fr;align-items:stretch;gap:0;position:relative;overflow:hidden;background:linear-gradient(133deg,#f4f0fb 0%,#f0f9f6 68%,#fffaf0);border:1px solid #e8e5ed;border-radius:32px;padding:28px;box-shadow:0 22px 55px rgba(74,59,76,.09)}
.cin12-newsletter-grid::before{content:'';pointer-events:none;position:absolute;top:-140px;left:-70px;width:360px;height:360px;border:1px solid rgba(142,118,162,.14);border-radius:50%}
.cin12-newsletter-grid::after{content:'';pointer-events:none;position:absolute;bottom:-200px;left:25%;width:370px;height:370px;border:1px solid rgba(105,177,165,.18);border-radius:50%}
.cin12-newsletter-grid .cin-newsletter-copy{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;padding:36px 35px 35px 28px}
.cin12-newsletter-mark{display:grid;place-items:center;width:67px;height:67px;border:1px solid rgba(140,105,159,.22);background:rgba(255,255,255,.85);border-radius:20px;font-size:37px;color:#775893;margin-bottom:26px;box-shadow:0 13px 24px rgba(91,73,98,.08)}
.cin12-newsletter .cin12-overline{color:#79628e}
.cin12-newsletter-copy h2,.cin12-newsletter h2.script{font-family:'Satisfy',cursive;font-size:clamp(37px,3.7vw,53px);line-height:1.16;font-weight:400;color:#694583;max-width:520px;margin:13px 0 20px}
.cin12-newsletter .cin12-n-lead{font-size:16px;line-height:1.84;color:#5f5961;max-width:485px;margin:0 0 24px}
.cin12-pills{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 25px}
.cin12-pills span{background:rgba(255,255,255,.85);color:#577a74;border:1px solid #d8e7e3;font-size:12px;font-weight:800;border-radius:999px;padding:7px 12px}
.cin12-n-foot{font-size:12px;color:#817982;font-weight:700;margin:0}
.cin12-newsletter-panel{z-index:1;background:rgba(255,255,255,.96);border:1px solid #ede8ee;border-radius:24px;box-shadow:0 15px 40px rgba(95,75,96,.08);padding:30px 29px}
.cin12-form-header{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin-bottom:23px;padding-bottom:20px;border-bottom:1px solid #eee8ed}
.cin12-form-ornament{font-size:25px;color:#c3a264;height:32px}
.cin12-form-header strong{color:#593c68;font-size:21px;line-height:1.25}
.cin12-form-header small{color:#848086;font-size:11px;font-weight:800;letter-spacing:.1em}
.cin12-newsletter-panel .cin-form-label{color:#594c58}
.cin12-newsletter-panel input[type=email]:focus{border-color:#8d6eaa;box-shadow:0 0 0 3px rgba(142,104,166,.13);outline:0}
.cin12-newsletter-panel .cin12-full-btn{width:100%;justify-content:center;margin-top:3px}
.cin12-form-note{font-size:11px;color:#878088;line-height:1.6;margin:16px 0 0}

/* Editorial polish on dedicated pages */
.cin12-loyalty-head{background:linear-gradient(115deg,#f9f4fd,#ecf8f6);border:1px solid #e3e4ec;border-radius:29px;padding:48px 30px!important;max-width:none!important;margin-bottom:28px!important;box-shadow:0 16px 34px rgba(85,71,93,.06)}
.cin12-loyalty-head h1{font-family:'Satisfy',cursive;font-weight:400;font-size:clamp(39px,4.5vw,60px);margin:12px auto;max-width:740px}
.cin12-loyalty-head p{max-width:740px;margin:10px auto 0}
.cin-loyalty-grid{gap:19px}
.cin-loyalty-benefit{position:relative;overflow:hidden;min-height:247px;padding:32px 27px 28px;border-radius:24px;box-shadow:0 18px 38px rgba(84,74,83,.07)}
.cin12-benefit-1{background:linear-gradient(155deg,#f2faf7,#fff 75%)}
.cin12-benefit-2{background:linear-gradient(155deg,#faf3fe,#fff 75%)}
.cin12-benefit-3{background:linear-gradient(155deg,#fffaf0,#fff 75%)}
.cin12-benefit-ornament{position:absolute;right:26px;top:20px;font-size:37px;color:rgba(128,96,150,.34)}
.cin-loyalty-big-number{display:inline-block;padding:9px 17px;border-radius:15px;background:rgba(255,255,255,.72);border:1px solid #e7ebe8;color:#6c4e80;font-size:27px}
.cin-loyalty-benefit h2{margin-top:19px}
.cin-loyalty-form-card,.cin12-partner-form{border:1px solid #e8e2ec!important;box-shadow:0 16px 40px rgba(89,75,90,.075)!important}
.cin12-partner-head{max-width:none;background:linear-gradient(120deg,#f6fbf7,#fbf5fd);padding:42px 28px;border-radius:27px;border:1px solid #e5e8e7;box-shadow:0 14px 31px rgba(67,64,72,.07)}
.cin12-partner-head h1{margin:8px 0 0}
.cin-partner-kinds{gap:20px}
.cin-partner-kind{min-height:206px;padding:29px 24px;border-radius:23px}
.cin12-partner-1{background:linear-gradient(155deg,#f0f9f6,#fff)}
.cin12-partner-2{background:linear-gradient(155deg,#f7f2fb,#fff)}
.cin12-partner-3{background:linear-gradient(155deg,#fff9ef,#fff)}
.cin-partner-icon{display:inline-grid;place-items:center;width:50px;height:50px;border-radius:15px;background:#fff;color:#9371a8;font-size:27px;box-shadow:0 4px 13px rgba(91,82,101,.08);margin-bottom:10px}
.cin-partner-form-box{padding:35px;border-radius:26px}
@media(max-width:960px){.cin12-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.cin12-card-partners{grid-column:span 2;min-height:255px}.cin12-newsletter-grid{grid-template-columns:1fr}.cin12-newsletter-grid .cin-newsletter-copy{padding:30px 20px 28px}.cin12-newsletter-panel{padding:28px}}
@media(max-width:650px){
 html{scroll-padding-top:90px}
 .cin12-circle{padding:49px 0 22px}.cin12-section-intro{margin-bottom:24px}
 .cin12-cards{grid-template-columns:1fr;gap:14px}
 .cin12-card,.cin12-card-partners{grid-column:span 1;min-height:280px;padding:25px}
 .cin12-card-head{margin-bottom:13px}.cin12-card h3{font-size:23px}
 .cin12-newsletter{padding:32px 0 56px}.cin12-newsletter-grid{padding:12px;border-radius:23px}
 .cin12-newsletter-grid .cin-newsletter-copy{padding:25px 12px}.cin12-newsletter-mark{margin-bottom:15px;width:54px;height:54px;font-size:30px}
 .cin12-newsletter-panel{padding:23px 19px;border-radius:18px}
 .cin12-loyalty-head{padding:30px 20px!important}.cin12-partner-head{padding:30px 19px}
 .cin-partner-form-box{padding:21px 17px}
}
@media(prefers-reduced-motion:reduce){.cin12-card{transition:none}.cin12-card:hover{transform:none}}