/* Les routines avec produits du commerce reprennent les cartes du catalogue. */
.market-routine-card .art-tag{max-width:calc(100% - 24px);font-size:9px;letter-spacing:.06em}
.routine-source-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:20px 0 16px}.routine-source-switch button{position:relative;display:grid;grid-template-columns:36px 1fr;grid-template-rows:auto auto;gap:4px 12px;align-items:center;text-align:left;padding:18px 20px;border:1px solid var(--line,#e8dce5);border-radius:18px;background:var(--surface,#fffaf7);color:var(--ink,#493247);cursor:pointer;transition:border-color .18s,transform .18s,box-shadow .18s}.routine-source-switch button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #49324712}.routine-source-switch button.active{border-color:var(--plum,#59334f);box-shadow:inset 0 0 0 1px var(--plum,#59334f);background:var(--lilac,#f4eaf1)}.routine-source-switch button>span{grid-row:1/3;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:var(--surface-2,#fff);font-size:11px;font-weight:800;color:var(--plum,#59334f)}.routine-source-switch strong{font-size:15px}.routine-source-switch small{font-size:12px;color:var(--muted,#746775)}.routine-category-note{margin:0 0 18px;padding:12px 15px;border-left:3px solid var(--accent,#c98672);background:var(--surface,#fffaf7);border-radius:0 12px 12px 0;color:var(--muted,#746775);font-size:13px;line-height:1.6}.routine-category-note a{font-weight:700;color:var(--ink,#493247);text-underline-offset:3px}.market-review{margin:14px 0;padding:11px 12px;border-radius:12px;background:var(--surface-2,#f8f0f4);color:var(--muted,#746775);font-size:11px;line-height:1.55}.market-review strong{color:var(--ink,#493247)}.market-review a{display:inline-block;margin-left:4px;color:var(--ink,#493247);font-weight:700;text-underline-offset:3px}.market-routine-card .ritual-body{display:flex;flex-direction:column}.market-routine-card .market-routine-details{margin-top:auto;padding-top:4px}
.market-routine-details{margin-top:14px}.market-routine-details summary{display:flex;justify-content:space-between;align-items:center;gap:10px;cursor:pointer;list-style:none}.market-routine-details summary::-webkit-details-marker{display:none}.market-routine-details summary svg{width:16px;height:16px;transition:transform .18s ease}.market-routine-details[open] summary svg{transform:rotate(90deg)}
.market-routine-steps{list-style:none;margin:12px 0 0;padding:10px 14px;border:1px solid var(--line,#e8dce5);border-radius:14px;background:var(--surface,#fffaf7)}.market-routine-steps li{display:grid;grid-template-columns:27px minmax(0,1fr);gap:9px;padding:12px 0;border-bottom:1px solid var(--line,#e8dce5)}.market-routine-steps li:last-child{border-bottom:0}.market-step-number{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:var(--lilac,#efe5ef);font-size:10px;font-weight:800}.market-routine-steps h4{margin:1px 0 5px;font-size:13px}.market-routine-steps p{margin:0 0 7px;font-size:12px;line-height:1.6}.market-routine-steps a{font-size:11px;line-height:1.5;font-weight:700;color:var(--ink,#493247);text-decoration:underline;text-underline-offset:3px}
@media(max-width:700px){.routine-source-switch{grid-template-columns:1fr;gap:9px}.routine-source-switch button{padding:14px 16px}.market-review{font-size:10px}}

/* Keep the source selector and supporting notes readable in dark mode. */
html[data-theme="dark"] body #main .routine-source-switch button{background:#302d39!important;color:#f5f0e9!important;border-color:#59515f!important}
html[data-theme="dark"] body #main .routine-source-switch button>span{background:#49404f!important;color:#f0c4ad!important}
html[data-theme="dark"] body #main .routine-source-switch button strong{color:#f5f0e9!important}
html[data-theme="dark"] body #main .routine-source-switch button small{color:#d0c7d2!important}
html[data-theme="dark"] body #main .routine-source-switch button.active{background:#493b4b!important;color:#fff8f1!important;border-color:#e6aa91!important;box-shadow:inset 0 0 0 1px #e6aa91!important}
html[data-theme="dark"] body #main .routine-source-switch button.active strong{color:#fff8f1!important}
html[data-theme="dark"] body #main .routine-source-switch button.active small{color:#eadce5!important}
html[data-theme="dark"] body #main .routine-category-note,html[data-theme="dark"] body #main .market-review{background:#302d39!important;color:#d5cdd8!important;border-color:#e0a58e!important}
html[data-theme="dark"] body #main .routine-category-note a,html[data-theme="dark"] body #main .market-review strong,html[data-theme="dark"] body #main .market-review a{color:#f0c39e!important}
html[data-theme="dark"] body #main .market-routine-steps{background:#292630!important;color:#eee8f0!important;border-color:#514a5c!important}
html[data-theme="dark"] body #main .market-routine-steps li{border-color:#514a5c!important}
html[data-theme="dark"] body #main .market-step-number{background:#493b4b!important;color:#f5d3bf!important}
html[data-theme="dark"] body #main .market-routine-steps a{color:#f0c39e!important}
.market-routine-card .ritual-body{display:flex;flex-direction:column}.market-product-peek{display:flex;align-items:center;gap:8px;margin:14px 0 18px;padding:8px 10px;border-radius:14px;background:var(--surface-2,#f8f0f4)}.market-product-peek img{width:38px;height:38px;object-fit:contain;border-radius:9px;background:#fff}.market-product-peek span{margin-left:auto;font-size:11px;color:var(--muted,#746775)}.market-routine-card .ritual-body>.primary-button{margin-top:auto}.market-routine-card .market-review{display:none}
.market-detail-banner{align-items:center}.market-detail-banner>div{min-width:0}.market-detail-banner .market-review{max-width:720px}.market-detail-portrait{width:min(100%,410px);height:300px;object-fit:cover;border-radius:24px}.market-detail-steps{max-width:1040px;margin:42px auto}.market-detail-step{margin:18px 0 26px;padding:24px;border:1px solid var(--line,#e8dce5);border-radius:22px;background:var(--surface,#fffaf7);box-shadow:0 12px 36px #4932470b}.market-detail-step>header{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;align-items:start}.market-detail-step>header .market-step-number{width:32px;height:32px}.market-detail-step>header h3{margin:4px 0 6px}.market-detail-step>header p{margin:0;color:var(--muted,#746775);line-height:1.65}.market-step-product{display:flex;align-items:center;gap:18px;margin:18px 0;padding:14px;border-radius:18px;background:var(--surface-2,#f8f0f4)}.market-product-image{width:120px;height:120px;object-fit:contain;border-radius:14px;background:#fff}.market-step-product h4{margin:4px 0;font-size:16px}.market-step-product p{margin:3px 0 8px;color:var(--muted,#746775)}.market-step-product a{font-weight:700;color:var(--ink,#493247);text-underline-offset:3px}.market-detail-step .gesture-video{max-width:600px;margin:18px auto 0}.market-detail-step .gesture-video video{width:100%;max-height:330px;object-fit:cover;border-radius:16px}.market-detail-step .gesture-video figcaption{padding:10px 4px}.market-detail-step .video-kicker{margin-bottom:8px}
html[data-theme="dark"] body #main .market-product-peek,html[data-theme="dark"] body #main .market-step-product{background:#302d39!important;color:#eee8f0!important}html[data-theme="dark"] body #main .market-step-product a{color:#f0c39e!important}
html[data-theme="dark"] body #main .market-detail-step{background:#23252b!important;color:#f6f1e9!important;border-color:#484c57!important;box-shadow:0 12px 32px #0004!important}
html[data-theme="dark"] body #main .market-detail-step :is(h3,h4,strong){color:#f6f1e9!important}
html[data-theme="dark"] body #main .market-detail-step :is(p,small){color:#c6c5cc!important}
html[data-theme="dark"] body #main .market-detail-step .eyebrow{color:#e8b88b!important}
html[data-theme="dark"] body #main .market-detail-step .market-step-number{background:#3d4938!important;color:#f3f5e8!important}
@media(max-width:700px){.market-detail-banner{display:flex;flex-direction:column;align-items:stretch}.market-detail-portrait{width:100%;height:220px}.market-detail-step{padding:16px}.market-step-product{gap:12px}.market-product-image{width:88px;height:100px}}
/* Profil actif : repère compact, lisible et intégré aux pages de soins. */
html body #main .profile-context{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 22px;padding:12px 16px;border:1px solid #e7dce3;border-radius:16px;background:linear-gradient(110deg,#fffaf6,#f4edf2);font-size:13px;box-shadow:0 5px 18px #4932470a}
html body #main .profile-context>div{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.profile-context .context-dot{width:8px;height:8px;flex:none}.profile-context strong{font-weight:750}.profile-context>div>span:last-child{color:var(--muted,#746775)}html body #main .profile-context>a{padding:7px 11px;border-radius:999px;background:#eadde7;color:#493247;text-decoration:none;font-size:12px;font-weight:700;white-space:nowrap}
html[data-theme="dark"] body #main .profile-context{background:linear-gradient(110deg,#302b35,#37303b)!important;border-color:#514857!important;color:#f5f0e9!important}.profile-context .context-dot{box-shadow:0 0 0 4px #83977722}html[data-theme="dark"] body #main .profile-context>div>span:last-child{color:#d2c8d5!important}html[data-theme="dark"] body #main .profile-context>a{background:#4a3c4b!important;color:#f3c8ae!important}
@media(max-width:640px){html body #main .profile-context{align-items:flex-start;padding:11px 12px}.profile-context>div{gap:6px}.profile-context>div>span:last-child{width:auto!important;flex-basis:100%;margin-left:17px}.profile-context>a{font-size:11px!important}}
