.offer-layout.offer-fullscreen {
  --offer-browser-clearance: 0px;
  position: relative; isolation: isolate; height: var(--create-viewport-height,100svh);
  min-height: 0; overflow: hidden; display: block; background: #2a2028;
}
@media (max-width:600px) { .offer-layout.offer-fullscreen { --offer-browser-clearance:68px; } }
.offer-fullscreen::before { display: none; }
.offer-fullscreen .offer-preview {
  position: absolute; inset: 0; height: 100%; width: 100%; max-height: none; max-width: none;
  margin: 0; border-radius: 0; border: 0; aspect-ratio: auto;
}
.offer-fullscreen .offer-preview > .offer-blurred-media { filter: blur(32.5px); transform: scale(1.15); }
.offer-fullscreen .offer-preview::after { background: linear-gradient(#0008 0%,#0002 24%,transparent 48%,#0004 70%,#000d 100%); }
.offer-fullscreen .offer-headline {
  position: absolute; top: 10px; left: 10px; right: 10px; z-index: 2;
  height: 40px; margin: 0; font-size: clamp(20px,5.7vw,24px); letter-spacing: -.6px; gap: 8px;
}
.offer-fullscreen .offer-headline > svg { width: 25px; height: 25px; flex-basis: 25px; }
.offer-fullscreen .offer-preview-lock { padding-bottom: 68px; }
.offer-fullscreen .offer-preview-lock > span { width: 48px; height: 48px; background: #241b207a; }
.offer-fullscreen .offer-bonuses {
  position: absolute; z-index: 3; top: clamp(66px,calc(var(--create-viewport-height,100svh) * .18),130px);
  right: 10px; width: 68px; padding: 0; margin: 0;
}
.offer-fullscreen .offer-bonuses h2 { margin: 0 0 8px; font: 500 10px/14px -apple-system,BlinkMacSystemFont,Arial,sans-serif; text-align: center; color: #eee; }
.offer-fullscreen .offer-bonus-grid { display: flex; flex-direction: column; align-items: center; gap: 30px; width: 100%; margin: 0; }
.offer-fullscreen .offer-bonus {
  position: relative; flex: 0 0 52px; width: 52px; height: 52px; min-width: 0; min-height: 0;
  aspect-ratio: 1; border: 1.5px solid #ffb73d; border-radius: 50%; overflow: visible;
  background: #64545f; box-shadow: 0 3px 12px #0005;
}
.offer-fullscreen .offer-bonus::after { display: none; }
.offer-bonus-thumb { position: absolute; inset: 0; border-radius: 50%; overflow: hidden; isolation: isolate; }
.offer-fullscreen .offer-bonus .offer-blurred-media { filter: blur(8.75px); transform: scale(1.2); }
.offer-fullscreen .offer-bonus-lock {
  top: auto; left: auto; bottom: -1px; right: -2px; transform: none;
  width: 18px; height: 18px; border: 1px solid #fff8; background: #16141bdd;
}
.offer-fullscreen .offer-bonus-lock svg { width: 11px; height: 11px; }
.offer-fullscreen .offer-bonus-title {
  top: calc(100% + 5px); bottom: auto; left: 50%; right: auto; transform: translateX(-50%);
  width: 64px; padding: 3px 4px; border-radius: 11px;
  background: #101014c9; color: #fff; font: 600 10px/13px -apple-system,BlinkMacSystemFont,Arial,sans-serif;
  white-space: nowrap; overflow-wrap: normal;
}
.offer-fullscreen .offer-actions {
  position: absolute; inset: auto 0 0; z-index: 4; padding: 10px 14px calc(12px + var(--offer-browser-clearance) + env(safe-area-inset-bottom));
  background: transparent;
}
@media (max-height:500px) {
  .offer-fullscreen .offer-bonuses { top: 64px; }
  .offer-fullscreen .offer-bonus { width: 46px; height: 46px; flex-basis: 46px; }
  .offer-fullscreen .offer-bonus-grid { gap: 25px; }
}
.offer-fullscreen .offer-bonuses .offer-bonus-grid { width:100%; }
@media (max-height:420px) {
  .offer-fullscreen .offer-bonuses { top:56px; }
  .offer-fullscreen .offer-bonus { width:36px; height:36px; flex-basis:36px; }
  .offer-fullscreen .offer-bonus-grid { gap:22px; }
}

/* Explicit geometry and a poster behind streaming video. */
.offer-fullscreen .offer-media-layer { position:absolute; display:block; inset:0; overflow:hidden; }
.offer-fullscreen .offer-preview .offer-media-layer { filter:blur(32.5px); transform:scale(1.15); }
.offer-fullscreen .offer-preview .offer-media-layer .offer-blurred-media { filter:none; transform:none; }
.offer-fullscreen .offer-bonus-thumb { display:block; width:100%; height:100%; }
.offer-fullscreen .offer-bonus-grid { justify-content:flex-start; height:auto; }
.offer-fullscreen .offer-bonus { flex-shrink:0; }

/* Main result has no uploaded-photo poster while the video buffers. */
.offer-fullscreen .offer-preview { background:#18141b; }

/* Readable title over light and dark moving frames. */
.offer-fullscreen .offer-headline {
 width:max-content; max-width:calc(100% - 20px); margin:0 auto;
 height:44px; padding:6px 12px; box-sizing:border-box; border-radius:24px;
 background:rgba(9,10,14,.78); border:1px solid rgba(255,255,255,.12);
 -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px);
 box-shadow:0 2px 12px rgba(0,0,0,.18);
}

/* Keep video on its own stable compositor layer, rather than filtering its parent. */
.offer-fullscreen .offer-preview .offer-media-layer {
 filter:none; transform:translate3d(0,0,0); -webkit-backface-visibility:hidden; backface-visibility:hidden;
}
.offer-fullscreen .offer-preview .offer-media-layer .offer-blurred-media {
 filter:blur(32.5px); transform:translate3d(0,0,0) scale(1.15);
 -webkit-backface-visibility:hidden; backface-visibility:hidden; will-change:transform;
}
.offer-fullscreen .offer-headline { -webkit-backdrop-filter:none; backdrop-filter:none; }

/* Approved compact weekly price/Apple Pay strip below Get Result. */
.offer-fullscreen .offer-actions { display:flex; flex-direction:column; gap:6px; }
.offer-payment-strip {
 width:100%; box-sizing:border-box; height:36px; flex:0 0 36px;
 display:grid; grid-template-columns:minmax(0,1.65fr) minmax(0,1fr) minmax(0,.95fr); align-items:center;
 padding:0 10px; color:#fff; background:rgba(15,14,18,.68);
 border:1px solid rgba(255,255,255,.22); border-radius:24px;
 font-family:-apple-system,BlinkMacSystemFont,Arial,sans-serif;
}
.offer-payment-price { display:flex; justify-content:center; align-items:baseline; gap:5px; white-space:nowrap; }
.offer-payment-price strong { font-size:16px; line-height:20px; font-weight:600; letter-spacing:-.3px; }
.offer-payment-price > span { font-size:12px; line-height:16px; color:#eee; }
.offer-payment-apple { display:flex; justify-content:center; align-items:center; gap:1px; height:22px; border-left:1px solid #ffffff36; border-right:1px solid #ffffff36; }
.offer-payment-apple svg { width:19px; height:21px; flex:none; }
.offer-payment-apple > span { font-size:19px; line-height:22px; font-weight:500; letter-spacing:-.7px; }
.offer-payment-security { display:flex; align-items:center; justify-content:space-evenly; }
.offer-payment-security > span { display:flex; align-items:center; }
.offer-payment-security svg { display:block; width:19px; height:19px; }
@media(max-height:420px) {
 .offer-fullscreen .offer-bonuses { top:60px; }
 .offer-fullscreen .offer-bonuses h2 { display:none; }
 .offer-fullscreen .offer-bonus-grid { gap:18px; }
 .offer-fullscreen .offer-bonus { width:32px; height:32px; flex-basis:32px; }
}

/* Scale blur to the 52px bonus circles so actual preview colors survive. */
.offer-fullscreen .offer-bonus .offer-blurred-media { filter:blur(3.75px); }
@media(max-height:420px) { .offer-fullscreen .offer-bonus .offer-blurred-media { filter:blur(2.3px); } }

/* Keep thumbnail positions after removing the visible section heading. */
.offer-fullscreen .offer-bonus-grid { padding-top:22px; }
.offer-payment-strip { grid-template-columns:minmax(0,1.65fr) minmax(0,1fr) minmax(0,.6fr); }
@media(max-height:420px) { .offer-fullscreen .offer-bonus-grid { padding-top:0; } }