/* Таро на сайте: сцена расклада, вопрос, результат, плитки раскладов. v4 (20.08.2026) — колода рисуется
   модулем /assets/deck/deck.css (.kd-deck), здесь только обвязка страницы. */
.topnav{display:flex;gap:4px;flex-wrap:wrap}
.topnav a{color:var(--muted);text-decoration:none;padding:8px 12px;border-radius:99px;font-size:.92rem}
.topnav a:hover{color:var(--gold2);background:rgba(242,193,78,.08)}
.crumbs{font-size:.85rem;color:var(--muted);margin:18px 0}
.crumbs a{color:var(--muted)}
.spread-stage{text-align:center;padding:10px 0 20px}
.spread-stage h1{font-size:clamp(1.8rem,4.5vw,2.8rem);margin:10px 0 14px}
.spread-sub{color:var(--muted);max-width:600px;margin:0 auto 22px}
/* вопрос для AI-толкования */
.q-box{max-width:560px;margin:0 auto 18px;text-align:left}
.q-box textarea{width:100%;min-height:64px;padding:12px 16px;border-radius:14px;border:1px solid rgba(255,255,255,.15);background:rgba(0,0,0,.3);color:var(--txt);font-size:1rem;font-family:inherit;resize:vertical;line-height:1.4}
.q-box textarea:focus{outline:none;border-color:rgba(242,193,78,.55)}
.q-box .note{display:flex;justify-content:space-between;gap:10px;font-size:.82rem;color:var(--muted);margin-top:6px}
/* переключатель «только старшие» */
.deck-opts{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin:0 auto 10px;font-size:.88rem;color:var(--muted)}
.deck-opts label{display:inline-flex;align-items:center;gap:8px;cursor:pointer;min-height:44px;padding:0 6px}
.deck-opts input{accent-color:var(--gold);width:18px;height:18px}
.deck-opts input:disabled+span{opacity:.5}
/* колода */
.kd-deck{margin:0 auto}
.spread-stage .kd-deck:not(.kd-day):not(.kd-grid){height:clamp(340px,100vw,520px)}
@media (min-width:1024px){.spread-stage .kd-deck:not(.kd-day):not(.kd-grid){height:560px}}
.kd-deck.kd-day{height:clamp(420px,120vw,600px)}
.kd-deck.kd-grid .kd-label{white-space:normal;width:var(--kd-cw,110px);font-size:.74rem;line-height:1.15;text-align:center}
.deck-hint{color:var(--muted);font-size:.9rem;margin-top:6px;min-height:1.3em}
/* результат расклада */
.spread-result{display:none;max-width:720px;margin:20px auto 0;text-align:left}
.spread-result.on{display:block;animation:sprIn .6s ease}
@keyframes sprIn{from{opacity:0;transform:translateY(26px)}to{opacity:1}}
.meaning-card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:28px}
.meaning-card h2{font-size:1.5rem;color:var(--gold2);margin-bottom:10px}
.meaning-card h3{font-size:1.2rem;color:var(--gold2);margin:18px 0 8px}
.meaning-card p{margin-bottom:12px;color:#d9d2ea}
.meaning-card ul{margin:0 0 12px 22px;color:#d9d2ea}
.res-card{display:flex;gap:16px;align-items:flex-start;padding:12px 0;border-top:1px solid rgba(255,255,255,.07)}
.res-card:first-of-type{border-top:0}
.res-card img{width:70px;height:120px;border-radius:8px;flex:0 0 70px;object-fit:cover;border:1px solid rgba(242,193,78,.35);box-shadow:0 8px 24px rgba(0,0,0,.45)}
.res-card h3{margin:4px 0 6px}
.res-card p{margin-bottom:6px}
.res-link{font-size:.88rem;color:var(--gold2);text-decoration:none;border-bottom:1px dashed rgba(242,193,78,.4)}
.verdict{font-family:'Cormorant Garamond',serif;font-size:2.6rem;text-align:center;margin:6px 0}
.verdict.yes{color:#3ecf8e}.verdict.no{color:#e85c8a}.verdict.maybe{color:var(--gold2)}
.ai-wait{color:var(--muted);padding:18px;font-size:.95rem;animation:pulse 1.6s infinite;text-align:center}
@keyframes pulse{50%{opacity:.55}}
.ai-err{color:#ffb3c7;padding:14px 16px;text-align:center;border:1px solid rgba(232,92,138,.45);border-radius:12px;background:rgba(232,92,138,.08);margin:10px 0}
.btn-retry{max-width:280px;margin:8px auto 0;display:inline-block;width:auto;padding:12px 22px}
.cta-inline{background:linear-gradient(160deg,rgba(155,92,246,.14),rgba(242,193,78,.08));border:1px solid var(--line);border-radius:18px;padding:24px;margin:26px 0;text-align:center}
.cta-inline .btn{max-width:400px;margin-top:12px;text-decoration:none}
.again-note{color:var(--muted);font-size:.85rem;text-align:center;margin-top:14px}
/* карта дня: толкование */
#taro-meaning{display:none;max-width:680px;margin:24px auto 0;text-align:left}
#taro-meaning.on{display:block;animation:sprIn .7s ease .2s both}
#taro-meaning .mk{color:#b8a3ff;font-size:.9rem;margin-bottom:14px}
.sovet{border-left:3px solid var(--gold);padding:10px 16px;background:rgba(242,193,78,.07);border-radius:0 12px 12px 0;font-style:italic;color:#d9d2ea}
.m-link{margin-top:14px;font-size:.9rem}
.m-link a{color:var(--gold2)}
/* плитки раскладов */
.spread-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:26px 0}
.spread-grid a{background:var(--card);border:1px solid rgba(255,255,255,.09);border-radius:18px;padding:22px;text-decoration:none;transition:.2s;display:block}
.spread-grid a:hover{border-color:var(--gold)}
.spread-grid .ico{font-size:1.8rem;line-height:1}
.spread-grid .ico img{width:42px;height:72px;border-radius:4px;border:1px solid rgba(242,193,78,.45);box-shadow:0 6px 18px rgba(0,0,0,.45);object-fit:cover;display:block}
.spread-grid h3{color:var(--gold2);font-size:1.15rem;margin:8px 0 6px}
.spread-grid p{color:var(--muted);font-size:.9rem;margin:0}
.spread-grid .tag{display:inline-block;margin-top:10px;font-size:.75rem;border:1px solid var(--line);border-radius:99px;padding:3px 10px;color:var(--gold2)}
/* FAQ и SEO-текст */
.seo-text{max-width:760px;margin:0 auto;text-align:left}
.seo-text h2{color:var(--txt);font-size:1.5rem;margin:30px 0 12px}
.seo-text p,.seo-text li{color:#d9d2ea;font-size:1rem}
.seo-text ul,.seo-text ol{margin:0 0 14px 24px}
.seo-text li{margin-bottom:8px}
.seo-text a{color:var(--gold2)}
.faq-list h3{font-size:1.1rem;color:var(--gold2);margin:18px 0 6px}
@media (max-width:600px){
  .spread-sub{margin-bottom:14px}.q-box{margin-bottom:10px}.q-box textarea{min-height:48px}.deck-opts{margin-bottom:4px}
  .meaning-card{padding:20px 16px}
  .res-card img{width:56px;height:96px;flex-basis:56px}
}

/* расклад «На неделю»: 7 карточек по дням */
.week-res .res-card{padding:14px 0}
.week-card h3 .wd{display:inline-block;min-width:132px;color:var(--muted);font-family:'Manrope',system-ui,sans-serif;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;vertical-align:middle}
.week-sovet{font-size:1rem;color:#cfc7e4}
.week-sovet b{color:var(--gold2)}
.week-note{margin-top:18px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:rgba(155,92,246,.09);color:#d9d2ea}
@media(max-width:560px){.week-card h3 .wd{display:block;min-width:0;margin-bottom:2px}}