/* Approved brocade artwork; campaign values remain readable, live text. */
.theme-scroll .scroll-promo {
  position:relative; isolation:isolate; color:#f4e1b2;
  font-family:Georgia,"Times New Roman",serif; text-align:center;
  background-position:center; background-size:100% 100%; background-repeat:no-repeat;
  filter:drop-shadow(0 5px 6px #24100740);
}
.theme-scroll .scroll-promo [hidden],.theme-scroll [data-offer-standard][hidden],.theme-scroll [data-offer-promoted][hidden] { display:none!important; }
.scroll-promo__inner { position:absolute; inset:19% 8% 9%; display:flex; flex-direction:column; justify-content:center; gap:3px; }
.theme-scroll .scroll-promo__heading {
  margin:0; max-width:none; color:#f8e2aa; text-transform:uppercase;
  font:600 clamp(19px,1.8vw,32px)/1.12 Georgia,serif; letter-spacing:.065em;
  text-shadow:0 2px 2px #270907;
}
.scroll-promo__benefits { display:flex; align-items:center; justify-content:center; gap:4%; min-width:0; }
.scroll-promo__coins { display:flex; flex-direction:column; align-items:center; justify-content:center; min-width:0; }
.scroll-promo__percent {
  display:block; white-space:nowrap; font:700 clamp(48px,5.05vw,98px)/.95 Georgia,serif;
  letter-spacing:-.045em; color:#f9d488; text-shadow:0 2px 1px #fff3c536,0 4px 3px #280707;
}
.scroll-promo__percent--wide { font-size:clamp(43px,4.4vw,84px); }
.scroll-promo__percent > span { font-size:.75em; }
.scroll-promo__percent > small { font-size:.24em; letter-spacing:0; margin-right:.3em; }
.scroll-promo__coin-label { display:block; margin-top:3px; text-transform:uppercase; font-size:clamp(11px,1.1vw,20px); line-height:1.15; }
.scroll-promo__gifts { display:flex; align-items:center; justify-content:center; gap:5px; min-width:0; }
.scroll-promo__gifts img { display:block; width:clamp(65px,6.2vw,112px); height:auto; object-fit:contain; filter:drop-shadow(0 4px 3px #27080466); }
.scroll-promo__gifts strong { font-size:clamp(15px,1.5vw,26px); line-height:1.3; text-transform:uppercase; text-align:left; font-weight:600; text-shadow:0 2px 2px #250604; }
.scroll-promo__gifts strong span { letter-spacing:.05em; }
.scroll-promo__details { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:3px 18px; font-size:clamp(10px,.95vw,16px); line-height:1.3; }
.scroll-promo__details a { color:#ffe4a1; font-weight:700; text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:3px; }
.scroll-promo__details a:hover { color:#fff7d8; }
.scroll-promo__details a:focus-visible { outline:2px solid #ffebae; outline-offset:3px; }
.theme-scroll .scroll-promo__deadline { margin:0; color:#f0d9b7; font-size:clamp(12px,.78vw,14px); line-height:1.25; }
.scroll-promo__countdown:not(:empty)::before { content:' · '; }
.scroll-promo--hero {
  background-image:url(images/promotions/home-banner-v1.webp);
  width:min(37vw,710px); aspect-ratio:1600/578; min-height:215px; margin:-.7vw auto 0;
}
.scroll-promo--hero .scroll-promo__inner { inset:19% 8% 7%; }
.scroll-promo--hero .scroll-promo__gifts { border-left:1px solid #c49a5855; padding-left:4%; }
.scroll-promo--hero.scroll-promo--single .scroll-promo__gifts { border:0; padding:0; }
.scroll-promo--single .scroll-promo__benefits { gap:0; }
.scroll-promo--single .scroll-promo__gifts img { width:clamp(70px,7vw,130px); }
.scroll-promo--single .scroll-promo__gifts strong { font-size:clamp(19px,2.2vw,36px); }
.scroll-promo--payments {
  background-image:url(images/promotions/payments-banner-v1.webp);
  width:min(1180px,92%); aspect-ratio:1920/406; margin:8px auto 0;
}
.scroll-promo--payments .scroll-promo__inner { inset:12% 8% 11%; display:grid; grid-template-columns:40% 60%; grid-template-rows:auto 1fr auto auto; gap:2px 0; }
.scroll-promo--payments .scroll-promo__heading { grid-column:1; font-size:clamp(18px,2.4vw,31px); }
.scroll-promo--payments .scroll-promo__benefits { display:contents; }
.scroll-promo--payments .scroll-promo__coins { grid-column:1; grid-row:2/5; }
.scroll-promo--payments .scroll-promo__percent { font-size:clamp(60px,8vw,116px); }
.scroll-promo--payments .scroll-promo__percent--wide { font-size:clamp(52px,7vw,100px); }
.scroll-promo--payments .scroll-promo__coin-label { font-size:clamp(13px,1.8vw,24px); }
.scroll-promo--payments .scroll-promo__gifts { grid-column:2; grid-row:1/3; flex-direction:row-reverse; border-left:1px solid #d5ad6566; padding-left:8%; }
.scroll-promo--payments .scroll-promo__gifts img { width:clamp(84px,11vw,154px); }
.scroll-promo--payments .scroll-promo__gifts strong { font-size:clamp(23px,3.1vw,42px); }
.scroll-promo--payments .scroll-promo__details { grid-column:2; font-size:clamp(12px,1.2vw,17px); }
.scroll-promo--payments .scroll-promo__deadline { grid-column:2; font-size:clamp(10px,1vw,14px); }
.scroll-promo--payments.scroll-promo--single .scroll-promo__inner { display:flex; gap:4px; }
.scroll-promo--payments.scroll-promo--single .scroll-promo__percent { font-size:clamp(55px,7vw,100px); }
.scroll-promo--payments.scroll-promo--single .scroll-promo__gifts { border:0; padding:0; }
.theme-scroll .scroll-promo--payments:not([hidden]) + .scroll-page-heading { padding-top:20px; padding-bottom:18px; }
.theme-scroll .scroll-promo--payments:not([hidden]) + .scroll-page-heading .scroll-back { margin-bottom:2px; }
.theme-scroll .scroll-promo--payments:not([hidden]) + .scroll-page-heading .scroll-eyebrow { display:none; }
.theme-scroll .scroll-document .payment-offer-card {
  grid-template-columns:minmax(68px,1fr) 18px minmax(68px,1fr) 18px minmax(82px,1.2fr) minmax(110px,1.15fr);
  border-color:#b2956799; background:linear-gradient(105deg,#fffaf352,#f1d7a02b,#fffaf347);
}
.theme-scroll .scroll-document .payment-offer-card--gift { padding-bottom:49px; }
.scroll-offer-gift {
  position:absolute; right:14px; bottom:0; display:flex; align-items:center; gap:7px;
  padding:2px 13px 3px; min-height:36px; border:1px solid #b59159; border-bottom:0;
  background:linear-gradient(100deg,#ecd7ac,#f9e5b9,#dcc394); color:#542619; border-radius:8px 8px 0 0;
}
.scroll-offer-gift img { width:32px; height:32px; object-fit:contain; }
.scroll-offer-gift > span { display:flex; align-items:center; gap:8px; font-family:Georgia,serif; }
.scroll-offer-gift b { font-size:15px; line-height:1.15; white-space:nowrap; }
.scroll-offer-gift small { font-size:12px; line-height:1.2; }
@media(min-width:851px) {
  .scroll-hero-campaign:has(.scroll-promo:not([hidden])) + .scroll-hero-buttons { margin-top:.65vw; }
}
@media(max-width:1050px) and (min-width:851px) {
  .scroll-promo--hero { width:43vw; }
  .scroll-promo--hero .scroll-promo__heading { font-size:20px; }
  .scroll-promo--hero .scroll-promo__percent { font-size:49px; }
  .scroll-promo--hero .scroll-promo__gifts img { width:65px; }
  .scroll-promo--hero .scroll-promo__details { font-size:11px; }
  .scroll-promo--hero .scroll-promo__countdown { display:none; }
}
@media(max-width:850px) {
  .scroll-promo--hero { width:min(540px,100%); min-height:190px; aspect-ratio:2.75; margin:0 auto; }
  .scroll-promo--hero .scroll-promo__heading { font-size:23px; }
  .scroll-promo--hero .scroll-promo__percent { font-size:62px; }
  .scroll-promo--hero .scroll-promo__percent--wide { font-size:53px; }
  .scroll-promo--hero .scroll-promo__coin-label { font-size:13px; }
  .scroll-promo--hero .scroll-promo__gifts img { width:78px; }
  .scroll-promo--hero .scroll-promo__gifts strong { font-size:18px; }
  .scroll-promo--hero .scroll-promo__details { font-size:12px; gap:3px 12px; }
  .scroll-promo--payments { min-height:210px; background-image:url(images/promotions/home-banner-v1.webp); }
  .scroll-promo--payments .scroll-promo__inner { inset:18% 8% 10%; }
  .scroll-promo--payments .scroll-promo__gifts img { width:82px; }
  .scroll-promo--payments .scroll-promo__gifts strong { font-size:23px; }
  .scroll-promo--payments .scroll-promo__details { font-size:12px; }
  .scroll-promo--payments .scroll-promo__countdown { display:none; }
}
@media(max-width:600px) {
  .theme-scroll .scroll-document .payment-offer-card { grid-template-columns:minmax(60px,1fr) 12px minmax(60px,1fr) 12px minmax(70px,1fr); padding:20px 10px; gap:8px; }
  .theme-scroll .scroll-document .payment-offer-card__price { grid-column:1/-1; padding-top:10px; }
  .theme-scroll .scroll-document .payment-offer-card--gift { padding-bottom:58px; }
  .scroll-offer-gift { right:10px; max-width:calc(100% - 20px); }
  .scroll-offer-gift small { font-size:11px; }
}
@media(max-width:540px) {
  .scroll-hero:has(.scroll-promo:not([hidden])) { height:940px; }
  .scroll-promo--hero { min-height:205px; width:100%; }
  .scroll-promo--hero .scroll-promo__inner { inset:17% 8% 10%; gap:4px; }
  .scroll-promo--hero .scroll-promo__heading { font-size:20px; letter-spacing:.035em; }
  .scroll-promo--hero .scroll-promo__percent { font-size:55px; }
  .scroll-promo--hero .scroll-promo__percent--wide { font-size:46px; }
  .scroll-promo--hero .scroll-promo__coin-label { font-size:10px; }
  .scroll-promo--hero .scroll-promo__gifts { gap:0; padding-left:2%; }
  .scroll-promo--hero .scroll-promo__gifts img { width:62px; }
  .scroll-promo--hero .scroll-promo__gifts strong { font-size:14px; }
  .scroll-promo--hero .scroll-promo__details { font-size:11px; gap:2px 10px; }
  .scroll-promo--hero .scroll-promo__deadline { font-size:10px; }
  .scroll-promo--hero .scroll-promo__countdown { display:none; }
  .scroll-promo--payments { width:96%; min-height:245px; }
  .scroll-promo--payments .scroll-promo__inner { display:flex; inset:17% 10% 10%; }
  .scroll-promo--payments .scroll-promo__benefits { display:flex; gap:10px; }
  .scroll-promo--payments .scroll-promo__heading { font-size:21px; }
  .scroll-promo--payments .scroll-promo__percent { font-size:55px; }
  .scroll-promo--payments .scroll-promo__percent--wide { font-size:45px; }
  .scroll-promo--payments .scroll-promo__coin-label { font-size:11px; }
  .scroll-promo--payments .scroll-promo__gifts { padding:0; border:0; flex-direction:column; gap:0; }
  .scroll-promo--payments .scroll-promo__gifts img { width:60px; }
  .scroll-promo--payments .scroll-promo__gifts strong { font-size:14px; text-align:center; }
  .scroll-promo--payments .scroll-promo__gifts strong br { display:none; }
  .scroll-promo--payments .scroll-promo__gifts strong span { margin-left:3px; }
  .scroll-promo--payments.scroll-promo--single .scroll-promo__gifts { flex-direction:row; gap:8px; }
}