/* Black Friday 2026 campaign — loaded after the promo-template copied styles. */
.bf26 {
  --bf-ink: #05070d;
  --bf-navy: #071a36;
  --bf-blue: #167ffc;
  --bf-cyan: #5cc8ff;
  --bf-text: #e7eefb;
  --bf-muted: #9fb0cc;
  background: var(--bf-ink);
}

/* ---------- HERO ---------- */
.bf26-hero {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(1000px 560px at 72% 90%, rgba(255, 214, 0, 0.22), transparent 62%),
    radial-gradient(700px 420px at 20% 105%, rgba(255, 214, 0, 0.12), transparent 60%),
    #000;
  color: var(--bf-text);
  padding: 92px 24px 96px;
}
.bf26-hero__banner {
  position: relative; z-index: 3;
  display: flex; align-items: center; justify-content: center; gap: 14px; flex-wrap: wrap;
  margin: 0 -24px; padding: 12px 24px;
  background: #ffe600; color: #000;
  font: 600 14px/1.3 "Silka", sans-serif; letter-spacing: .02em; text-align: center;
}
.bf26-hero__banner strong { font-weight: 700; }
.bf26-hero__banner-badge {
  display: inline-flex; align-items: center; min-height: 24px; padding: 4px 9px;
  border: 1px solid #000; border-radius: 4px; background: #000; color: #ffe600;
  font-size: 11px; font-weight: 700; line-height: 1; letter-spacing: .08em;
}
.bf26-hero__banner-dot { opacity: .5; }
.bf26-hero__banner-link {
  display: inline-flex; align-items: center; gap: 8px;
  font-weight: 700; letter-spacing: .04em; color: #000 !important; text-decoration: none;
}
.bf26-hero__banner-link:hover { text-decoration: underline; }
.bf26-hero__glow {
  position: absolute; width: 620px; height: 620px; right: 4%; bottom: -18%;
  border-radius: 50%; filter: blur(110px); pointer-events: none;
  background: radial-gradient(circle, rgba(255, 214, 0, 0.5), rgba(255, 170, 0, 0.18) 55%, transparent 75%);
  opacity: .5; animation: bf26-glow-pulse 7s ease-in-out infinite;
}
@keyframes bf26-glow-pulse { 0%, 100% { opacity: .38; } 50% { opacity: .55; } }
.bf26-hero__inner {
  position: relative; max-width: 1200px; margin: 0 auto;
  display: grid; grid-template-columns: 1fr 1fr; gap: 24px; align-items: center;
  padding-top: 96px;
}
.bf26-hero__copy { position: relative; z-index: 2; }
.bf26-hero__title {
  margin: 0; font-family: inherit; color: #fff;
  font-size: 64px; font-weight: 700; letter-spacing: -.02em; line-height: 1.04;
}
.bf26-hero__title-accent { color: #ffe600; }
.bf26-hero__body { margin: 22px 0 0; font-size: 18px; line-height: 1.55; color: #c4d2ee; max-width: 480px; }
.bf26-hero__offer { margin: 28px 0 0; line-height: 1.1; }
.bf26-hero__offer-main { display: block; font-size: 44px; font-weight: 700; letter-spacing: -.01em; color: #fff; }
.bf26-hero__offer-sub { display: block; font-size: 26px; font-weight: 700; color: #fff; margin-top: 4px; }
.bf26-hero__actions { margin-top: 30px; display: flex; align-items: center; gap: 20px; flex-wrap: wrap; }
.bf26-cta {
  display: inline-flex; align-items: center; gap: 12px;
  padding: 18px 36px; border-radius: 999px;
  font: 800 17px/1 "Silka", sans-serif; letter-spacing: .02em; color: #000 !important;
  background: #ffe600;
  box-shadow: 0 14px 34px -12px rgba(255, 214, 0, .55);
  transition: transform .2s ease, box-shadow .2s ease;
}
.bf26-cta:hover { transform: translateY(-2px) scale(1.03); box-shadow: 0 20px 44px -12px rgba(255, 214, 0, .75); }
.bf26-hero__countdown {
  display: inline-flex; align-items: center; gap: 8px;
  margin: 30px 0 0; padding: 10px 18px; border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, .18); background: rgba(255, 255, 255, .05);
  font-size: 14px; color: #c4d2ee;
}
.bf26-hero__countdown-digits { font-weight: 700; color: #fff; font-variant-numeric: tabular-nums; letter-spacing: .02em; }

.bf26-hero__visual { position: relative; height: 560px; min-width: 0; }
.bf26-hero__artwork {
  position: absolute; width: 112%; max-width: none; right: -6%; top: 50%; z-index: 1;
  transform: translateY(-50%); transform-origin: 60% 45%;
  animation: bf26-artwork-breathe 7s ease-in-out infinite;
}
.bf26-hero__artwork img { display: block; width: 100%; height: auto; }
.bf26-hero__discount-effect {
  position: absolute; z-index: 1; left: 33%; top: 20%; width: 17%; height: 17%;
  border-radius: 42%; transform: rotate(-10deg);
  box-shadow: 0 0 26px 5px rgba(255, 230, 0, .28), inset 0 0 22px rgba(255, 230, 0, .16);
  animation: bf26-discount-glow 4.8s ease-in-out infinite;
  overflow: hidden;
}
.bf26-hero__discount-effect::after {
  content: ""; position: absolute; inset: -25% -60%;
  background: linear-gradient(105deg, transparent 40%, rgba(255,255,255,.32) 49%, rgba(255,230,0,.22) 53%, transparent 62%);
  transform: translateX(-55%);
  animation: bf26-discount-shimmer 6.5s ease-in-out infinite;
}
@keyframes bf26-artwork-breathe {
  0%, 100% { transform: translateY(-50%) scale(1); }
  50% { transform: translateY(-50%) scale(1.015); }
}
@keyframes bf26-discount-glow {
  0%, 100% { opacity: .55; filter: brightness(.95); }
  50% { opacity: .95; filter: brightness(1.15); }
}
@keyframes bf26-discount-shimmer {
  0%, 58% { transform: translateX(-55%); opacity: 0; }
  64% { opacity: .65; }
  78%, 100% { transform: translateX(55%); opacity: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .bf26-hero__glow, .bf26-hero__artwork, .bf26-hero__discount-effect,
  .bf26-hero__discount-effect::after { animation: none; }
  .bf26-hero__discount-effect::after { display: none; }
}

@media (max-width: 1024px) {
  .bf26-hero__title { font-size: 52px; }
  .bf26-hero__offer-main { font-size: 36px; }
  .bf26-hero__offer-sub { font-size: 22px; }
  .bf26-hero__inner { grid-template-columns: 1fr .92fr; gap: 24px; padding-top: 72px; }
  .bf26-hero__visual { height: 430px; }
  .bf26-hero__artwork { width: 108%; right: -2%; }
}
@media (min-width: 768px) and (max-width: 900px) {
  .bf26-hero__inner { grid-template-columns: 1fr; gap: 28px; }
  .bf26-hero__visual { height: auto; aspect-ratio: 4 / 3; width: min(680px, 100%); margin: 0 auto -48px; }
  .bf26-hero__artwork { width: 100%; right: 0; }
}
@media (max-width: 767px) {
  .bf26-hero { padding: 76px 20px 56px; }
  .bf26-hero__banner { margin: 0 -20px; font-size: 12.5px; gap: 8px; }
  .bf26-hero__inner { grid-template-columns: 1fr; gap: 24px; padding-top: 56px; }
  .bf26-hero__title { font-size: 40px; }
  .bf26-hero__body { font-size: 15px; margin-top: 16px; }
  .bf26-hero__offer { margin-top: 22px; }
  .bf26-hero__offer-main { font-size: 32px; }
  .bf26-hero__offer-sub { font-size: 20px; }
  .bf26-hero__actions { margin-top: 22px; gap: 12px; }
  .bf26-cta { width: 100%; justify-content: center; }
  .bf26-hero__countdown { margin-top: 22px; font-size: 13px; }
  .bf26-hero__visual { display: block; height: auto; aspect-ratio: 4 / 3; margin: 0 -10px -24px; }
  .bf26-hero__artwork { width: 104%; right: -2%; top: 50%; }
}

/* ---------- REST OF PAGE ---------- */
/* Trust bar right under the hero continues the dark band. */
.bf26 #wp-live .elementor-element-b3f7d89 { background: var(--bf-navy) !important; }
.bf26 #wp-live .elementor-element-b3f7d89,
.bf26 #wp-live .elementor-element-b3f7d89 * { color: var(--bf-text) !important; }

/* Pricing on a dark stage; cards stay light for legibility. */
.bf26 #wp-live .elementor-element-aa9b138 {
  background: linear-gradient(180deg, var(--bf-navy) 0%, var(--bf-ink) 100%) !important;
  position: relative;
}
.bf26 #wp-live .elementor-element-aa9b138 > .e-con-inner > .elementor-widget-heading .elementor-heading-title,
.bf26 #wp-live .elementor-element-aa9b138 > .e-con-inner > .elementor-widget-text-editor,
.bf26 #wp-live .elementor-element-aa9b138 > .e-con-inner > .elementor-widget-text-editor * { color: #fff !important; }

/* Headings everywhere get the campaign weight and a blue accent rule. */
.bf26 #wp-live h2.elementor-heading-title { letter-spacing: -.01em; }

/* Campaign CTA buttons */
.bf26 #wp-live .elementor-button:not(.elementor-price-table__button) {
  background: linear-gradient(100deg, var(--bf-blue), #3fa2ff) !important;
  border-color: transparent !important; color: #fff !important;
  box-shadow: 0 12px 30px -12px rgba(22,127,252,.8);
  transition: transform .2s ease, box-shadow .2s ease;
}
.bf26 #wp-live .elementor-button:not(.elementor-price-table__button):hover { transform: translateY(-2px); box-shadow: 0 16px 36px -10px rgba(22,127,252,1); }

/* Final CTA band before the footer goes dark to bookend the campaign. */
.bf26 #wp-live .elementor-element-54a896ff {
  background:
    radial-gradient(700px 300px at 50% 0%, rgba(22,127,252,.35), transparent 70%),
    var(--bf-ink) !important;
}
.bf26 #wp-live .elementor-element-54a896ff .elementor-heading-title,
.bf26 #wp-live .elementor-element-54a896ff .elementor-widget-text-editor,
.bf26 #wp-live .elementor-element-54a896ff .elementor-widget-text-editor * { color: #fff !important; }

/* ---------- FINAL CTA ---------- */
.bf26-final {
  position: relative; overflow: hidden; color: var(--bf-text);
  padding: 110px 24px;
  background:
    radial-gradient(640px 360px at 82% 50%, rgba(22,127,252,.38), transparent 65%),
    radial-gradient(500px 300px at 0% 0%, rgba(92,200,255,.12), transparent 60%),
    linear-gradient(180deg, var(--bf-ink), #03050a);
  border-top: 1px solid rgba(92,200,255,.18);
}
.bf26-final__grid {
  position: absolute; inset: 0;
  background-image: linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px);
  background-size: 56px 56px;
  mask-image: radial-gradient(ellipse at 80% 50%, #000 15%, transparent 65%);
}
.bf26-final__inner {
  position: relative; max-width: 1200px; margin: 0 auto;
  display: grid; grid-template-columns: 1.2fr 1fr; gap: 56px; align-items: center;
}
.bf26-final__title { margin: 22px 0 0; font: 800 44px/1.1 "Silka", sans-serif; letter-spacing: -.02em; color: #fff; }
.bf26-final__body { margin: 18px 0 0; font-size: 17px; line-height: 1.6; color: var(--bf-muted); max-width: 520px; }
.bf26-final__offer {
  display: flex; flex-direction: column; align-items: center; text-align: center; gap: 14px;
  padding: 40px 32px; border-radius: 24px;
  background: rgba(10,22,44,.55); border: 1px solid rgba(255,255,255,.12);
  box-shadow: 0 30px 80px -30px rgba(22,127,252,.7), inset 0 1px 0 rgba(255,255,255,.08);
}
.bf26-final__big { margin: 0; display: flex; align-items: baseline; gap: 10px; font-weight: 700; line-height: .9; }
.bf26-final__big span {
  font-size: 120px; letter-spacing: -.05em;
  background: linear-gradient(170deg, #fff 0%, var(--bf-cyan) 50%, var(--bf-blue) 100%);
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
.bf26-final__big em { font-style: normal; font-size: 40px; letter-spacing: .12em; color: #fff; }
.bf26-final__brand { margin: 0; font: 700 14px/1 "Silka", sans-serif; letter-spacing: .4em; color: var(--bf-cyan); }
@media (max-width: 900px) {
  .bf26-final { padding: 72px 20px; }
  .bf26-final__inner { grid-template-columns: 1fr; gap: 32px; text-align: center; }
  .bf26-final__copy { display: flex; flex-direction: column; align-items: center; }
  .bf26-final__title { font-size: 30px; }
  .bf26-final__big span { font-size: 88px; }
  .bf26-final__big em { font-size: 30px; }
  .bf26-final .bf26-cta { width: 100%; justify-content: center; }
}

/* ---------- Sticky banner above nav + reference layout (hero only) ---------- */
.bf26-hero__banner {
  position: fixed; top: 0; left: 0; right: 0; margin: 0; z-index: 60;
  min-height: 40px; padding: 10px 24px; font-weight: 500; letter-spacing: .01em;
}
body:has(.bf26-hero) header.site-header-typography { top: var(--bf26-banner-h, 40px) !important; }
body:has(.bf26-hero) header.site-header-typography:not(.bg-white) { background: transparent !important; }
.bf26-hero { padding-top: calc(var(--bf26-banner-h, 40px) + 84px); }
.bf26-hero__inner { padding-top: 40px; min-height: 560px; }
.bf26-hero__title { font-size: 68px; line-height: 1.02; }
.bf26-hero__body { font-weight: 600; font-size: 17px; line-height: 1.35; color: #c9dcf5; max-width: 540px; }
.bf26-hero__countdown { border-radius: 8px; background: #111; border-color: #222; color: #ddd; }
.bf26-hero { padding-bottom: 0; }
.bf26-hero__visual { height: 600px; align-self: end; }
.bf26-hero__artwork { width: 88%; right: 2%; top: auto; bottom: 0; transform: none; transform-origin: 50% 100%; animation-name: bf26-artwork-breathe-b; }
@keyframes bf26-artwork-breathe-b { 0%,100% { transform: scale(1); } 50% { transform: scale(1.015); } }
.bf26-hero__discount-effect { left: 1%; top: 17%; width: 35%; height: 13%; }
.bf26-hero__copy { padding-bottom: 72px; }
@media (max-width: 1024px) {
  .bf26-hero__title { font-size: 52px; }
  .bf26-hero__visual { height: 480px; }
  .bf26-hero__artwork { width: 96%; }
}
@media (max-width: 900px) {
  .bf26-hero__inner { grid-template-columns: 1fr; min-height: 0; }
  .bf26-hero__copy { padding-bottom: 8px; }
  .bf26-hero__visual { height: auto; aspect-ratio: 536 / 619; width: min(460px, 90%); margin: 0 auto; }
  .bf26-hero__artwork { width: 100%; right: 0; }
}
@media (max-width: 767px) {
  .bf26-hero__banner { font-size: 12px; padding: 8px 12px; gap: 6px; }
  body:has(.bf26-hero) header.site-header-typography { top: var(--bf26-banner-h, 52px) !important; }
  .bf26-hero { padding-top: calc(var(--bf26-banner-h, 52px) + 76px); }
  .bf26-hero__inner { padding-top: 16px; }
  .bf26-hero__title { font-size: 40px; }
}

/* ---------- Size parity with /promo-template hero (h1 56/30px, art ~454/237px tall) ---------- */
.bf26-hero__inner { padding-top: 16px; min-height: 0; }
.bf26-hero__title { font-size: 56px; line-height: 1.1; }
.bf26-hero__body { margin-top: 14px; font-size: 17px; }
.bf26-hero__offer { margin-top: 18px; }
.bf26-hero__offer-main { font-size: 36px; }
.bf26-hero__offer-sub { font-size: 22px; margin-top: 2px; }
.bf26-hero__actions { margin-top: 20px; }
.bf26-cta { padding: 15px 32px; }
.bf26-hero__countdown { margin-top: 16px; padding: 8px 14px; }
.bf26-hero__copy { padding-bottom: 36px; }
.bf26-hero__visual { height: 470px; }
.bf26-hero__artwork {
  width: auto;
  height: 100%;
  aspect-ratio: 536 / 619;
  left: 50%;
  right: auto;
  translate: -50% 0;
}
.bf26-hero__artwork img { height: 100%; width: auto; }
@media (max-width: 1024px) {
  .bf26-hero__title { font-size: 44px; }
  .bf26-hero__visual { height: 400px; }
}
@media (max-width: 900px) {
  .bf26-hero__visual { height: 300px; width: 100%; aspect-ratio: auto; }
}
@media (max-width: 767px) {
  .bf26-hero { padding-top: 116px; }
  .bf26-hero__inner { gap: 16px; padding-top: 8px; }
  .bf26-hero__title { font-size: 30px; }
  .bf26-hero__body { font-size: 15px; margin-top: 10px; }
  .bf26-hero__offer { margin-top: 14px; }
  .bf26-hero__offer-main { font-size: 26px; }
  .bf26-hero__offer-sub { font-size: 18px; }
  .bf26-hero__actions { margin-top: 16px; }
  .bf26-hero__countdown { margin-top: 12px; }
  .bf26-hero__copy { padding-bottom: 0; }
  .bf26-hero__visual { height: 240px; }
}

/* ================= Black/yellow system below the hero ================= */
.bf26 { --bf-y: #ffe600; --bf-y-soft: rgba(255,214,0,.14); --bf-card: #101114; --bf-line: rgba(255,255,255,.09); --bf-sub: #b9c6da; }
/* Section stages: near-black with soft olive/yellow glow bands, no white breaks */
.bf26 #wp-live .e-con.e-parent,
.bf26 #wp-live .elementor-top-section { background: #07080a !important; border: 0 !important; }
.bf26 #wp-live .elementor-element-b3f7d89 { background: linear-gradient(180deg,#000 0%,#07080a 100%) !important; border-top: 1px solid rgba(255,230,0,.12) !important; }
.bf26 #wp-live .elementor-element-aa9b138,
.bf26 #wp-live .elementor-element-391cb58,
.bf26 #wp-live .elementor-element-ae321b1,
.bf26 #wp-live .elementor-element-12f26a9 {
  background: radial-gradient(900px 340px at 50% 0%, rgba(214,190,0,.13), transparent 70%), #0b0c0f !important;
}
.bf26 #wp-live .elementor-element-384ac23 { background: #0b0c0f !important; border-bottom: 1px solid var(--bf-line) !important; }
.bf26 #wp-live .elementor-element-a55c9a4 { background: radial-gradient(800px 300px at 50% 0%, rgba(214,190,0,.10), transparent 70%), #07080a !important; }
.bf26 #wp-live .elementor-element-54a896ff { background: radial-gradient(700px 260px at 50% 0%, rgba(214,190,0,.16), transparent 70%), #050506 !important; }
.bf26 #wp-live .elementor-element-5697829 { background: radial-gradient(800px 320px at 50% 100%, rgba(255,214,0,.22), transparent 70%), #000 !important; border-top: 1px solid rgba(255,230,0,.18) !important; }

/* Typography */
.bf26 #wp-live h1, .bf26 #wp-live h2, .bf26 #wp-live h3, .bf26 #wp-live h4, .bf26 #wp-live h5,
.bf26 #wp-live .elementor-heading-title, .bf26 #wp-live .elementor-testimonial__name,
.bf26 #wp-live .elementor-tab-title, .bf26 #wp-live .elementor-tab-title a { color: #fff !important; }
.bf26 #wp-live p, .bf26 #wp-live li, .bf26 #wp-live .elementor-widget-text-editor,
.bf26 #wp-live .elementor-widget-text-editor *:not(a), .bf26 #wp-live .elementor-icon-box-description,
.bf26 #wp-live .elementor-testimonial__text, .bf26 #wp-live .elementor-testimonial__title,
.bf26 #wp-live .elementor-tab-content, .bf26 #wp-live .elementor-tab-content * { color: var(--bf-sub) !important; }
.bf26 #wp-live .elementor-widget-text-editor a { color: var(--bf-y) !important; }

/* Cards / panels */
.bf26 #wp-live .e-con.e-child[class*="e-transform"],
.bf26 #wp-live .swiper-slide,
.bf26 #wp-live .elementor-main-swiper {
  background: var(--bf-card) !important; border: 1px solid var(--bf-line) !important; box-shadow: none !important;
}
.bf26 #wp-live .elementor-main-swiper .swiper-slide { border: 0 !important; }
.bf26 #wp-live .e-con.e-child[class*="e-transform"]:hover { border-color: rgba(255,230,0,.35) !important; box-shadow: 0 18px 40px -22px rgba(255,214,0,.45) !important; }
.bf26 #wp-live .elementor-swiper-button { background: #16171b !important; border: 1px solid var(--bf-line) !important; }
.bf26 #wp-live .elementor-swiper-button svg, .bf26 #wp-live .elementor-swiper-button i { fill: var(--bf-y) !important; color: var(--bf-y) !important; }
.bf26 #wp-live .elementor-testimonial__cite, .bf26 #wp-live .elementor-star-rating i:before { color: var(--bf-y) !important; }

/* Pricing cards — values untouched, restyled only */
.bf26 #wp-live .elementor-element-aa9b138 .e-con.e-child,
.bf26 #wp-live .elementor-price-table,
.bf26 #wp-live .elementor-price-table > *,
.bf26 #wp-live .elementor-price-table .elementor-widget-container,
.bf26 #wp-live .elementor-element-aa9b138 .elementor-widget-container { background: transparent !important; }
.bf26 #wp-live .elementor-element-aa9b138 .e-con.e-child {
  background: linear-gradient(180deg,#141519,#0d0e11) !important; border: 1px solid var(--bf-line) !important;
  box-shadow: 0 24px 50px -30px rgba(0,0,0,.9) !important; transition: border-color .25s, box-shadow .25s, transform .25s;
}
.bf26 #wp-live .elementor-element-aa9b138 .e-con.e-child:hover { border-color: rgba(255,230,0,.4) !important; box-shadow: 0 22px 50px -24px rgba(255,214,0,.35) !important; transform: translateY(-3px); }
.bf26 #wp-live .elementor-price-table__header { background: rgba(255,255,255,.04) !important; border-bottom: 1px solid var(--bf-line) !important; }
.bf26 #wp-live .elementor-price-table__heading { color: var(--bf-y) !important; }
.bf26 #wp-live .elementor-price-table__integer-part,
.bf26 #wp-live .elementor-price-table__fractional-part,
.bf26 #wp-live .elementor-price-table__price > .elementor-price-table__currency { color: #fff !important; }
.bf26 #wp-live .elementor-price-table__original-price,
.bf26 #wp-live .elementor-price-table__original-price * { color: #7f8796 !important; }
.bf26 #wp-live .elementor-price-table__period { color: var(--bf-sub) !important; }
.bf26 #wp-live .elementor-price-table__features-list, .bf26 #wp-live .elementor-price-table__features-list * { color: #fff !important; }
/* Featured 200+ card: dark with yellow edge */
.bf26 #wp-live .elementor-element-29bf836 { background: radial-gradient(260px 200px at 50% 0%, rgba(255,214,0,.16), transparent 70%), #141519 !important; border-color: rgba(255,230,0,.45) !important; }
.bf26 #wp-live .elementor-element-29bf836 .elementor-price-table__features-list { background: rgba(255,255,255,.04) !important; border: 1px solid var(--bf-line) !important; }

/* Buttons: primary yellow / black text */
.bf26 #wp-live .elementor-button,
.bf26 #wp-live .elementor-button:not(.elementor-price-table__button),
.bf26 #wp-live .elementor-price-table__button {
  background: var(--bf-y) !important; color: #000 !important; border-color: transparent !important;
  box-shadow: 0 10px 26px -14px rgba(255,214,0,.7) !important; transition: transform .2s ease, box-shadow .2s ease !important;
}
.bf26 #wp-live .elementor-button *, .bf26 #wp-live .elementor-price-table__button * { color: #000 !important; fill: #000 !important; }
.bf26 #wp-live .elementor-button:hover { transform: translateY(-2px); box-shadow: 0 16px 34px -12px rgba(255,214,0,.8) !important; }
/* Secondary: the featured card's button stays outlined */
.bf26 #wp-live .elementor-element-29bf836 .elementor-price-table__button { background: transparent !important; color: #fff !important; border: 1px solid rgba(255,255,255,.55) !important; box-shadow: none !important; }
.bf26 #wp-live .elementor-element-29bf836 .elementor-price-table__button:hover { border-color: var(--bf-y) !important; color: var(--bf-y) !important; }

/* FAQ */
.bf26 #wp-live .elementor-accordion-item { border: 0 !important; }
.bf26 #wp-live .elementor-tab-title, .bf26 #wp-live .elementor-tab-content { background: var(--bf-card) !important; border-color: var(--bf-line) !important; }
.bf26 #wp-live .elementor-tab-title.elementor-active { border-left: 3px solid var(--bf-y) !important; }
.bf26 #wp-live .elementor-accordion-icon { background: var(--bf-y-soft) !important; }
.bf26 #wp-live .elementor-accordion-icon *, .bf26 #wp-live .elementor-accordion-icon svg { color: var(--bf-y) !important; fill: var(--bf-y) !important; }

/* Final campaign banner: yellow instead of blue */
.bf26-final {
  background: radial-gradient(640px 360px at 82% 50%, rgba(255,214,0,.2), transparent 65%), linear-gradient(180deg,#07080a,#000) !important;
  border-top: 1px solid rgba(255,230,0,.16) !important;
}
.bf26-final__offer { background: rgba(20,20,22,.7) !important; box-shadow: 0 30px 80px -30px rgba(255,214,0,.45), inset 0 1px 0 rgba(255,255,255,.06) !important; }
.bf26-final__big span { background: none !important; color: var(--bf-y) !important; -webkit-text-fill-color: var(--bf-y); }
.bf26-final__brand, .bf26-final .bf26-eyebrow { color: var(--bf-y) !important; }
.bf26 .bf26-final .bf26-cta { background: var(--bf-y) !important; color: #000 !important; }
.bf26 .bf26-final__body { color: var(--bf-sub) !important; }
/* Close white gaps + let section glows win over the generic dark stage */
.bf26 .elementor-kit-6, .bf26 #wp-live { background: #07080a !important; }
.bf26 #wp-live .e-con.elementor-element-aa9b138, .bf26 #wp-live .e-con.elementor-element-391cb58,
.bf26 #wp-live .e-con.elementor-element-ae321b1, .bf26 #wp-live .e-con.elementor-element-12f26a9 {
  background: radial-gradient(900px 340px at 50% 0%, rgba(214,190,0,.12), transparent 70%), #0b0c0f !important;
}
.bf26 #wp-live .e-con.elementor-element-b3f7d89 { background: linear-gradient(180deg,#000,#07080a) !important; }
.bf26 #wp-live .e-con.elementor-element-384ac23 { background: #0b0c0f !important; }
.bf26 #wp-live .e-con.elementor-element-54a896ff { background: radial-gradient(700px 260px at 50% 0%, rgba(214,190,0,.14), transparent 70%), #050506 !important; }
.bf26 #wp-live .e-con.elementor-element-5697829 { background: radial-gradient(800px 320px at 50% 100%, rgba(255,214,0,.2), transparent 70%), #000 !important; }
/* Trust-logo carousel: no card boxes, readable marks */
.bf26 #wp-live .elementor-element-54a896ff .swiper-slide,
.bf26 #wp-live .elementor-element-54a896ff .elementor-main-swiper { background: transparent !important; border: 0 !important; }
.bf26 #wp-live .elementor-element-54a896ff img[src*="vrma" i] { filter: brightness(0) invert(1); opacity: .9; }
.bf26 #wp-live .elementor-element-54a896ff .elementor-swiper-button { background: transparent !important; border: 0 !important; }
/* Shared footer darkened on this page only (links/content untouched) */
.bf26 footer { background: radial-gradient(900px 300px at 50% 0%, rgba(214,190,0,.08), transparent 70%), #050506 !important; border-top: 1px solid rgba(255,255,255,.07); }
.bf26 footer > div:first-child { background: radial-gradient(900px 300px at 50% 0%, rgba(214,190,0,.09), transparent 70%), #07080a !important; }
.bf26 footer > div:last-child { background: #000 !important; border-top: 1px solid rgba(255,255,255,.07); }
.bf26 footer > div:last-child, .bf26 footer > div:last-child *:not(img):not(svg):not(path) { color: #b9c6da !important; }

/* Campaign-only navigation: preserve the black/yellow system after scrolling. */
.bf26 header.site-header-typography {
  background: #050506 !important;
  border-bottom: 1px solid rgba(255,255,255,.1);
  box-shadow: 0 8px 24px rgba(0,0,0,.18) !important;
}
.bf26 header.site-header-typography img[alt="Hostify"] {
  filter: none !important;
}
.bf26 header.site-header-typography nav > div > a,
.bf26 header.site-header-typography nav > div > a svg,
.bf26 header.site-header-typography .container-hostify > div:last-child > button,
.bf26 header.site-header-typography .container-wp > div:last-child > button {
  color: #fff !important;
}
.bf26 header.site-header-typography button[aria-label="Change language"] {
  color: #fff !important;
}
.bf26 header.site-header-typography .demo-cta-live-hover,
.bf26 header.site-header-typography .container-hostify > div:last-child > a,
.bf26 header.site-header-typography .container-wp > div:last-child > a {
  color: #000 !important;
  background: var(--bf-y) !important;
  border-color: var(--bf-y) !important;
  box-shadow: 0 10px 26px -14px rgba(255,214,0,.7) !important;
}
.bf26 header.site-header-typography .demo-cta-live-hover:hover {
  color: #000 !important;
  background: #ffe600 !important;
  border-color: #ffe600 !important;
  box-shadow: 0 14px 30px -12px rgba(255,214,0,.82) !important;
}
.bf26 #wp-live .elementor-element-54a896ff img[alt="vrma"] { filter: brightness(0) invert(1); opacity: .9; }

/* ================= Balanced Hostify campaign palette ================= */
/* Pricing: light stage and high-contrast cards, preserving campaign CTAs. */
.bf26 #wp-live .e-con.elementor-element-b3f7d89,
.bf26 #wp-live .e-con.elementor-element-aa9b138,
.bf26 #wp-live .e-con.elementor-element-384ac23 {
  background: #f4f8fc !important;
}
.bf26 #wp-live .elementor-element-b3f7d89 {
  border-top-color: #dce7f3 !important;
}
.bf26 #wp-live .elementor-element-b3f7d89 h2,
.bf26 #wp-live .elementor-element-b3f7d89 .elementor-heading-title,
.bf26 #wp-live .elementor-element-aa9b138 h3,
.bf26 #wp-live .elementor-element-aa9b138 .elementor-price-table__heading {
  color: #053875 !important;
}
.bf26 #wp-live .elementor-element-aa9b138 .e-con.e-child {
  background: #fff !important;
  border-color: #dce7f3 !important;
  box-shadow: 0 18px 44px -30px rgba(5,56,117,.38) !important;
}
.bf26 #wp-live .elementor-element-aa9b138 .e-con.e-child:hover {
  border-color: #8fcaff !important;
  box-shadow: 0 22px 48px -28px rgba(22,127,252,.4) !important;
}
.bf26 #wp-live .elementor-element-aa9b138 .elementor-price-table__header {
  background: #eef6ff !important;
  border-bottom-color: #dce7f3 !important;
}
.bf26 #wp-live .elementor-element-aa9b138 .elementor-price-table__integer-part,
.bf26 #wp-live .elementor-element-aa9b138 .elementor-price-table__fractional-part,
.bf26 #wp-live .elementor-element-aa9b138 .elementor-price-table__price > .elementor-price-table__currency {
  color: #167ffc !important;
}
.bf26 #wp-live .elementor-element-aa9b138 .elementor-price-table__period,
.bf26 #wp-live .elementor-element-384ac23 p,
.bf26 #wp-live .elementor-element-384ac23 .elementor-widget-text-editor {
  color: #66758a !important;
}
.bf26 #wp-live .elementor-element-aa9b138 .elementor-price-table__features-list,
.bf26 #wp-live .elementor-element-aa9b138 .elementor-price-table__features-list * {
  color: #17243a !important;
}
.bf26 #wp-live .elementor-element-29bf836 {
  background: #eaf4ff !important;
  border-color: #167ffc !important;
}
.bf26 #wp-live .elementor-element-29bf836 .elementor-price-table__features-list {
  background: #fff !important;
  border-color: #cfe2f5 !important;
}
.bf26 #wp-live .elementor-element-29bf836 .elementor-price-table__button {
  background: var(--bf-y) !important;
  color: #000 !important;
  border-color: var(--bf-y) !important;
  box-shadow: 0 10px 26px -14px rgba(255,214,0,.7) !important;
}

/* Benefits: pale Hostify canvas with crisp white cards and original blue icons. */
.bf26 #wp-live .elementor-element-a55c9a4,
.bf26 #wp-live .e-con.elementor-element-de1dd13,
.bf26 #wp-live .e-con.elementor-element-93854d4 {
  background: #f7f9fc !important;
}
.bf26 #wp-live .elementor-element-a55c9a4 h2,
.bf26 #wp-live .elementor-element-a55c9a4 .elementor-heading-title,
.bf26 #wp-live .elementor-element-de1dd13 h3,
.bf26 #wp-live .elementor-element-93854d4 h3 {
  color: #053875 !important;
}
.bf26 #wp-live .elementor-element-a55c9a4 p,
.bf26 #wp-live .elementor-element-a55c9a4 .elementor-widget-text-editor,
.bf26 #wp-live .elementor-element-de1dd13 p,
.bf26 #wp-live .elementor-element-93854d4 p {
  color: #66758a !important;
}
.bf26 #wp-live .elementor-element-de1dd13 .e-con.e-child,
.bf26 #wp-live .elementor-element-93854d4 .e-con.e-child {
  background: #fff !important;
  border-color: #dce7f3 !important;
  box-shadow: 0 16px 38px -30px rgba(5,56,117,.3) !important;
}
.bf26 #wp-live .elementor-element-de1dd13 .e-con.e-child:hover,
.bf26 #wp-live .elementor-element-93854d4 .e-con.e-child:hover {
  border-color: #8fcaff !important;
  box-shadow: 0 20px 44px -28px rgba(22,127,252,.32) !important;
}

/* Product story alternates light Hostify sections; product imagery is untouched. */
.bf26 #wp-live .e-con.elementor-element-1b9b0d8,
.bf26 #wp-live .e-con.elementor-element-858008b {
  background: #fff !important;
}
.bf26 #wp-live .e-con.elementor-element-391cb58,
.bf26 #wp-live .e-con.elementor-element-5d9ce66 {
  background: #eef6ff !important;
}
.bf26 #wp-live .elementor-element-1b9b0d8 h2,
.bf26 #wp-live .elementor-element-1b9b0d8 h3,
.bf26 #wp-live .elementor-element-1b9b0d8 .elementor-heading-title,
.bf26 #wp-live .elementor-element-391cb58 h2,
.bf26 #wp-live .elementor-element-391cb58 h3,
.bf26 #wp-live .elementor-element-391cb58 .elementor-heading-title,
.bf26 #wp-live .elementor-element-858008b h2,
.bf26 #wp-live .elementor-element-858008b h3,
.bf26 #wp-live .elementor-element-858008b .elementor-heading-title,
.bf26 #wp-live .elementor-element-5d9ce66 h2,
.bf26 #wp-live .elementor-element-5d9ce66 h3,
.bf26 #wp-live .elementor-element-5d9ce66 .elementor-heading-title {
  color: #053875 !important;
}
.bf26 #wp-live .elementor-element-1b9b0d8 p,
.bf26 #wp-live .elementor-element-391cb58 p,
.bf26 #wp-live .elementor-element-858008b p,
.bf26 #wp-live .elementor-element-5d9ce66 p {
  color: #66758a !important;
}
.bf26 #wp-live .elementor-element-1b9b0d8 .elementor-button,
.bf26 #wp-live .elementor-element-391cb58 .elementor-button,
.bf26 #wp-live .elementor-element-858008b .elementor-button,
.bf26 #wp-live .elementor-element-5d9ce66 .elementor-button {
  background: #167ffc !important;
  color: #fff !important;
  box-shadow: 0 12px 28px -16px rgba(22,127,252,.65) !important;
}
.bf26 #wp-live .elementor-element-1b9b0d8 .elementor-button *,
.bf26 #wp-live .elementor-element-391cb58 .elementor-button *,
.bf26 #wp-live .elementor-element-858008b .elementor-button *,
.bf26 #wp-live .elementor-element-5d9ce66 .elementor-button * {
  color: #fff !important;
  fill: #fff !important;
}

/* Social proof, awards, FAQs and trust marks return to Hostify light surfaces. */
.bf26 #wp-live .e-con.elementor-element-ae321b1,
.bf26 #wp-live .e-con.elementor-element-4a761cd1,
.bf26 #wp-live .e-con.elementor-element-12f26a9,
.bf26 #wp-live .e-con.elementor-element-54a896ff {
  background: #f7f9fc !important;
}
.bf26 #wp-live .elementor-element-ae321b1 h2,
.bf26 #wp-live .elementor-element-4a761cd1 h2,
.bf26 #wp-live .elementor-element-12f26a9 h2 {
  color: #053875 !important;
}
.bf26 #wp-live .elementor-element-ae321b1 .elementor-main-swiper,
.bf26 #wp-live .elementor-element-ae321b1 .swiper-slide,
.bf26 #wp-live .elementor-element-12f26a9 .elementor-tab-title,
.bf26 #wp-live .elementor-element-12f26a9 .elementor-tab-content {
  background: #fff !important;
  border-color: #dce7f3 !important;
}
.bf26 #wp-live .elementor-element-ae321b1 .elementor-testimonial__name,
.bf26 #wp-live .elementor-element-ae321b1 .elementor-testimonial__text,
.bf26 #wp-live .elementor-element-ae321b1 .elementor-testimonial__title,
.bf26 #wp-live .elementor-element-12f26a9 .elementor-tab-title,
.bf26 #wp-live .elementor-element-12f26a9 .elementor-tab-title a {
  color: #17243a !important;
}
.bf26 #wp-live .elementor-element-12f26a9 .elementor-tab-content,
.bf26 #wp-live .elementor-element-12f26a9 .elementor-tab-content * {
  color: #66758a !important;
}
.bf26 #wp-live .elementor-element-12f26a9 .elementor-accordion-icon {
  background: #eaf4ff !important;
}
.bf26 #wp-live .elementor-element-12f26a9 .elementor-accordion-icon *,
.bf26 #wp-live .elementor-element-12f26a9 .elementor-accordion-icon svg {
  color: #167ffc !important;
  fill: #167ffc !important;
}
.bf26 #wp-live .elementor-element-54a896ff img[src*="vrma" i],
.bf26 #wp-live .elementor-element-54a896ff img[alt="vrma"] {
  filter: none;
  opacity: 1;
}

/* Restore the shared footer's original Hostify navy/white treatment. */
.bf26 footer { background: #fff !important; border-top: 0; }
.bf26 footer > div:first-child {
  background-color: #053875 !important;
  background-image: url('/img/home-hero-bg.svg') !important;
}
.bf26 footer > div:last-child { background: #fff !important; border-top: 0; }
.bf26 footer > div:last-child, .bf26 footer > div:last-child *:not(img):not(svg):not(path) { color: #053875 !important; }

/* Final light-page correction: the campaign darkness stops with the hero. */
.bf26 {
  --bf-page: #f7f9fc;
  --bf-surface: #fff;
  --bf-soft-blue: #eef6ff;
  --bf-navy: #053875;
  --bf-blue: #167ffc;
  --bf-copy: #66758a;
  --bf-border: #dce7f3;
}
.bf26 #wp-live,
.bf26 #wp-live .e-con.e-parent,
.bf26 #wp-live .elementor-top-section {
  background: var(--bf-page) !important;
}
.bf26 #wp-live .e-con.elementor-element-1b9b0d8,
.bf26 #wp-live .e-con.elementor-element-858008b,
.bf26 #wp-live .e-con.elementor-element-ae321b1,
.bf26 #wp-live .e-con.elementor-element-4a761cd1 {
  background: var(--bf-surface) !important;
}
.bf26 #wp-live .e-con.elementor-element-391cb58,
.bf26 #wp-live .e-con.elementor-element-5d9ce66,
.bf26 #wp-live .e-con.elementor-element-54a896ff {
  background: var(--bf-soft-blue) !important;
}
.bf26 #wp-live h1,
.bf26 #wp-live h2,
.bf26 #wp-live h3,
.bf26 #wp-live h4,
.bf26 #wp-live h5,
.bf26 #wp-live .elementor-heading-title,
.bf26 #wp-live .elementor-element-f748f5a .elementor-heading-title,
.bf26 #wp-live .elementor-element-31dad87 .elementor-heading-title {
  color: var(--bf-navy) !important;
}
.bf26 #wp-live p,
.bf26 #wp-live li,
.bf26 #wp-live .elementor-widget-text-editor,
.bf26 #wp-live .elementor-widget-text-editor *:not(a),
.bf26 #wp-live .elementor-icon-box-description {
  color: var(--bf-copy) !important;
}
.bf26 #wp-live .elementor-button,
.bf26 #wp-live .elementor-button:not(.elementor-price-table__button),
.bf26 #wp-live .elementor-price-table__button,
.bf26 #wp-live .elementor-element-29bf836 .elementor-price-table__button,
.bf26 .bf26-final .bf26-cta {
  background: var(--bf-blue) !important;
  border-color: var(--bf-blue) !important;
  color: var(--bf-surface) !important;
  box-shadow: 0 12px 28px -16px color-mix(in oklab, var(--bf-blue) 65%, transparent) !important;
}
.bf26 #wp-live .elementor-button *,
.bf26 #wp-live .elementor-price-table__button *,
.bf26 .bf26-final .bf26-cta * {
  color: var(--bf-surface) !important;
  fill: var(--bf-surface) !important;
}
.bf26-final {
  background: var(--bf-soft-blue) !important;
  border-top-color: var(--bf-border) !important;
}
.bf26-final__offer {
  background: var(--bf-surface) !important;
  box-shadow: 0 24px 60px -36px color-mix(in oklab, var(--bf-navy) 35%, transparent) !important;
}
.bf26-final__title,
.bf26-final__big span { color: var(--bf-navy) !important; -webkit-text-fill-color: var(--bf-navy); }
.bf26 .bf26-final__body { color: var(--bf-copy) !important; }
.bf26-final__brand,
.bf26-final .bf26-eyebrow { color: var(--bf-blue) !important; }

/* ===== Final CTA redesign: light Hostify + yellow Black Friday accents ===== */
.bf26 #wp-live .e-con.elementor-element-5697829, .bf26 #wp-live .elementor-element-5697829 { background: transparent !important; border: 0 !important; }
.bf26 .bf26-final { background: radial-gradient(520px 260px at 85% 50%, rgba(255,214,0,.22), transparent 70%), linear-gradient(180deg,#eef6ff,#e3efff) !important; padding: 64px 24px !important; border-top: 1px solid #dce7f3; }
.bf26 .bf26-final__grid { display: none !important; }
.bf26 .bf26-final__inner { max-width: 1120px; margin: 0 auto; display: grid; grid-template-columns: 1.15fr .85fr; gap: 48px; align-items: center; }
.bf26 .bf26-final .bf26-eyebrow { display:inline-flex; align-items:center; gap:8px; background:#ffd600 !important; color:#0b0b0c !important; padding:6px 14px; border-radius:999px; font:800 12px/1 "Silka",sans-serif; letter-spacing:.14em; margin:0; }
.bf26 .bf26-final .bf26-eyebrow__dot { width:7px; height:7px; border-radius:50%; background:#0b0b0c; }
.bf26 .bf26-final__title { margin: 18px 0 0 !important; font-size: 40px !important; line-height:1.12 !important; color:#053875 !important; -webkit-text-fill-color:#053875; }
.bf26 .bf26-final__hl { background: linear-gradient(transparent 62%, rgba(255,214,0,.75) 62%); color: inherit; padding: 0 2px; }
.bf26 .bf26-final__body { margin-top: 14px !important; color:#66758a !important; }
.bf26 .bf26-final__offer { position:relative; background:#fff !important; border:1px solid #dce7f3 !important; border-radius:20px !important; padding:30px 32px 24px !important; box-shadow:0 24px 50px -24px rgba(5,56,117,.35) !important; display:flex; flex-direction:column; align-items:center; text-align:center; gap:10px; overflow:hidden; max-width:400px; justify-self:end; width:100%; }
.bf26 .bf26-final__offer::before { content:""; position:absolute; inset:0 0 auto 0; height:6px; background:#ffd600; }
.bf26 .bf26-final__tag { margin:0; font:800 12px/1 "Silka",sans-serif; letter-spacing:.24em; color:#167ffc; }
.bf26 .bf26-final__big { margin:0 !important; gap:8px !important; }
.bf26 .bf26-final__big span { font-size:72px !important; color:#053875 !important; -webkit-text-fill-color:#053875; background:none !important; }
.bf26 .bf26-final__big em { font-size:30px !important; color:#053875 !important; background:#ffd600; padding:2px 10px; border-radius:6px; letter-spacing:.06em !important; }
.bf26 .bf26-final__brand { margin:0 !important; color:#66758a !important; font-size:13px !important; letter-spacing:.22em !important; }
.bf26 .bf26-final .bf26-cta { margin-top:10px; width:100%; justify-content:center; background:#ffd600 !important; color:#0b0b0c !important; border:0 !important; }
.bf26 .bf26-final .bf26-cta * { color:#0b0b0c !important; fill:currentColor; }
.bf26 .bf26-final .bf26-hero__note { margin:0; font-size:13px; color:#66758a !important; }
@media (max-width: 900px) {
  .bf26 .bf26-final { padding: 48px 20px !important; }
  .bf26 .bf26-final__inner { grid-template-columns: 1fr; gap: 28px; text-align:center; }
  .bf26 .bf26-final__copy { display:flex; flex-direction:column; align-items:center; }
  .bf26 .bf26-final__title { font-size: 28px !important; }
  .bf26 .bf26-final__offer { justify-self:center; padding:26px 22px 20px !important; }
  .bf26 .bf26-final__big span { font-size:60px !important; }
}
.bf26 #wp-live .bf26-final .bf26-eyebrow, .bf26 #wp-live .bf26-final .bf26-eyebrow * { color:#0b0b0c !important; -webkit-text-fill-color:#0b0b0c; }
.bf26 #wp-live .bf26-final a.bf26-cta, .bf26 #wp-live .bf26-final a.bf26-cta svg, .bf26 #wp-live .bf26-final a.bf26-cta path { color:#0b0b0c !important; fill:#0b0b0c !important; -webkit-text-fill-color:#0b0b0c; }

/* ===== Compact product-led mid-page offer (secondary to hero) ===== */
.bf26 .bf26-mid { background:var(--primary-soft) !important; border-top:1px solid var(--border); border-bottom:1px solid var(--border); padding:20px 24px !important; }
.bf26 .bf26-mid__inner { max-width:1040px; margin:0 auto; display:grid; grid-template-columns:minmax(0,1.35fr) minmax(0,1fr); gap:48px; align-items:center; }
.bf26 .bf26-mid__copy { min-width:0; }
.bf26 #wp-live .bf26-mid__label { margin:0; font:700 12px/1 "Silka",sans-serif; letter-spacing:0; color:var(--primary) !important; }
.bf26 #wp-live .bf26-mid__title { margin:10px 0 0; max-width:480px; font:700 28px/1.2 "Silka",sans-serif; letter-spacing:0; color:var(--features-navy) !important; -webkit-text-fill-color:var(--features-navy); }
.bf26 #wp-live .bf26-mid__body { margin:10px 0 0; max-width:460px; font-size:15px; line-height:1.5; color:var(--muted-foreground) !important; }
/* Pill shape reuses the shared Hostify primary button radius (btn-hostify: 100px); size, colour and behaviour unchanged. */
.bf26 #wp-live .bf26-final a.bf26-mid__cta { display:inline-flex !important; flex:none; align-items:center; justify-content:center; gap:10px; margin:16px 0 0 !important; width:max-content !important; min-width:0 !important; max-width:100%; height:42px; min-height:42px; padding:0 18px !important; border-radius:100px !important; font-size:14px !important; line-height:1 !important; letter-spacing:0; background:var(--campaign-yellow) !important; color:var(--campaign-yellow-foreground) !important; -webkit-text-fill-color:var(--campaign-yellow-foreground); box-shadow:none !important; }
.bf26 #wp-live .bf26-final a.bf26-mid__cta svg, .bf26 #wp-live .bf26-final a.bf26-mid__cta path { color:var(--campaign-yellow-foreground) !important; fill:currentColor !important; }
.bf26 #wp-live .bf26-mid__cta:focus-visible { outline:3px solid var(--ring); outline-offset:4px; }
.bf26 .bf26-mid__visual { position:relative; min-width:0; width:100%; max-width:344px; justify-self:end; }
.bf26 #wp-live .bf26-mid__visual img { display:block; width:100%; max-width:344px !important; margin:0; height:auto; border-radius:8px; border:1px solid var(--border); box-shadow:var(--shadow-campaign-product); background:var(--card); }
@media (min-width: 768px) { .bf26 .bf26-mid__copy { margin-bottom:8px; } }
.bf26 #wp-live .bf26-mid__badge { position:absolute; top:10px; right:10px; padding:5px 8px; border-radius:4px; background:var(--campaign-yellow); color:var(--campaign-yellow-foreground) !important; font:700 11px/1 "Silka",sans-serif; letter-spacing:0; }
@media (max-width: 767px) {
  .bf26 .bf26-mid { padding:20px 24px !important; }
  .bf26 .bf26-mid__inner { grid-template-columns:minmax(0,1fr); gap:22px; text-align:left; }
  .bf26 #wp-live .bf26-mid__title { font-size:24px; }
  .bf26 .bf26-mid__visual { max-width:278px; justify-self:center; }
}

/* ---------- Oct 2026: laptop portrait cutout (1000x1238) + CSS "50% OFF" tag (was baked into old art) ---------- */
.bf26-hero__artwork { aspect-ratio: 1000 / 1238; }
.bf26-hero__artwork img { filter: drop-shadow(0 24px 40px rgba(0,0,0,.35)); }
.bf26-hero__discount-effect {
  left: -6%; top: 22%; width: auto; height: auto; z-index: 2;
  padding: 10px 22px; border-radius: 14px; background: #ffe600; color: #111;
  font-size: 30px; line-height: 1; font-weight: 800; letter-spacing: -.01em; white-space: nowrap;
}
@media (max-width: 1024px) { .bf26-hero__discount-effect { font-size: 24px; padding: 8px 18px; } }
@media (max-width: 767px) { .bf26-hero__discount-effect { left: -4%; font-size: 18px; padding: 6px 13px; border-radius: 10px; } }
.bf26-hero__discount-effect { left: -16%; top: 46%; animation: none; opacity: 1; filter: none; box-shadow: 0 10px 28px rgba(255,230,0,.25); }
@media (max-width: 900px) { .bf26-hero__visual { height: 420px; } }
@media (max-width: 767px) { .bf26-hero__visual { height: 300px; } .bf26-hero__discount-effect { left: -22%; } }
@media (max-width: 767px) { .bf26-hero { padding-top: calc(var(--bf26-banner-h, 52px) + 72px); } }

/* BF only: reserve the measured banner footprint before hydration/fonts.
   The locale comes from server markup; Cyber Week retains its own sizing. */
body:has(.bf26-hero[data-bf26-locale]) { --bf26-banner-h: 44px; }
.bf26-hero[data-bf26-locale] .bf26-hero__banner { min-height: var(--bf26-banner-h); }
@media (max-width: 767px) {
  body:has(.bf26-hero[data-bf26-locale]) { --bf26-banner-h: 83.2px; }
  body:has(.bf26-hero[data-bf26-locale="en"]) { --bf26-banner-h: 62px; }
}