/* Rotto Drops campaign detail. Scoped to the two EmiratesBet cards. */
html[data-site-style="emirates"] .bonus-rules-modal.bonus-detail-showcase.rotto-drops-modal,
html.brand-emirates .bonus-rules-modal.bonus-detail-showcase.rotto-drops-modal {
  width: min(950px, calc(100vw - 48px)) !important;
  height: min(900px, calc(100dvh - 40px));
  max-height: min(900px, calc(100dvh - 40px)) !important;
  grid-template-rows: clamp(230px, 32dvh, 285px) minmax(0, 1fr);
}
.rotto-drops-terms { --rdt-accent:#e5bd76; --rdt-soft:rgba(229,189,118,.15); display:grid; gap:22px; color:#f8efe2; white-space:normal; line-height:1.5; }
.rotto-drops-terms.rdt-daily { --rdt-accent:#a7c9ff; --rdt-soft:rgba(115,165,244,.16); }
.rotto-drops-terms.rdt-provider { --rdt-accent:#f1c782; --rdt-soft:rgba(210,142,59,.15); }
.rotto-drops-terms.rdt-provider .rdt-stats strong { overflow-wrap:anywhere; font-size:clamp(17px,2vw,22px); }
.rotto-drops-terms * { box-sizing:border-box; }
.rotto-drops-terms .rdt-intro { padding:21px 23px; border:1px solid rgba(242,204,132,.27); border-radius:16px; background:radial-gradient(circle at 90% 0%,var(--rdt-soft),transparent 43%),linear-gradient(135deg,#24101b,#10090f); }
.rotto-drops-terms .rdt-eyebrow { display:block; margin-bottom:8px; color:var(--rdt-accent); font-size:10px; font-weight:900; letter-spacing:.17em; }
.rotto-drops-terms h3 { margin:0 0 9px; color:#fff8e9; font-size:25px; line-height:1.15; letter-spacing:-.035em; }
.rotto-drops-terms .rdt-intro>p { margin:0; max-width:780px; color:rgba(255,244,227,.8); font-size:13.5px; line-height:1.65; }
.rotto-drops-terms .rdt-period { display:flex; align-items:center; flex-wrap:wrap; gap:6px 10px; margin-top:16px; padding-top:13px; border-top:1px solid rgba(255,234,198,.13); color:rgba(255,239,210,.68); font-size:11px; }
.rotto-drops-terms .rdt-period strong { color:#ffe4a9; font-size:12px; }
.rotto-drops-terms .rdt-period span { margin-left:auto; }
.rotto-drops-terms .rdt-stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.rotto-drops-terms .rdt-stats>div { display:flex; flex-direction:column; min-height:105px; padding:15px 17px; border:1px solid rgba(255,232,187,.2); border-radius:14px; background:linear-gradient(150deg,var(--rdt-soft),rgba(31,8,17,.95) 48%,#12070c); }
.rotto-drops-terms .rdt-stats small { color:var(--rdt-accent); font-size:9px; font-weight:900; letter-spacing:.15em; }
.rotto-drops-terms .rdt-stats strong { margin-top:7px; color:#fff6e3; font-size:22px; line-height:1.1; letter-spacing:-.03em; }
.rotto-drops-terms .rdt-stats span { margin-top:auto; padding-top:6px; color:rgba(255,240,219,.66); font-size:10.5px; line-height:1.35; }
.rotto-drops-terms .rdt-section { min-width:0; }
.rotto-drops-terms .rdt-section-head { display:flex; gap:13px; align-items:flex-start; margin-bottom:12px; }
.rotto-drops-terms .rdt-section-head>span { display:grid; place-items:center; flex:0 0 32px; height:32px; border:1px solid rgba(236,196,121,.36); border-radius:10px; color:var(--rdt-accent); background:var(--rdt-soft); font-size:11px; font-weight:900; }
.rotto-drops-terms .rdt-section-head h4 { margin:0; color:#fff4df; font-size:18px; line-height:1.2; }
.rotto-drops-terms .rdt-section-head p { margin:4px 0 0; color:rgba(255,239,216,.67); font-size:12px; }
.rotto-drops-terms .rdt-table-scroll { max-width:100%; overflow-x:auto; border:1px solid rgba(240,200,128,.22); border-radius:13px; background:#14090e; scrollbar-color:rgba(230,183,87,.6) transparent; }
.rotto-drops-terms table { width:100%; border-collapse:collapse; text-align:left; font-size:12px; line-height:1.35; }
.rotto-drops-terms thead { background:rgba(238,190,102,.14); }
.rotto-drops-terms th,.rotto-drops-terms td { padding:11px 13px; border-bottom:1px solid rgba(255,237,205,.11); vertical-align:middle; }
.rotto-drops-terms thead th { color:#ffe7b7; font-size:10px; font-weight:900; letter-spacing:.07em; text-transform:uppercase; white-space:nowrap; }
.rotto-drops-terms tbody tr:nth-child(even) { background:rgba(255,255,255,.025); }
.rotto-drops-terms tbody th { color:#fff5e3; font-weight:800; white-space:nowrap; }
.rotto-drops-terms tbody td { color:rgba(255,246,232,.82); }
.rotto-drops-terms tbody td:last-child { color:#ffe0a4; font-weight:700; }
.rotto-drops-terms tfoot { background:rgba(223,169,71,.16); }
.rotto-drops-terms tfoot th,.rotto-drops-terms tfoot td { border-bottom:0; color:#fff0c7; font-weight:900; }
.rotto-drops-terms .rdt-cash-row { background:rgba(224,173,85,.12) !important; }
.rotto-drops-terms .rdt-table-note { margin:10px 0 0; padding:11px 13px; border-left:3px solid var(--rdt-accent); border-radius:0 8px 8px 0; background:var(--rdt-soft); color:rgba(255,244,223,.83); font-size:11.5px; line-height:1.55; }
.rotto-drops-terms .rdt-mobile-hint { display:none; }
.rotto-drops-terms .rdt-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; margin:0; padding:0; list-style:none; }
.rotto-drops-terms .rdt-steps li { display:flex; gap:10px; min-height:95px; padding:13px; border:1px solid rgba(243,208,145,.16); border-radius:11px; background:rgba(255,255,255,.035); color:rgba(255,246,233,.82); font-size:11.5px; line-height:1.5; }
.rotto-drops-terms .rdt-steps b { color:var(--rdt-accent); font-size:14px; font-weight:900; }
.rotto-drops-terms .rdt-conditions { padding:17px 18px; border:1px solid rgba(244,205,139,.16); border-radius:14px; background:linear-gradient(135deg,rgba(44,15,25,.8),rgba(20,8,15,.85)); }
.rotto-drops-terms .rdt-conditions ul { display:grid; gap:8px; margin:0; padding-left:20px; color:rgba(255,244,228,.82); font-size:11.5px; line-height:1.55; }
.rotto-drops-terms .rdt-conditions li::marker { color:var(--rdt-accent); }
@media (max-width:700px) {
  html[data-site-style="emirates"] .bonus-rules-modal.bonus-detail-showcase.rotto-drops-modal,
  html.brand-emirates .bonus-rules-modal.bonus-detail-showcase.rotto-drops-modal { width:calc(100vw - 16px) !important; height:min(94dvh,800px); max-height:min(94dvh,800px) !important; grid-template-rows:clamp(180px,25dvh,220px) minmax(0,1fr); }
  .rotto-drops-terms { gap:17px; }
  .rotto-drops-terms .rdt-intro { padding:16px; }
  .rotto-drops-terms h3 { font-size:21px; }
  .rotto-drops-terms .rdt-intro>p { font-size:12px; }
  .rotto-drops-terms .rdt-period span { margin-left:0; }
  .rotto-drops-terms .rdt-stats { grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; }
  .rotto-drops-terms .rdt-stats>div { min-height:84px; padding:11px; }
  .rotto-drops-terms .rdt-stats>div:first-child { grid-column:1/-1; min-height:78px; }
  .rotto-drops-terms .rdt-stats strong { font-size:19px; }
  .rotto-drops-terms .rdt-section-head h4 { font-size:16px; }
  .rotto-drops-terms table { min-width:600px; font-size:11px; }
  .rotto-drops-terms th,.rotto-drops-terms td { padding:10px 11px; }
  .rotto-drops-terms .rdt-mobile-hint { display:block; margin:7px 0 0; color:rgba(255,237,207,.61); font-size:10px; }
  .rotto-drops-terms .rdt-steps { grid-template-columns:1fr; }
  .rotto-drops-terms .rdt-steps li { min-height:0; }
}