/* Обложка направления и знакомство с методом. */
.hero-copy{padding-block:6px}
.hero-method-link{display:block;width:max-content;max-width:100%;margin-top:14px;color:var(--muted);font-size:11px;text-decoration:underline;text-underline-offset:5px}
.hero-method-link:hover{color:var(--gold)}
.entry-prompts{margin-top:25px;max-width:490px}
.entry-prompts>p{margin:0 0 10px;color:var(--gold);font-size:9px;letter-spacing:.09em}
.entry-questions{display:flex;flex-wrap:wrap;gap:7px}
.entry-questions button{padding:8px 12px;min-height:36px;border:1px solid var(--line);border-radius:20px;background:#ffffff04;font-size:10px;color:#d9c8dc;text-align:left;transition:background .2s,border-color .2s}
.entry-questions button:hover{background:#e4bd8410;border-color:#e4bd8477}
.hero-portal{--portal-spread:120px}
.hero-portal .portal-card{--portal-x:0px;--portal-y:15px;--portal-turn:0deg;width:215px;height:335px;z-index:1;transform:translate(var(--portal-x),var(--portal-y)) rotate(var(--portal-turn));transition:transform .55s cubic-bezier(.2,.7,.2,1),width .55s,height .55s,box-shadow .3s;animation:portal-appear .65s both}
.hero-portal .portal-card[data-slot="left"]{--portal-x:calc(0px - var(--portal-spread));--portal-turn:-17deg}
.hero-portal .portal-card[data-slot="right"]{--portal-x:var(--portal-spread);--portal-turn:17deg}
.hero-portal .portal-card[data-slot="front"]{--portal-y:-30px;width:226px;height:355px;z-index:3;box-shadow:0 25px 70px #0007,0 0 45px #e4bd8412}
.hero-portal .portal-card:hover{transform:translate(var(--portal-x),calc(var(--portal-y) - 9px)) rotate(var(--portal-turn));box-shadow:0 25px 70px #0008,0 0 35px #e4bd8422}
.hero-portal .portal-card .portal-glyph{font-size:80px;margin-top:0;line-height:1.2}
.hero-portal .portal-card.tarot .portal-glyph{margin-top:40px}
.hero-portal .portal-card .portal-label{font-size:21px}
.hero-portal .portal-card .portal-kicker{font-size:7px;letter-spacing:.15em;color:#e5d1db}
.hero-portal .portal-card.numero .portal-glyph{font-size:88px}
.reading-method{display:grid;grid-template-columns:.82fr 1.18fr;gap:65px;align-items:center}
.method-heading>p:not(.eyebrow){font-size:13px;line-height:1.9;color:var(--muted);max-width:340px}
.method-heading h2{font-size:clamp(39px,3.8vw,53px)}
.method-heading .method-note{margin-top:23px;padding-left:16px;border-left:1px solid #e4bd8466;font:italic 18px/1.55 Georgia,serif;color:#d6c2d5}
.method-workbench{border:1px solid #aa89ae44;border-radius:22px;background:radial-gradient(ellipse at 100% 0,#88639222,transparent 65%),#241a30;overflow:hidden}
.method-tabs{display:grid;grid-template-columns:repeat(3,1fr);padding:9px;gap:5px;border-bottom:1px solid var(--line)}
.method-tabs button{display:flex;justify-content:center;align-items:center;gap:7px;padding:10px 7px;border-radius:12px;background:none;color:var(--muted);min-height:43px;font-size:11px}
.method-tabs button>span{font:20px Georgia,serif}
.method-tabs button[aria-selected="true"]{color:var(--paper);background:#d9c0df13;box-shadow:inset 0 0 0 1px #cbb0d430}
.method-panel{padding:29px;--method-accent:var(--rose);animation:method-reveal .35s both}
.method-panel[data-method-panel="astrology"]{--method-accent:var(--blue)}
.method-panel[data-method-panel="numerology"]{--method-accent:var(--green)}
.method-sample{margin:0 0 23px;padding-bottom:21px;border-bottom:1px solid var(--line)}
.method-sample small{display:block;color:var(--method-accent);font-size:8px;letter-spacing:.13em;margin-bottom:9px}
.method-sample blockquote{margin:0;font:italic 22px/1.4 Georgia,serif;color:#eadce9}
.method-panel h3{font:29px/1.15 Georgia,serif;letter-spacing:-.02em;margin-bottom:14px}
.method-panel>p{font-size:12px;line-height:1.9;color:#c5b5cc;margin-bottom:20px}
.method-basis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:22px}
.method-basis>div{border:1px solid var(--line);border-radius:11px;padding:15px 8px 12px;text-align:center;background:#ffffff03}
.method-basis span{display:block;font:27px Georgia,serif;color:var(--method-accent);margin-bottom:7px}
.method-basis small{font-size:9px;color:#d2c1d7;line-height:1.5;display:block}
.method-panel details{margin:0 0 22px;border-block:1px solid var(--line);padding-block:13px;color:var(--muted)}
.method-panel summary{font-size:11px;padding-right:23px;color:#dbc4dd}
.method-panel summary:after{content:'+';position:absolute;right:0;color:var(--gold)}
.method-panel details[open] summary:after{content:'−'}
.method-panel details p{font-size:11px;line-height:1.9;margin:13px 0 0}
.method-payoff{padding:14px 17px;border-left:2px solid var(--method-accent);background:#ffffff04;border-radius:0 9px 9px 0;margin-bottom:20px}
.method-payoff strong{font-size:11px;font-weight:400;color:var(--method-accent)}
.method-payoff p{margin:5px 0 0;font-size:11px;line-height:1.8;color:#c6b6cc}
.method-panel .button{width:100%;font-size:11px}
.hero-direction-links{display:none}
@keyframes portal-appear{from{opacity:.25}to{opacity:1}}
@keyframes method-reveal{from{opacity:0;translate:0 5px}to{opacity:1;translate:0 0}}
@media(max-width:1100px){
  .hero-portal{--portal-spread:96px}
  .hero-portal .portal-card{width:182px;height:294px}
  .hero-portal .portal-card[data-slot="front"]{width:190px;height:318px}
  .hero-portal .portal-card .portal-glyph{font-size:70px}
  .hero-portal .portal-card.numero .portal-glyph{font-size:78px}
  .hero-portal .portal-card .portal-label{font-size:19px}
  .reading-method{gap:35px}
  .method-panel{padding:24px}
}
@media(max-width:760px){
  .hero-direction-links{display:flex;gap:5px;flex-wrap:wrap;margin:-3px 0 24px}
  .hero-direction-links a{font-size:10px;padding:6px 10px;border:1px solid var(--line);border-radius:18px;color:var(--muted)}
  .hero-direction-links a[aria-current="page"]{color:var(--gold);border-color:#e4bd8477;background:#e4bd840c}
  .hero-method-link{font-size:10px;margin-top:13px}
  .entry-prompts{margin-top:21px}
  .entry-questions button{font-size:10px;min-height:38px}
  .hero-portal{--portal-spread:77px}
  .hero-portal .portal-card{width:150px;height:235px;padding:25px 16px 20px}
  .hero-portal .portal-card[data-slot="front"]{--portal-y:-16px;width:160px;height:265px}
  .hero-portal .portal-card .portal-glyph{font-size:57px}
  .hero-portal .portal-card.numero .portal-glyph{font-size:66px}
  .hero-portal .portal-card.tarot .portal-glyph{margin-top:22px}
  .hero-portal .portal-card .portal-label{font-size:17px}
  .hero-portal .portal-card .portal-kicker{font-size:6px;letter-spacing:.08em}
  .reading-method{grid-template-columns:1fr;gap:24px}
  .method-heading h2{font-size:42px}
  .method-heading>p:not(.eyebrow){font-size:12px;max-width:470px}
  .method-heading .method-note{font-size:17px;max-width:350px;margin-bottom:0}
  .method-panel{padding:23px 20px}
  .method-tabs{padding:7px;gap:3px}
  .method-tabs button{font-size:10px;gap:5px;padding-inline:5px}
  .method-sample blockquote{font-size:22px}
  .method-panel h3{font-size:28px}
  .method-panel>p{font-size:12px}
  .method-basis>div{padding:13px 5px 11px}
  .method-basis small{font-size:8px}
}
@media(max-width:380px){
  .hero-portal{--portal-spread:52px}
  .hero-portal .portal-card{width:130px;height:225px;padding-inline:10px}
  .hero-portal .portal-card[data-slot="front"]{width:146px;height:255px}
  .hero-portal .portal-card .portal-label{font-size:16px}
  .method-tabs button{font-size:9px}
}
@media(prefers-reduced-motion:reduce){
  .hero-portal .portal-card,.method-panel{animation:none;transition:none}
}

/* Подтверждение оферты перед разовым заказом. */
.offer-acceptance{margin-top:23px;padding:17px 18px;border:1px solid var(--line);border-radius:11px;background:#ffffff03}
.offer-acceptance label{display:flex;align-items:flex-start;gap:12px;font-size:11px;line-height:1.8;color:#cdbcd3;cursor:pointer}
.offer-acceptance input{flex:none;width:18px;height:18px;margin:1px 0 0;accent-color:var(--gold);cursor:pointer}
.offer-acceptance a{color:var(--gold);text-decoration:underline;text-underline-offset:4px}
@media(max-width:760px){.offer-acceptance{padding:16px 14px}.offer-acceptance label{font-size:11px;gap:11px}.offer-acceptance input{width:20px;height:20px}}