/* concern pages + men's page: treatment cards */
.cn-hero .lead{margin-left:auto;margin-right:auto}
.cn-hero .btns{justify-content:center;margin-top:20px}
.cn-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:44px}
.cn-card{display:flex;flex-direction:column;background:var(--surf);border:1px solid var(--line);border-radius:20px;overflow:hidden;color:inherit;text-decoration:none;box-shadow:0 14px 34px rgba(0,0,0,.05);transition:transform .3s,box-shadow .3s}
.cn-card:hover{transform:translateY(-3px);box-shadow:0 20px 44px rgba(0,0,0,.09)}
.cn-img{position:relative;display:block;aspect-ratio:4/3;overflow:hidden}
.cn-img img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s}
.cn-card:hover .cn-img img{transform:scale(1.04)}
.cn-tag{position:absolute;left:12px;top:12px;padding:5px 11px;border-radius:99px;background:rgba(255,255,255,.92);color:#1A1715;font-size:10px;letter-spacing:.14em;text-transform:uppercase}
.cn-txt{display:flex;flex-direction:column;flex:1;padding:20px 22px 22px}
.cn-txt b{font-family:var(--serif);font-size:22px;font-weight:400;color:var(--head);margin-bottom:6px}
.cn-txt small{font-size:15px;line-height:1.6;flex:1}
.cn-txt i{margin-top:14px;font-style:normal;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--acc)}
.cn-note{margin-top:30px;text-align:center}
.cn-note a{color:var(--acc)}
@media(max-width:960px){.cn-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.cn-grid{grid-template-columns:1fr;gap:16px}}
#book p a{color:var(--acc);text-decoration:underline;text-underline-offset:3px}
/* shorter wording on phones (desktop and mobile versions of the same text) */
.cn-m{display:none}
@media(max-width:700px){.cn-d{display:none}em.cn-m,span.cn-m{display:inline}p.cn-m{display:block}}
/* before & after sliders (men's page) */
.ba-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;margin-top:44px;max-width:820px;margin-left:auto;margin-right:auto}
.ba{--pos:50%;position:relative;aspect-ratio:1/1;overflow:hidden;user-select:none;border-radius:18px}
.ba .side{position:absolute;inset:0}
.ba .after{clip-path:inset(0 0 0 var(--pos))}
.ba img.side{width:100%;height:100%;object-fit:cover}
.ba .bar{position:absolute;top:0;bottom:0;left:var(--pos);width:2px;background:#fff;transform:translateX(-1px);pointer-events:none;box-shadow:0 0 10px rgba(0,0,0,.2)}
.ba .bar::after{content:"94";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:46px;height:46px;border-radius:50%;background:#fff;color:var(--acc);display:grid;place-items:center;font-size:20px;box-shadow:0 6px 18px rgba(0,0,0,.2)}
.ba input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}
.ba-tag{position:absolute;top:16px;padding:5px 10px;background:rgba(0,0,0,.45);color:#fff;font-size:11px;letter-spacing:.2em;text-transform:uppercase;pointer-events:none}
.ba-tag.l{left:16px}.ba-tag.r{right:16px}
.wm-ba .ba::after{content:"";position:absolute;right:12px;bottom:10px;width:60px;height:60px;background:url(../img/pari-logo.webp) center/contain no-repeat;filter:brightness(0) invert(1) drop-shadow(0 1px 3px rgba(0,0,0,.45));opacity:.75;pointer-events:none}
.ba-cap{margin-top:14px;font-size:14px;color:var(--muted);text-align:center}
.cmp-note{margin-top:16px;font-size:13px;color:var(--muted)}
@media(max-width:860px){.ba-grid{grid-template-columns:1fr;max-width:420px}}