.etarot-page { color: #f7f3e8; background: #151322; }
.etarot-header { position: relative; z-index: 5; border-bottom: 1px solid rgba(255,255,255,.1); background: #11101a; }
.etarot-header .shell { min-height: 72px; display: flex; align-items: center; justify-content: space-between; }
.etarot-private { display: inline-flex; gap: 8px; align-items: center; padding: 8px 12px; color: #c9c3d3; border: 1px solid rgba(255,255,255,.12); border-radius: 99px; font-size: 12px; }
.etarot-private i { color: #d8c477; }
.etarot-hero { position: relative; overflow: hidden; padding: 90px 0 130px; background: radial-gradient(circle at 80% 20%, rgba(216,196,119,.17), transparent 25rem), radial-gradient(circle at 10% 100%, rgba(99,75,151,.32), transparent 32rem), #191627; }
.etarot-hero::after { content: ""; position: absolute; inset: 0; opacity: .15; background-image: radial-gradient(#fff 1px,transparent 1px); background-size: 38px 38px; }
.etarot-hero .shell { position: relative; z-index: 1; }
.etarot-hero .eyebrow { color: #d8c477; }
.etarot-hero h1 { margin: 0; font-size: clamp(60px,8vw,108px); line-height: .88; letter-spacing: -.075em; }
.etarot-hero h1 em { color: #d8c477; font-family: Georgia,serif; font-weight: 400; }
.etarot-hero .shell > p:last-child { max-width: 720px; margin: 34px 0 0; color: #beb8c8; font-size: 18px; line-height: 1.7; }
.etarot-workspace { padding: 0 0 110px; background: #eeeae1; }
.etarot-workspace > .shell { position: relative; top: -55px; }
.etarot-form, .etarot-plan, .etarot-payment, .etarot-draw, .etarot-reading-wait, .etarot-result { padding: clamp(25px,5vw,55px); color: #272231; border: 1px solid #d4cfc4; border-radius: 28px; background: #fffdfa; box-shadow: 0 25px 70px rgba(20,16,32,.12); scroll-margin-top: 30px; }
.etarot-form.is-history { display: none; }
.etarot-form-head, .etarot-section-head { display: grid; grid-template-columns: 1fr .7fr; gap: 60px; align-items: end; }
.etarot-form-head > div > span, .etarot-section-head > span { display: inline-grid; place-items: center; width: 42px; height: 29px; margin-bottom: 15px; color: #fff; border-radius: 99px; background: #302848; font: 800 11px Manrope; }
.etarot-form-head .eyebrow, .etarot-section-head .eyebrow { margin-bottom: 8px; color: #766994; }
.etarot-form h2, .etarot-plan h2, .etarot-payment h2, .etarot-draw h2, .etarot-result h2 { margin: 0; font-size: clamp(36px,5vw,58px); line-height: 1; letter-spacing: -.055em; }
.etarot-form-head > p, .etarot-section-head > div > p:last-child { margin: 0; color: #716c76; line-height: 1.65; }
.etarot-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 17px; margin-top: 40px; }
.etarot-fields .wide { grid-column: 1/-1; }
.etarot-fields label > span { display: block; margin: 0 0 8px 3px; font-size: 13px; font-weight: 700; }
.etarot-fields input, .etarot-fields textarea { width: 100%; padding: 15px 16px; color: #282330; border: 1px solid #d6d0c5; border-radius: 13px; background: #f7f4ed; outline: 0; }
.etarot-fields input { min-height: 56px; }.etarot-fields textarea { resize: vertical; }
.etarot-fields input:focus, .etarot-fields textarea:focus { border-color: #756797; box-shadow: 0 0 0 4px rgba(117,103,151,.12); background: #fff; }
.etarot-numerology { grid-column:1/-1; display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.etarot-numerology[hidden] { display:none; }
.etarot-numerology > div { display:grid; grid-template-columns:36px 1fr auto; align-items:center; gap:10px; min-height:64px; padding:10px 15px; border:1px solid #ded7c9; border-radius:14px; background:#f0edf5; }
.etarot-numerology-symbol { display:grid; place-items:center; width:36px; height:36px; color:#fff; border-radius:10px; background:#302848; font:800 20px/1 Manrope; }
.etarot-numerology small { color:#706879; font-size:11px; font-weight:800; letter-spacing:.04em; text-transform:uppercase; }
.etarot-numerology strong { color:#302848; font:800 27px/1 Manrope; }
.etarot-price-note { display:flex; align-items:center; gap:14px; margin-top:20px; padding:15px 17px; color:#5d5439; border:1px solid #dfcf91; border-radius:13px; background:#f8f0d1; }
.etarot-price-note > i { display:grid; flex:0 0 38px; place-items:center; width:38px; height:38px; color:#29223e; border-radius:11px; background:#d8c477; font-size:17px; }
.etarot-price-note p { margin:0; line-height:1.45; }.etarot-price-note strong { display:block; color:#302848; font:800 14px Manrope; }.etarot-price-note span { display:block; margin-top:2px; font-size:12px; }
.etarot-price-note + .etarot-consent { margin-top:10px; }
.etarot-consent { display: flex; gap: 12px; margin-top: 20px; padding: 15px; color: #655f69; border-radius: 13px; background: #f0edf5; font-size: 12px; line-height: 1.55; }.etarot-consent i { margin-top: 2px; color: #756797; }.etarot-consent p { margin: 0; }
.etarot-submit { display: inline-flex; align-items: center; justify-content: center; min-width: 240px; min-height: 58px; margin-top: 22px; padding: 0 22px; color: #fff; border: 0; border-radius: 14px; background: #29223e; font-weight: 800; }.etarot-submit i { margin-left: 11px; color: #ddc978; }.etarot-submit:hover { background: #443764; }.etarot-submit:disabled { opacity: .68; cursor: wait; }.etarot-submit.is-loading i { animation: etarotSpin 1.5s linear infinite; }
.etarot-error { margin: 15px 0 0; color: #ae2f2f; font-size: 13px; }
.etarot-error.is-safety { padding:17px 19px; color:#5b4821; border:1px solid #d5bb64; border-radius:14px; background:#fff3c7; font-size:14px; font-weight:650; line-height:1.65; }
.etarot-plan, .etarot-payment, .etarot-draw, .etarot-reading-wait, .etarot-result { margin-top: 25px; }
.etarot-stage.is-entering { animation: etarotStageIn .8s cubic-bezier(.2,.75,.25,1) both; }
.etarot-section-head { grid-template-columns: 55px 1fr; gap: 15px; align-items: start; }.etarot-section-head > span { margin-top: 3px; }
.etarot-plan ol { display: grid; gap: 0; margin: 35px 0 0; padding: 0; list-style: none; border-top: 1px solid #ddd7cc; }
.etarot-plan li { display: grid; grid-template-columns: 48px 1fr; gap: 15px; padding: 20px 0; border-bottom: 1px solid #ddd7cc; }.etarot-plan li > span { color: #87713d; font: 800 11px Manrope; }.etarot-plan li strong { font: 800 17px Manrope; }.etarot-plan li p { margin: 5px 0 0; color: #706a73; }
.etarot-plan-numerology { display:flex; flex-wrap:wrap; gap:9px; margin-top:18px; }
.etarot-plan-numerology[hidden] { display:none; }
.etarot-plan-numerology span { padding:8px 11px; color:#4d4655; border-radius:99px; background:#eeeaf3; font-size:12px; }
.etarot-plan-numerology b { margin-right:4px; color:#756797; font-size:16px; }.etarot-plan-numerology strong { color:#302848; }
.etarot-saved-link { display:flex; align-items:center; gap:13px; margin-top:20px; padding:15px; border-radius:13px; background:#edf4d1; }.etarot-saved-link > i { display:grid; place-items:center; width:38px; height:38px; color:#fff; border-radius:50%; background:#657d18; }.etarot-saved-link small { display:block; color:#687154; font-size:9px; font-weight:800; letter-spacing:.1em; }.etarot-saved-link a { display:block; max-width:780px; margin-top:3px; overflow:hidden; color:#263109; font-size:12px; font-weight:700; text-overflow:ellipsis; white-space:nowrap; }
.etarot-payment { overflow:hidden; background:linear-gradient(135deg,#fffdfa 0%,#f7f1df 100%); }.etarot-payment.is-paid { animation:etarotPaid .65s ease both; }.etarot-payment-grid { display:grid; grid-template-columns:.8fr 1.2fr; gap:35px; margin-top:38px; }
.etarot-order { position:relative; display:flex; flex-direction:column; min-height:230px; overflow:hidden; padding:24px; color:#fff; border-radius:20px; background:radial-gradient(circle at 90% 10%,rgba(216,196,119,.32),transparent 10rem),#29223e; }
.etarot-order>small { color:#d8c477; font-size:10px; font-weight:800; letter-spacing:.12em; }.etarot-order>strong { margin-top:10px; font:800 24px Manrope; }
.etarot-order-includes { margin:16px 0; padding:15px; border:1px solid rgba(216,196,119,.22); border-radius:16px; background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025)); box-shadow:inset 0 1px 0 rgba(255,255,255,.08); backdrop-filter:blur(5px); }
.etarot-order-includes>p { display:flex; align-items:center; gap:9px; margin:0 0 11px; }.etarot-order-includes>p span { display:grid; place-items:center; width:25px; height:25px; color:#29223e; border-radius:50%; background:#d8c477; font-size:12px; animation:etarotOrderSpark 3s ease-in-out infinite; }.etarot-order-includes em { color:#d8c477; font:normal 800 9px Manrope; letter-spacing:.13em; }
.etarot-order-includes ul { display:grid; gap:8px; margin:0; padding:0; list-style:none; }.etarot-order-includes li { display:grid; grid-template-columns:29px 1fr; gap:10px; align-items:center; }.etarot-order-includes li i { display:grid; place-items:center; width:29px; height:29px; color:#e3d18a; border:1px solid rgba(216,196,119,.22); border-radius:9px; background:rgba(216,196,119,.08); font-size:11px; }.etarot-order-includes li span { color:#eeeaf4; font-size:11px; font-weight:600; line-height:1.35; }
.etarot-order-total { display:flex; align-items:end; justify-content:space-between; gap:20px; margin-top:auto; padding-top:16px; border-top:1px solid rgba(255,255,255,.14); }.etarot-order-total span { color:#beb8c8; font-size:12px; }.etarot-order-total b { color:#fff; font:800 38px Manrope; letter-spacing:-.05em; }
.etarot-blik-form { display:flex; flex-direction:column; justify-content:center; }.etarot-blik-code-field>span { display:block; margin:0 0 9px 3px; font-size:13px; font-weight:800; }.etarot-blik-form input[type=text] { width:100%; min-height:76px; padding:12px 18px; color:#262035; border:2px solid #cfc6b4; border-radius:16px; background:#fff; outline:0; text-align:center; font:800 34px Manrope; letter-spacing:.28em; }.etarot-blik-form input[type=text]:focus { border-color:#756797; box-shadow:0 0 0 5px rgba(117,103,151,.13); }.etarot-p24-consent { display:grid; grid-template-columns:20px 1fr; gap:10px; align-items:start; margin-top:13px; padding:13px; color:#655f69; border-radius:12px; background:#eeeaf3; font-size:11px; line-height:1.5; }.etarot-p24-consent input { width:18px; height:18px; margin-top:1px; accent-color:#756797; }.etarot-p24-consent span { margin:0!important; font-size:11px!important; font-weight:500!important; }.etarot-p24-consent a { color:#443764; font-weight:800; text-decoration:underline; }.etarot-blik-form button { display:flex; align-items:center; justify-content:space-between; min-height:60px; margin-top:13px; padding:0 21px; color:#fff; border:0; border-radius:14px; background:#29223e; font-weight:800; }.etarot-blik-form button:hover { background:#443764; }.etarot-blik-form button:disabled { opacity:.65; cursor:wait; }.etarot-blik-form button b { color:#d8c477; }.etarot-payment-hint { display:flex; gap:8px; margin:14px 0 0; color:#746e78; font-size:11px; }.etarot-payment-hint i { color:#657d18; }.etarot-payment-status { min-height:20px; margin:12px 0 0; color:#516416; font-size:13px; font-weight:700; }.etarot-payment-error { min-height:20px; margin:6px 0 0; color:#ae2f2f; font-size:13px; }
.etarot-blik-approval { position:relative; display:grid; grid-template-columns:auto 1fr auto; gap:18px; align-items:center; min-height:150px; margin-bottom:13px; padding:25px; overflow:hidden; color:#f7f3ff; border:1px solid #4e426a; border-radius:18px; background:radial-gradient(circle at 100% 0,rgba(216,196,119,.2),transparent 11rem),#29223e; box-shadow:0 18px 45px rgba(41,34,62,.2); }.etarot-blik-approval[hidden] { display:none; }.etarot-blik-phone { position:relative; display:grid; place-items:center; width:64px; height:64px; color:#29223e; border-radius:50%; background:#d8c477; font-size:27px; }.etarot-blik-phone b { position:absolute; right:-3px; bottom:-2px; display:grid; place-items:center; width:24px; height:24px; color:#fff; border:3px solid #29223e; border-radius:50%; background:#6d861c; font-size:10px; }.etarot-blik-approval small,.etarot-blik-approval strong { display:block; }.etarot-blik-approval small { margin-bottom:6px; color:#d8c477; font:800 9px Manrope; letter-spacing:.14em; }.etarot-blik-approval strong { font:800 21px/1.2 Manrope; }.etarot-blik-approval p { margin:8px 0 0; color:#cbc5d5; font-size:12px; line-height:1.55; }.etarot-blik-spinner { color:#d8c477; font-size:22px; animation:etarotSpin 1s linear infinite; }.etarot-blik-approval.is-success { border-color:#8ca936; background:radial-gradient(circle at 100% 0,rgba(214,237,132,.22),transparent 11rem),#263314; }.etarot-blik-approval.is-success .etarot-blik-phone { color:#263314; background:#d6ed84; }.etarot-blik-approval.is-success .etarot-blik-phone b { border-color:#263314; }.etarot-blik-approval.is-success .etarot-blik-spinner { display:none; }.etarot-blik-approval.is-error { border-color:#c97b76; background:radial-gradient(circle at 100% 0,rgba(255,180,174,.18),transparent 11rem),#452728; }.etarot-blik-approval.is-error .etarot-blik-phone { color:#542a2b; background:#ffb0aa; }.etarot-blik-approval.is-error .etarot-blik-phone b { border-color:#452728; background:#b44444; }.etarot-blik-approval.is-error small { color:#ffb0aa; }.etarot-blik-approval.is-error .etarot-blik-spinner { display:none; }.etarot-blik-form.is-awaiting-approval .etarot-blik-code-field,.etarot-blik-form.is-awaiting-approval .etarot-p24-consent,.etarot-blik-form.is-awaiting-approval #etarot-pay,.etarot-blik-form.is-awaiting-approval .etarot-payment-hint,.etarot-blik-form.is-awaiting-approval .etarot-payment-debug { display:none; }
.etarot-payment-debug { display:flex; align-items:center; gap:7px; margin:9px 0 0; padding:8px 10px; color:#6a4b00; border:1px dashed #d2a620; border-radius:9px; background:#fff5c7; font:600 11px/1.4 Manrope,sans-serif; overflow-wrap:anywhere; }.etarot-payment-debug i { flex:0 0 auto; }.etarot-payment-debug strong { font-weight:800; }
.etarot-draw { color: #f5f1e7; border-color: #332b49; background: #191626; }.etarot-draw .etarot-section-head > span { color: #28213c; background: #d8c477; }.etarot-draw .eyebrow { color: #d8c477; }
.etarot-cards { display: grid; grid-template-columns: repeat(var(--count),minmax(0,1fr)); gap: 13px; margin-top: 35px; }
.etarot-deck-picker { margin-top:35px; }.etarot-deck-picker[hidden] { display:none; }.etarot-deck-status { display:flex; align-items:center; justify-content:space-between; gap:22px; margin-bottom:24px; padding:16px 18px; border:1px solid rgba(216,196,119,.28); border-radius:16px; background:rgba(255,255,255,.055); }.etarot-deck-status small,.etarot-deck-status strong { display:block; }.etarot-deck-status small { margin-bottom:4px; color:#aaa3b7; font-size:9px; font-weight:800; letter-spacing:.14em; }.etarot-deck-status strong { color:#fff; font:800 18px Manrope; }.etarot-deck-status strong span:first-child { color:#d8c477; }.etarot-deck-status button,.etarot-deck-actions button { display:flex; align-items:center; justify-content:center; gap:9px; min-height:48px; padding:0 18px; color:#29223e; border:0; border-radius:12px; background:#d8c477; font-weight:800; transition:transform .2s,background .2s,opacity .2s; }.etarot-deck-status button:hover,.etarot-deck-actions button:hover { transform:translateY(-2px); background:#ebd98d; }.etarot-deck-status button:disabled,.etarot-deck-actions button:disabled { opacity:.45; cursor:not-allowed; transform:none; }
.etarot-full-deck { display:grid; grid-template-columns:repeat(11,minmax(0,1fr)); gap:13px 9px; }.etarot-deck-card { position:relative; min-width:0; padding:0; aspect-ratio:.63; border:0; border-radius:9px; background:transparent; perspective:700px; transition:transform .2s; }.etarot-deck-card:hover { z-index:2; transform:translateY(-6px); }.etarot-deck-back,.etarot-deck-face { position:absolute; inset:0; overflow:hidden; border:1px solid #9f8846; border-radius:9px; box-shadow:0 10px 22px rgba(0,0,0,.25); backface-visibility:hidden; transition:transform .55s cubic-bezier(.2,.75,.25,1),box-shadow .25s; }.etarot-deck-back { background:#171421 url("tarot-cards/back.webp") center/cover no-repeat; }.etarot-deck-face { transform:rotateY(180deg); background:#201b2d; }.etarot-deck-face img { width:100%; height:100%; object-fit:cover; }.etarot-deck-card.is-selected .etarot-deck-back { transform:rotateY(-180deg); }.etarot-deck-card.is-selected .etarot-deck-face { transform:rotateY(0); box-shadow:0 0 0 3px #d8c477,0 16px 30px rgba(0,0,0,.42); }.etarot-deck-order { position:absolute; z-index:3; top:-7px; right:-5px; display:none; place-items:center; width:26px; height:26px; color:#28213d; border:2px solid #191626; border-radius:50%; background:#d8c477; font:800 11px Manrope; }.etarot-deck-card.is-selected .etarot-deck-order { display:grid; }.etarot-deck-actions { display:flex; align-items:center; justify-content:flex-end; gap:20px; min-height:70px; padding-top:22px; }.etarot-deck-actions p { flex:1; margin:0; color:#ffaaa4; font-size:12px; }.etarot-deck-actions button { min-width:250px; background:#f7f2e4; }.etarot-deck-actions button:hover { background:#fff; }
.etarot-deck-card.is-selected:disabled { cursor:default; opacity:1; }
.etarot-card-slot { min-width: 0; perspective: 900px; }.etarot-card-face { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; aspect-ratio: .63; overflow: hidden; color: #fffdf4; border: 1px solid #a68e4e; border-radius: 13px; background: #252033 url("tarot-cards/back.webp") center/cover no-repeat; opacity: 0; transform: translateY(-70px) rotateY(85deg); transition: opacity .7s,transform .7s; }
.etarot-card-slot.is-open .etarot-card-face { opacity: 1; transform: none; }.etarot-card-face::after { content:""; position:absolute; z-index:1; inset:0; border:7px solid rgba(22,18,28,.2); border-radius:8px; background:linear-gradient(180deg,rgba(9,7,13,.57),transparent 23%,transparent 56%,rgba(9,7,13,.84)); pointer-events:none; }.etarot-card-art { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:transform .5s ease; }.etarot-card-face small { position:absolute; z-index:2; top:15px; font-weight:800; text-shadow:0 1px 7px #000; }.etarot-card-face strong { position:absolute; z-index:2; left:7px; right:7px; bottom:38px; text-align:center; font:800 13px/1.2 Manrope; text-shadow:0 2px 8px #000; }.etarot-card-face em { position:absolute; z-index:2; bottom:17px; color:#f2df9d; font:normal 8px DM Sans; letter-spacing:.1em; text-transform:uppercase; text-shadow:0 1px 6px #000; }.etarot-card-face.is-reversed .etarot-card-art { transform:rotate(180deg) scale(1.015); }
.etarot-card-caption { display:grid; grid-template-columns:25px 1fr; gap:7px; margin-top:12px; }.etarot-card-caption > span { color:#d8c477; font:800 9px Manrope; }.etarot-card-caption strong { display:block; font:700 11px/1.3 Manrope; }.etarot-card-caption p { margin:4px 0 0; color:#aaa4b2; font-size:9px; line-height:1.4; }
.etarot-reading-wait { position:relative; display:grid; grid-template-columns:180px 1fr; gap:42px; align-items:center; overflow:hidden; min-height:290px; color:#f7f3e8; border-color:#3a3153; background:radial-gradient(circle at 14% 50%,rgba(216,196,119,.17),transparent 15rem),#211c31; }.etarot-reading-wait[hidden] { display:none; }.etarot-reading-wait .eyebrow { margin:0 0 9px; color:#d8c477; }.etarot-reading-wait h2 { margin:0; font-size:clamp(34px,5vw,57px); line-height:1; letter-spacing:-.055em; }.etarot-reading-wait>div:last-child>p:not(.eyebrow) { min-height:27px; margin:20px 0 0; color:#c9c3d3; font-size:16px; }.etarot-reading-wait small { display:block; margin-top:13px; color:#91899d; }.etarot-wait-visual { position:relative; display:grid; place-items:center; width:160px; height:180px; }.etarot-wait-visual span { position:absolute; width:72px; height:112px; border:1px solid #c8ad5a; border-radius:9px; background:linear-gradient(145deg,#f6e9b5,#a98d3c); box-shadow:0 14px 30px rgba(0,0,0,.3); animation:etarotWaitCards 2.4s ease-in-out infinite; }.etarot-wait-visual span:nth-child(1) { transform:translateX(-31px) rotate(-12deg); animation-delay:-.35s; }.etarot-wait-visual span:nth-child(2) { z-index:2; animation-delay:-.18s; }.etarot-wait-visual span:nth-child(3) { transform:translateX(31px) rotate(12deg); }.etarot-wait-visual span::after { content:'✦'; position:absolute; inset:8px; display:grid; place-items:center; color:#392e21; border:1px solid rgba(48,37,26,.35); border-radius:6px; font-size:25px; }.etarot-wait-visual i { position:absolute; width:155px; height:155px; border:1px solid rgba(216,196,119,.25); border-top-color:#d8c477; border-radius:50%; animation:etarotSpin 2.3s linear infinite; }.etarot-wait-dots { display:flex; gap:7px; margin-top:16px; }.etarot-wait-dots b { width:7px; height:7px; border-radius:50%; background:#d8c477; animation:etarotWaitDot 1.2s ease-in-out infinite; }.etarot-wait-dots b:nth-child(2) { animation-delay:.16s; }.etarot-wait-dots b:nth-child(3) { animation-delay:.32s; }
.etarot-result { opacity:0; transform:translateY(15px); transition:.45s; }.etarot-result.is-visible { opacity:1; transform:none; }.etarot-result .etarot-section-head > div > p:last-child { max-width:930px; margin-top:20px; font-size:17px; }
.etarot-yes-no { display:grid; grid-template-columns:auto 1fr; align-items:center; gap:5px 15px; margin-top:22px; padding:18px 20px; border:1px solid #d5c57e; border-radius:16px; background:#f6edc9; }
.etarot-yes-no[hidden] { display:none; }
.etarot-yes-no small { grid-column:1/-1; color:#74642b; font-size:9px; font-weight:800; letter-spacing:.12em; }
.etarot-yes-no strong { color:#29223e; font:800 31px/1 Manrope; }
.etarot-yes-no p { margin:0!important; color:#5e5540!important; font-size:14px!important; line-height:1.55; }
#etarot-card-readings { margin-top:35px; border-top:1px solid #ddd7cc; }#etarot-card-readings article { padding:25px 0; border-bottom:1px solid #ddd7cc; }#etarot-card-readings h3 { margin:0 0 10px; font-size:19px; line-height:1.4; }#etarot-card-readings p { margin:0; color:#625d66; line-height:1.7; }.etarot-orientation { display:inline-block; margin-left:3px; padding:5px 8px; vertical-align:2px; color:#30283f; border-radius:99px; background:#dfcd87; font-size:9px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.etarot-conclusion { margin-top:30px; padding:27px; color:#eee9f4; border-radius:18px; background:#29223e; }.etarot-conclusion small { color:#d8c477; font-weight:800; letter-spacing:.12em; }.etarot-conclusion p { margin:9px 0 0; line-height:1.75; }.etarot-reflection { display:flex; gap:15px; margin-top:15px; padding:20px; color:#4e4853; border-radius:15px; background:#eeeaf3; }.etarot-reflection i { margin-top:4px; color:#756797; font-size:20px; }.etarot-reflection p { margin:0; line-height:1.65; }.etarot-disclaimer { color:#827c84; font-size:11px; line-height:1.6; }
.etarot-share { display:flex; align-items:end; gap:10px; margin-top:25px; padding-top:24px; border-top:1px solid #ddd7cc; }.etarot-share > div { flex:1; }.etarot-share small { display:block; margin-bottom:7px; color:#777079; font-size:9px; font-weight:800; letter-spacing:.11em; }.etarot-share input { width:100%; min-height:47px; padding:10px 12px; border:1px solid #d5cfc4; border-radius:10px; background:#f7f4ed; }.etarot-share button,.etarot-new { min-height:47px; padding:0 15px; color:#fff; border:0; border-radius:10px; background:#29223e; font-weight:700; }.etarot-new { display:inline-flex; align-items:center; margin-top:15px; }.etarot-new i { margin-right:7px; }
.etarot-sales-consent { background:#f4f1e8; cursor:pointer; }.etarot-p24-consent:focus-within { outline:3px solid rgba(117,103,151,.22); outline-offset:2px; }
.etarot-footer { padding:30px 0; color:#9f99a7; background:#0f0e16; }.etarot-footer .shell { display:flex; align-items:center; justify-content:space-between; gap:25px; }.etarot-footer nav{display:flex;flex-wrap:wrap;gap:16px}.etarot-footer nav a{color:#d8d2df;font-size:12px;font-weight:700}.etarot-footer nav a:hover{color:#e1c96f}.etarot-footer p { margin:0; font-size:12px; }
@keyframes etarotSpin { to { transform:rotate(360deg); } }
@keyframes etarotStageIn { from { opacity:0; transform:translateY(35px) scale(.985); filter:blur(5px); } to { opacity:1; transform:none; filter:none; } }
@keyframes etarotPaid { 0% { box-shadow:0 25px 70px rgba(20,16,32,.12); } 45% { box-shadow:0 0 0 8px rgba(101,125,24,.17),0 25px 70px rgba(20,16,32,.12); } 100% { box-shadow:0 25px 70px rgba(20,16,32,.12); } }
@keyframes etarotOrderSpark { 0%,100% { transform:rotate(0) scale(1); box-shadow:0 0 0 0 rgba(216,196,119,0); } 50% { transform:rotate(18deg) scale(1.08); box-shadow:0 0 0 6px rgba(216,196,119,.08); } }
@keyframes etarotWaitCards { 0%,100% { margin-top:0; filter:brightness(1); } 50% { margin-top:-9px; filter:brightness(1.12); } }
@keyframes etarotWaitDot { 0%,100% { opacity:.3; transform:translateY(0); } 50% { opacity:1; transform:translateY(-5px); } }
@media(max-width:900px){.etarot-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.etarot-form-head{grid-template-columns:1fr;gap:15px}.etarot-full-deck{grid-template-columns:repeat(7,minmax(0,1fr))}}
@media(max-width:900px){.etarot-payment-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.etarot-header .shell{min-height:64px}.etarot-private{font-size:10px}.etarot-hero{padding:58px 0 100px}.etarot-hero h1{font-size:52px}.etarot-hero .shell>p:last-child{font-size:15px}.etarot-workspace>.shell{top:-40px}.etarot-form,.etarot-plan,.etarot-payment,.etarot-draw,.etarot-reading-wait,.etarot-result{padding:22px 17px;border-radius:20px}.etarot-fields{grid-template-columns:1fr}.etarot-fields .wide{grid-column:auto}.etarot-numerology{grid-column:auto;grid-template-columns:1fr}.etarot-section-head{grid-template-columns:1fr}.etarot-yes-no{grid-template-columns:1fr}.etarot-payment-grid{grid-template-columns:1fr;gap:18px;margin-top:25px}.etarot-order{min-height:175px;padding:21px}.etarot-order-includes{margin:14px 0;padding:14px}.etarot-order-includes ul{gap:8px}.etarot-order-total b{font-size:31px}.etarot-card-caption p{display:none}.etarot-reading-wait{grid-template-columns:1fr;gap:10px;text-align:center}.etarot-wait-visual{width:140px;height:145px;margin:auto;transform:scale(.78)}.etarot-wait-dots{justify-content:center}.etarot-share{align-items:stretch;flex-direction:column}.etarot-share button{min-height:47px}.etarot-footer .shell{flex-direction:column}.etarot-footer p{max-width:300px}}
@media(prefers-reduced-motion:reduce){.etarot-card-face,.etarot-result{transition:none!important}.etarot-stage.is-entering,.etarot-payment.is-paid,.etarot-wait-visual span,.etarot-wait-visual i,.etarot-wait-dots b{animation:none!important}}
@media(max-width:620px){.etarot-blik-form input[type=text]{min-height:68px;font-size:29px}.etarot-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 9px}.etarot-card-face b{font-size:45px}.etarot-deck-status{align-items:stretch;flex-direction:column}.etarot-deck-status button{width:100%}.etarot-full-deck{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px 8px}.etarot-deck-actions{align-items:stretch;flex-direction:column}.etarot-deck-actions button{width:100%;min-width:0}.etarot-deck-actions p{text-align:center}.etarot-deck-order{width:24px;height:24px}}
@media(max-width:620px){.etarot-blik-approval{grid-template-columns:auto 1fr;gap:14px;min-height:135px;padding:20px 16px}.etarot-blik-phone{width:52px;height:52px;font-size:22px}.etarot-blik-approval strong{font-size:17px}.etarot-blik-spinner{display:none}}

/* Talia kart: ten sam wachlarz i przebieg wyboru co w /tarot. */
.etarot-deck-picker { position:relative; }
.etarot-deck-status { justify-content:flex-start; margin-bottom:0; }
.etarot-deck-scroll { overflow:visible; width:100%; margin:0; padding:0; }
.etarot-full-deck { --etarot-deck-card-width:clamp(74px,6.6vw,80px); display:flex; align-items:flex-start; justify-content:flex-start; gap:0; width:100%; min-width:0; min-height:238px; padding:28px 0 70px; }
.etarot-deck-card { position:relative; z-index:var(--deck-index); flex:0 0 var(--etarot-deck-card-width); width:var(--etarot-deck-card-width); min-width:0; aspect-ratio:.64; padding:0; border:1px solid #756646; border-radius:9px; background:#171421; perspective:650px; transform:translateY(var(--arc-y)) rotate(var(--arc-angle)); transform-origin:50% 120%; box-shadow:-8px 5px 15px rgba(0,0,0,.48),-2px 0 3px rgba(233,211,135,.18); transition:border-color .2s,transform .24s,box-shadow .2s,opacity .2s; }
.etarot-deck-card + .etarot-deck-card { margin-left:calc((100% - var(--etarot-deck-card-width)) / 21 - var(--etarot-deck-card-width)); }
.etarot-deck-card:hover,.etarot-deck-card:focus-visible { z-index:100; transform:translateY(calc(var(--arc-y) - 18px)) rotate(var(--arc-angle)) scale(1.075); border-color:#ead88d; outline:2px solid #ead88d; outline-offset:2px; box-shadow:0 22px 42px rgba(0,0,0,.55); }
.etarot-deck-back,.etarot-deck-face { position:absolute; inset:0; overflow:hidden; border:1px solid #9f8846; border-radius:8px; box-shadow:none; backface-visibility:hidden; transition:transform .48s cubic-bezier(.2,.72,.22,1); }
.etarot-deck-back { background:#171421 url("tarot-cards/back.webp") center/cover no-repeat; transform:rotateY(0); }
.etarot-deck-face { background:#241f31; transform:rotateY(180deg); }.etarot-deck-face img { width:100%; height:100%; object-fit:cover; }
.etarot-deck-card.is-selected { pointer-events:none; opacity:.08; box-shadow:none; }.etarot-deck-card.is-selected .etarot-deck-back { transform:none; }.etarot-deck-card.is-selected .etarot-deck-face { transform:rotateY(180deg); }.etarot-deck-card.is-selected:disabled { cursor:default; }
.etarot-deck-order { display:none!important; }
#etarot-random-cards { position:relative; z-index:120; display:flex; align-items:center; justify-content:center; gap:9px; width:max-content; min-height:48px; margin:-48px auto 18px; padding:0 18px; color:#29223e; border:0; border-radius:12px; background:#d8c477; box-shadow:0 13px 28px rgba(0,0,0,.3); font-weight:800; transition:transform .2s,background .2s,opacity .2s; }
#etarot-random-cards:hover { transform:translateY(-2px); background:#ebd98d; }#etarot-random-cards:disabled { cursor:not-allowed; opacity:.45; transform:none; }
.etarot-deck-picker.has-manual-selection #etarot-random-cards { position:absolute; top:16px; right:18px; margin:0; }
.etarot-selected-tray { margin-top:-28px; text-align:center; }.etarot-selected-tray[hidden] { display:none; }.etarot-selected-tray>small { display:block; margin-bottom:10px; color:#aaa5b6; font-size:9px; font-weight:800; letter-spacing:.14em; }.etarot-selected-tray>div { display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:center; gap:10px; min-height:112px; }
.etarot-selected-card { position:relative; z-index:2; flex:0 0 70px; width:70px; aspect-ratio:.64; overflow:visible; border:1px solid #f1dc8c; border-radius:9px; background:#241f31; box-shadow:-8px 8px 20px rgba(0,0,0,.45),0 0 0 1px rgba(241,220,140,.25); transform-origin:center; will-change:transform,opacity; }.etarot-selected-card.is-arriving { z-index:20; }.etarot-selected-card img { width:100%; height:100%; object-fit:cover; border-radius:8px; }.etarot-selected-card b { position:absolute; z-index:2; top:-8px; right:-8px; display:grid; place-items:center; width:25px; height:25px; color:#28213d; border:2px solid #191626; border-radius:50%; background:#f1dc8c; font:900 11px Manrope; }

@media(max-width:900px){.etarot-full-deck{--etarot-deck-card-width:clamp(68px,8.2vw,74px);min-height:218px;padding-block:26px 62px}}
@media(max-width:620px){.etarot-full-deck{--etarot-deck-card-width:clamp(58px,10vw,62px);min-height:190px;padding:24px 0 52px}.etarot-deck-card{border-radius:7px;box-shadow:-7px 4px 13px rgba(0,0,0,.5),-2px 0 3px rgba(233,211,135,.16)}#etarot-random-cards{max-width:calc(100% - 16px);margin-top:-44px}.etarot-deck-picker.has-manual-selection #etarot-random-cards{top:17px;right:14px;min-height:42px;padding-inline:12px;font-size:11px}.etarot-selected-tray{margin-top:-34px}.etarot-selected-tray>div{gap:7px}.etarot-selected-card{flex-basis:52px;width:52px}}

/* Motyw i narzędzia w nagłówku eTarot. */
.etarot-header-actions { display:flex; align-items:center; justify-content:flex-end; gap:12px; }
.etarot-header .theme-toggle { flex:0 0 36px; margin:0; border-color:rgba(255,255,255,.16); background:#1b1925; }
.etarot-header .language-switcher a:hover,
.etarot-header .language-switcher a.active { color:#f3eef8; border-color:rgba(255,255,255,.16); background:#1b1925; }
.etarot-header .theme-toggle .theme-icon-light { color:#e7d78e; }
.etarot-header .theme-toggle .theme-icon-dark { color:#9d96aa; }

html[data-theme="dark"] .etarot-page { color:#f2eef6; background:#0e0d14; }
html[data-theme="dark"] .etarot-workspace { background:#0e0d14; }
html[data-theme="dark"] .etarot-form,
html[data-theme="dark"] .etarot-plan,
html[data-theme="dark"] .etarot-payment,
html[data-theme="dark"] .etarot-result {
    color:#eeeaf4;
    border-color:#39334a;
    background:#1b1825;
    box-shadow:0 25px 70px rgba(0,0,0,.28);
}
html[data-theme="dark"] .etarot-form-head > p,
html[data-theme="dark"] .etarot-section-head > div > p:last-child,
html[data-theme="dark"] .etarot-plan li p,
html[data-theme="dark"] #etarot-card-readings p,
html[data-theme="dark"] .etarot-disclaimer { color:#aaa4b2; }
html[data-theme="dark"] .etarot-fields input,
html[data-theme="dark"] .etarot-fields textarea,
html[data-theme="dark"] .etarot-share input { color:#f4f0f7; border-color:#4a4358; background:#282431; }
html[data-theme="dark"] .etarot-fields input:focus,
html[data-theme="dark"] .etarot-fields textarea:focus { background:#302b3b; }
html[data-theme="dark"] .etarot-numerology > div,
html[data-theme="dark"] .etarot-consent,
html[data-theme="dark"] .etarot-plan-numerology span,
html[data-theme="dark"] .etarot-reflection,
html[data-theme="dark"] .etarot-p24-consent,
html[data-theme="dark"] .etarot-sales-consent { color:#cbc5d2; border-color:#453e53; background:#282431; }
html[data-theme="dark"] .etarot-numerology small { color:#aaa3b4; }
html[data-theme="dark"] .etarot-numerology strong,
html[data-theme="dark"] .etarot-plan-numerology strong,
html[data-theme="dark"] .etarot-price-note strong { color:#f2edf5; }
html[data-theme="dark"] .etarot-price-note { color:#d7c991; border-color:#756633; background:#322d1c; }
html[data-theme="dark"] .etarot-saved-link { background:#28311c; }
html[data-theme="dark"] .etarot-saved-link small { color:#b9c694; }
html[data-theme="dark"] .etarot-saved-link a { color:#e3f1b6; }
html[data-theme="dark"] .etarot-plan ol,
html[data-theme="dark"] .etarot-plan li,
html[data-theme="dark"] #etarot-card-readings,
html[data-theme="dark"] #etarot-card-readings article,
html[data-theme="dark"] .etarot-share { border-color:#403a4c; }
html[data-theme="dark"] .etarot-blik-form input[type=text] { color:#f7f1fb; border-color:#554d61; background:#272330; }
html[data-theme="dark"] .etarot-p24-consent a { color:#e4d28c; }
html[data-theme="dark"] .etarot-payment-hint { color:#a49dac; }
html[data-theme="dark"] .etarot-payment-debug { color:#f2d980; border-color:#8f7724; background:#302b1e; }
html[data-theme="dark"] .etarot-reflection i { color:#c3af6a; }
html[data-theme="dark"] .etarot-share small { color:#aaa3ae; }

@media(max-width:620px){
    .etarot-header-actions{gap:7px}
    .etarot-header .theme-toggle{flex-basis:36px;width:36px}
    .etarot-private{display:none}
    .etarot-header .language-switcher{margin-inline:0}
}