body.vdo-preview { padding-bottom:84px !important; }
.vdo-banner { display:flex; align-items:center; justify-content:center; gap:24px; min-height:56px; padding:10px 16px; background:#edf4e9; color:#273329; text-align:center; font-size:14px; line-height:1.35; }
.vdo-headline { font-weight:600; }
.vdo-headline-row { display:flex; align-items:center; justify-content:center; gap:8px; }
.vdo-details-trigger { display:inline-flex; flex:0 0 28px; align-items:center; justify-content:center; width:28px; height:28px; padding:3px; border:0; background:transparent; color:inherit; cursor:pointer; }
.vdo-details-trigger span { display:block; width:18px; height:18px; border:1px solid currentColor; border-radius:50%; font:600 12px/16px Georgia,serif; text-align:center; }
.vdo-details-trigger:focus-visible { outline:2px solid #292322; outline-offset:2px; }
.vdo-details-dialog { width:420px; max-width:calc(100% - 32px); max-height:calc(100dvh - 48px); padding:28px 24px 20px; border:0; border-radius:6px; color:#292322; background:#fff; overflow:auto; }
.vdo-details-dialog::backdrop { background:#0006; }
.vdo-details-dialog h2 { padding-right:25px; margin:0 0 16px; font-size:21px; }
.vdo-details-dialog h3 { margin:18px 0 8px; font-size:15px; }
.vdo-details-dialog p,.vdo-details-dialog li { font-size:13px; line-height:1.6; }
.vdo-details-dialog ul { padding-left:20px; margin:0 0 16px; }
.vdo-details-dialog .vdo-details-heading { padding:12px; background:#edf4e9; color:#273329; font-weight:600; }
.vdo-details-preview { padding-top:12px; border-top:1px solid #e4e4e4; color:#666; }
.vdo-details-close { position:absolute; right:12px; top:12px; width:32px; height:32px; padding:0; border:0; background:transparent; font-size:28px; color:#292322; cursor:pointer; }
.vdo-deadline { display:flex; align-items:center; gap:10px; font-size:12px; }
.vdo-clock { min-width:110px; white-space:nowrap; font-size:18px; font-variant-numeric:tabular-nums; }
.vdo-deadline[hidden] { display:none; }
.vdo-preview-toolbar { position:fixed; z-index:2147483000; bottom:0; left:0; right:0; display:flex; align-items:center; justify-content:center; gap:24px; padding:10px 16px; background:#fff; border-top:2px solid #292322; color:#292322; font:13px/1.4 Arial,sans-serif; box-shadow:0 -2px 10px #0000000d; }
.vdo-preview-toolbar > div { display:flex; flex-direction:column; }
.vdo-preview-toolbar > div > span { color:#646464; font-size:11px; }
.vdo-preview-toolbar label { display:flex; align-items:center; gap:8px; margin:0; }
.vdo-preview-toolbar select { width:150px; min-height:36px; border:1px solid #d2d2d2; border-radius:4px; padding:4px 8px; background:#fff; color:#292322; }
.vdo-preview-toolbar button { flex:0 0 36px; width:36px; height:36px; padding:0; border:0; background:transparent; color:#292322; font-size:28px; line-height:1; cursor:pointer; }
.vdo-preview-toolbar button:focus-visible,.vdo-preview-toolbar select:focus-visible { outline:2px solid #292322; outline-offset:2px; }
body.vdo-preview #wrapper .vibe-card-code-offer,
body.vdo-preview #wrapper .cs-product-card-promo-bar,
body.vdo-preview #wrapper .vibe-pdp-code-offer,
body.vdo-preview #wrapper .fdb-banner,
body.vdo-preview #wrapper .fdb-home-strip { display:none !important; }
body.vdo-preview #wrapper .vdo-offer-card { position:relative; display:flex; flex-direction:column; justify-content:center; align-items:center; min-height:76px; padding:10px 28px; margin:6px 0; border:1px solid #cdddc9; border-radius:4px; background:#edf4e9; text-align:center; color:#273329; font-size:12px; line-height:1.4; }
.vdo-offer-card .vdo-details-trigger { position:absolute; right:1px; top:2px; }
.vdo-offer-card strong { font-size:21px; line-height:1.4; }
.vdo-offer-label { font-size:11px; }
@media(max-width:767px) {
  .vdo-banner { flex-direction:column; gap:4px; min-height:65px; padding:8px 12px; font-size:13px; }
  .vdo-deadline { font-size:11px; }
  .vdo-clock { font-size:17px; }
  .vdo-preview-toolbar { gap:8px; padding:8px; justify-content:space-between; }
  .vdo-preview-toolbar strong { font-size:11px; }
  .vdo-preview-toolbar > div > span { max-width:130px; font-size:10px; }
  .vdo-preview-toolbar label > span { display:none; }
  .vdo-preview-toolbar select { width:115px; font-size:11px; }
  .vdo-preview-toolbar button { flex-basis:28px; width:28px; }
  body.vdo-preview #wrapper .vdo-offer-card { min-height:74px; padding:8px 24px; font-size:11px; }
  .vdo-offer-card strong { font-size:19px; }
}