/* Cosmetics uses the site's shared type, color and theme tokens. */
.cosmetics-page .site-header { background:var(--bg); }
.cosmetics-page [hidden] { display:none !important; }
.cosmetics-skip { position:fixed;top:1rem;left:1rem;z-index:200;padding:.8rem 1.2rem;background:var(--surface);transform:translateY(-200%); }
.cosmetics-skip:focus { transform:none; }
.cosmetics-page .btn { white-space:normal;justify-content:center;text-align:center; }
.cosmetics-page main section[id],.cosmetics-page main details[id] { scroll-margin-top:155px; }
.cosmetics-page .eyebrow { font-size:.68rem;letter-spacing:.18em; }
.cosmetics-hero-banner { background:linear-gradient(150deg,rgba(6,63,83,.465) 0%,rgba(4,30,41,.43) 52%,rgba(10,80,102,.275) 100%),url("../img/readline-hero.jpg") center/cover; }
.cosmetics-hero-banner .crumbs { display:flex;flex-wrap:wrap;gap:.5rem 1rem; }
.cosmetics-hero-banner .eyebrow { font-size:.76rem;letter-spacing:.26em; }
.cosmetics-hero-banner h1 { max-width:60rem;text-wrap:balance; }
.cosmetics-hero-banner h1 span { display:block; }
.cosmetics-hero-banner .hero-cta { margin-top:1.8rem; }
.cosmetics-hero { padding:1.5rem 0 4rem;background:var(--bg-alt); }
.cosmetics-crumbs { display:flex;gap:.65rem;flex-wrap:wrap;font-size:.75rem;color:var(--muted);padding-bottom:2rem; }
.cosmetics-crumbs a:hover { text-decoration:underline; }
.cosmetics-hero__grid { display:grid;grid-template-columns:1.15fr 1fr;gap:3.5rem;align-items:center; }
.cosmetics-hero h1 { font-size:clamp(3rem,5.2vw,4.6rem);line-height:1.02;max-width:14ch; }
.cosmetics-hero h1 em { font-style:normal;color:var(--eyebrow); }
.cosmetics-hero .lead { margin:1.65rem 0 1.8rem;font-size:1.05rem;max-width:45ch; }
.cosmetics-actions { display:flex;gap:.8rem;flex-wrap:wrap;align-items:center; }
.cosmetics-actions .btn { font-size:.83rem;padding:.85rem 1.25rem; }
.cosmetics-hero__note { font-size:.75rem;color:var(--muted);margin-top:1.6rem; }
.cosmetics-hero__photo { position:relative;border-radius:120px 14px 14px 14px;overflow:hidden;background:var(--deep); }
.cosmetics-hero__photo > img { width:100%;height:535px;object-fit:cover;object-position:center 63%; }
.cosmetics-hero__photo figcaption { position:absolute;bottom:1.3rem;left:1.3rem;right:1.3rem;display:flex;gap:1rem;align-items:center;justify-content:space-between;background:var(--bone);border-radius:8px;padding:1rem 1.15rem;color:var(--deep); }
.cosmetics-hero__photo figcaption img { width:125px;height:auto;mix-blend-mode:multiply; }
.cosmetics-hero__photo figcaption span { font-family:var(--mono);font-size:.6rem;line-height:1.7;text-transform:uppercase;letter-spacing:.07em;max-width:17ch; }
.cosmetics-facts { border-bottom:1px solid var(--line); }
.cosmetics-facts .container { display:grid;grid-template-columns:repeat(4,1fr);padding-block:1.9rem;gap:2rem; }
.cosmetics-facts div div { padding-right:1rem; }
.cosmetics-facts b { display:block;font-family:var(--display);font-size:2.4rem;line-height:1.1;letter-spacing:-.04em;color:var(--text-strong); }
.cosmetics-facts span { display:block;font-size:.74rem;color:var(--muted);margin-top:.5rem; }
.cosmetics-jump { position:sticky;top:74px;background:var(--bg);z-index:35;border-bottom:1px solid var(--line); }
.cosmetics-jump .container { display:flex;align-items:center;gap:2rem;min-height:59px;overflow-x:auto; }
.cosmetics-jump a { white-space:nowrap;font-size:.75rem;font-weight:600;padding:1.1rem 0;border-bottom:2px solid transparent; }
.cosmetics-jump a:hover,.cosmetics-jump a:focus-visible { color:var(--eyebrow);border-color:var(--eyebrow); }
.cosmetics-jump a:last-child { color:var(--eyebrow); }
.cosmetics-jump .cosmetics-jump__brand { display:flex;align-items:center;flex:none;padding:.7rem 0; }
.cosmetics-jump__brand img { width:128px;height:auto; }
:root[data-theme="dark"] .cosmetics-jump__brand img { background:#fbfcfb;padding:4px 6px;border-radius:4px; }
.cosmetics-section { padding-block:clamp(4rem,7vw,6.5rem); }
.cosmetics-section h2 { font-size:clamp(2rem,3.5vw,3rem);max-width:23ch; }
.cosmetics-section .lead { font-size:1rem;max-width:57ch;margin-top:1.1rem; }
.cosmetics-intro { display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:end; }
.cosmetics-intro > p { margin:0 !important; }
.cosmetics-pillars { display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:3rem; }
.cosmetics-pillars article { padding-top:1.2rem;border-top:1px solid var(--line-2); }
.cosmetics-number { display:block;font-family:var(--mono);font-size:.7rem;color:var(--eyebrow);margin-bottom:1.2rem; }
.cosmetics-pillars h3 { font-size:1.2rem; }
.cosmetics-pillars p { font-size:.87rem;color:var(--muted);margin-top:.7rem; }
.cosmetics-featured { background:var(--bg-alt);border-block:1px solid var(--line); }
.cosmetics-flagships { display:grid;grid-template-columns:1.04fr 1fr 1fr;gap:1rem;margin-top:2.5rem; }
.cosmetics-active { min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:1.5rem;display:flex;flex-direction:column; }
.cosmetics-active--lead { grid-row:span 2;background:var(--abyss);color:var(--bone);padding:2rem;position:relative;overflow:hidden; }
.cosmetics-active .cosmetics-number { margin-bottom:1rem; }
.cosmetics-active h3 { font-size:1.35rem; }
.cosmetics-active--lead h3 { font-size:2rem;color:var(--bone); }
.cosmetics-active--lead .cosmetics-number { color:var(--amber); }
.cosmetics-inci { font-size:.76rem;line-height:1.6;color:var(--muted);margin-top:.4rem;overflow-wrap:anywhere; }
.cosmetics-active--lead .cosmetics-inci { color:var(--mint); }
.cosmetics-active p:not(.cosmetics-inci) { font-size:.86rem;margin-top:1rem;color:var(--muted); }
.cosmetics-active--lead p:not(.cosmetics-inci) { color:color-mix(in srgb,var(--bone) 80%,transparent); }
.cosmetics-active .cosmetics-purity { margin:2.5rem 0 1.5rem;font-family:var(--display);font-size:3.8rem;line-height:1;color:var(--amber);letter-spacing:-.05em; }
.cosmetics-purity small { display:block;font-family:var(--body);font-size:.72rem;line-height:1.5;letter-spacing:0;color:var(--mint);margin-top:.75rem; }
.cosmetics-dose { display:block;font-size:.72rem;padding-top:1rem;margin-top:auto;color:var(--text); }
.cosmetics-active--lead .cosmetics-dose { color:var(--mint); }
.cosmetics-active a { margin-top:1rem;font-size:.77rem;font-weight:600;color:var(--eyebrow); }
.cosmetics-active--lead a { color:var(--amber); }
.cosmetics-more { margin-top:2.2rem; }
.cosmetics-more > h3 { font-size:1rem;margin-bottom:1rem; }
.cosmetics-more details { border-top:1px solid var(--line-2); }
.cosmetics-more details:last-child { border-bottom:1px solid var(--line-2); }
.cosmetics-more summary { padding:1rem 2rem 1rem 0;cursor:pointer;font-size:.91rem;font-weight:600;position:relative;list-style:none; }
.cosmetics-more summary::-webkit-details-marker { display:none; }
.cosmetics-more summary::after { content:"+";position:absolute;right:.35rem;top:.85rem;color:var(--eyebrow);font-size:1.4rem; }
.cosmetics-more details[open] summary::after { content:"−"; }
.cosmetics-more summary span { color:var(--muted);font-size:.8rem;font-weight:400;margin-left:1rem; }
.cosmetics-more__body { padding:0 0 1.3rem;max-width:75ch;font-size:.87rem;color:var(--muted); }
.cosmetics-more__body a { color:var(--eyebrow);font-size:.8rem;display:inline-block;margin-top:.8rem;font-weight:600; }
.cosmetics-note { color:var(--muted);font-size:.75rem;line-height:1.7;margin-top:1.2rem; }
.cosmetics-catalogue-top { display:flex;align-items:end;justify-content:space-between;gap:2rem; }
.cosmetics-catalogue-top > a { flex:none;font-size:.8rem; }
.cosmetics-filters { margin-top:2.2rem;padding:1.3rem;background:var(--bg-alt);border:1px solid var(--line);border-radius:12px; }
.cosmetics-search-row { display:grid;grid-template-columns:1.25fr 1fr;gap:1rem; }
.cosmetics-filters .field { margin:0; }
.cosmetics-filter-bottom { display:flex;gap:1rem;align-items:center;flex-wrap:wrap;margin-top:1rem; }
.cosmetics-check { display:flex;align-items:center;gap:.6rem;font-size:.8rem;cursor:pointer; }
.cosmetics-check input { width:17px;height:17px;accent-color:var(--deep); }
.cosmetics-reset { border:0;background:none;text-decoration:underline;text-underline-offset:3px;font-size:.76rem;padding:.35rem;margin-left:auto; }
.cosmetics-count { font-family:var(--mono);font-size:.7rem;color:var(--muted);margin-block:1.4rem .9rem; }
.cosmetics-table-wrap { overflow:auto;border:1px solid var(--line);border-radius:10px; }
.cosmetics-table { border-collapse:collapse;width:100%;font-size:.79rem;min-width:790px;text-align:left; }
.cosmetics-table caption { text-align:left;padding:1rem 1.2rem;background:var(--bg-alt);font-size:.76rem;color:var(--muted); }
.cosmetics-table th { font-size:.67rem;letter-spacing:.03em;text-transform:uppercase;color:var(--muted);background:var(--bg-alt);font-weight:500; }
.cosmetics-table th,.cosmetics-table td { padding:.9rem 1rem;border-bottom:1px solid var(--line);vertical-align:middle; }
.cosmetics-table tbody tr:last-child td,.cosmetics-table tbody tr:last-child th { border-bottom:0; }
.cosmetics-table tbody tr:hover { background:var(--surface-2); }
.cosmetics-table tbody th { text-transform:none;font-size:.81rem;letter-spacing:0;font-weight:600;color:var(--text-strong);background:none; }
.cosmetics-table td:nth-child(2) { max-width:230px;overflow-wrap:anywhere; }
.cosmetics-table th:nth-child(n+4),.cosmetics-table td:nth-child(n+4) { text-align:center; }
.cosmetics-table th:last-child,.cosmetics-table td:last-child { text-align:right; }
.cosmetics-table td a { color:var(--eyebrow);font-size:.71rem;white-space:nowrap; }
.cosmetics-yes { color:var(--mint-ink);font-weight:700; }
:root[data-theme="dark"] .cosmetics-yes { color:var(--mint); }
.cosmetics-empty { text-align:center;padding:2rem;border:1px solid var(--line);font-size:.9rem; }
.cosmetics-legend { display:flex;gap:1.5rem;flex-wrap:wrap;font-size:.72rem;color:var(--muted);margin-top:1rem; }
.cosmetics-platform { background:var(--abyss);color:var(--bone); }
.cosmetics-platform h2,.cosmetics-platform h3 { color:var(--bone); }
.cosmetics-platform .eyebrow { color:var(--amber); }
.cosmetics-platform .lead,.cosmetics-platform p { color:color-mix(in srgb,var(--bone) 76%,transparent); }
.cosmetics-platform__grid { display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center; }
.cosmetics-platform__image { border-radius:12px;overflow:hidden; }
.cosmetics-platform__image img { width:100%;height:355px;object-fit:cover; }
.cosmetics-platform__image figcaption { font-family:var(--mono);font-size:.65rem;color:var(--mint);padding-top:1rem; }
.cosmetics-process { display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;margin:3rem 0 2.5rem;list-style:none;padding:2rem 0 0;border-top:1px solid color-mix(in srgb,var(--mint) 25%,transparent); }
.cosmetics-process .cosmetics-number { color:var(--amber); }
.cosmetics-process h3 { font-size:1.05rem; }
.cosmetics-process p { font-size:.83rem;margin-top:.6rem; }
.cosmetics-sites { display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;border-top:1px solid color-mix(in srgb,var(--mint) 25%,transparent);padding-top:1.5rem; }
.cosmetics-sites b { font-size:.84rem;display:block;color:var(--mint); }
.cosmetics-sites span { font-size:.75rem;display:block;margin-top:.4rem;color:color-mix(in srgb,var(--bone) 72%,transparent); }
.cosmetics-cert-grid { display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:1rem;margin-top:2.5rem; }
.cosmetics-cert { padding:1.75rem;border:1px solid var(--line-2);border-radius:12px;background:var(--bg-alt); }
.cosmetics-cert img { width:115px;height:105px;object-fit:contain;background:var(--bone);padding:.45rem;border-radius:8px;margin-bottom:1.4rem; }
.cosmetics-cert__letter { display:flex;width:105px;height:105px;background:var(--bg-alt);border-radius:8px;align-items:center;justify-content:center;font-family:var(--display);font-size:3.5rem;color:var(--eyebrow);margin-bottom:1.4rem; }
.cosmetics-cert h3 { font-size:1.15rem; }
.cosmetics-cert p { margin-top:.8rem;font-size:.86rem;color:var(--muted); }
.cosmetics-cert a { margin-top:1rem;display:inline-block;font-size:.78rem;color:var(--eyebrow);font-weight:600; }
.cosmetics-quality { margin-top:2.3rem;padding-top:1.5rem;border-top:1px solid var(--line); }
.cosmetics-quality h3 { font-size:1rem; }
.cosmetics-quality p { font-size:.83rem;color:var(--muted);margin-top:.7rem; }
.cosmetics-support { background:var(--bg-alt);border-block:1px solid var(--line); }
.cosmetics-support__grid { display:grid;grid-template-columns:.75fr 1.25fr;gap:4.5rem;align-items:start; }
.cosmetics-support__image { position:relative;border-radius:90px 12px 12px 12px;overflow:hidden; }
.cosmetics-support__image img { height:565px;width:100%;object-fit:cover; }
.cosmetics-support__image--readline { border-radius:12px; }
.cosmetics-support__image.cosmetics-support__image--readline img { height:auto; }
.cosmetics-support__image figcaption { position:absolute;bottom:1rem;left:1rem;right:1rem;padding:1rem;background:var(--abyss);color:var(--bone);font-size:.85rem;border-radius:8px; }
.cosmetics-service-list { margin-top:2rem; }
.cosmetics-service-list li { padding:1.2rem 0;border-top:1px solid var(--line-2); }
.cosmetics-service-list h3 { font-size:1.07rem; }
.cosmetics-service-list p { margin-top:.5rem;font-size:.87rem;color:var(--muted); }
.cosmetics-support-includes { display:grid;grid-template-columns:1fr 1fr;gap:.7rem 1.5rem;margin-top:1.5rem;font-size:.76rem; }
.cosmetics-support-includes li::before { content:"✓";color:var(--eyebrow);margin-right:.5rem; }
.cosmetics-download { background:var(--deep);color:var(--bone);padding-block:2.5rem; }
.cosmetics-download .container { display:flex;justify-content:space-between;gap:2rem;align-items:center; }
.cosmetics-download h2 { color:var(--bone);font-size:1.6rem; }
.cosmetics-download p { font-size:.8rem;color:var(--mint);margin-top:.6rem; }
.cosmetics-contact-grid { display:grid;grid-template-columns:.9fr 1.1fr;gap:4rem;align-items:start; }
.cosmetics-contact-links { display:grid;gap:.6rem;margin-top:2rem;font-size:.92rem; }
.cosmetics-contact-links a { text-decoration:underline;text-underline-offset:4px; }
.cosmetics-contact-links span { font-size:.8rem;color:var(--muted); }
.cosmetics-form { padding:2rem;border:1px solid var(--line);background:var(--surface);border-radius:14px; }
.cosmetics-form-row { display:grid;grid-template-columns:1fr 1fr;gap:1rem; }
.cosmetics-form .field { min-width:0; }
.cosmetics-form input,.cosmetics-form select,.cosmetics-form textarea { min-width:0;width:100%; }
.cosmetics-form button:disabled { opacity:.65;cursor:wait; }
.cosmetics-form .cosmetics-note { font-size:.7rem;margin:0 0 1.2rem; }
.cosmetics-form-error { margin-top:1rem;font-size:.86rem;color:var(--eyebrow); }
.cosmetics-form-success { padding:2rem;border:1px solid var(--line);border-radius:12px;background:var(--bg-alt); }
.cosmetics-form-success p { margin-top:1rem; }
.cosmetics-promo { padding-block:4rem;border-block:1px solid var(--line); }
.cosmetics-promo__grid { display:grid;grid-template-columns:1.4fr 1fr;gap:3.5rem;align-items:center; }
.cosmetics-promo h2 { max-width:20ch; }
.cosmetics-promo .lead { margin:1rem 0 1.4rem;font-size:1rem; }
.cosmetics-promo img { width:100%;height:300px;object-fit:cover;object-position:center 65%;border-radius:70px 12px 12px 12px; }
@media(max-width:1050px) {
  .cosmetics-hero__grid { gap:2rem; }
  .cosmetics-hero h1 { font-size:3.7rem; }
  .cosmetics-hero__photo > img { height:510px; }
  .cosmetics-flagships { grid-template-columns:1fr 1fr; }
  .cosmetics-active--lead { grid-row:auto;grid-column:1 / -1; }
  .cosmetics-active .cosmetics-purity { margin:1.5rem 0; }
  .cosmetics-platform__grid,.cosmetics-support__grid,.cosmetics-contact-grid { gap:2.5rem; }
  .cosmetics-jump .container { gap:1.5rem; }
}
@media(max-width:760px) {
  .cosmetics-hero__grid,.cosmetics-intro,.cosmetics-platform__grid,.cosmetics-support__grid,.cosmetics-contact-grid { grid-template-columns:1fr;gap:2rem; }
  .cosmetics-hero h1 { font-size:clamp(3rem,8vw,4.5rem);max-width:17ch; }
  .cosmetics-hero__photo > img { height:370px;object-position:50% 66%; }
  .cosmetics-facts .container { grid-template-columns:1fr 1fr;gap:1.5rem; }
  .cosmetics-facts b { font-size:2rem; }
  .cosmetics-pillars { gap:1.3rem; }
  .cosmetics-cert-grid { grid-template-columns:1fr; }
  .cosmetics-cert img,.cosmetics-cert__letter { width:90px;height:80px; }
  .cosmetics-process,.cosmetics-sites { grid-template-columns:1fr 1fr; }
  .cosmetics-support__image img { height:340px;object-position:center 53%; }
  .cosmetics-catalogue-top { align-items:start;flex-direction:column;gap:1.5rem; }
  .cosmetics-download .container { align-items:start;flex-direction:column; }
  .cosmetics-promo__grid { grid-template-columns:1fr;gap:2rem; }
  .cosmetics-promo img { height:260px; }
}
@media(max-width:560px) {
  .cosmetics-page .header-tools > .btn { display:none; }
  .cosmetics-page .header-tools { margin-left:auto;gap:.45rem; }
  .cosmetics-page .header-tools .lang { display:inline-flex; }
  .cosmetics-page .header-tools .lang a { padding:.4rem .5rem; }
  .cosmetics-page .brand img { height:28px; }
  .cosmetics-hero { padding-bottom:2rem; }
  .cosmetics-hero__photo { border-top-left-radius:85px; }
  .cosmetics-hero__photo > img { height:340px; }
  .cosmetics-hero__photo figcaption { inset:auto .9rem .9rem; }
  .cosmetics-hero__photo figcaption img { width:115px; }
  .cosmetics-hero__note { max-width:33ch; }
  .cosmetics-pillars,.cosmetics-flagships,.cosmetics-search-row,.cosmetics-form-row { grid-template-columns:1fr; }
  .cosmetics-active--lead { grid-column:auto; }
  .cosmetics-more summary span { display:block;margin:.35rem 0 0; }
  .cosmetics-filters,.cosmetics-form { padding:1.2rem; }
  .cosmetics-filter-bottom { align-items:start; }
  .cosmetics-check { max-width:80%;font-size:.74rem; }
  .cosmetics-check input { flex:none; }
  .cosmetics-jump .container { gap:1.35rem; }
  .cosmetics-jump a { font-size:.7rem; }
  .cosmetics-process { gap:1.7rem 1.3rem; }
  .cosmetics-platform__image img { height:260px; }
  .cosmetics-support-includes { grid-template-columns:1fr; }
}