/* A cinematic quest dossier, contained within the dialog at every viewport size. */
body .details-backdrop{padding:24px;background:#020204e8;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
body .details-backdrop[hidden]{display:none!important}
body .detail-panel{width:min(1140px,100%);display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);max-height:calc(100dvh - 48px);overflow:auto;overscroll-behavior:contain;border:1px solid #a13b50;border-radius:22px;background:radial-gradient(ellipse at 100% 0,#7b13272d,transparent 65%),#0c090c;box-shadow:0 35px 120px #000b,inset 0 1px #ffffff12;color:#f3edf0;isolation:isolate}
body .detail-panel:before{content:'';position:absolute;top:0;left:45%;right:9%;height:1px;background:linear-gradient(90deg,transparent,#ff4963,transparent);z-index:3;pointer-events:none}
body .detail-panel .overlay-close{z-index:20;top:14px;right:14px;width:44px;height:44px;border:1px solid #ffffff40;border-radius:50%;background:#09080be8;box-shadow:0 5px 20px #0008;color:#fff;font-size:25px;backdrop-filter:blur(8px)}
body .detail-panel .detail-image{position:sticky;top:0;min-width:0;height:calc(100dvh - 50px);min-height:560px;max-height:none;overflow:hidden;background:#050505}
body .detail-panel .detail-image img{width:100%;height:100%;object-fit:cover;object-position:50% 24%;filter:none;transform:none}
body .detail-image:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#09070bef,transparent 55%),linear-gradient(90deg,transparent 65%,#0c090c55);pointer-events:none}
body .detail-poster-brand{position:absolute;left:30px;right:30px;bottom:32px;z-index:2;border-top:1px solid #ffffff35;padding-top:18px}
body .detail-poster-brand>span{display:block;font-family:Montserrat,Arial,sans-serif;font-size:29px;font-weight:600;letter-spacing:5px;color:#fff}
body .detail-poster-brand small{display:block;font-size:9px;letter-spacing:4px;color:#d5b9c5;margin-top:7px}
body .detail-poster-index{position:absolute;left:25px;top:25px;z-index:2;font-size:8px;letter-spacing:2px;color:#fff;border:1px solid #ffffff35;border-radius:30px;padding:8px 12px;background:#08050970}
body .detail-copy{min-width:0;padding:44px 36px 28px;background:transparent;overflow-wrap:anywhere}
body .detail-copy .eyebrow{display:inline-flex;align-items:center;max-width:calc(100% - 20px);border:1px solid #a7465b66;border-radius:30px;padding:7px 12px;color:#eaa0b1;font-size:10px;letter-spacing:.4px;line-height:1.7;margin:0 0 20px;background:#6a132927}
body .detail-copy .eyebrow:before{width:5px;height:5px;border-radius:50%;background:#ed3754;box-shadow:0 0 12px #ec355360;flex-shrink:0}
body .detail-copy h2{font-family:Montserrat,'Noto Sans Armenian',Arial,sans-serif!important;font-size:clamp(28px,3vw,42px);font-weight:650;line-height:1.3;letter-spacing:-.7px;margin:0;color:#fff;text-wrap:balance}
body .detail-copy #detail-sub{font-size:14px;line-height:1.75;color:#bfabb5;margin:14px 0 22px}
body .detail-copy #detail-facts{padding:0;display:grid;gap:10px;border:0;margin:0 0 26px}
body #detail-facts .team-fact{display:flex;justify-content:space-between;align-items:center;border:1px solid #8d33484d;border-radius:10px;padding:12px 14px;background:#2b111c80;font-size:13px;color:#d5c1cb}
body #detail-facts .team-fact b{font-size:19px;color:#fff;font-variant-numeric:tabular-nums}
body #detail-facts .rating-format{border:1px solid #ffffff18;border-radius:10px;background:#170f14;padding:12px 14px;display:grid;gap:9px}
body #detail-facts .rating-format>strong{font-size:11px;color:#cfa6b6;font-weight:500;line-height:1.6}
body #detail-facts .rating{font-size:12px;line-height:1.6;gap:10px;color:#d2c2cb;display:flex;justify-content:space-between;align-items:center}
body #detail-facts>.rating{padding:10px 14px;border:1px solid #ffffff18;border-radius:9px;background:#170f14}
body #detail-facts .rating-value{gap:8px}
body #detail-facts .rating-value b{font-size:11px;color:#e9c3d2}
body #detail-facts .rating-dots{gap:4px}
body #detail-facts .rating-dots i{width:7px;height:7px;border-color:#6b4b58}
body #detail-facts .rating-dots i.filled{background:#e23555;border-color:#e23555;box-shadow:0 0 8px #cf1e3c30}
body .detail-copy .story-heading{display:flex;align-items:center;gap:14px;color:#eea0b4;font-size:11px;font-weight:500;letter-spacing:.8px;margin:0 0 12px}
body .detail-copy .story-heading:after{content:'';height:1px;flex:1;background:linear-gradient(90deg,#a93a5040,transparent)}
body .detail-copy #detail-description{font-size:15px;line-height:1.9;color:#d9cdd3;margin:0 0 24px;max-width:60ch;text-wrap:pretty}
body .detail-reservation{position:sticky;bottom:-28px;padding:18px 0 0;border-top:1px solid #ffffff19;background:linear-gradient(#100a0fec,#100a0f);z-index:4}
body .detail-price-preview{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 16px;margin-bottom:16px}
body .detail-price-preview[hidden]{display:none!important}
body .detail-price-preview>span{font-size:11px;color:#c5a2b1;align-self:center}
body .detail-price-preview strong{font-size:22px;line-height:1.5;color:#fff;font-variant-numeric:tabular-nums}
body .detail-price-preview small{font-size:10px;color:#b19aa5;grid-column:1/-1;line-height:1.7}
body .detail-actions{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:10px;padding-bottom:6px}
body .detail-copy .detail-actions .button{width:100%;margin:0;min-height:48px;font-size:12px;border-radius:9px;padding:11px 14px;gap:10px;justify-content:space-between;line-height:1.6;border-color:#844052;background:#1e1219;color:#f2e5eb}
body .detail-copy .detail-actions .button.solid{background:linear-gradient(115deg,#d41e40,#92152e);border-color:#ec4b66;box-shadow:0 8px 25px #a6243b20;color:#fff}
@keyframes quest-dossier-open{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:no-preference){body .details-backdrop:not([hidden]) .detail-panel{animation:quest-dossier-open .4s ease-out both}}
@media(max-width:760px){
 body .details-backdrop{padding:12px}
 body .detail-panel{display:block;max-height:calc(100dvh - 24px);border-radius:17px}
 body .detail-panel .detail-image{position:relative;top:auto;height:280px;min-height:0}
 body .detail-panel .detail-image img{object-position:50% 24%}
 body .detail-image:after{background:linear-gradient(0deg,#0c090c 0%,#0c090c66 22%,transparent 65%)}
 body .detail-poster-brand{left:22px;right:22px;bottom:18px;padding-top:13px}
 body .detail-poster-brand>span{font-size:23px;letter-spacing:4px}
 body .detail-poster-brand small{font-size:8px;letter-spacing:3px}
 body .detail-poster-index{left:18px;top:18px;font-size:7px}
 body .detail-copy{padding:12px 22px 22px}
 body .detail-copy h2{font-size:29px;line-height:1.35}
 body .detail-copy .eyebrow{font-size:9px;margin-bottom:14px}
 body .detail-copy #detail-sub{font-size:13px;margin:12px 0 18px}
 body .detail-copy #detail-description{font-size:14px;line-height:1.85}
 body .detail-reservation{bottom:-22px;padding-top:14px}
 body .detail-price-preview strong{font-size:20px}
 body .detail-copy .detail-actions .button{font-size:11px;padding:10px 12px;min-height:48px}
}
@media(max-height:500px) and (min-width:761px){body .detail-panel .detail-image{min-height:0}}