/* Акционная лента и окно предложения в палитре «Кинематографической сказки». */
.cinematic-site .marquee--offer{padding:17px 0;background:radial-gradient(circle at 50% -80%,rgba(227,161,132,.2),transparent 55%),linear-gradient(90deg,#25141f,#432739 52%,#25141f);border-color:rgba(227,161,132,.65);box-shadow:0 12px 29px rgba(20,7,18,.24)}
.cinematic-site .marquee--offer .marquee__track{gap:25px;color:#f8eee6;font:italic 400 clamp(22px,2.4vw,33px)/1.2 var(--font-display);letter-spacing:.015em;animation-duration:25s;transition:color .25s}
.cinematic-site .marquee--offer .sep{color:#e3a184;font:400 18px/1 var(--font-body);align-self:center}
.cinematic-site .marquee--offer:hover .marquee__track{color:#f4c3ab;animation-play-state:paused}
.cinematic-site .marquee__hit{position:absolute;inset:0;z-index:3;display:block;width:100%;padding:0;border:0;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent}
.cinematic-site .marquee__hit::after{content:'↗';position:absolute;top:50%;right:clamp(16px,3vw,50px);display:grid;place-items:center;width:39px;height:39px;transform:translateY(-50%);border:1px solid rgba(227,161,132,.72);border-radius:50%;background:rgba(37,20,31,.78);color:#e3a184;font:400 22px/1 var(--font-body);transition:background .25s,transform .25s}
.cinematic-site .marquee__hit:hover::after{background:#5b3747;transform:translateY(-50%) translate(2px,-2px)}
.cinematic-site .marquee__hit:focus-visible{outline:3px solid #e3a184;outline-offset:-5px}
.cinematic-site .marquee__hit:focus-visible::after{background:#5b3747}

.cinematic-site .popup.popup--special:not(.popup--roulette):not(.popup--video) .popup__backdrop{background:rgba(12,5,13,.82);backdrop-filter:blur(11px)}
.cinematic-site .popup.popup--special:not(.popup--roulette):not(.popup--video) .popup__window.special-offer__window{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);width:min(100%,920px);max-width:920px;max-height:min(94svh,700px);padding:0;overflow-y:auto;border:1px solid rgba(227,161,132,.54);border-radius:25px;background:#30202d;box-shadow:0 45px 100px rgba(10,3,11,.65);color:#f8eee6}
.cinematic-site .popup.popup--special .popup__close{top:18px;right:18px;z-index:5;width:44px;height:44px}
.cinematic-site .popup.popup--special .popup__close:focus-visible{outline:3px solid #e3a184;outline-offset:3px}
.cinematic-site .special-offer__visual{position:relative;min-width:0;min-height:0;overflow:hidden;background:#24141f}
.cinematic-site .special-offer__visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 18%;filter:saturate(.77) contrast(1.08)}
.cinematic-site .special-offer__visual::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(25,11,23,.56),transparent 43%),linear-gradient(90deg,transparent 72%,rgba(48,32,45,.44));pointer-events:none}
.cinematic-site .special-offer__content{position:relative;display:flex;flex-direction:column;min-width:0;padding:clamp(25px,3vw,35px)}
.cinematic-site .special-offer__eyebrow{display:flex;align-items:center;gap:13px;margin-bottom:9px;color:#e3a184;font:700 10px/1.3 var(--font-body);letter-spacing:.17em;text-transform:uppercase}
.cinematic-site .special-offer__eyebrow::before{content:'';display:block;width:34px;height:1px;background:#e3a184}
.cinematic-site .special-offer__content h3{max-width:480px;margin:0;color:#f8eee6;font:400 clamp(31px,3.15vw,40px)/1.06 var(--font-display);letter-spacing:-.045em}
.cinematic-site .special-offer__content h3 em{display:inline;color:#e3a184;font-weight:400}
.cinematic-site .special-offer__countdown{display:grid;grid-template-columns:minmax(85px,.82fr) repeat(3,minmax(0,1fr));align-items:center;gap:6px;margin:17px 0 18px;padding:8px;border:1px solid rgba(227,161,132,.28);border-radius:13px;background:rgba(248,238,230,.035)}
.cinematic-site .special-offer__countdown-title{grid-column:1;margin:0 4px;color:#d8bdba;font:700 10px/1.3 var(--font-body);letter-spacing:.06em;text-transform:uppercase}
.cinematic-site .special-offer__time{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:61px;border:1px solid rgba(227,161,132,.2);border-radius:8px;background:#432739}
.cinematic-site .special-offer__time strong{color:#f8eee6;font:400 30px/1 var(--font-display);font-variant-numeric:tabular-nums}
.cinematic-site .special-offer__time small{margin-top:4px;color:#d5b9b8;font:500 10px/1.1 var(--font-body)}
.cinematic-site .special-offer__description{margin:0 0 10px;color:#e6d5d1;font:400 clamp(18px,1.65vw,21px)/1.3 var(--font-display)}
.cinematic-site .special-offer__description strong{color:#f8eee6;font-weight:700;white-space:nowrap}
.cinematic-site .special-offer__description em{color:#e3a184;font-weight:400}
.cinematic-site .special-offer__bonuses{list-style:none;counter-reset:special-bonus;margin:0;padding:0}
.cinematic-site .special-offer__bonuses li{counter-increment:special-bonus;display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid rgba(248,238,230,.17);color:#e2d0cd;font:500 13px/1.4 var(--font-body)}
.cinematic-site .special-offer__bonuses li::before{content:'0' counter(special-bonus);display:grid;place-items:center;flex:none;width:27px;height:27px;border:1px solid rgba(227,161,132,.56);border-radius:50%;color:#e3a184;font:400 12px/1 var(--font-display)}
.cinematic-site .special-offer__cta{display:flex;justify-content:space-between;width:100%;min-height:50px;margin-top:18px;padding:6px 9px 6px 21px;border:1px solid #e4a187;border-radius:999px;background:linear-gradient(110deg,#e8a98b,#c47b61 58%,#e8a98b);background-size:200% 100%;box-shadow:0 12px 28px rgba(13,5,12,.22);color:#25141f;font-size:14px;font-weight:700;transition:background-position .28s,box-shadow .28s}
.cinematic-site .special-offer__cta:hover{background-position:100% 0;box-shadow:0 15px 32px rgba(13,5,12,.3)}
.cinematic-site .special-offer__cta:focus-visible{outline:3px solid #e3a184;outline-offset:4px}
.cinematic-site .special-offer__cta span{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(37,20,31,.54);border-radius:50%;font-size:20px;font-weight:400;line-height:1}
.cinematic-site .special-offer__microtext{margin:8px 0 0;color:#d0b7b7;font:500 10px/1.4 var(--font-body);letter-spacing:.02em;text-align:center}

@media(max-width:767px){
  .cinematic-site .marquee--offer{padding:14px 0}
  .cinematic-site .marquee--offer .marquee__track{font-size:22px;gap:18px}
  .cinematic-site .marquee__hit::after{width:33px;height:33px;font-size:18px}
  .cinematic-site .popup.popup--special:not(.popup--roulette):not(.popup--video) .popup__window.special-offer__window{display:block;max-width:530px;max-height:92svh}
  .cinematic-site .popup.popup--special .popup__close{top:12px;right:12px;width:36px;height:36px}
  .cinematic-site .special-offer__visual{position:absolute;top:22px;left:24px;z-index:1;width:88px;height:110px;min-height:0;border:1px solid rgba(227,161,132,.57);border-radius:11px;box-shadow:0 9px 22px rgba(10,3,11,.25)}
  .cinematic-site .special-offer__visual img{object-position:center 16%}
  .cinematic-site .special-offer__content{padding:27px 25px 29px}
  .cinematic-site .special-offer__eyebrow,.cinematic-site .special-offer__content h3{margin-left:107px;margin-right:46px}
  .cinematic-site .special-offer__content h3{font-size:clamp(31px,5vw,37px)}
  .cinematic-site .special-offer__countdown{grid-template-columns:repeat(3,minmax(0,1fr));margin:24px 0 18px}
  .cinematic-site .special-offer__countdown-title{grid-column:1/-1;margin:2px 4px 5px}
}
@media(max-width:560px){
  .cinematic-site .popup.popup--special{padding:10px}
  .cinematic-site .popup.popup--special:not(.popup--roulette):not(.popup--video) .popup__window.special-offer__window{border-radius:20px;max-height:92svh}
  .cinematic-site .special-offer__visual{top:20px;left:19px;width:77px;height:99px}
  .cinematic-site .special-offer__content{padding:22px 19px 25px}
  .cinematic-site .special-offer__eyebrow,.cinematic-site .special-offer__content h3{margin-left:91px}
  .cinematic-site .special-offer__content h3{font-size:30px}
  .cinematic-site .special-offer__countdown{padding:8px;gap:5px;margin:17px 0 17px}
  .cinematic-site .special-offer__time{min-height:58px}
  .cinematic-site .special-offer__time strong{font-size:28px}
  .cinematic-site .special-offer__time small{font-size:10px}
  .cinematic-site .special-offer__description{font-size:19px}
  .cinematic-site .special-offer__bonuses li{font-size:13px;gap:11px;padding:8px 0}
  .cinematic-site .special-offer__cta{margin-top:16px}
}
@media(prefers-reduced-motion:reduce){
  .cinematic-site .marquee--offer .marquee__track{animation:none}
  .cinematic-site .marquee__hit::after,.cinematic-site .special-offer__cta{transition:none}
}

/* Четвёртый разряд таймера виден, но не увеличивает высоту окна. */
.cinematic-site .special-offer__countdown{grid-template-columns:minmax(78px,.9fr) repeat(4,minmax(0,1fr));gap:5px}
.cinematic-site .special-offer__time{min-width:0;min-height:56px}
.cinematic-site .special-offer__time strong{font-size:27px}
.cinematic-site .special-offer__time small{font-size:9px}
@media(max-width:767px){
  .cinematic-site .special-offer__countdown{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}
  .cinematic-site .special-offer__countdown-title{grid-column:1/-1}
}
@media(max-width:560px){
  .cinematic-site .special-offer__time{min-height:53px}
  .cinematic-site .special-offer__time strong{font-size:25px}
  .cinematic-site .special-offer__time small{font-size:9px}
}