/* MAGHEL Tarot — independent premium visual edition. Global files untouched. */
body.tarot-body { background:#04101f; }
body.tarot-body::before {
  background-image:linear-gradient(180deg,rgba(2,10,22,.58),rgba(2,11,24,.52)),url('/assets/images/tarot-bg.webp');
  background-position:center top;background-repeat:no-repeat;background-size:cover;
}
.tarot-page {padding-bottom:70px;color:#e3edf6;}
.tarot-page h1,.tarot-page h2,.tarot-page h3 {font-family:Georgia,'Times New Roman',serif;font-weight:400;}
.tarot-page h2 {color:#f0d7ab;font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.2;margin:7px 0 14px;}
.tarot-page p {line-height:1.65;}
.tarot-page .eyebrow {font:700 11px/1.5 Georgia,serif;color:#e4bd7e;letter-spacing:.25em;text-transform:uppercase;}
/* Panoramic hero — text left, complete art behind; no split rectangle */
.tarot-hero {position:relative;isolation:isolate;min-height:565px;display:flex;align-items:center;overflow:hidden;border-bottom:1px solid rgba(220,181,117,.18);
  background-image:linear-gradient(90deg,rgba(3,12,27,.91) 0%,rgba(3,13,28,.76) 27%,rgba(3,13,28,.38) 49%,rgba(3,13,28,.12) 78%),url('/assets/images/tarot-bg.webp');background-position:center center;background-size:cover;background-repeat:no-repeat;}
.tarot-hero-container {width:min(1160px,92%);padding:0;}
.tarot-intro {max-width:535px;text-align:left;padding:72px 0 92px;}
.tarot-intro .section-title {font-size:clamp(2.6rem,4.7vw,4.4rem);line-height:1.09;color:#f4d8a4;margin:14px 0 20px;text-shadow:0 4px 26px #020912;}
.tarot-intro .tarot-lead {font-size:clamp(1.09rem,1.5vw,1.3rem);font-weight:500;color:#f3f5f8;line-height:1.6;margin:0 0 13px;max-width:510px;text-shadow:0 2px 6px #020a17;}
.tarot-intro .tarot-intro-text {font-size:1.02rem;line-height:1.76;color:#d1e0ee;max-width:485px;margin:0;text-shadow:0 2px 6px #020a17;}
.tarot-actions {display:flex;align-items:center;justify-content:flex-start;gap:14px;flex-wrap:wrap;margin-top:28px;}
.tarot-actions .button {min-width:194px;min-height:48px;text-align:center;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 10px 25px rgba(0,0,0,.27);}
.tarot-action-primary {box-shadow:0 0 28px rgba(213,175,120,.16),0 9px 22px rgba(0,0,0,.36)!important;}
.tarot-main-content {position:relative;}
.tarot-reading,.tarot-three,.tarot-online,.tarot-personal {border:1px solid rgba(213,175,120,.41);border-radius:17px;background:linear-gradient(150deg,rgba(4,17,34,.96),rgba(4,20,36,.92));box-shadow:0 16px 48px rgba(0,0,0,.27);}
.tarot-reading {padding:33px 35px 39px;margin-top:30px;}
.tarot-section-heading .eyebrow {margin:0;}
.tarot-reading-lead {color:#d8e4ed;max-width:930px;margin:0 0 22px;font-size:1rem;}
/* Four photographic thematic panels */
.tarot-topics {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;}
.tarot-topic {min-width:0;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(207,166,104,.59);border-radius:13px;background:linear-gradient(180deg,#0b2b43,#031122);transition:transform .22s ease,border-color .22s ease;}
.tarot-topic:hover {transform:translateY(-4px);border-color:#d9c39c;}
.tarot-topic-art {height:168px;position:relative;overflow:hidden;background:#051629;}
.tarot-topic-art::after {content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(2,10,22,.42) 100%);pointer-events:none;}
.tarot-topic-art img {display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .3s ease;}
.tarot-topic:hover .tarot-topic-art img {transform:scale(1.05);}
.tarot-topic-copy {padding:17px 17px 20px;flex:1;}
.tarot-topic h3 {color:#f1d5a5;font-size:1.17rem;line-height:1.28;margin:0 0 11px;}
.tarot-topic p {color:#d5e1ed;font-size:.9rem;margin:0;line-height:1.58;}
/* Three-card explanation: real carved-looking CSS cards and steps */
.tarot-three {display:grid;grid-template-columns:minmax(0,.9fr) minmax(270px,.78fr) minmax(0,1.05fr);align-items:center;gap:25px;min-height:360px;padding:37px 35px;margin-top:27px;}
.tarot-three-copy p:not(.eyebrow) {color:#dce8f1;font-size:1rem;margin:0;}
.tarot-three-visual {position:relative;display:flex;align-items:center;justify-content:center;min-width:0;height:305px;overflow:hidden;isolation:isolate;}
/* Real three-card image: borders dissolve into the dark panel. */
.tarot-three-image {display:block;width:100%;height:100%;object-fit:cover;object-position:50% 52%;
  -webkit-mask-image:radial-gradient(ellipse 72% 65% at 50% 51%,#000 35%,rgba(0,0,0,.90) 56%,rgba(0,0,0,.55) 75%,transparent 100%);
  mask-image:radial-gradient(ellipse 72% 65% at 50% 51%,#000 35%,rgba(0,0,0,.90) 56%,rgba(0,0,0,.55) 75%,transparent 100%);
  filter:drop-shadow(0 12px 20px rgba(0,0,0,.30));}
.tarot-three-steps {margin:0;padding:0;list-style:none;}
.tarot-three-steps li {display:flex;align-items:flex-start;gap:14px;padding:14px 0;border-bottom:1px solid rgba(213,175,120,.23);}
.tarot-three-steps li:last-child {border:0;}
.tarot-step-number {flex:0 0 38px;height:40px;display:grid;place-items:center;background:rgba(214,173,109,.08);border:1px solid rgba(214,173,109,.45);border-radius:6px;color:#e8c28f;font:20px Georgia,serif;}
.tarot-three-steps h3 {margin:0 0 4px;color:#f2d8ad;font-size:1.18rem;}
.tarot-three-steps p {margin:0;color:#c5d5e4;font-size:.92rem;line-height:1.55;}
/* Emphasized Telegram entrance */
.tarot-online {position:relative;overflow:hidden;text-align:center;margin-top:27px;padding:40px 50px;border-color:rgba(232,187,113,.69);background:linear-gradient(105deg,rgba(2,14,31,.95),rgba(8,33,55,.91),rgba(2,13,29,.96));}
.tarot-online::before {content:'✧';position:absolute;left:6%;top:35%;font-size:60px;color:rgba(232,190,123,.26);}
.tarot-online::after {content:'✧';position:absolute;right:6%;top:35%;font-size:60px;color:rgba(232,190,123,.26);}
.tarot-online h2 {margin-top:8px;}
.tarot-online > p:not(.eyebrow) {max-width:700px;margin:0 auto;color:#d9e5ef;}
.tarot-online .tarot-actions {justify-content:center;margin:25px auto 0;}
.tarot-online .tarot-online-note {font-size:.78rem;color:#aabed1!important;margin-top:14px!important;}
.tarot-personal {margin-top:27px;padding:30px 44px;text-align:center;}
.tarot-personal h2 {font-size:clamp(1.6rem,2.5vw,2.1rem);}
.tarot-personal>p {margin:0 auto 15px;max-width:730px;color:#d8e3ed;}
.tarot-text-link {display:inline-block;color:#f0d5a6;text-decoration:underline;text-underline-offset:5px;font:600 14px Arial,sans-serif;}
.tarot-closing {font-style:italic;color:#e8cda0!important;margin-top:22px!important;}
/* Page-only menu highlighting independent of legacy navigation recognition */
body.tarot-body .site-header a.nav-active {color:#f4d49c;}
body.tarot-body .site-header .navigation a.nav-active::after {transform:scaleX(1);}
@media(max-width:1150px) {.tarot-topics {grid-template-columns:repeat(2,minmax(0,1fr));}.tarot-topic-art {height:188px;}.tarot-three {grid-template-columns:1fr 1fr;}.tarot-three-copy{grid-column:1/-1;}.tarot-three-visual{height:270px;}}
@media(max-width:730px) {.tarot-hero{min-height:520px;background-position:57% center;background-image:linear-gradient(180deg,rgba(2,11,25,.35),rgba(2,11,25,.78) 55%,rgba(2,11,25,.93)),url('/assets/images/tarot-bg.webp');align-items:flex-end;}.tarot-intro {padding:75px 0 45px;max-width:100%;}.tarot-intro .section-title{font-size:clamp(2.6rem,7vw,3.8rem);}.tarot-reading{padding:26px 22px;}.tarot-three{padding:28px 22px;gap:10px;}.tarot-three-visual{height:265px;}.tarot-online{padding:35px 22px;}}
@media(max-width:530px) {.tarot-topics{grid-template-columns:1fr;gap:13px;}.tarot-topic{display:grid;grid-template-columns:115px minmax(0,1fr);min-height:150px;}.tarot-topic-art{height:100%;min-height:150px;}.tarot-topic-copy{padding:14px;}.tarot-three{grid-template-columns:1fr;}.tarot-three-copy{grid-column:auto;}.tarot-actions{flex-direction:column;align-items:stretch;}.tarot-actions .button{width:100%;}.tarot-online::before,.tarot-online::after{display:none;}.tarot-personal{padding:28px 22px;}.tarot-page{padding-bottom:45px;}}
@media(prefers-reduced-motion:reduce) {.tarot-topic,.tarot-topic-art img{transition:none;}}