/* Guides: long-form reading pages on top of perfumi.css (imprint layout).
   Loaded only by guides.html, guides-ar.html and guides/*.html. */

/* calmer, darker backdrop for long reading; the glass itself stays clear */
.guide-page .scene-scrim{background:linear-gradient(180deg,rgba(8,20,24,.66),rgba(8,20,24,.74))}
[dir="rtl"] .guide-page .scene-scrim{transform:none}
/* no scroll JS here, so the nav scrolls away instead of floating over the text */
.guide-page .nav{position:absolute}

.guide-page .legal-card{text-shadow:0 1px 2px rgba(4,16,20,.55)}
.guide-page .legal-card p,.guide-page .legal-card li{font-size:1.05rem;line-height:1.75}
.guide-page .legal-card h1{margin-top:.25em}
.guide-page .legal-card h2{font-size:clamp(1.45rem,2.6vw,1.75rem);scroll-margin-top:96px}
.guide-page .legal-card ul,.guide-page .legal-card ol{padding-inline-start:1.3em;margin:0 0 1em;color:var(--text-muted)}
.guide-page .legal-card li{margin-bottom:.5em}
.guide-page .legal-card li::marker{color:var(--aqua-300)}
.guide-page .legal-card strong{color:var(--ink);font-weight:700}

.crumbs{display:flex;flex-wrap:wrap;gap:.5em;font-size:.82rem;color:var(--ink-faint);margin-bottom:1.4em}
.crumbs a{text-decoration:none!important;color:var(--ink-soft)}
.crumbs a:hover{color:var(--ink)}
.crumbs span[aria-hidden]{opacity:.6}

.guide-meta{font-size:.86rem!important;color:var(--ink-faint)!important;margin-bottom:1.6em!important}
.guide-lead{font-size:1.15rem!important;color:var(--ink)!important}

.guide-figure{margin:1.8em 0}
.guide-figure img{width:100%;height:auto;border-radius:18px;border:1px solid rgba(255,255,255,.22)}
.guide-figure figcaption{font-size:.82rem;color:var(--ink-faint);margin-top:.6em}

.guide-toc{margin:1.6em 0 .6em;padding:18px 22px;border:1px solid rgba(255,255,255,.18);border-radius:18px;background:rgba(255,255,255,.04)}
.guide-toc b{display:block;font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:.6em}
[dir="rtl"] .guide-toc b{letter-spacing:normal;font-size:.85rem}
.guide-page .guide-toc ol{margin:0}
.guide-page .guide-toc li{font-size:.98rem;margin-bottom:.25em}
.guide-toc a{text-decoration:none!important}
.guide-toc a:hover{text-decoration:underline!important}

.guide-note{margin:1.2em 0;padding:14px 18px;border-inline-start:3px solid var(--aqua-300);background:rgba(95,214,226,.08);border-radius:0 14px 14px 0}
[dir="rtl"] .guide-note{border-radius:14px 0 0 14px}
.guide-page .guide-note p{margin:0;color:var(--ink)}

.guide-faq{margin-top:.4em}
.guide-faq .faq-item summary{font-size:clamp(1.15rem,1.7vw,1.3rem);padding:18px 0}

.guide-related{margin-top:1.8em!important;padding-top:1.2em;border-top:1px solid rgba(255,255,255,.16)}
.guide-cta{margin-top:2.4em;padding:26px clamp(20px,3vw,30px);border:1px solid rgba(255,255,255,.22);border-radius:22px;background:rgba(255,255,255,.05)}
.guide-page .guide-cta h2{margin-top:0}
.guide-cta .btn{text-decoration:none!important;margin-top:.4em}
[dir="rtl"] .guide-cta .btn svg{transform:scaleX(-1)}

.guide-list{display:grid;gap:22px;margin-top:1.6em}
.guide-tile{display:grid;grid-template-columns:minmax(0,220px) 1fr;gap:22px;align-items:center;padding:16px;border:1px solid rgba(255,255,255,.2);border-radius:20px;background:rgba(255,255,255,.04);text-decoration:none!important;transition:background .3s,transform .4s var(--ease-lux)}
.guide-tile:hover{background:rgba(255,255,255,.09);transform:translateY(-2px)}
.guide-tile img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:14px}
.guide-page .guide-tile h2{margin:0 0 .3em;font-size:1.4rem}
.guide-page .guide-tile p{margin:0;font-size:.98rem}
@media(max-width:560px){.guide-tile{grid-template-columns:1fr}}

.guide-foot{position:relative;z-index:2;padding:0 0 60px;font-size:.84rem;color:rgba(251,247,239,.72)}
.guide-foot .wrap{max-width:820px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px}
.guide-foot nav{display:flex;flex-wrap:wrap;gap:18px}
.guide-foot a:hover{color:#fff}