/* OmVeda Offer Banners */
.ovob{
  --ovob-bg:#17492f; --ovob-fg:#fff; --ovob-muted:rgba(255,255,255,.82);
  --ovob-btn-bg:#f2c14e; --ovob-btn-fg:#17492f; --ovob-badge-bg:#c0392b; --ovob-badge-fg:#fff;
  position:relative; display:flex; overflow:hidden; border-radius:18px;
  background:var(--ovob-bg); color:var(--ovob-fg); text-decoration:none!important;
  font-family:inherit; box-sizing:border-box; isolation:isolate;
  transition:transform .25s ease, box-shadow .25s ease;
}
.ovob *{box-sizing:border-box}
a.ovob:hover{transform:translateY(-2px); box-shadow:0 14px 34px rgba(23,73,47,.18)}
a.ovob:focus-visible{outline:3px solid #f2c14e; outline-offset:3px}
.ovob--light{--ovob-bg:#f4efe3; --ovob-fg:#17492f; --ovob-muted:#44584b; --ovob-btn-bg:#2f6b3f; --ovob-btn-fg:#fff}
.ovob--spice{--ovob-bg:#b85c1e; --ovob-fg:#fff; --ovob-muted:rgba(255,255,255,.88); --ovob-btn-bg:#fff; --ovob-btn-fg:#8a3f0d; --ovob-badge-bg:#17492f}

.ovob__media{display:block; position:relative; overflow:hidden}
.ovob__img{display:block; width:100%!important; height:100%!important; max-width:none!important; object-fit:cover; transition:transform .6s ease; border-radius:0!important}
a.ovob:hover .ovob__img{transform:scale(1.04)}
.ovob__body{display:flex; flex-direction:column; align-items:flex-start; gap:10px; position:relative; z-index:1}
.ovob__eyebrow{font-size:12px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:var(--ovob-muted)}
.ovob__title{font-weight:800; line-height:1.12; color:var(--ovob-fg)}
.ovob__text{color:var(--ovob-muted); line-height:1.55}
.ovob__badge{display:inline-block; background:var(--ovob-badge-bg); color:var(--ovob-badge-fg); font-weight:800; font-size:13px; padding:5px 11px; border-radius:999px}
.ovob__btn{display:inline-flex; align-items:center; gap:8px; margin-top:6px; background:var(--ovob-btn-bg); color:var(--ovob-btn-fg); font-weight:700; font-size:15px; padding:12px 22px; border-radius:999px; white-space:nowrap}

/* HERO: text left, image right */
.ovob--hero{min-height:340px; align-items:stretch; flex-direction:row-reverse}
.ovob--hero .ovob__media{flex:1 1 52%}
.ovob--hero .ovob__body{flex:1 1 48%; justify-content:center; padding:44px 48px}
.ovob--hero .ovob__title{font-size:clamp(28px,3.2vw,44px)}
.ovob--hero .ovob__text{font-size:17px; max-width:34em}
.ovob--hero .ovob__media::after{content:""; position:absolute; inset:0; background:linear-gradient(90deg,var(--ovob-bg) 0%,rgba(0,0,0,0) 28%)}
.ovob--hero.ovob--noimg .ovob__body{flex-basis:100%}

/* CARD: image top, text below (sidebar) */
.ovob--card{flex-direction:column; margin:0 0 18px}
.ovob--card .ovob__media{aspect-ratio:4/3}
.ovob--card .ovob__body{padding:18px 18px 20px; gap:7px}
.ovob--card .ovob__title{font-size:19px}
.ovob--card .ovob__text{font-size:14px}
.ovob--card .ovob__btn{font-size:14px; padding:9px 16px}
.ovob--card .ovob__badge{position:absolute; top:-15px; right:14px}

/* STRIP: slim horizontal (blog header) */
.ovob--strip{flex-direction:row; align-items:center; min-height:96px}
.ovob--strip .ovob__media{flex:0 0 160px; align-self:stretch}
.ovob--strip .ovob__body{flex:1; flex-direction:row; flex-wrap:wrap; align-items:center; gap:6px 16px; padding:16px 22px}
.ovob--strip .ovob__eyebrow{flex-basis:100%}
.ovob--strip .ovob__title{font-size:20px; flex:1 1 260px}
.ovob--strip .ovob__btn{margin-top:0; font-size:14px; padding:10px 18px}

/* Wrappers */
.ovob-wrap--home{margin:0 auto 28px; max-width:1540px; padding:0}
.ovob-wrap--blog{margin:0 0 28px}
.ovob-wrap--sidebar{margin-bottom:26px; padding:0!important; border:0!important; background:none!important}
.ovob-wrap--sidebar .ovob--card:last-child{margin-bottom:0}

@media (max-width:768px){
  .ovob--hero{flex-direction:column; min-height:0}
  .ovob--hero .ovob__media{aspect-ratio:16/10; flex:none}
  .ovob--hero .ovob__media::after{background:linear-gradient(0deg,var(--ovob-bg) 0%,rgba(0,0,0,0) 30%)}
  .ovob--hero .ovob__body{padding:22px 20px 26px}
  .ovob--hero .ovob__text{font-size:15px}
  .ovob--strip .ovob__media{flex-basis:96px}
  .ovob--strip .ovob__title{font-size:17px}
  .ovob-wrap--home{margin-left:0; margin-right:0}
}
@media (prefers-reduced-motion:reduce){ .ovob, .ovob__img{transition:none} a.ovob:hover, a.ovob:hover .ovob__img{transform:none} }

/* Coupon code (v1.1) */
.ovob__code{display:inline-flex; align-items:center; gap:8px; border:2px dashed currentColor; border-radius:10px; padding:7px 12px; font-size:14px; line-height:1; cursor:copy; color:var(--ovob-fg); background:rgba(255,255,255,.08)}
.ovob--light .ovob__code{background:#fff}
.ovob__code strong{font-size:18px; letter-spacing:.06em; font-weight:800}
.ovob__code-label{font-size:11px; text-transform:uppercase; letter-spacing:.1em; opacity:.8}
.ovob__code-copy{font-size:11px; text-decoration:underline; opacity:.8}
.ovob__code.is-copied .ovob__code-copy{text-decoration:none; opacity:1}
.ovob--hero .ovob__code strong{font-size:22px}
.ovob--strip .ovob__code{margin-right:4px}
.ovob--card .ovob__code strong{font-size:16px}
.ovob__big{display:block}
/* Fixed hero height (v1.1.1) */
.ovob--hero .ovob__media{position:relative; min-height:360px}
.ovob--hero .ovob__img{position:absolute!important; inset:0}
@media (max-width:768px){ .ovob--hero .ovob__media{min-height:0} }
/* Cover + image-only modes (v1.2) */
.ovob--hero.ovob--cover{min-height:420px}
.ovob--hero.ovob--cover .ovob__media{position:absolute; inset:0; z-index:0; min-height:0}
.ovob--hero.ovob--cover .ovob__media::after{background:linear-gradient(90deg,rgba(18,58,37,.94) 0%,rgba(18,58,37,.82) 34%,rgba(18,58,37,.25) 55%,rgba(0,0,0,0) 70%)}
.ovob--hero.ovob--cover .ovob__img{object-position:right center}
.ovob--hero.ovob--cover .ovob__body{flex:0 1 50%; margin-right:auto; z-index:1}
.ovob--imageonly{display:block; background:none; border-radius:16px; overflow:hidden; line-height:0}
.ovob--imageonly .ovob__img{position:static!important; width:100%!important; height:auto!important}
@media (max-width:768px){
  .ovob--hero.ovob--cover{min-height:0; flex-direction:column}
  .ovob--hero.ovob--cover .ovob__media{position:relative; aspect-ratio:16/10}
  .ovob--hero.ovob--cover .ovob__media::after{background:linear-gradient(0deg,var(--ovob-bg) 0%,rgba(0,0,0,0) 35%)}
  .ovob--hero.ovob--cover .ovob__body{flex:none; margin:0}
}