/* BLOOOW Offer Detail: isolated visual refresh. Existing offer sharing and analytics remain unchanged. */
.offer-design-page {
  --od-ink:#182235; --od-muted:#50627d; --od-panel:#ffffff;
  --od-soft:#f0f5ff; --od-border:#c8d6eb; --od-blue:#986006;
  --od-blue-soft:#fff3d9; --od-shadow:0 14px 36px rgba(21,43,79,.09);
  --od-nav:rgba(255,255,255,.96);
}
:root[data-theme="dark"] .offer-design-page {
  --od-ink:#f3f7ff; --od-muted:#b7c8e5; --od-panel:#17233b;
  --od-soft:#223454; --od-border:#53688d; --od-blue:#ffdb91;
  --od-blue-soft:#493619; --od-shadow:0 14px 35px rgba(0,0,0,.27);
  --od-nav:#192842;
}
/* OFFER DETAIL HEADER — compact scenic top bar, no search or onboarding CTA.
   The marketplace remains the canonical destination for searching/filtering.
   Reuse the marketplace Offers artwork when installed; otherwise a themed gradient remains. */
.offer-design-page .blooow-header {
  position: relative;
  isolation: isolate;
  z-index: 30;
  width: min(calc(100% - 28px), 1560px);
  min-height: 100px;
  margin: 12px auto 0;
  padding: 14px clamp(14px, 2.6vw, 36px);
  overflow: visible;
  border: 1.5px solid var(--od-border);
  border-radius: 23px;
  background: var(--od-panel);
  box-shadow: var(--od-shadow);
  color: var(--od-ink);
}
.offer-design-page .blooow-header::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  background-image: linear-gradient(100deg, transparent, rgba(178,116,18,.22)), url("../images/home/offers.dbcb9a4b698f.webp");
  background-position: 72% 52%, 75% 55%;
  background-size: cover, cover;
  background-repeat: no-repeat;
  opacity: .64;
  -webkit-mask-image: linear-gradient(90deg, transparent 4%, transparent 38%, #000 91%);
  mask-image: linear-gradient(90deg, transparent 4%, transparent 38%, #000 91%);
}
:root[data-theme="dark"] .offer-design-page .blooow-header::before { opacity: .49; }
.offer-design-page .blooow-header-top,
.offer-design-page .blooow-header-frame {
  width: 100%;
  max-width: 100%;
  min-height: 70px;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: minmax(110px,145px) minmax(0,1fr) auto;
  align-items: center;
  gap: clamp(8px, 1.5vw, 22px);
}
.offer-design-page .blooow-header-brand {
  position: relative !important;
  inset: auto !important;
  z-index: 1;
  justify-self: start;
  width: clamp(108px, 10vw, 138px) !important;
  max-width: 100%;
  height: auto !important;
  aspect-ratio: 1134 / 780;
  margin: 0;
  padding: 0;
}
.offer-design-page .blooow-header-brand .blooow-brand-lockup { width:100%;height:100%; }
.offer-design-page .blooow-header-slogan { display: none !important; }
.offer-design-page .blooow-header-center {width:100%;min-width:0;}
.offer-design-page .blooow-main-nav-shell {width:100%;margin:0;padding:0;}
.offer-design-page .blooow-main-nav-desktop {
  display:flex;
  width:max-content;
  max-width:100%;
  min-height:46px;
  margin:0 auto;
  padding:4px;
  gap:1px;
  border:1px solid var(--od-border);
  border-radius:999px;
  background:var(--od-nav);
  box-shadow: 0 2px 10px rgba(14,31,68,.06);
}
.offer-design-page .blooow-main-nav-mobile {display:none;}
.offer-design-page .blooow-main-nav a,
.offer-design-page .blooow-nav-more summary {
  padding: 11px clamp(7px,.85vw,12px);
  font-size:clamp(.67rem,.78vw,.79rem);
  line-height:1.2;
  font-weight:800;
  color:var(--od-ink);
  opacity:1;
}
.offer-design-page .blooow-main-nav a.active,
.offer-design-page .blooow-main-nav a:hover,
.offer-design-page .blooow-main-nav a:focus-visible,
.offer-design-page .blooow-nav-more.active > summary,
.offer-design-page .blooow-nav-more[open] > summary {
  color:var(--od-blue);
  background:var(--od-blue-soft);
}
.offer-design-page .blooow-header-actions {
  display:flex;
  width:auto;
  min-width:0;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
}
.offer-design-page .home-language-switcher {
  display:flex;
  flex:0 0 auto;
  align-items:center;
  min-height:40px;
  padding:3px;
  gap:1px;
  border:1px solid var(--od-border);
  border-radius:999px;
  background:var(--od-nav);
}
.offer-design-page .home-language-switcher form {display:flex;margin:0;}
.offer-design-page .home-language-choice {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:32px;
  padding:6px 9px;
  border:0;
  border-radius:999px;
  background:transparent;
  color:var(--od-ink);
  font:800 .72rem/1.2 Inter,"Noto Sans Sinhala","Noto Sans Tamil",system-ui,sans-serif;
  white-space:nowrap;
  cursor:pointer;
}
.offer-design-page .home-language-choice.is-current {
  color:var(--od-blue);
  background:var(--od-blue-soft);
}
.offer-design-page .home-language-choice:not(.is-current):hover {background:var(--od-soft);}
.offer-design-page .blooow-header-actions .blooow-theme-toggle {
  position:relative;
  display:grid;
  place-items:center;
  flex:0 0 42px;
  width:42px;
  height:42px;
  min-width:42px;
  padding:0;
  overflow:hidden;
  border:1.5px solid #bd8529;
  border-radius:50%;
  background:linear-gradient(145deg,#fffefa,#ffedc9);
  box-shadow:0 2px 9px rgba(116,68,0,.12);
}
.offer-design-page .blooow-header-actions .blooow-theme-toggle::before {display:none;}
.offer-design-page .blooow-header-actions .blooow-theme-icon-stage,
:root[data-theme="dark"] .offer-design-page .blooow-header-actions .blooow-theme-icon-stage,
:root[data-theme="light"] .offer-design-page .blooow-header-actions .blooow-theme-icon-stage {
  position:absolute;
  inset:0;
  display:block;
  width:auto;
  height:auto;
  border-radius:50%;
  background:none;
  box-shadow:none;
  transform:none !important;
}
.offer-design-page .blooow-header-actions .blooow-theme-icon {
  position:absolute;
  inset:auto;
  top:50%; left:50%;
  width:22px; height:22px;
  margin:0;
  stroke-width:2.2;
  transform:translate(-50%,-50%) !important;
}
:root[data-theme="light"] .offer-design-page .blooow-header-actions .blooow-theme-sun {display:block;opacity:1;color:#b46c00;}
:root[data-theme="light"] .offer-design-page .blooow-header-actions .blooow-theme-moon {display:none;}
:root[data-theme="dark"] .offer-design-page .blooow-header-actions .blooow-theme-toggle {
  border-color:#829ae7;
  background:linear-gradient(145deg,#26365e,#111f41);
  box-shadow:0 2px 11px rgba(0,0,0,.28);
}
:root[data-theme="dark"] .offer-design-page .blooow-header-actions .blooow-theme-moon {display:block;opacity:1;color:#e0e9ff;}
:root[data-theme="dark"] .offer-design-page .blooow-header-actions .blooow-theme-sun {display:none;}
.offer-design-page .blooow-header-actions .blooow-theme-toggle:focus-visible {outline:3px solid var(--od-blue);outline-offset:3px;}


/* Independent content cards: warm gold accents, precise contrast, zero cropped banners. */
.offer-design-page {
  --od-panel:#fff;--od-soft:#fff8e9;--od-ink:#182235;--od-muted:#50627d;
  --od-border:#cad5e5;--od-gold:#8d5904;--od-accent:#a06909;
  --od-shadow:0 12px 30px rgba(27,46,83,.09);
}
:root[data-theme="dark"] .offer-design-page {
  --od-panel:#17243c;--od-soft:#29334a;--od-ink:#f4f7ff;--od-muted:#c2cee0;
  --od-border:#536581;--od-gold:#ffd386;--od-accent:#ffdda2;
  --od-shadow:0 13px 34px rgba(0,0,0,.28);
}
.offer-design-page .offer-design-shell {
  width:min(calc(100% - 36px),1320px);margin:0 auto;padding:20px 0 64px;
  color:var(--od-ink);max-width:none;
}
.offer-design-page .offer-design-back {
  display:inline-flex;opacity:1;margin-bottom:18px;border-radius:12px;
  border:1px solid var(--od-border);background:var(--od-panel);
  color:var(--od-muted);font-weight:800;
}
.offer-design-page .offer-design-grid {
  display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  gap:clamp(17px,2.2vw,32px);align-items:start;
}
.offer-design-page .offer-design-left,
.offer-design-page .offer-design-right {min-width:0;}
.offer-design-page .offer-design-left {
  padding:14px;overflow:hidden;border:1.5px solid var(--od-border);
  border-radius:22px;background:var(--od-panel);box-shadow:var(--od-shadow);
}
.offer-design-page .offer-design-artwork {
  position:relative;display:grid;place-items:center;min-width:0;min-height:280px;
  padding:0;overflow:hidden;border:1.5px solid var(--od-border);
  border-radius:16px;background:var(--od-soft);
}
.offer-design-page .offer-design-artwork > img {
  display:block;width:100%;height:auto;max-width:100%;max-height:none;
  margin:0;object-fit:contain;object-position:center;
}
.offer-design-page .offer-design-artwork > img.offer-design-logo-art {
  width:min(100%,390px);max-height:325px;padding:clamp(30px,7vw,70px);
}
.offer-design-page .offer-design-logo-fallback {
  min-height:280px;width:100%;background:transparent;
}
.offer-design-page .offer-design-featured {
  position:absolute;top:13px;right:13px;display:inline-flex;align-items:center;gap:6px;
  border:1px solid #c69432;border-radius:999px;padding:7px 12px;
  background:#fff7df;color:#764400;font-size:.76rem;font-weight:850;
  box-shadow:0 3px 10px rgba(49,36,15,.13);
}
.offer-design-page .offer-design-institution {
  display:flex;align-items:center;gap:13px;margin-top:14px;padding:13px;
  background:var(--od-soft);border:1px solid var(--od-border);
  border-radius:14px;
}
.offer-design-page .offer-design-institution-logo {
  display:grid;place-items:center;flex:0 0 56px;width:56px;height:56px;
  padding:7px;overflow:hidden;background:#fff;border:1px solid #d2dbe9;
  border-radius:13px;color:#85540d;font-weight:950;font-size:1.1rem;
}
.offer-design-page .offer-design-institution-logo img {
  width:100%;height:100%;object-fit:contain;
}
.offer-design-page .offer-design-institution-text{min-width:0;display:grid;gap:4px;}
.offer-design-page .offer-design-institution-text strong{overflow-wrap:anywhere;font-size:1rem;color:var(--od-ink);}
.offer-design-page .offer-design-caption {
  color:var(--od-muted);font-size:.7rem;font-weight:850;letter-spacing:.045em;
}
.offer-design-page .offer-design-institution-status {
  width:fit-content;color:#106345;font-size:.73rem;font-weight:850;
}
:root[data-theme="dark"] .offer-design-page .offer-design-institution-status {color:#7fe2b5;}
.offer-design-page .offer-design-right {
  padding:clamp(18px,2.4vw,33px);border:1.5px solid var(--od-border);
  border-radius:22px;background:var(--od-panel);box-shadow:var(--od-shadow);
}
.offer-design-page .offer-design-chips{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:14px;}
.offer-design-page .offer-design-chip {
  display:inline-flex;align-items:center;max-width:100%;min-height:28px;padding:6px 10px;
  border:1px solid var(--od-border);border-radius:999px;background:var(--od-soft);
  color:var(--od-ink);font-size:.72rem;font-weight:800;overflow-wrap:anywhere;
}
.offer-design-page .offer-design-chip-status {
  background:#e6f8ee;border-color:#94ceae;color:#155b3d;
}
:root[data-theme="dark"] .offer-design-page .offer-design-chip-status {
  background:#163b33;border-color:#3f9b7c;color:#a5f4cd;
}
.offer-design-page .offer-design-right h1 {
  margin:0;max-width:100%;font-size:clamp(1.9rem,3.3vw,3.25rem);
  font-weight:900;line-height:1.075;letter-spacing:-.035em;overflow-wrap:anywhere;
  text-wrap:pretty;color:var(--od-ink);
}
.offer-design-page .offer-design-benefit {
  margin:13px 0 0;color:var(--od-gold);font-size:clamp(1.02rem,1.5vw,1.35rem);
  font-weight:800;line-height:1.4;overflow-wrap:anywhere;
}
.offer-design-page .offer-design-engagement {
  display:flex;align-items:center;flex-wrap:wrap;gap:9px;
  margin:18px 0 20px;padding:13px 0;border-block:1px solid var(--od-border);
  color:var(--od-muted);
}
.offer-design-page .offer-design-views,
.offer-design-page .offer-design-share {
  display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:7px 11px;
  color:var(--od-ink);font-size:.8rem;line-height:1.3;
}
.offer-design-page .offer-design-views strong,
.offer-design-page .offer-design-share strong {font-weight:900;color:var(--od-ink);}
.offer-design-page .offer-design-share {
  cursor:pointer;border:1.5px solid var(--od-border);border-radius:10px;
  background:var(--od-soft);font:inherit;font-size:.8rem;font-weight:700;
  transition:background .15s,border-color .15s;
}
.offer-design-page .offer-design-share:hover,
.offer-design-page .offer-design-share:focus-visible {
  background:color-mix(in srgb,var(--od-soft) 80%,var(--od-accent) 20%);
  border-color:var(--od-accent);
}
.offer-design-page .offer-design-share:disabled {cursor:wait;opacity:.68;}
.offer-design-page .offer-design-views svg,
.offer-design-page .offer-design-share svg,
.offer-design-page .offer-design-fact-icon svg,
.offer-design-page .offer-design-regulation-icon svg {
  width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.85;
  stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;
}
.offer-design-page .offer-design-facts {
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 20px;
}
.offer-design-page .offer-design-fact {
  display:flex;gap:10px;align-items:center;min-width:0;padding:12px;
  border:1.5px solid var(--od-border);background:var(--od-soft);border-radius:13px;
}
.offer-design-page .offer-design-fact-icon {
  display:grid;place-items:center;flex:0 0 39px;width:39px;height:39px;
  border-radius:11px;color:var(--od-gold);background:var(--od-panel);
  border:1px solid var(--od-border);
}
.offer-design-page .offer-design-fact-text{min-width:0;display:grid;gap:4px;}
.offer-design-page .offer-design-fact-text small {
  color:var(--od-muted);font-size:.68rem;letter-spacing:.02em;font-weight:750;
}
.offer-design-page .offer-design-fact-text strong {
  font-size:.84rem;color:var(--od-ink);line-height:1.4;overflow-wrap:anywhere;
}
.offer-design-page .offer-design-actions{display:grid;grid-template-columns:1fr;gap:9px;margin:4px 0 21px;}
.offer-design-page .offer-design-primary,
.offer-design-page .offer-design-secondary,
.offer-design-page .offer-design-regulator-link {
  display:flex;align-items:center;justify-content:center;gap:12px;
  min-height:48px;padding:12px 17px;border:1.5px solid transparent;border-radius:12px;
  text-align:center;text-decoration:none;font-size:.86rem;font-weight:850;
  line-height:1.3;transition:transform .15s,border-color .15s,background .15s;
}
.offer-design-page .offer-design-primary {
  background:linear-gradient(110deg,#986006,#b57809);color:#fff;border-color:#805006;
  box-shadow:0 6px 15px rgba(128,80,6,.17);
}
.offer-design-page .offer-design-primary:hover,
.offer-design-page .offer-design-primary:focus-visible {
  background:linear-gradient(110deg,#774902,#945903);color:#fff;transform:translateY(-1px);
}
.offer-design-page .offer-design-secondary,
.offer-design-page .offer-design-regulator-link {
  color:var(--od-ink);background:var(--od-panel);border-color:var(--od-border);
}
.offer-design-page .offer-design-secondary:hover,
.offer-design-page .offer-design-secondary:focus-visible,
.offer-design-page .offer-design-regulator-link:hover,
.offer-design-page .offer-design-regulator-link:focus-visible {
  border-color:var(--od-accent);background:var(--od-soft);
}
.offer-design-page .offer-design-description {
  padding-top:20px;margin-top:18px;border-top:1px solid var(--od-border);
}
.offer-design-page .offer-design-description h2 {
  margin:0 0 12px;color:var(--od-ink);font-size:1.15rem;line-height:1.3;font-weight:850;
}
.offer-design-page .offer-design-prose {
  color:var(--od-muted);font-size:.9rem;line-height:1.72;
  overflow-wrap:anywhere;word-break:normal;
}
.offer-design-page .offer-design-prose p {margin:0 0 .75em;}
.offer-design-page .offer-design-prose p:last-child{margin-bottom:0;}
.offer-design-page .offer-design-regulation {
  margin-top:18px;padding:20px;display:flex;align-items:flex-start;gap:15px;
  background:var(--od-panel);border:1.5px solid var(--od-border);
  border-radius:20px;box-shadow:var(--od-shadow);
}
.offer-design-page .offer-design-regulation-icon {
  display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;
  border-radius:12px;border:1px solid var(--od-border);background:var(--od-soft);color:var(--od-gold);
}
.offer-design-page .offer-design-regulation-icon svg{width:23px;height:23px;}
.offer-design-page .offer-design-regulation-copy{min-width:0;flex:1;}
.offer-design-page .offer-design-regulation-copy h2 {
  margin:5px 0 8px;color:var(--od-ink);font-size:1.05rem;line-height:1.3;
}
.offer-design-page .offer-design-regulation-copy p {
  margin:0;color:var(--od-muted);font-size:.83rem;line-height:1.7;
}
.offer-design-page .offer-design-regulator-link {flex:0 0 auto;align-self:center;white-space:nowrap;}
.offer-design-page :is(a,button):focus-visible {outline:3px solid var(--od-accent);outline-offset:3px;}

@media(max-width:980px){
  .offer-design-page .blooow-header {min-height:0;padding:12px 15px;}
  body.offer-design-page.discovery-detail-page .blooow-header-top,
  body.offer-design-page.discovery-detail-page .blooow-header-frame {
    display:grid;grid-template-columns:minmax(104px,1fr) auto !important;
    grid-template-areas:"brand actions" "nav nav" !important;row-gap:8px;min-height:0;
  }
  .offer-design-page .blooow-header-brand {grid-area:brand;width:clamp(107px,17vw,130px)!important;}
  .offer-design-page .blooow-header-center {grid-area:nav;}
  .offer-design-page .blooow-header-actions {grid-area:actions;}
  .offer-design-page .blooow-main-nav-desktop{display:none;}
  .offer-design-page .blooow-main-nav-mobile{
    display:flex;justify-content:space-between;width:100%;min-height:41px;
    padding:3px;gap:2px;border:1px solid var(--od-border);border-radius:999px;background:var(--od-nav);
  }
  .offer-design-page .blooow-main-nav-mobile > a,
  .offer-design-page .blooow-main-nav-mobile > .blooow-nav-more{flex:1 1 0;min-width:0;text-align:center;}
  .offer-design-page .blooow-main-nav-mobile > a,
  .offer-design-page .blooow-main-nav-mobile > .blooow-nav-more > summary{
    display:flex;align-items:center;justify-content:center;min-height:32px;padding:6px 3px;font-size:.71rem;
  }
  .offer-design-page .blooow-header::before{
    opacity:.51;-webkit-mask-image:linear-gradient(90deg,transparent,transparent 28%,#000);
    mask-image:linear-gradient(90deg,transparent,transparent 28%,#000);
  }
}
@media(max-width:800px){.offer-design-page .offer-design-grid{grid-template-columns:1fr;}}
@media(max-width:640px){
  .offer-design-page .blooow-header{width:calc(100% - 16px);margin-top:8px;padding:10px 12px;border-radius:19px;}
  body.offer-design-page.discovery-detail-page .blooow-header-top,
  body.offer-design-page.discovery-detail-page .blooow-header-frame {
    grid-template-columns:minmax(88px,1fr) auto !important;gap:8px;
  }
  .offer-design-page .blooow-header-brand{width:clamp(104px,24vw,128px)!important;}
  .offer-design-page .home-language-switcher{min-height:35px;padding:2px;}
  .offer-design-page .home-language-choice{padding:5px 6px;min-height:30px;font-size:.67rem;}
  .offer-design-page .blooow-header-actions{gap:6px;}
  .offer-design-page .blooow-header-actions .blooow-theme-toggle{width:38px;height:38px;min-width:38px;flex-basis:38px;}
  .offer-design-page .blooow-header-actions .blooow-theme-icon{width:21px;height:21px;}
  .offer-design-page .offer-design-shell{width:calc(100% - 16px);padding:12px 0 48px;}
  .offer-design-page .offer-design-left{padding:9px;border-radius:17px;}
  .offer-design-page .offer-design-right{padding:19px 15px;border-radius:17px;}
  .offer-design-page .offer-design-right h1{font-size:clamp(1.75rem,8.5vw,2.6rem);}
  .offer-design-page .offer-design-facts{grid-template-columns:1fr;}
  .offer-design-page .offer-design-regulation{flex-wrap:wrap;padding:16px;gap:11px;}
  .offer-design-page .offer-design-regulation-copy {flex:1 1 calc(100% - 62px);}
  .offer-design-page .offer-design-regulator-link{width:100%;white-space:normal;}
  .offer-design-page .offer-design-artwork{min-height:210px;}
}
@media(max-width:355px){
  .offer-design-page .blooow-header{padding:10px 9px;}
  .offer-design-page .blooow-header-brand{width:96px!important;}
  .offer-design-page .home-language-choice{font-size:.60rem;padding:5px 4px;}
  .offer-design-page .blooow-header-actions .blooow-theme-toggle{width:35px;height:35px;min-width:35px;flex-basis:35px;}
  .offer-design-page .blooow-main-nav-mobile > a,
  .offer-design-page .blooow-main-nav-mobile > .blooow-nav-more > summary{font-size:.64rem;padding:6px 2px;}
}
@media(prefers-reduced-motion:reduce){.offer-design-page :is(a,button){transition:none;}}

/* Light-mode detail-header image stays on the right, clear of the navigation. */
:root:not([data-theme="dark"]) .offer-design-page .blooow-header::before {
  opacity:.56;
  -webkit-mask-image:linear-gradient(90deg, transparent 0%, transparent 46%, rgba(0,0,0,.28) 68%, #000 100%);
  mask-image:linear-gradient(90deg, transparent 0%, transparent 46%, rgba(0,0,0,.28) 68%, #000 100%);
}