/* MBG Ads PRO V2.5.0 — Pusat Iklan preview-only stylesheet.
   Loaded exclusively when WordPress resolves /iklan-preview/. */

/* V2.2.0 — Stable Directory UI/UX + Host Width Bridge.
   Scoped to MBG Ads preview classes; no global Newspaper/tagDiv selector overrides. */
.mbg-ads-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

.mbg-ads-app.mbg-dir-v220{
  --mbg-ads-gap:20px;
  --mbg-ads-radius:12px;
  --mbg-ads-border:#e6e8eb;
  --mbg-ads-text:#17202a;
  --mbg-ads-muted:#65707c;
  --mbg-ads-primary:#074f78;
  --mbg-ads-accent:#ef3340;
  --mbg-ads-soft:#f7f9fc;
  --mbg-ads-blue:#1667d9;
  box-sizing:border-box;
  width:100%;
  max-width:100%;
  margin:6px 0 40px;
  padding:0;
  color:var(--mbg-ads-text);
  font-family:inherit;
  position:relative;
  clear:both;
}
.mbg-ads-app.mbg-dir-v220 *,
.mbg-ads-app.mbg-dir-v220 *:before,
.mbg-ads-app.mbg-dir-v220 *:after{box-sizing:border-box}
.mbg-ads-app.mbg-dir-v220 a:focus-visible,
.mbg-ads-app.mbg-dir-v220 button:focus-visible,
.mbg-ads-app.mbg-dir-v220 select:focus-visible,
.mbg-ads-app.mbg-dir-v220 input:focus-visible,
.mbg-ads-app.mbg-dir-v220 summary:focus-visible{outline:3px solid rgba(22,103,217,.28);outline-offset:2px}

/* Safe preview host bridge: classes are added only by preview-layout.js on /iklan-preview/. */
.mbg-ads-preview-page.mbg-ads-preview-layout-ready .mbg-ads-preview-native-title,
.mbg-ads-preview-page.mbg-ads-preview-layout-ready .mbg-ads-preview-native-title-wrap,
.mbg-ads-preview-page.mbg-ads-preview-layout-ready .mbg-ads-preview-theme-sidebar{display:none!important}
body.mbg-ads-preview-page.mbg-ads-preview-layout-ready .mbg-ads-preview-host-row{display:block!important;width:100%!important;max-width:100%!important;margin:0!important;padding-top:0!important;min-height:0!important}
body.mbg-ads-preview-page.mbg-ads-preview-layout-ready .mbg-ads-preview-main-col,
body.mbg-ads-preview-page.mbg-ads-preview-layout-ready .mbg-ads-preview-expand{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;float:none!important;clear:both!important;flex:0 0 100%!important;flex-basis:100%!important;grid-column:1/-1!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}
body.mbg-ads-preview-page.mbg-ads-preview-layout-ready .mbg-ads-preview-neutral-host,
body.mbg-ads-preview-page.mbg-ads-preview-layout-ready .mbg-ads-preview-breakout-host:not(.mbg-ads-home){background:transparent!important;box-shadow:none!important}
body.mbg-ads-preview-page.mbg-ads-preview-layout-ready .mbg-ads-preview-content-wrap,
body.mbg-ads-preview-page.mbg-ads-preview-layout-ready .mbg-ads-preview-content-container,
body.mbg-ads-preview-page.mbg-ads-preview-layout-ready .mbg-ads-preview-content-main{padding-top:0!important;margin-top:0!important}
body.mbg-ads-preview-page.mbg-ads-preview-layout-ready .mbg-ads-preview-theme-sidebar{display:none!important}

body.mbg-ads-preview-page.mbg-ads-preview-layout-ready .mbg-ads-preview-empty-gap{display:none!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important}
body.mbg-ads-preview-page.mbg-ads-preview-layout-ready .mbg-ads-preview-native-title-wrap{height:0!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;overflow:hidden!important}

/* HERO — intentionally retained; compact enough that results enter the first desktop viewport. */
.mbg-ads-app.mbg-dir-v220 .mbg-dir-hero{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(330px,.92fr);
  min-height:350px;
  overflow:hidden;
  margin:0 0 10px;
  border-radius:14px 14px 0 0;
  background:linear-gradient(120deg,#06345c 0%,#074f78 54%,#0a6094 100%);
  color:#fff;
  box-shadow:0 10px 30px rgba(11,48,78,.08);
}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-hero-copy{padding:31px 31px 22px;min-width:0}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-kicker{display:inline-flex;align-items:center;min-height:36px;padding:7px 12px;border-radius:7px;background:var(--mbg-ads-accent);color:#fff;font-size:12px;font-weight:900;letter-spacing:.04em}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-hero h1{max-width:650px;margin:13px 0 10px!important;color:#fff!important;font-size:34px!important;line-height:1.08!important;font-weight:900!important}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-hero p{max-width:610px;margin:0 0 16px;color:#edf7ff;font-size:14px;line-height:1.55}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-hero-actions{display:flex;flex-wrap:wrap;gap:9px}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-hero-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 15px;border-radius:8px;text-decoration:none!important;font-size:12px;font-weight:850}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-hero-actions .is-primary{background:var(--mbg-ads-accent);color:#fff!important}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-hero-actions .is-secondary{border:1px solid rgba(255,255,255,.65);background:rgba(255,255,255,.05);color:#fff!important}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-trust-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:18px;padding-top:14px;border-top:1px solid rgba(255,255,255,.16)}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-trust-row>span{display:flex;align-items:flex-start;gap:7px;min-width:0}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-trust-row>span>b{display:inline-flex;flex:0 0 28px;width:28px;height:28px;align-items:center;justify-content:center;border-radius:50%;background:#fff;color:var(--mbg-ads-primary);font-size:13px}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-trust-row i{display:block;min-width:0;font-style:normal}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-trust-row strong{display:block;color:#fff;font-size:10px;line-height:1.25}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-trust-row small{display:block;margin-top:2px;color:#d8eaf7;font-size:8.5px;line-height:1.25}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-hero-visual{position:relative;min-height:350px;background-color:#dbe5ee;background-position:center;background-size:cover;overflow:hidden}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-hero-visual:not(.has-photo){background:linear-gradient(135deg,#cfd9e3,#edf2f7)}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-billboard{position:absolute;top:38px;left:28px;right:42px;max-width:310px;padding:18px 21px;border-radius:7px;background:#fff;box-shadow:0 10px 30px rgba(10,26,43,.18);transform:rotate(-2deg);color:#0b3558}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-billboard small,.mbg-ads-app.mbg-dir-v220 .mbg-dir-billboard strong,.mbg-ads-app.mbg-dir-v220 .mbg-dir-billboard em,.mbg-ads-app.mbg-dir-v220 .mbg-dir-billboard span{display:block}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-billboard small{font-size:15px;font-weight:800}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-billboard strong{margin:1px 0 9px;padding-bottom:9px;border-bottom:3px solid var(--mbg-ads-accent);font-size:27px;line-height:1.03}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-billboard em{font-size:11px;font-weight:600}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-billboard span{margin-top:12px;font-size:16px;font-weight:900}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-billboard span b{color:var(--mbg-ads-accent)}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-featured-caption{position:absolute;right:12px;bottom:12px;max-width:230px;padding:11px 13px;border-radius:8px;background:rgba(6,31,55,.84);text-align:right;color:#fff}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-featured-caption small{display:block;margin-bottom:3px;text-transform:uppercase;font-size:9px;font-weight:800;letter-spacing:.06em}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-featured-caption strong{display:block;font-size:13px;line-height:1.25}

/* CATEGORY NAVIGATION */
.mbg-ads-app.mbg-dir-v220 .mbg-dir-category-strip{display:flex;gap:8px;margin:0 0 20px;padding:9px 8px 10px;border:1px solid var(--mbg-ads-border);border-top:0;border-radius:0 0 14px 14px;background:#fff;overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-category-strip::-webkit-scrollbar{display:none}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-category-strip a{display:flex;flex:1 1 0;min-width:72px;min-height:72px;align-items:center;justify-content:center;flex-direction:column;gap:7px;padding:7px 5px;border:1px solid #e5eaf0;border-radius:10px;background:#fff;color:#25384d!important;text-decoration:none!important;scroll-snap-align:start;transition:border-color .15s,background .15s,box-shadow .15s}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-category-strip a:hover,.mbg-ads-app.mbg-dir-v220 .mbg-dir-category-strip a.is-active{border-color:#8fc6f5;background:#f0f7ff;color:#0759c7!important;box-shadow:inset 0 -3px 0 #1682ee}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-category-strip a span{font-size:28px;line-height:1}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-category-strip a b{font-size:11px;line-height:1.15;text-align:center}

/* MOBILE TOOLBAR hidden on desktop. */
.mbg-ads-app.mbg-dir-v220 .mbg-dir-mobile-tools{display:none}

/* MAIN DIRECTORY: requested 210 / fluid / 250. */
.mbg-ads-app.mbg-dir-v220 .mbg-dir-layout{display:grid;grid-template-columns:210px minmax(0,1fr) 250px;gap:var(--mbg-ads-gap);align-items:start;width:100%;height:auto;min-height:0}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-filters,.mbg-ads-app.mbg-dir-v220 .mbg-dir-results,.mbg-ads-app.mbg-dir-v220 .mbg-dir-rightbar{min-width:0;height:auto;align-self:start}

/* FILTER — marketplace style, compact, sticky only on large desktop. */
.mbg-ads-app.mbg-dir-v220 .mbg-dir-filter-details{overflow:hidden;border:1px solid var(--mbg-ads-border);border-radius:var(--mbg-ads-radius);background:#fff}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-filter-details summary{position:relative;display:block;min-height:50px;padding:15px 38px 14px 16px;border-bottom:1px solid #edf0f3;cursor:pointer;list-style:none;color:var(--mbg-ads-text);font-size:17px;font-weight:800}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-filter-details summary::-webkit-details-marker{display:none}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-filter-details summary:after{content:'⌃';position:absolute;right:16px;top:14px;color:#718096;font-size:14px}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-filter-details:not([open]) summary:after{content:'⌄'}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-filter-details form{display:grid;gap:13px;padding:16px}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-filter-details label,.mbg-ads-app.mbg-dir-v220 .mbg-dir-filter-details legend{color:#34465b;font-size:12.5px;font-weight:700}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-filter-details input[type=text],.mbg-ads-app.mbg-dir-v220 .mbg-dir-filter-details input[type=search],.mbg-ads-app.mbg-dir-v220 .mbg-dir-filter-details select{display:block;width:100%;height:42px;margin-top:6px;padding:0 10px;border:1px solid #d6dde5;border-radius:7px;background:#fff;color:#26384c;font-size:13px}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-search-input{position:relative}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-search-input input{padding-right:34px!important}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-search-input>span{position:absolute;right:11px;top:16px;color:#596b7f;font-size:18px;pointer-events:none}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-filter-details fieldset{display:grid;gap:8px;margin:0;padding:0;border:0}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-check{display:flex!important;align-items:center;gap:8px;min-height:25px;font-weight:500!important}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-check input{margin:0}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-filter-details button{width:100%;min-height:42px;border:0;border-radius:8px;background:var(--mbg-ads-blue);color:#fff;font-size:12px;font-weight:800;cursor:pointer}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-reset{display:flex;min-height:36px;align-items:center;justify-content:center;border:1px solid #dfe5ec;border-radius:8px;color:#36506d!important;text-decoration:none!important;font-size:12px;font-weight:700}
@media(min-width:1200px){.mbg-ads-app.mbg-dir-v220 .mbg-dir-filters{position:sticky;top:90px}}

/* RESULTS HEADER */
.mbg-ads-app.mbg-dir-v220 .mbg-dir-results-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:0 0 14px;padding:0 0 11px;border-bottom:1px solid #edf0f3}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-results-title>span{display:block;margin-bottom:3px;color:#1b69b6;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-results-title h2{margin:0!important;color:var(--mbg-ads-text)!important;font-size:22px!important;line-height:1.2!important;font-weight:800!important}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-results-title small{display:block;margin-top:4px;color:var(--mbg-ads-muted);font-size:12px;line-height:1.4}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-results-tools{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-result-count{color:#41546a;font-size:12px;white-space:nowrap}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-quick-sort label{display:flex;align-items:center;gap:6px;color:#68798c;font-size:11px;font-weight:700}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-quick-sort select{height:38px;min-width:120px;padding:0 28px 0 10px;border:1px solid #dce3ea;border-radius:7px;background:#fff;color:#26384c;font-size:12px}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-results-meta{display:flex;gap:5px}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-results-meta button{display:inline-flex;width:38px;height:38px;min-width:38px;align-items:center;justify-content:center;border:1px solid #dce3ea;border-radius:7px;background:#fff;color:#617285;cursor:pointer;font-size:16px}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-results-meta button.is-active{border-color:var(--mbg-ads-blue);background:var(--mbg-ads-blue);color:#fff}

/* ACTIVE FILTER CHIPS */
.mbg-ads-app.mbg-dir-v220 .mbg-dir-active-filters{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:0 0 14px;padding:9px 10px;border:1px solid #e2e8ef;border-radius:9px;background:#f8fbff;color:#65758b;font-size:11.5px}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-active-filters>span{font-weight:800;color:#405168}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-active-filters a{display:inline-flex;align-items:center;min-height:30px;padding:5px 9px;border:1px solid #d8e2ed;border-radius:999px;background:#fff;color:#245d9d!important;text-decoration:none!important;font-weight:700}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-active-filters .mbg-dir-clear-filters{margin-left:auto;background:#eef5fd;color:#164f91!important;border-color:#cddff2}

/* RESULTS GRID — two readable cards on desktop with filter + sidebar. */
.mbg-ads-app.mbg-dir-v220 .mbg-dir-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start;height:auto;min-height:0}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-card{min-width:0;overflow:hidden;border:1px solid var(--mbg-ads-border);border-radius:13px;background:#fff;box-shadow:0 3px 12px rgba(22,43,65,.04);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-card.is-premium{border-color:#f0b8bd}
@media(hover:hover){.mbg-ads-app.mbg-dir-v220 .mbg-dir-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(22,43,65,.09)}}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-card-media{position:relative;overflow:hidden;width:100%;aspect-ratio:4/3;background:#edf2f7}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-card-media>a{display:block;width:100%;height:100%}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-card-media img{display:block;width:100%!important;height:100%!important;object-fit:cover!important}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-placeholder{display:flex;width:100%;height:100%;align-items:center;justify-content:center;color:#8493a7;font-size:34px;font-weight:900}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-package,.mbg-ads-app.mbg-dir-v220 .mbg-dir-photo-count{position:absolute;top:9px;padding:5px 8px;border-radius:6px;color:#fff;font-size:10px;font-weight:850;line-height:1}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-package{left:9px;background:#1667d9}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-package.is-premium{background:var(--mbg-ads-accent)}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-package.is-free{background:#0b9b67}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-photo-count{right:9px;background:rgba(8,31,54,.82)}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-card-body{padding:14px}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-category{display:inline-flex;align-items:center;min-height:24px;padding:4px 7px;border-radius:5px;background:#eaf8f1;color:#15704a;font-size:10px;font-weight:800}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-card h3{display:-webkit-box;min-height:40px;margin:8px 0 7px!important;overflow:hidden;color:var(--mbg-ads-text)!important;font-size:15px!important;line-height:1.3!important;font-weight:800!important;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-card h3 a{color:inherit!important;text-decoration:none!important}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-card-meta{display:grid;gap:4px;min-height:38px;margin:0 0 10px;color:var(--mbg-ads-muted);font-size:12px;line-height:1.35}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-location,.mbg-ads-app.mbg-dir-v220 .mbg-dir-business{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-business{font-weight:700;color:#536477}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-detail{display:flex;min-height:38px;align-items:center;justify-content:center;padding:8px 12px;border-radius:7px;background:var(--mbg-ads-blue);color:#fff!important;text-decoration:none!important;font-size:12px;font-weight:800}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-detail.is-premium{background:var(--mbg-ads-accent)}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-grid.is-list{grid-template-columns:1fr}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-grid.is-list .mbg-dir-card{display:grid;grid-template-columns:220px minmax(0,1fr)}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-grid.is-list .mbg-dir-card-media{height:100%;aspect-ratio:auto;min-height:190px}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-grid.is-list .mbg-dir-card h3{min-height:0}

/* EMPTY STATE */
.mbg-ads-app.mbg-dir-v220 .mbg-dir-no-results{grid-column:1/-1;display:flex;min-height:220px;align-items:center;justify-content:center;flex-direction:column;padding:28px 20px;border:1px dashed #d5dee8;border-radius:12px;background:#fbfcfe;text-align:center;color:var(--mbg-ads-muted)}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-no-results-icon{display:inline-flex;width:46px;height:46px;align-items:center;justify-content:center;margin-bottom:10px;border-radius:50%;background:#eef5fd;color:#2168b0;font-size:24px}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-no-results strong{color:#26394e;font-size:17px}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-no-results p{margin:5px 0 14px;font-size:13px}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-no-results-actions a{display:inline-flex;min-height:40px;align-items:center;padding:8px 14px;border-radius:7px;background:var(--mbg-ads-blue);color:#fff!important;text-decoration:none!important;font-size:12px;font-weight:800}

/* PAGINATION */
.mbg-ads-app.mbg-dir-v220 .mbg-dir-pagination{margin:28px 0 0}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-pagination ul{display:flex;align-items:center;justify-content:center;gap:6px;margin:0!important;padding:0!important;list-style:none!important}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-pagination li{margin:0!important;padding:0!important}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-pagination a,.mbg-ads-app.mbg-dir-v220 .mbg-dir-pagination span{display:flex;min-width:38px;height:38px;align-items:center;justify-content:center;padding:0 8px;border:1px solid #dce4ec;border-radius:7px;background:#fff;color:#405168!important;text-decoration:none!important;font-size:12px;font-weight:700}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-pagination .current{border-color:var(--mbg-ads-blue);background:var(--mbg-ads-blue);color:#fff!important}

/* BOTTOM CTA follows results directly. */
.mbg-ads-app.mbg-dir-v220 .mbg-dir-bottom-cta{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:32px 0 0;padding:18px 20px;border-radius:12px;background:linear-gradient(110deg,#062b52,#0b477c);color:#fff}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-bottom-brand{display:flex;align-items:center;gap:7px;white-space:nowrap}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-bottom-brand span{display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;border-radius:7px;background:#fff;color:#0b477c;font-size:12px;font-weight:900}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-bottom-brand strong{font-size:12px}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-bottom-cta p{margin:0;color:#eaf5ff;font-size:12px;font-style:italic;text-align:center}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-bottom-cta>a{display:inline-flex;min-height:40px;align-items:center;padding:8px 13px;border-radius:7px;background:var(--mbg-ads-accent);color:#fff!important;text-decoration:none!important;font-size:11px;font-weight:850;white-space:nowrap}

/* RIGHT SIDEBAR — consistent visual system. */
.mbg-ads-app.mbg-dir-v220 .mbg-dir-rightbar{display:grid;gap:14px}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-side-panel,.mbg-ads-app.mbg-dir-v220 .mbg-dir-advertise-box{margin:0;padding:13px;border:1px solid var(--mbg-ads-border);border-radius:var(--mbg-ads-radius);background:#fff}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-side-panel>h3,.mbg-ads-app.mbg-dir-v220 .mbg-dir-side-head h3{margin:0 0 10px!important;color:#203349!important;font-size:16px!important;font-weight:800!important}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-featured-card{overflow:hidden;border-radius:9px;background:#102234}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-featured-media{position:relative;display:block;overflow:hidden;width:100%;aspect-ratio:300/250;background:#dde6ef;color:#fff!important;text-decoration:none!important}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-featured-media img{position:absolute;inset:0;display:block;width:100%!important;height:100%!important;object-fit:cover!important}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-featured-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,22,36,.02) 25%,rgba(6,22,36,.9) 100%)}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-featured-package,.mbg-ads-app.mbg-dir-v220 .mbg-dir-featured-photo-count{position:absolute;top:9px;padding:5px 7px;border-radius:6px;background:var(--mbg-ads-accent);font-size:9px;font-weight:850}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-featured-package{right:9px}.mbg-ads-app.mbg-dir-v220 .mbg-dir-featured-photo-count{left:9px;background:rgba(8,31,54,.8)}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-featured-media strong{position:absolute;left:12px;right:12px;bottom:31px;font-size:14px;line-height:1.25}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-featured-media small{position:absolute;left:12px;right:12px;bottom:13px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:9px}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-featured-cta{display:flex;min-height:38px;align-items:center;justify-content:center;background:#ffc653;color:#26384c!important;text-decoration:none!important;font-size:10px;font-weight:900}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-empty{padding:18px;text-align:center;color:var(--mbg-ads-muted);font-size:12px}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-side-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-side-head a{font-size:10px;text-decoration:none!important}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-popular-cats{display:grid}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-popular-cats a{display:flex;min-height:36px;align-items:center;justify-content:space-between;gap:8px;padding:7px 0;border-bottom:1px solid #edf1f5;color:#304257!important;text-decoration:none!important;font-size:11px}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-popular-cats a:last-child{border-bottom:0}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-popular-cats b{min-width:28px;padding:3px 6px;border-radius:999px;background:#f0f3f7;color:#68788b;text-align:center;font-size:10px}

/* Existing MBG_SIDEBAR rendered as Featured Advertisement, normalized to sidebar style. */
.mbg-ads-app.mbg-dir-v220 .mbg-dir-featured-ad .mbg-ads-inline{margin:0!important;border:0!important;border-radius:9px!important;box-shadow:none!important}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-featured-ad .mbg-ads-inline-label{display:none!important}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-featured-ad .mbg-ads-inline-card{display:block!important}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-featured-ad .mbg-ads-gallery-thumbs{display:none!important}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-featured-ad .mbg-ads-inline-image img,.mbg-ads-app.mbg-dir-v220 .mbg-dir-featured-ad .mbg-ads-gallery-main img{display:block!important;width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:300/250!important;object-fit:cover!important}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-featured-ad .mbg-ads-inline-copy{padding:12px!important}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-featured-ad .mbg-ads-inline-title{font-size:14px!important}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-featured-ad .mbg-ads-inline-excerpt{font-size:11px!important;line-height:1.45!important}

/* Pasang Iklan CTA moved from left filter to right sidebar. */
.mbg-ads-app.mbg-dir-v220 .mbg-dir-advertise-box{position:relative;overflow:hidden;min-height:150px;padding:16px;background:linear-gradient(145deg,#07395f,#0b527f);color:#fff}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-advertise-box:before{content:'';position:absolute;inset:0;background-image:var(--mbg-promo-bg);background-position:center;background-size:cover;opacity:.14}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-advertise-shade{position:absolute;inset:0;background:linear-gradient(135deg,rgba(3,35,61,.28),rgba(3,35,61,.74))}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-advertise-content{position:relative;z-index:1}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-advertise-content>span{display:inline-flex;min-width:34px;height:30px;align-items:center;justify-content:center;border-radius:6px;background:#fff;color:#0b477c;font-size:11px;font-weight:900}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-advertise-content h3{margin:10px 0 6px!important;color:#fff!important;font-size:17px!important}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-advertise-content p{margin:0 0 10px;color:#edf7ff;font-size:11px;line-height:1.45}
.mbg-ads-app.mbg-dir-v220 .mbg-dir-advertise-content a{display:inline-flex;min-height:38px;align-items:center;padding:8px 11px;border-radius:7px;background:var(--mbg-ads-accent);color:#fff!important;text-decoration:none!important;font-size:10px;font-weight:850}

/* 992–1199: filter + results; right sidebar moves below. */
@media(min-width:992px) and (max-width:1199px){
  .mbg-ads-app.mbg-dir-v220{width:100%;margin-left:0}
  .mbg-ads-app.mbg-dir-v220 .mbg-dir-layout{grid-template-columns:190px minmax(0,1fr)}
  .mbg-ads-app.mbg-dir-v220 .mbg-dir-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mbg-ads-app.mbg-dir-v220 .mbg-dir-rightbar{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .mbg-ads-app.mbg-dir-v220 .mbg-dir-sidebar-cta{min-height:100%}
}

/* 768–991: collapsible filter, full-width results, 2 cards. */
@media(max-width:991px){
  .mbg-ads-app.mbg-dir-v220{width:100%;margin:6px 0 32px;padding:0}
  .mbg-ads-app.mbg-dir-v220 .mbg-dir-hero{grid-template-columns:1fr;min-height:0}
  .mbg-ads-app.mbg-dir-v220 .mbg-dir-hero-copy{padding:26px 22px 0}
  .mbg-ads-app.mbg-dir-v220 .mbg-dir-hero h1{font-size:30px!important}
  .mbg-ads-app.mbg-dir-v220 .mbg-dir-hero-visual{min-height:210px;margin-top:0}
  .mbg-ads-app.mbg-dir-v220 .mbg-dir-trust-row{margin:18px -22px 0;padding:13px 20px;background:rgba(3,35,61,.35);grid-template-columns:repeat(2,minmax(0,1fr))}
  .mbg-ads-app.mbg-dir-v220 .mbg-dir-category-strip{margin-bottom:18px;padding:9px 6px 10px}
  .mbg-ads-app.mbg-dir-v220 .mbg-dir-category-strip a{flex:0 0 96px;min-width:96px;min-height:82px}
  .mbg-ads-app.mbg-dir-v220 .mbg-dir-mobile-tools{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 14px}
  .mbg-ads-app.mbg-dir-v220 .mbg-dir-mobile-filter-btn,.mbg-ads-app.mbg-dir-v220 .mbg-dir-mobile-sort select{width:100%;min-height:44px;border:1px solid #dbe3eb;border-radius:8px;background:#fff;color:#26394e;font-size:13px;font-weight:750}
  .mbg-ads-app.mbg-dir-v220 .mbg-dir-layout{grid-template-columns:1fr;gap:16px}
  .mbg-ads-app.mbg-dir-v220 .mbg-dir-filters{position:static!important}
  .mbg-ads-app.mbg-dir-v220 .mbg-dir-filter-details:not([open]) form{display:none}
  .mbg-ads-app.mbg-dir-v220 .mbg-dir-results{grid-row:auto}
  .mbg-ads-app.mbg-dir-v220 .mbg-dir-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mbg-ads-app.mbg-dir-v220 .mbg-dir-rightbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
}

/* <=767: one result card, sidebar below, touch targets >=44px. */
@media(max-width:767px){
  .mbg-ads-app.mbg-dir-v220{margin-top:4px}
  .mbg-ads-app.mbg-dir-v220 .mbg-dir-hero-copy{padding:23px 18px 0}
  .mbg-ads-app.mbg-dir-v220 .mbg-dir-hero h1{font-size:29px!important;line-height:1.12!important}
  .mbg-ads-app.mbg-dir-v220 .mbg-dir-hero p{font-size:13px}
  .mbg-ads-app.mbg-dir-v220 .mbg-dir-hero-actions{display:grid;grid-template-columns:1fr 1fr}
  .mbg-ads-app.mbg-dir-v220 .mbg-dir-hero-actions a{min-height:44px;padding:9px 8px;font-size:11px}
  .mbg-ads-app.mbg-dir-v220 .mbg-dir-trust-row{margin-left:-18px;margin-right:-18px;padding-left:16px;padding-right:16px}
  .mbg-ads-app.mbg-dir-v220 .mbg-dir-hero-visual{min-height:205px}
  .mbg-ads-app.mbg-dir-v220 .mbg-dir-billboard{top:22px;left:20px;right:auto;width:min(72%,300px);padding:14px 16px}
  .mbg-ads-app.mbg-dir-v220 .mbg-dir-billboard strong{font-size:24px}
  .mbg-ads-app.mbg-dir-v220 .mbg-dir-featured-caption{max-width:185px}
  .mbg-ads-app.mbg-dir-v220 .mbg-dir-results-head{align-items:flex-start;flex-direction:column}
  .mbg-ads-app.mbg-dir-v220 .mbg-dir-results-tools{width:100%;justify-content:space-between}
  .mbg-ads-app.mbg-dir-v220 .mbg-dir-quick-sort{display:none}
  .mbg-ads-app.mbg-dir-v220 .mbg-dir-results-meta button{width:44px;height:44px;min-width:44px}
  .mbg-ads-app.mbg-dir-v220 .mbg-dir-grid{grid-template-columns:1fr}
  .mbg-ads-app.mbg-dir-v220 .mbg-dir-grid.is-list .mbg-dir-card{display:block}
  .mbg-ads-app.mbg-dir-v220 .mbg-dir-grid.is-list .mbg-dir-card-media{aspect-ratio:4/3;min-height:0}
  .mbg-ads-app.mbg-dir-v220 .mbg-dir-card h3{min-height:0;font-size:16px!important}
  .mbg-ads-app.mbg-dir-v220 .mbg-dir-detail{min-height:44px}
  .mbg-ads-app.mbg-dir-v220 .mbg-dir-pagination a,.mbg-ads-app.mbg-dir-v220 .mbg-dir-pagination span{min-width:42px;height:42px}
  .mbg-ads-app.mbg-dir-v220 .mbg-dir-bottom-cta{align-items:stretch;flex-direction:column;text-align:center}
  .mbg-ads-app.mbg-dir-v220 .mbg-dir-bottom-brand{justify-content:center}
  .mbg-ads-app.mbg-dir-v220 .mbg-dir-bottom-cta>a{min-height:44px;justify-content:center}
  .mbg-ads-app.mbg-dir-v220 .mbg-dir-rightbar{grid-template-columns:1fr}
}

@media(max-width:480px){
  .mbg-ads-app.mbg-dir-v220{padding:0 12px}
  .mbg-ads-app.mbg-dir-v220 .mbg-dir-hero{margin-left:-12px;margin-right:-12px;border-radius:14px 14px 0 0}
  .mbg-ads-app.mbg-dir-v220 .mbg-dir-category-strip{margin-left:-12px;margin-right:-12px;border-radius:0 0 14px 14px}
  .mbg-ads-app.mbg-dir-v220 .mbg-dir-hero h1{font-size:27px!important}
  .mbg-ads-app.mbg-dir-v220 .mbg-dir-trust-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 7px}
  .mbg-ads-app.mbg-dir-v220 .mbg-dir-category-strip a{flex-basis:92px;min-width:92px}
}


/* V2.2.0 — parent-first host normalization for /iklan-preview/.
   Expand every narrow Newspaper/tagDiv ancestor that contains the directory so the
   app participates in the real site container instead of visually overflowing a
   8/12 article column. Direct measured breakout remains only as a safe fallback. */
body.mbg-ads-preview-page.mbg-ads-preview-layout-ready .mbg-ads-preview-expand{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  float:none!important;
  clear:both!important;
  flex:0 0 100%!important;
  flex-basis:100%!important;
  grid-column:1/-1!important;
  margin-left:0!important;
  margin-right:0!important;
  padding-left:0!important;
  padding-right:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.mbg-ads-preview-page.mbg-ads-preview-layout-ready .mbg-ads-home.mbg-dir-v220{
  left:auto!important;
  width:100%!important;
  max-width:100%!important;
  margin-top:0!important;
  margin-left:0!important;
  margin-right:0!important;
}
@media(min-width:1121px){
  body.mbg-ads-preview-page.mbg-ads-preview-layout-ready .mbg-ads-home.mbg-dir-v220.mbg-ads-preview-direct-fallback{
    position:relative!important;
    left:var(--mbg-dir-site-shift,0px)!important;
    width:var(--mbg-dir-site-width,1068px)!important;
    max-width:calc(100vw - 28px)!important;
  }
  body.mbg-ads-preview-page.mbg-ads-preview-layout-ready .mbg-dir-v220 .mbg-dir-layout{
    grid-template-columns:210px minmax(0,1fr) 250px!important;
    gap:20px!important;
  }
  body.mbg-ads-preview-page.mbg-ads-preview-layout-ready .mbg-dir-v220 .mbg-dir-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:1120px){
  body.mbg-ads-preview-page.mbg-ads-preview-layout-ready .mbg-ads-home.mbg-dir-v220{
    position:relative!important;
    left:auto!important;
    width:100%!important;
    max-width:100%!important;
  }
}


/* V2.3.2 — MOCKUP PARITY: desktop marketplace density and proportions.
   Intentionally scoped to /iklan-preview/ + v232 only. */
@media(min-width:1280px){
 body.mbg-ads-preview-page.mbg-ads-preview-layout-ready .mbg-ads-home.mbg-dir-v232{
   width:var(--mbg-dir-site-width,100%)!important;
   max-width:min(1480px,calc(100vw - 40px))!important;
   margin-bottom:34px!important;
 }
 body.mbg-ads-preview-page.mbg-ads-preview-layout-ready .mbg-ads-home.mbg-dir-v232.mbg-ads-preview-direct-fallback{
   position:relative!important;
   left:var(--mbg-dir-site-shift,0px)!important;
 }
 .mbg-ads-app.mbg-dir-v232 .mbg-dir-hero{min-height:274px!important;border-radius:8px!important;margin-bottom:10px!important}
 .mbg-ads-app.mbg-dir-v232 .mbg-dir-hero-copy{padding:30px 28px 0!important}
 .mbg-ads-app.mbg-dir-v232 .mbg-dir-hero h1{max-width:610px!important;font-size:32px!important;line-height:1.08!important;margin:10px 0 8px!important}
 .mbg-ads-app.mbg-dir-v232 .mbg-dir-hero p{max-width:610px!important;font-size:13px!important;line-height:1.45!important;margin-bottom:13px!important}
 .mbg-ads-app.mbg-dir-v232 .mbg-dir-hero-actions{gap:10px!important}
 .mbg-ads-app.mbg-dir-v232 .mbg-dir-hero-actions a{min-height:38px!important;padding:9px 15px!important;font-size:11px!important}
 .mbg-ads-app.mbg-dir-v232 .mbg-dir-trust-row{margin-top:15px!important;gap:14px!important}
 .mbg-ads-app.mbg-dir-v232 .mbg-dir-trust-row span{min-width:0!important}
 .mbg-ads-app.mbg-dir-v232 .mbg-dir-hero-visual{min-height:274px!important}
 .mbg-ads-app.mbg-dir-v232 .mbg-dir-category-strip{margin:0 0 12px!important;padding:8px 4px!important;gap:6px!important;border-radius:8px!important;overflow-x:auto!important}
 .mbg-ads-app.mbg-dir-v232 .mbg-dir-category-strip a{flex:1 0 78px!important;min-width:78px!important;min-height:62px!important;padding:7px 5px!important;border-radius:8px!important}
 .mbg-ads-app.mbg-dir-v232 .mbg-dir-category-strip a span{font-size:20px!important}
 .mbg-ads-app.mbg-dir-v232 .mbg-dir-category-strip a b{font-size:9px!important;line-height:1.15!important}
 .mbg-ads-app.mbg-dir-v232 .mbg-dir-layout{grid-template-columns:240px minmax(0,1fr) 260px!important;gap:16px!important}
 .mbg-ads-app.mbg-dir-v232 .mbg-dir-filters,.mbg-ads-app.mbg-dir-v232 .mbg-dir-side-card{border-radius:9px!important}
 .mbg-ads-app.mbg-dir-v232 .mbg-dir-results-head{margin-bottom:12px!important;min-height:50px!important}
 .mbg-ads-app.mbg-dir-v232 .mbg-dir-results-head h2{font-size:20px!important;line-height:1.15!important}
 .mbg-ads-app.mbg-dir-v232 .mbg-dir-results-head p{font-size:10px!important;margin-top:3px!important}
 .mbg-ads-app.mbg-dir-v232 .mbg-dir-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}
 .mbg-ads-app.mbg-dir-v232 .mbg-dir-card{border-radius:9px!important}
 .mbg-ads-app.mbg-dir-v232 .mbg-dir-card-media{aspect-ratio:4/3!important}
 .mbg-ads-app.mbg-dir-v232 .mbg-dir-card-body{padding:10px!important}
 .mbg-ads-app.mbg-dir-v232 .mbg-dir-card h3{font-size:13px!important;line-height:1.25!important;min-height:33px!important;margin:5px 0!important}
 .mbg-ads-app.mbg-dir-v232 .mbg-dir-card-meta{font-size:10px!important;min-height:31px!important;margin-bottom:6px!important}
 .mbg-ads-app.mbg-dir-v232 .mbg-dir-card-footer{font-size:9px!important}
 .mbg-ads-app.mbg-dir-v232 .mbg-dir-grid.is-list{grid-template-columns:1fr!important}
 .mbg-ads-app.mbg-dir-v232 .mbg-dir-grid.is-list .mbg-dir-card{display:grid!important;grid-template-columns:220px minmax(0,1fr)!important}
 .mbg-ads-app.mbg-dir-v232 .mbg-dir-rightbar{gap:12px!important}
 .mbg-ads-app.mbg-dir-v232 .mbg-dir-side-card{padding:10px!important}
 .mbg-ads-app.mbg-dir-v232 .mbg-dir-advertise-box{min-height:138px!important}
}
@media(min-width:1200px) and (max-width:1279px){
 .mbg-ads-app.mbg-dir-v232 .mbg-dir-layout{grid-template-columns:220px minmax(0,1fr) 240px!important;gap:14px!important}
 .mbg-ads-app.mbg-dir-v232 .mbg-dir-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}
}


/* V2.3.3 — VISUAL DELTA FIX
   Fixes the V2.3.2 live mismatch caused by the stale 2.2.0 asset-version constant.
   Keep all rules page-scoped and make the approved mockup geometry deterministic. */
@media (min-width:1280px){
 body.mbg-ads-preview-page.mbg-ads-preview-layout-ready .mbg-ads-home.mbg-dir-v233{
   width:min(1480px,calc(100vw - 40px))!important;
   max-width:min(1480px,calc(100vw - 40px))!important;
   margin-inline:auto!important;
 }
 body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v233 .mbg-dir-layout{
   grid-template-columns:240px minmax(0,1fr) 260px!important;
   gap:16px!important;
 }
 body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v233 #mbg-dir-grid.mbg-dir-grid:not(.is-list){
   display:grid!important;
   grid-template-columns:repeat(4,minmax(0,1fr))!important;
   gap:14px!important;
 }
 body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v233 #mbg-dir-grid.mbg-dir-grid:not(.is-list) .mbg-dir-card{
   min-width:0!important;width:auto!important;max-width:none!important;
 }
 body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v233 #mbg-dir-grid:not(.is-list) .mbg-dir-card-media{
   aspect-ratio:4/3!important;height:auto!important;min-height:0!important;
 }
 body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v233 #mbg-dir-grid:not(.is-list) .mbg-dir-card-media img{
   width:100%!important;height:100%!important;object-fit:cover!important;
 }
 body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v233 #mbg-dir-grid:not(.is-list) .mbg-dir-card-body{padding:10px!important;min-width:0!important}
 body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v233 #mbg-dir-grid:not(.is-list) .mbg-dir-detail{display:none!important}
 body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v233 #mbg-dir-grid:not(.is-list) .mbg-dir-business{display:none!important}
 body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v233 .mbg-dir-trust-row{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:10px!important}
 body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v233 .mbg-dir-trust-row strong{font-size:10px!important}
 body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v233 .mbg-dir-trust-row small{font-size:8px!important}
 body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v233 .mbg-dir-category-strip{scrollbar-width:none}
 body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v233 .mbg-dir-category-strip::-webkit-scrollbar{display:none}
 body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v233 .mbg-dir-results{min-width:0!important}
 body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v233 .mbg-dir-rightbar{width:auto!important;min-width:0!important}
}
@media (min-width:1200px) and (max-width:1279px){
 body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v233 #mbg-dir-grid.mbg-dir-grid:not(.is-list){grid-template-columns:repeat(3,minmax(0,1fr))!important}
}


/* V2.3.4 — MOCKUP CLOSING PASS
   Screenshot-driven tuning: tighten top gap, preserve 4-column marketplace density,
   restore the missing Featured Advertisement panel, and align panel/card rhythm. */
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v234{--mbg-v234-gap:14px}
body.mbg-ads-preview-page .mbg-ads-preview-content-wrap{padding-top:12px!important;margin-top:0!important}
body.mbg-ads-preview-page .mbg-ads-preview-content-container{padding-top:0!important;margin-top:0!important}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v234 .mbg-dir-hero{margin-top:0!important;margin-bottom:9px!important}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v234 .mbg-dir-category-strip{margin-bottom:10px!important}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v234 .mbg-dir-results-head{margin-bottom:10px!important}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v234 .mbg-dir-card{box-shadow:0 2px 8px rgba(15,39,71,.055)!important;border-color:#e1e7ef!important}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v234 .mbg-dir-card h3{font-size:13px!important;line-height:1.28!important;margin:6px 0!important;min-height:34px!important}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v234 .mbg-dir-card-meta{font-size:10px!important;line-height:1.35!important}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v234 .mbg-dir-side-panel{margin:0 0 12px!important}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v234 .mbg-dir-featured-ad{display:block!important;padding:10px!important}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v234 .mbg-dir-featured-fallback{min-height:126px;border-radius:7px;padding:14px;background:linear-gradient(135deg,#f5f7fb,#e9eef6);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;border:1px solid #e1e7ef}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v234 .mbg-dir-featured-fallback strong{font-size:16px;line-height:1.02;color:#b51624;letter-spacing:-.02em}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v234 .mbg-dir-featured-fallback small{font-size:9px;line-height:1.35;color:#475569;margin:7px 0 10px}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v234 .mbg-dir-featured-fallback a{font-size:9px;font-weight:800;background:#ef3340;color:#fff!important;text-decoration:none;padding:7px 10px;border-radius:6px}
@media(min-width:1280px){
 body.mbg-ads-preview-page.mbg-ads-preview-layout-ready .mbg-ads-home.mbg-dir-v234{width:min(1520px,calc(100vw - 36px))!important;max-width:min(1520px,calc(100vw - 36px))!important}
 body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v234 .mbg-dir-layout{grid-template-columns:230px minmax(0,1fr) 250px!important;gap:14px!important}
 body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v234 #mbg-dir-grid.mbg-dir-grid:not(.is-list){grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}
 body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v234 .mbg-dir-category-strip a{min-width:84px!important;flex:1 0 84px!important}
 body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v234 .mbg-dir-bottom-cta{margin-top:16px!important}
}


/* V2.3.5 — HEADER PARITY PASS
   Adds the directory-only marketplace header from the approved mockup while leaving
   the site's utility strip/footer and all non-directory pages untouched. */
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v235 .mbg-dir-market-header{display:block;margin:0 0 12px;background:#fff}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v235 .mbg-dir-market-head-main{min-height:72px;display:grid;grid-template-columns:330px minmax(360px,1fr) 210px 120px;align-items:center;gap:22px;padding:8px 14px}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v235 .mbg-dir-market-brand{display:flex;align-items:center;text-decoration:none;min-width:0}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v235 .mbg-dir-market-brand img{display:block;max-width:315px;max-height:58px;width:auto;height:auto;object-fit:contain}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v235 .mbg-dir-market-brand strong{font-size:28px;color:#111}.mbg-ads-app.mbg-dir-v235 .mbg-dir-market-brand strong b{color:#c81022}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v235 .mbg-dir-market-search{height:42px;display:grid;grid-template-columns:38px minmax(0,1fr) 112px;align-items:center;border:1px solid #cfd6df;border-radius:6px;overflow:hidden;background:#fff;margin:0}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v235 .mbg-dir-market-search>span{text-align:center;font-size:20px;color:#0b3159}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v235 .mbg-dir-market-search input{height:40px!important;border:0!important;outline:0!important;box-shadow:none!important;padding:0 8px!important;margin:0!important;font-size:12px!important;background:#fff!important}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v235 .mbg-dir-market-search button{height:42px!important;border:0!important;border-radius:0!important;background:#ed142b!important;color:#fff!important;font-weight:800!important;font-size:12px!important;padding:0 18px!important;margin:0!important}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v235 .mbg-dir-market-post{height:42px;display:flex;align-items:center;justify-content:center;gap:7px;background:#0860b8;color:#fff!important;text-decoration:none!important;border-radius:6px;font-size:11px;font-weight:800;white-space:nowrap}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v235 .mbg-dir-market-post span{font-size:17px}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v235 .mbg-dir-market-account{display:flex;align-items:center;gap:8px;color:#0d2035!important;text-decoration:none!important;white-space:nowrap}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v235 .mbg-dir-market-account>span{width:38px;height:38px;border:1px solid #9eacbb;border-radius:50%;display:grid;place-items:center;font-size:10px}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v235 .mbg-dir-market-account i{font-style:normal;display:flex;flex-direction:column}.mbg-ads-app.mbg-dir-v235 .mbg-dir-market-account strong{font-size:11px}.mbg-ads-app.mbg-dir-v235 .mbg-dir-market-account small{font-size:8px;color:#68788a}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v235 .mbg-dir-market-nav{min-height:40px;display:flex;align-items:stretch;background:#052d58;overflow-x:auto;scrollbar-width:none}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v235 .mbg-dir-market-nav::-webkit-scrollbar{display:none}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v235 .mbg-dir-market-nav a{display:flex;align-items:center;justify-content:center;padding:0 15px;color:#fff!important;text-decoration:none!important;font-size:10px;font-weight:750;white-space:nowrap}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v235 .mbg-dir-market-nav a.is-current{margin-left:auto;background:#ef1730;padding-inline:24px}
/* Suppress only the Newspaper logo/menu rows that the directory-specific header replaces. */
body.mbg-ads-preview-page .td-header-sp-logo,
body.mbg-ads-preview-page .td-main-menu-logo,
body.mbg-ads-preview-page .td-header-menu-wrap-full,
body.mbg-ads-preview-page .td-header-menu-wrap,
body.mbg-ads-preview-page .td-header-main-menu{display:none!important}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v235 .mbg-dir-hero{margin-top:0!important}
@media(min-width:1280px){
 body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v235 .mbg-dir-hero{min-height:274px!important}
 body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v235 .mbg-dir-hero-copy{padding:30px 30px 0!important}
 body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v235 .mbg-dir-hero h1{font-size:32px!important;max-width:640px!important}
 body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v235 .mbg-dir-category-strip{padding:7px 3px!important}
 body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v235 .mbg-dir-layout{grid-template-columns:230px minmax(0,1fr) 250px!important}
}
@media(max-width:1279px){
 body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v235 .mbg-dir-market-head-main{grid-template-columns:240px minmax(260px,1fr) 180px;gap:12px}
 body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v235 .mbg-dir-market-account{display:none}
 body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v235 .mbg-dir-market-brand img{max-width:225px}
}
@media(max-width:991px){
 body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v235 .mbg-dir-market-header{margin-left:-12px;margin-right:-12px}
 body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v235 .mbg-dir-market-head-main{grid-template-columns:1fr auto;padding:8px 12px;gap:8px}
 body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v235 .mbg-dir-market-brand img{max-width:205px;max-height:46px}
 body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v235 .mbg-dir-market-search{grid-column:1/-1;grid-row:2;height:42px}
 body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v235 .mbg-dir-market-post{grid-column:2;grid-row:1;height:38px;padding:0 12px;font-size:10px}
 body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v235 .mbg-dir-market-nav{min-height:38px}
 body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v235 .mbg-dir-market-nav a{padding:0 13px}
 body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v235 .mbg-dir-market-nav a.is-current{margin-left:0}
}
@media(max-width:600px){
 body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v235 .mbg-dir-market-head-main{grid-template-columns:1fr}
 body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v235 .mbg-dir-market-post{display:none}
 body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v235 .mbg-dir-market-search{grid-column:1;grid-row:2}
 body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v235 .mbg-dir-market-brand img{max-width:220px}
}


/* V2.3.6 — MOCKUP SCALE & RHYTHM PASS
   Screenshot 410 showed the internal composition was correct but the complete directory
   rendered too small and left excessive whitespace before the site footer. This pass
   scales the approved composition to the mockup's visual density without changing data. */
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v236{font-size:14px!important}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v236 .mbg-dir-market-header{margin-bottom:14px!important}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v236 .mbg-dir-market-head-main{min-height:78px!important;grid-template-columns:350px minmax(390px,1fr) 220px 125px!important;gap:20px!important;padding:9px 16px!important}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v236 .mbg-dir-market-brand img{max-width:330px!important;max-height:62px!important}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v236 .mbg-dir-market-search{height:44px!important}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v236 .mbg-dir-market-search input{height:42px!important;font-size:13px!important}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v236 .mbg-dir-market-search button{height:44px!important;font-size:13px!important}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v236 .mbg-dir-market-post{height:44px!important;font-size:12px!important}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v236 .mbg-dir-market-nav{min-height:43px!important}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v236 .mbg-dir-market-nav a{font-size:11px!important;padding-inline:14px!important}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v236 .mbg-dir-market-nav a.is-current{padding-inline:22px!important}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v236 .mbg-dir-category-strip{margin-bottom:12px!important}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v236 .mbg-dir-filters{font-size:12px!important}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v236 .mbg-dir-results-head h2{font-size:22px!important}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v236 .mbg-dir-results-head p{font-size:11px!important}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v236 .mbg-dir-card h3{font-size:14px!important;min-height:36px!important}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v236 .mbg-dir-card-meta{font-size:10.5px!important}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v236 .mbg-dir-side-panel h3{font-size:15px!important}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v236 .mbg-dir-bottom-cta{margin-top:14px!important}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v236 + *{margin-top:0!important}
@media(min-width:1280px){
 body.mbg-ads-preview-page.mbg-ads-preview-layout-ready .mbg-ads-home.mbg-dir-v236{width:min(1540px,calc(100vw - 32px))!important;max-width:min(1540px,calc(100vw - 32px))!important;margin-bottom:12px!important}
 body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v236 .mbg-dir-hero{min-height:292px!important;margin-bottom:10px!important}
 body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v236 .mbg-dir-hero-visual{min-height:292px!important}
 body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v236 .mbg-dir-hero-copy{padding:32px 32px 0!important}
 body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v236 .mbg-dir-hero h1{font-size:35px!important;line-height:1.07!important;max-width:660px!important}
 body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v236 .mbg-dir-hero p{font-size:13.5px!important;max-width:630px!important}
 body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v236 .mbg-dir-hero-actions a{min-height:40px!important;font-size:11.5px!important}
 body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v236 .mbg-dir-category-strip a{min-height:66px!important;min-width:88px!important;flex-basis:88px!important}
 body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v236 .mbg-dir-layout{grid-template-columns:240px minmax(0,1fr) 260px!important;gap:16px!important}
 body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v236 #mbg-dir-grid.mbg-dir-grid:not(.is-list){gap:16px!important}
}
/* The theme's content wrapper was reserving article-like bottom space on the directory. */
body.mbg-ads-preview-page.mbg-ads-preview-layout-ready .mbg-ads-preview-content-wrap,
body.mbg-ads-preview-page.mbg-ads-preview-layout-ready .mbg-ads-preview-content-container,
body.mbg-ads-preview-page.mbg-ads-preview-layout-ready .mbg-ads-preview-content-main{padding-bottom:0!important;margin-bottom:0!important;min-height:0!important}


/* V2.3.7 — PUSAT IKLAN / FINAL COMPOSITION PASS
   Goal: match the approved mockup hierarchy, remove the duplicated Newspaper header,
   keep only the thin utility bar, and tighten the directory-to-footer rhythm. */
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v237{font-size:14px!important}
/* Newspaper native logo + primary/sub navigation are duplicates on this landing page. */
body.mbg-ads-preview-page .td-header-header,
body.mbg-ads-preview-page .td-header-menu-wrap-full,
body.mbg-ads-preview-page .td-header-menu-wrap,
body.mbg-ads-preview-page .td-header-main-menu,
body.mbg-ads-preview-page .td-header-gradient,
body.mbg-ads-preview-page .td-header-sub-menu,
body.mbg-ads-preview-page .td-header-menu-socials{display:none!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important}
/* Keep the utility/top bar visible, as in the mockup. */
body.mbg-ads-preview-page .top-header-menu,
body.mbg-ads-preview-page .td-header-top-menu-full,
body.mbg-ads-preview-page .td-header-top-menu{display:block!important}
body.mbg-ads-preview-page .mbg-ads-preview-content-wrap{padding-top:8px!important}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v237 .mbg-dir-market-header{margin-top:0!important;margin-bottom:10px!important}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v237 .mbg-dir-market-head-main{min-height:74px!important}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v237 .mbg-dir-market-nav{min-height:40px!important}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v237 .mbg-dir-hero{margin-bottom:8px!important}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v237 .mbg-dir-category-strip{margin-bottom:10px!important}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v237 .mbg-dir-layout{align-items:start!important}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v237 .mbg-dir-bottom-cta{margin-top:14px!important}
body.mbg-ads-preview-page .post-edit-link,
body.mbg-ads-preview-page .td-post-edit-link{display:none!important}
body.mbg-ads-preview-page.mbg-ads-preview-layout-ready .mbg-ads-preview-content-wrap,
body.mbg-ads-preview-page.mbg-ads-preview-layout-ready .mbg-ads-preview-content-container,
body.mbg-ads-preview-page.mbg-ads-preview-layout-ready .mbg-ads-preview-content-main{padding-bottom:0!important;margin-bottom:0!important}
@media(min-width:1280px){
 body.mbg-ads-preview-page.mbg-ads-preview-layout-ready .mbg-ads-home.mbg-dir-v237{width:min(1520px,calc(100vw - 40px))!important;max-width:min(1520px,calc(100vw - 40px))!important;margin:0 auto 10px!important}
 body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v237 .mbg-dir-market-head-main{grid-template-columns:330px minmax(420px,1fr) 220px 126px!important;gap:18px!important;padding:8px 16px!important}
 body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v237 .mbg-dir-market-brand img{max-width:315px!important;max-height:58px!important}
 body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v237 .mbg-dir-hero{min-height:286px!important}
 body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v237 .mbg-dir-hero-visual{min-height:286px!important}
 body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v237 .mbg-dir-hero-copy{padding:29px 30px 0!important}
 body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v237 .mbg-dir-hero h1{font-size:34px!important;max-width:650px!important}
 body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v237 .mbg-dir-layout{grid-template-columns:240px minmax(0,1fr) 260px!important;gap:16px!important}
 body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v237 #mbg-dir-grid.mbg-dir-grid:not(.is-list){grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}
}


/* V2.3.8 — PUSAT IKLAN / TOP-LOCK PASS
   User-approved composition: remove every legacy Newspaper header element marked X
   and lock Pusat Iklan to the top edge of the public page. Preview-only scope. */
body.mbg-ads-preview-page{padding-top:0!important}
/* Remove the complete native theme header stack, including utility bar, logo row,
   legacy nav/subnav, header search and any spacer left by sticky/header wrappers. */
body.mbg-ads-preview-page #td-header-menu,
body.mbg-ads-preview-page #td-header-search,
body.mbg-ads-preview-page .td-header-wrap,
body.mbg-ads-preview-page .td-header-top-menu-full,
body.mbg-ads-preview-page .td-header-top-menu,
body.mbg-ads-preview-page .top-header-menu,
body.mbg-ads-preview-page .td-header-header,
body.mbg-ads-preview-page .td-header-menu-wrap-full,
body.mbg-ads-preview-page .td-header-menu-wrap,
body.mbg-ads-preview-page .td-header-main-menu,
body.mbg-ads-preview-page .td-header-gradient,
body.mbg-ads-preview-page .td-header-sub-menu,
body.mbg-ads-preview-page .td-header-menu-socials,
body.mbg-ads-preview-page .td-header-sp-logo,
body.mbg-ads-preview-page .td-header-sp-recs,
body.mbg-ads-preview-page .td-header-search-wrap,
body.mbg-ads-preview-page .td-search-wrap-mob,
body.mbg-ads-preview-page .td-mobile-nav,
body.mbg-ads-preview-page .td-menu-background,
body.mbg-ads-preview-page .td-search-background{
 display:none!important;height:0!important;min-height:0!important;max-height:0!important;
 margin:0!important;padding:0!important;border:0!important;overflow:hidden!important
}
/* Remove theme/page-builder space above the shortcode host. */
body.mbg-ads-preview-page .td-main-content-wrap,
body.mbg-ads-preview-page .td-container-wrap,
body.mbg-ads-preview-page .tdc-content-wrap,
body.mbg-ads-preview-page .mbg-ads-preview-content-wrap,
body.mbg-ads-preview-page .mbg-ads-preview-content-container,
body.mbg-ads-preview-page .mbg-ads-preview-content-main{
 margin-top:0!important;padding-top:0!important
}
body.mbg-ads-preview-page .mbg-ads-preview-empty-gap,
body.mbg-ads-preview-page .mbg-ads-preview-native-title-wrap{
 display:none!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important
}
body.mbg-ads-preview-page .mbg-ads-home.mbg-dir-v238{
 margin-top:0!important;padding-top:0!important
}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v238 .mbg-dir-market-header{
 margin-top:0!important
}
/* First visible element begins at the top. Keep the marketplace header crisp and attached. */
@media(min-width:1280px){
 body.mbg-ads-preview-page.mbg-ads-preview-layout-ready .mbg-ads-home.mbg-dir-v238{
   width:min(1520px,calc(100vw - 32px))!important;
   max-width:min(1520px,calc(100vw - 32px))!important;
   margin:0 auto 10px!important
 }
 body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v238 .mbg-dir-market-header{margin:0 0 8px!important}
 body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v238 .mbg-dir-market-head-main{min-height:72px!important;padding-top:6px!important;padding-bottom:6px!important}
 body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v238 .mbg-dir-market-nav{min-height:40px!important}
}

/* V2.3.9 — PREMIUM PRIORITY LAYOUT
   Premium is a real data/query zone, not a CSS reorder. The lower grid is regular-only. */
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v239 .mbg-dir-premium-zone{margin:0 0 16px}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v239 .mbg-dir-zone-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 10px;padding:9px 12px;border:1px solid #dfe6ee;border-radius:8px;background:#fff}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v239 .mbg-dir-zone-head>div{display:flex;align-items:center;gap:8px;min-width:0}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v239 .mbg-dir-zone-head strong{font-size:14px;color:#0b3158}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v239 .mbg-dir-zone-head small{font-size:11px;color:#73808e}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v239 .mbg-dir-zone-icon{display:grid;place-items:center;width:23px;height:23px;border-radius:6px;background:#eef5ff;color:#0877f9;font-size:11px}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v239 .mbg-dir-zone-head>a{font-size:12px;font-weight:700;color:#0877f9;white-space:nowrap;text-decoration:none}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v239 .mbg-dir-regular-divider{display:flex;align-items:center;gap:12px;margin:2px 0 12px;color:#183b5d;font-size:13px;font-weight:800}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v239 .mbg-dir-regular-divider:before,body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v239 .mbg-dir-regular-divider:after{content:"";height:1px;background:#d8e0e8;flex:1}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v239 .mbg-dir-regular-divider span{white-space:nowrap}
@media(max-width:767px){body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v239 .mbg-dir-zone-head{align-items:flex-start;flex-direction:column;gap:6px}body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v239 .mbg-dir-zone-head small{display:none}}


/* V2.4.0 — PUSAT IKLAN MARKETPLACE POLISH
   Visual consolidation after Premium Priority: compact premium shelf, strong section
   hierarchy, four-column catalog, consistent cards and tighter vertical rhythm. */
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v240 .mbg-dir-results-main{min-width:0}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v240 .mbg-dir-premium-zone{margin:0 0 18px;padding:0}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v240 .mbg-dir-zone-head{min-height:48px;margin:0 0 12px;padding:9px 12px;border:1px solid #dbe5ef;border-radius:10px;background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);box-shadow:0 2px 8px rgba(15,45,75,.04)}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v240 .mbg-dir-zone-head>div{gap:9px}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v240 .mbg-dir-zone-title{display:flex;flex-direction:column;gap:1px;min-width:0}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v240 .mbg-dir-zone-head strong{font-size:15px!important;line-height:1.15;color:#092f57}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v240 .mbg-dir-zone-head small{font-size:10px!important;color:#718096}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v240 .mbg-dir-zone-icon{width:27px;height:27px;border-radius:7px;background:#eaf3ff;color:#0877f9}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v240 .mbg-dir-zone-head>a{display:inline-flex;align-items:center;min-height:32px;padding:0 10px;border:1px solid #cfe0f3;border-radius:7px;background:#fff;color:#0868c9!important;font-size:11px!important;font-weight:800;text-decoration:none!important}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v240 .mbg-dir-zone-head>a:hover{border-color:#0877f9;background:#f2f8ff}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v240 .mbg-dir-regular-divider{justify-content:flex-start;margin:2px 0 12px;font-size:14px!important;color:#0b3158}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v240 .mbg-dir-regular-divider:before{display:none}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v240 .mbg-dir-regular-divider:after{background:#d8e2ec}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v240 .mbg-dir-regular-divider span{display:inline-flex;align-items:center;min-height:28px;padding:0 9px;border-radius:6px;background:#edf3f8}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v240 .mbg-dir-premium-grid,
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v240 .mbg-dir-regular-grid{align-items:stretch!important}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v240 .mbg-dir-premium-grid .mbg-dir-card,
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v240 .mbg-dir-regular-grid .mbg-dir-card{height:100%;display:flex;flex-direction:column;border-radius:10px!important;border-color:#dde5ed!important;box-shadow:0 2px 9px rgba(15,39,71,.055)!important}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v240 .mbg-dir-premium-grid .mbg-dir-card.is-premium{border-color:#efb9c0!important;box-shadow:0 3px 12px rgba(221,31,55,.08)!important}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v240 .mbg-dir-card-body{flex:1;display:flex;flex-direction:column;padding:10px!important}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v240 .mbg-dir-card h3{font-size:13px!important;line-height:1.28!important;min-height:34px!important;margin:6px 0!important}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v240 .mbg-dir-card-meta{margin-top:auto!important;min-height:30px!important;font-size:10px!important}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v240 .mbg-dir-premium-grid:not(.is-list) .mbg-dir-detail,
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v240 .mbg-dir-regular-grid:not(.is-list) .mbg-dir-detail{display:none!important}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v240 .mbg-dir-pagination{margin:16px 0 0!important}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v240 .mbg-dir-bottom-cta{margin-top:16px!important}
@media(min-width:1280px){
 body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v240 .mbg-dir-premium-grid,
 body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v240 .mbg-dir-regular-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}
 body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v240 .mbg-dir-premium-grid .mbg-dir-card-media,
 body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v240 .mbg-dir-regular-grid .mbg-dir-card-media{aspect-ratio:4/3!important}
}
@media(min-width:992px) and (max-width:1279px){
 body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v240 .mbg-dir-premium-grid,
 body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v240 .mbg-dir-regular-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
}
@media(max-width:767px){
 body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v240 .mbg-dir-premium-grid,
 body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v240 .mbg-dir-regular-grid{grid-template-columns:1fr!important;gap:12px!important}
 body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v240 .mbg-dir-zone-head{align-items:stretch!important}
 body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v240 .mbg-dir-zone-head>a{justify-content:center;width:100%}
}


/* V2.4.1 — CLEAN TOP HARDENING
   Removes the legacy Newspaper/tagDiv header stack marked by the preview bridge.
   Scope is /iklan-preview/ only; the dedicated Pusat Iklan header inside the app remains visible. */
body.mbg-ads-preview-page .mbg-ads-preview-legacy-top,
body.mbg-ads-preview-page .mbg-ads-preview-legacy-top-shell{
 display:none!important;height:0!important;min-height:0!important;max-height:0!important;
 margin:0!important;padding:0!important;border:0!important;overflow:hidden!important
}
body.mbg-ads-preview-page.mbg-ads-preview-layout-ready{padding-top:0!important}
body.mbg-ads-preview-page.mbg-ads-preview-layout-ready .mbg-ads-home.mbg-dir-v240{
 margin-top:0!important;padding-top:0!important
}
body.mbg-ads-preview-page.mbg-ads-preview-layout-ready .mbg-ads-app.mbg-dir-v240 .mbg-dir-market-header{
 margin-top:0!important
}
@media(min-width:1280px){
 body.mbg-ads-preview-page.mbg-ads-preview-layout-ready .mbg-ads-home.mbg-dir-v240{
   width:min(1520px,calc(100vw - 32px))!important;
   max-width:min(1520px,calc(100vw - 32px))!important;
   margin-left:auto!important;margin-right:auto!important
 }
}


/* V2.4.2 — CLEAN TOP ABSOLUTE / TOP-LOCK
   The live Newspaper header uses wrappers that can survive theme variations.
   Hide the legacy theme chrome only on /iklan-preview/ and collapse its shells.
   The custom Pusat Iklan market header becomes the first visible frontend UI. */
body.mbg-ads-preview-page .mbg-ads-preview-legacy-top,
body.mbg-ads-preview-page .mbg-ads-preview-legacy-top-shell,
body.mbg-ads-preview-page .td-header-wrap,
body.mbg-ads-preview-page .tdc-header-wrap,
body.mbg-ads-preview-page .td-header-template-wrap,
body.mbg-ads-preview-page .td-header-desktop-wrap,
body.mbg-ads-preview-page .td-header-mobile-wrap,
body.mbg-ads-preview-page .td-header-top-menu-full,
body.mbg-ads-preview-page .td-header-top-menu,
body.mbg-ads-preview-page .top-header-menu,
body.mbg-ads-preview-page .td-header-header,
body.mbg-ads-preview-page .td-header-menu-wrap-full,
body.mbg-ads-preview-page .td-header-menu-wrap,
body.mbg-ads-preview-page .td-header-main-menu,
body.mbg-ads-preview-page .td-header-gradient,
body.mbg-ads-preview-page .td-header-sub-menu,
body.mbg-ads-preview-page .td-header-menu-socials,
body.mbg-ads-preview-page .td-header-sp-logo,
body.mbg-ads-preview-page .td-main-menu-logo,
body.mbg-ads-preview-page .td-header-sp-recs,
body.mbg-ads-preview-page .td-header-sp-top-menu,
body.mbg-ads-preview-page .td-header-sp-top-widget,
body.mbg-ads-preview-page .td-header-sp-top-menu-full{
 display:none!important;height:0!important;min-height:0!important;max-height:0!important;
 margin:0!important;padding:0!important;border:0!important;overflow:hidden!important;
}
body.mbg-ads-preview-page.mbg-ads-preview-layout-ready .mbg-ads-preview-content-wrap,
body.mbg-ads-preview-page.mbg-ads-preview-layout-ready .mbg-ads-preview-content-container,
body.mbg-ads-preview-page.mbg-ads-preview-layout-ready .mbg-ads-preview-content-main,
body.mbg-ads-preview-page.mbg-ads-preview-layout-ready .mbg-ads-preview-breakout-host{
 padding-top:0!important;margin-top:0!important;
}
body.mbg-ads-preview-page .mbg-ads-home.mbg-dir-v242{
 position:relative!important;
 margin-top:var(--mbg-top-lock-shift,0px)!important;
}
body.mbg-ads-preview-page .mbg-ads-home.mbg-dir-v242 .mbg-dir-market-header{margin-top:0!important}
@media(min-width:992px){
 body.mbg-ads-preview-page .mbg-ads-home.mbg-dir-v242{padding-top:0!important}
}


/* V2.4.3 — LEGACY HEADER ZERO-TOLERANCE
   The Pusat Iklan application is the only public header on /iklan-preview/.
   Runtime markers are applied by preview-layout.js after identifying the old
   Newspaper utility/logo/search blocks. Collapse both the blocks and their
   empty shells, then top-lock the app with no residual theme spacer. */
body.mbg-ads-preview-page .mbg-ads-v243-remove,
body.mbg-ads-preview-page .mbg-ads-v243-shell{
 display:none!important; visibility:hidden!important; opacity:0!important;
 height:0!important; min-height:0!important; max-height:0!important;
 margin:0!important; padding:0!important; border:0!important;
 overflow:hidden!important; position:absolute!important; pointer-events:none!important;
}
body.mbg-ads-preview-page.mbg-ads-preview-layout-ready{padding-top:0!important;margin-top:0!important}
body.mbg-ads-preview-page .mbg-ads-home.mbg-dir-v243{
 margin-top:var(--mbg-top-lock-shift,0px)!important;
 padding-top:0!important;
}
body.mbg-ads-preview-page .mbg-ads-home.mbg-dir-v243 .mbg-dir-market-header{margin-top:0!important}


/* V2.4.4 — FINAL RESIDUAL NEWSPAPER BRAND REMOVAL */
body.mbg-ads-preview-page .mbg-ads-v244-remove{display:none!important;height:0!important;min-height:0!important;max-height:0!important;margin:0!important;padding:0!important;border:0!important;overflow:hidden!important;visibility:hidden!important}
body.mbg-ads-preview-page.mbg-ads-preview-layout-ready .mbg-ads-home{margin-top:var(--mbg-top-lock-shift,0px)!important}


/* V2.4.5 — FOOTER WIDTH ALIGNMENT
   Keep the Newspaper footer content, but make its visible panel align exactly with
   the Pusat Iklan marketplace canvas on /iklan-preview/. Runtime JS supplies the
   measured marketplace width so this survives theme/container variations. */
body.mbg-ads-preview-page .mbg-ads-v245-footer{
 box-sizing:border-box!important;
 width:var(--mbg-v245-footer-width,min(1520px,calc(100vw - 32px)))!important;
 max-width:var(--mbg-v245-footer-width,min(1520px,calc(100vw - 32px)))!important;
 position:relative!important;
 left:50%!important;
 transform:translateX(-50%)!important;
 margin-left:0!important;
 margin-right:0!important;
}
body.mbg-ads-preview-page .mbg-ads-v245-footer-inner{
 box-sizing:border-box!important;
 width:100%!important;
 max-width:100%!important;
 margin-left:auto!important;
 margin-right:auto!important;
}
@media(max-width:767px){
 body.mbg-ads-preview-page .mbg-ads-v245-footer{
  width:calc(100vw - 20px)!important;
  max-width:calc(100vw - 20px)!important;
 }
}


/* V2.4.6 — FOOTER ZERO-GAP / BODY-TO-FOOTER LOCK
   Remove the legacy Newspaper spacer below the Pusat Iklan canvas. Runtime JS measures
   the real gap between the marketplace body and the visible footer, then collapses it. */
body.mbg-ads-preview-page .mbg-ads-v245-footer{
 margin-top:var(--mbg-v246-footer-gap-shift,0px)!important;
}
body.mbg-ads-preview-page .mbg-ads-v246-gap-wrapper{
 margin-bottom:0!important; padding-bottom:0!important; min-height:0!important;
}
body.mbg-ads-preview-page .mbg-ads-home{margin-bottom:0!important;padding-bottom:0!important}
@media(max-width:767px){body.mbg-ads-preview-page .mbg-ads-v245-footer{margin-top:var(--mbg-v246-footer-gap-shift,0px)!important}}

/* V2.4.7 — PREMIUM FOOTER POLISH
   Refine only the footer detected on /iklan-preview/: tighter body lock, stronger brand
   hierarchy, balanced social/link rows, and responsive wrapping. */
body.mbg-ads-preview-page .mbg-ads-v245-footer{
 margin-top:calc(var(--mbg-v246-footer-gap-shift,0px) - 2px)!important;
 background:linear-gradient(135deg,#031d34 0%,#062a49 100%)!important;
 border-top:3px solid #ef3340!important;
 border-radius:8px 8px 0 0!important;
 box-shadow:0 -8px 24px rgba(3,29,52,.08)!important;
 overflow:hidden!important;
 padding:18px 22px 14px!important;
 color:#fff!important;
}
body.mbg-ads-preview-page .mbg-ads-v245-footer-inner{
 padding-left:0!important;padding-right:0!important;
}
body.mbg-ads-preview-page .mbg-ads-v245-footer img{
 max-height:54px!important;width:auto!important;object-fit:contain!important;
}
body.mbg-ads-preview-page .mbg-ads-v245-footer a{
 color:#fff!important;text-decoration:none!important;transition:opacity .18s ease,transform .18s ease!important;
}
body.mbg-ads-preview-page .mbg-ads-v245-footer a:hover{opacity:.82!important}
body.mbg-ads-preview-page .mbg-ads-v245-footer hr,
body.mbg-ads-preview-page .mbg-ads-v245-footer [class*="separator"],
body.mbg-ads-preview-page .mbg-ads-v245-footer [class*="divider"]{
 border-color:rgba(255,255,255,.28)!important;
}
body.mbg-ads-preview-page .mbg-ads-v245-footer p,
body.mbg-ads-preview-page .mbg-ads-v245-footer li,
body.mbg-ads-preview-page .mbg-ads-v245-footer span{
 line-height:1.55!important;
}
body.mbg-ads-preview-page .mbg-ads-v245-footer ul{margin-top:8px!important;margin-bottom:0!important}
body.mbg-ads-preview-page .mbg-ads-v245-footer svg,
body.mbg-ads-preview-page .mbg-ads-v245-footer i{
 vertical-align:middle!important;
}
@media(min-width:768px){
 body.mbg-ads-preview-page .mbg-ads-v245-footer{min-height:118px!important}
}
@media(max-width:767px){
 body.mbg-ads-preview-page .mbg-ads-v245-footer{
  width:calc(100vw - 20px)!important;max-width:calc(100vw - 20px)!important;
  padding:16px 14px 14px!important;border-radius:7px 7px 0 0!important;
 }
 body.mbg-ads-preview-page .mbg-ads-v245-footer img{max-height:44px!important}
 body.mbg-ads-preview-page .mbg-ads-v245-footer *{max-width:100%!important}
}


/* V2.4.9 — RECOVERY / SAFE FOOTER DOCK */
body.mbg-ads-preview-page .mbg-ads-v246-gap-wrapper{min-height:initial!important;}
body.mbg-ads-preview-page .mbg-ads-v245-footer{
  margin-top:var(--mbg-v249-footer-shift,0px)!important;
}
body.mbg-ads-preview-page .mbg-ads-v249-hide-popular{
  display:none!important;visibility:hidden!important;opacity:0!important;
  width:0!important;height:0!important;min-height:0!important;max-height:0!important;
  margin:0!important;padding:0!important;overflow:hidden!important;pointer-events:none!important;
}


/* V2.4.10 — EXACT FOOTER DOCK + CANVAS EDGE ALIGNMENT
   Screenshot 428: remove the crossed bottom CTA, ignore empty theme wrappers when
   calculating the visual bottom, and align footer to the measured Pusat Iklan edges. */
body.mbg-ads-preview-page .mbg-ads-app .mbg-dir-bottom-cta{
 display:none!important;height:0!important;min-height:0!important;max-height:0!important;
 margin:0!important;padding:0!important;border:0!important;overflow:hidden!important;
}
body.mbg-ads-preview-page .mbg-ads-v245-footer{
 left:var(--mbg-v2410-footer-x,0px)!important;
 transform:none!important;
 margin-top:var(--mbg-v2410-footer-shift,0px)!important;
}
body.mbg-ads-preview-page .mbg-ads-home,
body.mbg-ads-preview-page .mbg-ads-app{
 margin-bottom:0!important;padding-bottom:0!important;
}

/* V3.0.0 — PRODUCT CARD: UPLOAD DATE + FAVORITE
   Isolated to the Pusat Iklan app. Favorite sits at top-right; photo count moves
   to bottom-right so both controls remain readable on Premium and regular cards. */
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-card-media{position:relative!important}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-package{z-index:4!important}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-photo-count{
  top:auto!important;right:8px!important;bottom:8px!important;z-index:4!important;
  background:rgba(5,29,51,.84)!important;backdrop-filter:blur(2px);
}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-promo-flag{
  position:absolute!important;left:8px!important;bottom:8px!important;z-index:5!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  padding:6px 10px!important;border-radius:8px!important;
  background:linear-gradient(135deg,#ffcc00 0%,#ffb100 100%)!important;
  color:#9f0d18!important;font-size:11px!important;font-weight:900!important;
  text-transform:uppercase!important;letter-spacing:.04em!important;
  box-shadow:0 4px 12px rgba(5,29,51,.20)!important;border:1px solid rgba(255,255,255,.42)!important;
}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-favorite{
  position:absolute!important;top:8px!important;right:8px!important;z-index:6!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  width:34px!important;height:34px!important;margin:0!important;padding:0!important;
  border:1px solid rgba(13,48,79,.14)!important;border-radius:50%!important;
  background:rgba(255,255,255,.96)!important;color:#334155!important;
  box-shadow:0 3px 10px rgba(5,29,51,.17)!important;cursor:pointer!important;
  transition:transform .15s ease,background-color .15s ease,color .15s ease,box-shadow .15s ease!important;
}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-favorite svg{
  width:18px!important;height:18px!important;display:block!important;fill:transparent!important;
  stroke:currentColor!important;stroke-width:1.9!important;stroke-linecap:round!important;stroke-linejoin:round!important;
  pointer-events:none!important;
}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-favorite.is-favorite{
  color:#e11d2e!important;background:#fff!important;border-color:rgba(225,29,46,.2)!important;
}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-favorite.is-favorite svg{fill:currentColor!important;stroke:currentColor!important}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-favorite.is-loading{opacity:.62!important;cursor:wait!important}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-favorite.has-error{animation:mbgFavoriteError .24s linear 2}
@media(hover:hover){
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-favorite:hover{
    transform:translateY(-1px) scale(1.04)!important;color:#e11d2e!important;box-shadow:0 5px 14px rgba(5,29,51,.22)!important;
  }
}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-favorite:focus-visible{outline:3px solid rgba(22,103,217,.3)!important;outline-offset:2px!important}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-card-meta{min-height:20px!important;gap:0!important}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-card-meta-row{
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  gap:8px!important;min-width:0!important;width:100%!important;
}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-location,
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-upload-date{
  display:flex!important;align-items:center!important;gap:5px!important;min-width:0!important;
  color:#66758a!important;white-space:nowrap!important;line-height:1.3!important;
}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-location{
  flex:1 1 auto!important;overflow:hidden!important;
}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-location > span{
  display:block!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-upload-date{
  flex:0 0 auto!important;margin-left:auto!important;
}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-location svg,
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-upload-date svg{
  flex:0 0 13px!important;width:13px!important;height:13px!important;fill:none!important;
  stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important;
}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-location svg{color:#51657a!important;stroke-width:1.9!important}
@keyframes mbgFavoriteError{0%,100%{transform:translateX(0)}50%{transform:translateX(2px)}}
@media(max-width:767px){
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-favorite{width:36px!important;height:36px!important;top:9px!important;right:9px!important}
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-favorite svg{width:19px!important;height:19px!important}
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-promo-flag{left:7px!important;bottom:7px!important;padding:5px 9px!important;font-size:10px!important}
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-card-meta{min-height:22px!important}
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-card-meta-row{gap:6px!important}
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-location,body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-upload-date{font-size:10px!important}
}


/* V3.0.1 — PRODUCT PRICE + PROMO PRICE
   Price data is advertiser-supplied and rendered only when a valid normal price exists. */
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-price-wrap{display:flex!important;align-items:baseline!important;flex-wrap:wrap!important;gap:5px 7px!important;margin:4px 0 7px!important;min-height:20px!important}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-price,
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-price-promo{color:#e11d2e!important;font-size:15px!important;line-height:1.15!important;font-weight:800!important}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-price-old{color:#8a96a8!important;font-size:11px!important;text-decoration:line-through!important}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-featured-price{display:flex!important;align-items:baseline!important;gap:6px!important;padding:8px 10px 0!important;background:#fff!important}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-featured-price del{font-size:10px!important;color:#8895a5!important}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-featured-price strong{font-size:13px!important;color:#e11d2e!important}
@media(max-width:767px){body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-price,body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-price-promo{font-size:16px!important}}


/* V3.0.4 — CLEAN PRODUCT CARD
   Store/business name is intentionally hidden from directory/home cards.
   The field remains stored for advertiser/admin/detail use. Location + publish date stay in one compact row. */
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-card .mbg-dir-business{display:none!important}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-card-meta{min-height:20px!important;gap:0!important}
@media(max-width:767px){body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-card-meta{min-height:22px!important}}


/* V3.0.5 — PREMIUM PRODUCT CARD POLISH
   Visual refinement only: richer card depth, cleaner hierarchy, and a more premium
   presentation for both regular and Premium listings without changing data flow. */
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-premium-grid .mbg-dir-card,
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-regular-grid .mbg-dir-card{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  height:100%!important;
  overflow:hidden!important;
  border:1px solid #e5ebf3!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%)!important;
  box-shadow:0 12px 28px rgba(15,23,42,.07)!important;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important;
}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-premium-grid .mbg-dir-card.is-premium{
  border-color:rgba(225,29,46,.22)!important;
  box-shadow:0 14px 34px rgba(225,29,46,.10)!important;
}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-premium-grid .mbg-dir-card.is-premium::before,
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-regular-grid .mbg-dir-card::before{
  content:''!important;
  position:absolute!important;
  inset:0 0 auto 0!important;
  height:3px!important;
  background:linear-gradient(90deg,#0b66e4 0%,#45a3ff 100%)!important;
  z-index:2!important;
}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-premium-grid .mbg-dir-card.is-premium::before{
  background:linear-gradient(90deg,#ff4d5d 0%,#ff9a3d 100%)!important;
}
@media(hover:hover){
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-premium-grid .mbg-dir-card:hover,
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-regular-grid .mbg-dir-card:hover{
    transform:translateY(-5px)!important;
    box-shadow:0 18px 38px rgba(15,23,42,.12)!important;
    border-color:#d8e3f0!important;
  }
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-premium-grid .mbg-dir-card.is-premium:hover{
    box-shadow:0 20px 40px rgba(225,29,46,.14)!important;
    border-color:rgba(225,29,46,.28)!important;
  }
}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-card-media{
  position:relative!important;
  overflow:hidden!important;
  background:linear-gradient(135deg,#edf3f9 0%,#dfe9f4 100%)!important;
}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-card-media::after{
  content:''!important;
  position:absolute!important;
  inset:auto 0 0 0!important;
  height:44%!important;
  background:linear-gradient(180deg,rgba(4,22,39,0) 0%,rgba(4,22,39,.22) 100%)!important;
  pointer-events:none!important;
  z-index:1!important;
}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-card-media img{
  transition:transform .36s ease!important;
}
@media(hover:hover){
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-card:hover .mbg-dir-card-media img{
    transform:scale(1.045)!important;
  }
}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-package,
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-photo-count{
  border-radius:999px!important;
  padding:6px 10px!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.02em!important;
  box-shadow:0 6px 14px rgba(5,29,51,.15)!important;
}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-package{top:10px!important;left:10px!important}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-photo-count{right:10px!important;bottom:10px!important}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-promo-flag{left:10px!important;bottom:10px!important}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-favorite{top:10px!important;right:10px!important}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-card-body{
  flex:1!important;
  display:flex!important;
  flex-direction:column!important;
  padding:14px 14px 15px!important;
}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-category{
  display:inline-flex!important;
  align-items:center!important;
  min-height:28px!important;
  padding:5px 10px!important;
  border-radius:999px!important;
  border:1px solid #d7e7fb!important;
  background:linear-gradient(180deg,#f6fbff 0%,#edf6ff 100%)!important;
  color:#0b61da!important;
  font-size:10px!important;
  font-weight:800!important;
}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-card h3{
  min-height:42px!important;
  margin:10px 0 9px!important;
  color:#11263d!important;
  font-size:15px!important;
  line-height:1.34!important;
  font-weight:800!important;
  letter-spacing:-.01em!important;
}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-card h3 a:hover{color:#0b66e4!important}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-price-wrap{
  display:flex!important;
  align-items:baseline!important;
  flex-wrap:wrap!important;
  gap:6px 8px!important;
  margin:2px 0 10px!important;
  min-height:0!important;
  padding:8px 10px!important;
  border:1px solid #edf2f7!important;
  border-radius:12px!important;
  background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%)!important;
}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-price,
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-price-promo{
  color:#db1730!important;
  font-size:18px!important;
  line-height:1.1!important;
  font-weight:900!important;
  letter-spacing:-.02em!important;
}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-price-old{
  color:#8c98a8!important;
  font-size:12px!important;
  text-decoration:line-through!important;
}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-card-meta{
  margin-top:auto!important;
  padding-top:10px!important;
  border-top:1px dashed #e2eaf2!important;
}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-location,
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-upload-date{
  color:#617287!important;
  font-size:11px!important;
  font-weight:600!important;
}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-location svg,
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-upload-date svg{
  width:14px!important;height:14px!important;
}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-detail{
  min-height:42px!important;
  border-radius:12px!important;
  background:linear-gradient(135deg,#0b67e4 0%,#0a84ff 100%)!important;
  box-shadow:0 10px 18px rgba(11,103,228,.18)!important;
  font-size:12px!important;
  font-weight:800!important;
  letter-spacing:.01em!important;
}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-detail.is-premium{
  background:linear-gradient(135deg,#e11d2e 0%,#ff6a3d 100%)!important;
  box-shadow:0 12px 20px rgba(225,29,46,.22)!important;
}
@media(hover:hover){
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-detail:hover{
    transform:translateY(-1px)!important;
    filter:saturate(1.05)!important;
  }
}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-grid.is-list .mbg-dir-card{
  grid-template-columns:220px minmax(0,1fr)!important;
}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-grid.is-list .mbg-dir-card-body{
  padding:15px 16px!important;
}
@media(max-width:767px){
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-premium-grid .mbg-dir-card,
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-regular-grid .mbg-dir-card{border-radius:15px!important;box-shadow:0 9px 22px rgba(15,23,42,.08)!important}
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-card-body{padding:12px 12px 13px!important}
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-card h3{font-size:14px!important;min-height:38px!important;margin:9px 0 8px!important}
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-price,
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-price-promo{font-size:16px!important}
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-price-wrap{padding:7px 9px!important;border-radius:11px!important}
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-package,
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-photo-count{padding:5px 8px!important;font-size:9px!important}
}


/* V3.0.6 — PREMIUM SIDEBAR + MOBILE FINISH */
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-rightbar{gap:14px!important}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-rightbar .mbg-dir-side-panel,
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-rightbar .mbg-dir-advertise-box{
  border:1px solid #e3eaf2!important;border-radius:16px!important;background:linear-gradient(180deg,#fff 0%,#fbfdff 100%)!important;
  box-shadow:0 12px 26px rgba(15,35,58,.07)!important;padding:13px!important;overflow:hidden!important;
}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-rightbar .mbg-dir-side-panel>h3,
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-rightbar .mbg-dir-side-head h3{
  position:relative!important;padding-left:10px!important;color:#142d46!important;font-weight:900!important;
}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-rightbar .mbg-dir-side-panel>h3::before,
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-rightbar .mbg-dir-side-head h3::before{
  content:''!important;position:absolute!important;left:0!important;top:3px!important;bottom:3px!important;width:3px!important;border-radius:999px!important;background:linear-gradient(180deg,#0b67e4,#ef3340)!important;
}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-featured-card{border-radius:13px!important;box-shadow:0 10px 22px rgba(9,31,54,.14)!important}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-featured-media{border-radius:13px 13px 0 0!important}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-featured-cta{min-height:42px!important;background:linear-gradient(135deg,#ffcc4a,#ffb727)!important;color:#23384d!important;font-weight:900!important}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-popular-cats a{padding:9px 4px!important;border-radius:9px!important;transition:background .15s ease,padding .15s ease!important}
@media(hover:hover){body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-popular-cats a:hover{padding-left:9px!important;background:#f3f8ff!important;color:#0b67e4!important}}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-popular-cats b{background:#edf5ff!important;color:#0b67e4!important;font-weight:900!important}
@media(max-width:767px){
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-premium-grid,
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-regular-grid{gap:14px!important}
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-card-media{aspect-ratio:16/11!important}
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-card h3{font-size:15px!important;line-height:1.3!important}
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-category{min-height:26px!important;padding:4px 9px!important}
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-card-meta{padding-top:9px!important}
}


/* V3.1.5 — MARKET HEADER NORMAL SCROLL (HOME)
   The Pusat Iklan header must remain in normal document flow on /iklan-preview/.
   It must never become sticky/fixed while the visitor scrolls. */
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-market-header,
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-market-head-main,
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-market-nav{
  position:static!important;
  top:auto!important;
  right:auto!important;
  bottom:auto!important;
  left:auto!important;
  inset:auto!important;
  transform:none!important;
  translate:none!important;
  will-change:auto!important;
}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-market-header{
  z-index:auto!important;
}


/* V3.1.6 — TRUE FIXED MARKET HEADER (HOME)
   Keep the complete Pusat Iklan header visible while scrolling. JS supplies exact
   width/left/top and the home padding spacer, including the visible WP admin bar. */
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-market-header{
  position:fixed!important;
  top:var(--mbg-market-header-top,0px)!important;
  z-index:99990!important;
  background:#fff!important;
  box-shadow:0 8px 24px rgba(7,31,55,.13)!important;
}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-market-head-main,
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-market-nav{
  position:relative!important;
  top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;
  inset:auto!important;transform:none!important;translate:none!important;
}
body.mbg-ads-preview-page .mbg-ads-home.mbg-dir-v300{
  padding-top:var(--mbg-market-header-height,121px)!important;
}


/* V3.1.8 — HOME HEADER TRUE VIEWPORT TOP
   The header is portaled to body so theme transforms cannot shift a fixed element down. */
body.mbg-ads-preview-page > .mbg-ads-fixed-header-portal{
  position:fixed!important;
  top:0;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
  z-index:99990!important;
  transform:none!important;
  translate:none!important;
  filter:none!important;
  perspective:none!important;
  contain:none!important;
}
body.mbg-ads-preview-page > .mbg-ads-fixed-header-portal .mbg-dir-market-header{
  position:relative!important;
  top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;inset:auto!important;
  width:100%!important;max-width:100%!important;
  margin:0!important;
  transform:none!important;translate:none!important;
  background:#fff!important;
  box-shadow:0 8px 24px rgba(7,31,55,.13)!important;
}
body.mbg-ads-preview-page > .mbg-ads-fixed-header-portal .mbg-dir-market-head-main,
body.mbg-ads-preview-page > .mbg-ads-fixed-header-portal .mbg-dir-market-nav{
  position:relative!important;
  top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;inset:auto!important;
  transform:none!important;translate:none!important;
}


/* V3.1.9 — FIXED HEADER ZERO-GAP HOTFIX (HOME)
   The fixed portal already reserves the exact measured header height. Remove the
   historical 10/14px market-header rhythm so the hero begins immediately below it. */
body.mbg-ads-preview-page > .mbg-ads-fixed-header-portal .mbg-dir-market-header{
  margin-top:0!important;
  margin-bottom:0!important;
}
body.mbg-ads-preview-page .mbg-ads-home.mbg-dir-v300{
  margin-top:0!important;
}
body.mbg-ads-preview-page .mbg-ads-home.mbg-dir-v300 > .mbg-dir-hero{
  margin-top:0!important;
}


/* V3.2.0 — EXACT ZERO GAP UNDER FIXED HEADER
   JS measures and corrects any residual theme/container offset so the Hero docks
   directly under the fixed marketplace header. Keep all possible local rhythm at zero. */
body.mbg-ads-preview-page > .mbg-ads-fixed-header-portal,
body.mbg-ads-preview-page > .mbg-ads-fixed-header-portal .mbg-dir-market-header,
body.mbg-ads-preview-page .mbg-ads-home.mbg-dir-v300,
body.mbg-ads-preview-page .mbg-ads-home.mbg-dir-v300 > .mbg-dir-hero{
  margin-top:0!important;
  margin-bottom:0!important;
}
body.mbg-ads-preview-page .mbg-ads-home.mbg-dir-v300{
  border-top:0!important;
}
body.mbg-ads-preview-page .mbg-ads-home.mbg-dir-v300 > .mbg-dir-hero{
  border-top:0!important;
}


/* V3.3.0 — HERO MOCKUP PARITY
   Rebuild the Home hero to closely match the approved reference: compact two-panel
   billboard, yellow MIMBAR BANGSA emphasis, five trust cues, and a 15-tile category rail. */
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-hero.mbg-dir-hero-v330{
  display:grid!important;
  grid-template-columns:minmax(0,44%) minmax(0,56%)!important;
  min-height:282px!important;
  height:282px!important;
  margin:0 0 8px!important;
  overflow:hidden!important;
  border:1px solid #d7e1ec!important;
  border-radius:11px!important;
  background:#07385f!important;
  box-shadow:0 7px 18px rgba(7,31,55,.08)!important;
}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-hero.mbg-dir-hero-v330 .mbg-dir-hero-copy{
  position:relative!important;
  z-index:2!important;
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  height:282px!important;
  padding:17px 26px 12px 30px!important;
  background:linear-gradient(104deg,#05345d 0%,#083f69 78%,#0a4a73 100%)!important;
}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-hero.mbg-dir-hero-v330 .mbg-dir-kicker{
  align-self:flex-start!important;
  min-height:30px!important;
  padding:6px 13px!important;
  border-radius:6px!important;
  background:#f5223d!important;
  box-shadow:0 5px 12px rgba(239,35,62,.18)!important;
  color:#fff!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.035em!important;
}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-hero.mbg-dir-hero-v330 h1{
  max-width:none!important;
  margin:10px 0 5px!important;
  color:#fff!important;
  font-size:31px!important;
  line-height:1.03!important;
  font-weight:900!important;
  letter-spacing:-.025em!important;
  text-shadow:0 1px 0 rgba(0,0,0,.08)!important;
}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-hero.mbg-dir-hero-v330 .mbg-dir-hero-brand{
  color:#ffd525!important;
  white-space:nowrap!important;
}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-hero.mbg-dir-hero-v330 p{
  max-width:585px!important;
  margin:0 0 9px!important;
  color:#f5f8fb!important;
  font-size:11.5px!important;
  line-height:1.42!important;
  font-weight:500!important;
}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-hero.mbg-dir-hero-v330 .mbg-dir-hero-actions{
  display:flex!important;
  flex-wrap:nowrap!important;
  gap:10px!important;
  margin:0!important;
}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-hero.mbg-dir-hero-v330 .mbg-dir-hero-actions a{
  min-height:37px!important;
  padding:8px 14px!important;
  border-radius:7px!important;
  font-size:10.5px!important;
  line-height:1!important;
  font-weight:850!important;
  box-shadow:none!important;
}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-hero.mbg-dir-hero-v330 .mbg-dir-hero-actions .is-primary{
  border:1px solid #f5223d!important;
  background:#f5223d!important;
  color:#fff!important;
  box-shadow:0 5px 12px rgba(245,34,61,.20)!important;
}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-hero.mbg-dir-hero-v330 .mbg-dir-hero-actions .is-secondary{
  border:1px solid rgba(255,255,255,.76)!important;
  background:rgba(255,255,255,.035)!important;
  color:#fff!important;
}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-hero.mbg-dir-hero-v330 .mbg-dir-trust-row{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:8px!important;
  margin-top:auto!important;
  padding-top:9px!important;
  border-top:1px solid rgba(255,255,255,.18)!important;
}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-hero.mbg-dir-hero-v330 .mbg-dir-trust-row>span{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  min-width:0!important;
}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-hero.mbg-dir-hero-v330 .mbg-dir-trust-row>span>b{
  display:inline-flex!important;
  flex:0 0 27px!important;
  width:27px!important;
  height:27px!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:50%!important;
  background:#fff!important;
  color:#0a527f!important;
  font-size:12px!important;
  font-weight:900!important;
  box-shadow:0 3px 8px rgba(0,0,0,.08)!important;
}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-hero.mbg-dir-hero-v330 .mbg-dir-trust-row i{
  display:block!important;
  font-style:normal!important;
  min-width:0!important;
}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-hero.mbg-dir-hero-v330 .mbg-dir-trust-row strong{
  display:block!important;
  color:#fff!important;
  font-size:9px!important;
  line-height:1.08!important;
  font-weight:800!important;
}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-hero.mbg-dir-hero-v330 .mbg-dir-trust-row small{display:none!important}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-hero.mbg-dir-hero-v330 .mbg-dir-hero-visual{
  position:relative!important;
  min-height:282px!important;
  height:282px!important;
  margin:0!important;
  background-color:#dde7ee!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  background-size:cover!important;
  overflow:hidden!important;
}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-hero.mbg-dir-hero-v330 .mbg-dir-hero-visual::before{
  content:''!important;
  position:absolute!important;
  inset:0 auto 0 0!important;
  width:54px!important;
  background:linear-gradient(90deg,rgba(8,63,105,.22),rgba(8,63,105,0))!important;
  pointer-events:none!important;
}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-hero.mbg-dir-hero-v330 .mbg-dir-billboard,
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-hero.mbg-dir-hero-v330 .mbg-dir-featured-caption{display:none!important}

/* Match the reference category rail: 15 compact equal tiles, flush under the hero. */
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-category-strip{
  display:grid!important;
  grid-template-columns:repeat(15,minmax(0,1fr))!important;
  gap:5px!important;
  margin:0 0 12px!important;
  padding:5px 4px 7px!important;
  border:1px solid #e1e7ee!important;
  border-radius:9px!important;
  background:#fff!important;
  box-shadow:0 4px 12px rgba(15,39,71,.04)!important;
  overflow:visible!important;
}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-category-strip a{
  min-width:0!important;
  min-height:60px!important;
  padding:5px 4px 4px!important;
  gap:4px!important;
  border:1px solid #e6eaf0!important;
  border-radius:8px!important;
  background:#fff!important;
  box-shadow:0 2px 6px rgba(15,39,71,.035)!important;
  color:#1f3348!important;
  overflow:hidden!important;
}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-category-strip a:hover,
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-category-strip a.is-active{
  border-color:#1682ee!important;
  background:#f7fbff!important;
  color:#0865cf!important;
  box-shadow:inset 0 -3px 0 #1682ee,0 3px 9px rgba(22,130,238,.10)!important;
}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-category-strip a span{
  display:flex!important;
  min-height:26px!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:19px!important;
  line-height:1!important;
}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-category-strip a b{
  display:block!important;
  max-width:100%!important;
  font-size:8.6px!important;
  line-height:1.05!important;
  font-weight:800!important;
  text-align:center!important;
  white-space:normal!important;
}

@media(min-width:1600px){
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-hero.mbg-dir-hero-v330 h1{font-size:33px!important}
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-hero.mbg-dir-hero-v330 p{font-size:12px!important}
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-category-strip a b{font-size:9px!important}
}
@media(max-width:1279px){
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-hero.mbg-dir-hero-v330{
    grid-template-columns:minmax(0,47%) minmax(0,53%)!important;
    min-height:270px!important;height:270px!important;
  }
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-hero.mbg-dir-hero-v330 .mbg-dir-hero-copy,
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-hero.mbg-dir-hero-v330 .mbg-dir-hero-visual{height:270px!important;min-height:270px!important}
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-hero.mbg-dir-hero-v330 h1{font-size:27px!important}
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-hero.mbg-dir-hero-v330 p{font-size:10.8px!important}
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-category-strip{grid-template-columns:repeat(8,minmax(110px,1fr))!important;overflow-x:auto!important;scrollbar-width:none!important}
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-category-strip::-webkit-scrollbar{display:none!important}
}
@media(max-width:900px){
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-hero.mbg-dir-hero-v330{
    grid-template-columns:1fr!important;
    height:auto!important;
    min-height:0!important;
    border-radius:10px!important;
  }
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-hero.mbg-dir-hero-v330 .mbg-dir-hero-copy{
    height:auto!important;min-height:260px!important;padding:22px 20px 16px!important;
  }
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-hero.mbg-dir-hero-v330 .mbg-dir-hero-visual{
    height:auto!important;min-height:245px!important;background-size:cover!important;background-position:center!important;
  }
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-hero.mbg-dir-hero-v330 h1{font-size:29px!important}
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-hero.mbg-dir-hero-v330 p{font-size:12px!important}
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-hero.mbg-dir-hero-v330 .mbg-dir-trust-row{margin-top:15px!important}
}
@media(max-width:600px){
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-hero.mbg-dir-hero-v330 .mbg-dir-hero-copy{min-height:0!important;padding:18px 15px 14px!important}
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-hero.mbg-dir-hero-v330 .mbg-dir-kicker{min-height:28px!important;font-size:9px!important}
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-hero.mbg-dir-hero-v330 h1{font-size:25px!important;line-height:1.07!important}
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-hero.mbg-dir-hero-v330 .mbg-dir-hero-actions{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important}
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-hero.mbg-dir-hero-v330 .mbg-dir-trust-row{grid-template-columns:repeat(3,minmax(0,1fr))!important;row-gap:10px!important}
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-hero.mbg-dir-hero-v330 .mbg-dir-hero-visual{min-height:190px!important}
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-category-strip{grid-template-columns:repeat(4,minmax(84px,1fr))!important;padding-inline:4px!important}
}


/* V3.3.1 — HERO FINE PARITY PASS
   Match the approved reference more closely: shorter billboard, wider left content inset,
   softer image overlap (no hard vertical split), tighter CTA/trust rhythm, and subtler chrome. */
@media(min-width:1280px){
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-hero.mbg-dir-hero-v331{
    position:relative!important;
    display:block!important;
    min-height:260px!important;
    height:260px!important;
    margin:0 0 7px!important;
    overflow:hidden!important;
    border:1px solid #d9e2eb!important;
    border-radius:6px!important;
    background:#00305f!important;
    box-shadow:0 4px 12px rgba(7,31,55,.06)!important;
    isolation:isolate!important;
  }
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-hero.mbg-dir-hero-v331::before{
    content:''!important;
    position:absolute!important;
    z-index:1!important;
    inset:0!important;
    background:linear-gradient(90deg,#002e5e 0%,#003b69 42%,rgba(4,63,103,.94) 46%,rgba(4,63,103,.34) 50%,rgba(4,63,103,0) 55%)!important;
    pointer-events:none!important;
  }
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-hero.mbg-dir-hero-v331 .mbg-dir-hero-copy{
    position:relative!important;
    z-index:3!important;
    width:49.2%!important;
    max-width:49.2%!important;
    height:260px!important;
    min-height:260px!important;
    padding:18px 20px 10px 61px!important;
    background:transparent!important;
  }
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-hero.mbg-dir-hero-v331 .mbg-dir-hero-visual{
    position:absolute!important;
    z-index:0!important;
    top:0!important;
    right:0!important;
    bottom:0!important;
    width:54.3%!important;
    height:260px!important;
    min-height:260px!important;
    margin:0!important;
    background-position:center center!important;
    background-size:cover!important;
    background-repeat:no-repeat!important;
  }
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-hero.mbg-dir-hero-v331 .mbg-dir-hero-visual::before{
    content:''!important;
    position:absolute!important;
    z-index:1!important;
    inset:0 auto 0 0!important;
    width:92px!important;
    background:linear-gradient(90deg,rgba(1,49,94,.72) 0%,rgba(1,49,94,.24) 45%,rgba(1,49,94,0) 100%)!important;
    pointer-events:none!important;
  }
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-hero.mbg-dir-hero-v331 .mbg-dir-kicker{
    min-height:30px!important;
    padding:7px 18px!important;
    border-radius:5px!important;
    background:#f51f3b!important;
    box-shadow:0 3px 8px rgba(239,35,62,.16)!important;
    font-size:10.5px!important;
    letter-spacing:.025em!important;
  }
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-hero.mbg-dir-hero-v331 h1{
    max-width:575px!important;
    margin:8px 0 5px!important;
    font-size:31.5px!important;
    line-height:1.04!important;
    letter-spacing:-.024em!important;
  }
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-hero.mbg-dir-hero-v331 p{
    max-width:555px!important;
    margin:0 0 9px!important;
    font-size:11.7px!important;
    line-height:1.43!important;
    font-weight:500!important;
  }
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-hero.mbg-dir-hero-v331 .mbg-dir-hero-actions{
    gap:11px!important;
  }
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-hero.mbg-dir-hero-v331 .mbg-dir-hero-actions a{
    min-height:38px!important;
    padding:9px 17px!important;
    border-radius:6px!important;
    font-size:10.8px!important;
  }
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-hero.mbg-dir-hero-v331 .mbg-dir-hero-actions .is-primary{
    min-width:188px!important;
  }
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-hero.mbg-dir-hero-v331 .mbg-dir-hero-actions .is-secondary{
    min-width:154px!important;
  }
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-hero.mbg-dir-hero-v331 .mbg-dir-trust-row{
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:9px!important;
    margin-top:auto!important;
    padding-top:8px!important;
    border-top:1px solid rgba(255,255,255,.24)!important;
  }
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-hero.mbg-dir-hero-v331 .mbg-dir-trust-row>span{
    gap:7px!important;
  }
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-hero.mbg-dir-hero-v331 .mbg-dir-trust-row>span>b{
    flex-basis:28px!important;
    width:28px!important;
    height:28px!important;
    font-size:12px!important;
  }
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-hero.mbg-dir-hero-v331 .mbg-dir-trust-row strong{
    font-size:9.1px!important;
    line-height:1.08!important;
  }
}

/* Large desktop: preserve the same visual proportions instead of enlarging the left block. */
@media(min-width:1600px){
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-hero.mbg-dir-hero-v331 h1{font-size:32px!important}
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-hero.mbg-dir-hero-v331 p{font-size:11.8px!important}
}

/* Tablet stays two-panel a little longer, but uses a compact inset close to the reference. */
@media(min-width:901px) and (max-width:1279px){
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-hero.mbg-dir-hero-v331{
    grid-template-columns:minmax(0,48%) minmax(0,52%)!important;
    min-height:258px!important;height:258px!important;
    border-radius:7px!important;
  }
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-hero.mbg-dir-hero-v331 .mbg-dir-hero-copy,
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-hero.mbg-dir-hero-v331 .mbg-dir-hero-visual{
    height:258px!important;min-height:258px!important;
  }
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-hero.mbg-dir-hero-v331 .mbg-dir-hero-copy{padding:17px 20px 10px 34px!important}
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-hero.mbg-dir-hero-v331 h1{font-size:27px!important}
}


/* V3.3.2 — HERO FINAL PROPORTION PARITY
   Final geometry pass against the approved mockup: restore the wider blue copy panel,
   match the source artwork aspect ratio so the megaphone/devices/promo brush are not
   over-cropped, and tune the boundary/spacing without adding runtime JS. */
@media(min-width:1280px){
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-hero.mbg-dir-hero-v332{
    display:grid!important;
    grid-template-columns:minmax(0,46.2%) minmax(0,53.8%)!important;
    min-height:275px!important;
    height:275px!important;
    border-radius:7px!important;
    border-color:#d9e2ea!important;
    box-shadow:0 4px 11px rgba(7,31,55,.055)!important;
  }
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-hero.mbg-dir-hero-v332::before{
    display:none!important;
  }
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-hero.mbg-dir-hero-v332 .mbg-dir-hero-copy{
    position:relative!important;
    z-index:2!important;
    width:auto!important;
    max-width:none!important;
    height:275px!important;
    min-height:275px!important;
    padding:19px 24px 11px 62px!important;
    background:linear-gradient(104deg,#04345f 0%,#073e69 78%,#08466f 88%,#0a4b75 100%)!important;
    overflow:visible!important;
  }
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-hero.mbg-dir-hero-v332 .mbg-dir-hero-copy::after{
    content:''!important;
    position:absolute!important;
    z-index:1!important;
    top:0!important;
    right:-58px!important;
    bottom:0!important;
    width:118px!important;
    background:linear-gradient(90deg,#0a4b75 0%,rgba(10,75,117,.90) 22%,rgba(10,75,117,.50) 58%,rgba(10,75,117,0) 100%)!important;
    clip-path:polygon(0 0,58% 0,100% 50%,58% 100%,0 100%)!important;
    pointer-events:none!important;
  }
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-hero.mbg-dir-hero-v332 .mbg-dir-hero-copy > *{
    position:relative!important;
    z-index:2!important;
  }
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-hero.mbg-dir-hero-v332 .mbg-dir-hero-visual{
    position:relative!important;
    z-index:0!important;
    inset:auto!important;
    width:auto!important;
    margin-left:-24px!important;
    height:275px!important;
    min-height:275px!important;
    background-position:42% center!important;
    background-size:cover!important;
    background-repeat:no-repeat!important;
  }
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-hero.mbg-dir-hero-v332 .mbg-dir-hero-visual::before{
    content:''!important;
    position:absolute!important;
    inset:0 auto 0 0!important;
    width:54px!important;
    background:linear-gradient(90deg,rgba(10,75,117,.28) 0%,rgba(10,75,117,.16) 34%,rgba(10,75,117,0) 100%)!important;
    pointer-events:none!important;
  }
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-hero.mbg-dir-hero-v332 .mbg-dir-kicker{
    min-height:30px!important;
    padding:7px 17px!important;
    border-radius:5px!important;
    font-size:10.4px!important;
  }
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-hero.mbg-dir-hero-v332 h1{
    max-width:610px!important;
    margin:9px 0 5px!important;
    font-size:32px!important;
    line-height:1.045!important;
    letter-spacing:-.025em!important;
  }
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-hero.mbg-dir-hero-v332 p{
    max-width:590px!important;
    margin-bottom:9px!important;
    font-size:11.8px!important;
    line-height:1.42!important;
  }
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-hero.mbg-dir-hero-v332 .mbg-dir-hero-actions{
    gap:12px!important;
  }
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-hero.mbg-dir-hero-v332 .mbg-dir-hero-actions a{
    min-height:38px!important;
    padding:9px 17px!important;
    border-radius:6px!important;
    font-size:10.8px!important;
  }
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-hero.mbg-dir-hero-v332 .mbg-dir-trust-row{
    gap:10px!important;
    padding-top:9px!important;
    border-top-color:rgba(255,255,255,.21)!important;
  }
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-hero.mbg-dir-hero-v332 .mbg-dir-trust-row>span{
    gap:7px!important;
  }
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-hero.mbg-dir-hero-v332 .mbg-dir-trust-row>span>b{
    flex-basis:29px!important;
    width:29px!important;
    height:29px!important;
  }
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-hero.mbg-dir-hero-v332 .mbg-dir-trust-row strong{
    font-size:9.2px!important;
    line-height:1.08!important;
  }
}

@media(min-width:1600px){
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-hero.mbg-dir-hero-v332{
    grid-template-columns:minmax(0,46.2%) minmax(0,53.8%)!important;
  }
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-hero.mbg-dir-hero-v332 h1{font-size:32.5px!important}
}

@media(min-width:901px) and (max-width:1279px){
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-hero.mbg-dir-hero-v332{
    grid-template-columns:minmax(0,46.2%) minmax(0,53.8%)!important;
    min-height:262px!important;
    height:262px!important;
  }
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-hero.mbg-dir-hero-v332 .mbg-dir-hero-copy,
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-hero.mbg-dir-hero-v332 .mbg-dir-hero-visual{
    height:262px!important;
    min-height:262px!important;
  }
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-hero.mbg-dir-hero-v332 .mbg-dir-hero-copy{
    width:auto!important;
    max-width:none!important;
    padding:17px 20px 10px 36px!important;
  }
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-hero.mbg-dir-hero-v332 .mbg-dir-hero-visual{
    margin-left:-18px!important;
    background-position:44% center!important;
  }
}


/* V3.3.3 — hero seam refinement: soften the join between the blue copy panel and the hero artwork so the megaphone and device cluster feel integrated, not separated by a vertical strip. */
@media(min-width:1280px){
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-hero.mbg-dir-hero-v332{overflow:hidden!important}
}

/* V3.3.4 — EXACT DESKTOP HERO PARITY
   On wide desktop screens use the approved mockup itself as the visual surface.
   This removes the remaining seam/geometry mismatch and preserves real clickable CTAs
   through transparent hotspots. Tablet/mobile continue using the responsive HTML hero. */
@media(min-width:1280px){
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-hero.mbg-dir-hero-v332{
    position:relative!important;
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:1397 / 262!important;
    overflow:hidden!important;
    border:0!important;
    border-radius:7px!important;
    background-image:url('../images/mbg-hero-mockup-exact.webp')!important;
    background-repeat:no-repeat!important;
    background-position:center center!important;
    background-size:100% 100%!important;
    box-shadow:0 4px 11px rgba(7,31,55,.055)!important;
  }
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-hero.mbg-dir-hero-v332::before{display:none!important}
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-hero.mbg-dir-hero-v332 .mbg-dir-hero-visual{
    display:none!important;
  }
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-hero.mbg-dir-hero-v332 .mbg-dir-hero-copy{
    position:absolute!important;
    inset:0!important;
    z-index:3!important;
    width:100%!important;
    max-width:none!important;
    height:100%!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    background:none!important;
    overflow:visible!important;
    pointer-events:none!important;
  }
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-hero.mbg-dir-hero-v332 .mbg-dir-hero-copy::after{display:none!important}
  /* Keep semantic copy in the accessibility tree without painting it twice over the mockup. */
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-hero.mbg-dir-hero-v332 .mbg-dir-kicker,
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-hero.mbg-dir-hero-v332 h1,
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-hero.mbg-dir-hero-v332 .mbg-dir-hero-copy>p,
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-hero.mbg-dir-hero-v332 .mbg-dir-trust-row{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    min-width:0!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    clip:rect(0 0 0 0)!important;
    clip-path:inset(50%)!important;
    white-space:nowrap!important;
  }
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-hero.mbg-dir-hero-v332 .mbg-dir-hero-actions{
    display:contents!important;
    margin:0!important;
    padding:0!important;
  }
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-hero.mbg-dir-hero-v332 .mbg-dir-hero-actions a{
    position:absolute!important;
    z-index:7!important;
    top:67.18%!important;
    min-height:0!important;
    height:13.36%!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:6px!important;
    background:transparent!important;
    box-shadow:none!important;
    color:transparent!important;
    font-size:0!important;
    line-height:0!important;
    opacity:1!important;
    pointer-events:auto!important;
    cursor:pointer!important;
  }
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-hero.mbg-dir-hero-v332 .mbg-dir-hero-actions .is-primary{
    left:4.58%!important;
    width:13.39%!important;
  }
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-hero.mbg-dir-hero-v332 .mbg-dir-hero-actions .is-secondary{
    left:18.97%!important;
    width:10.88%!important;
  }
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-hero.mbg-dir-hero-v332 .mbg-dir-hero-actions a:hover{
    background:rgba(255,255,255,.04)!important;
  }
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-hero.mbg-dir-hero-v332 .mbg-dir-hero-actions a:focus-visible{
    outline:3px solid rgba(255,255,255,.95)!important;
    outline-offset:2px!important;
  }
}


/* V3.3.5 — HOME PREMIUM SHELF: show up to 8 Premium ads.
   Desktop remains 4 columns, naturally forming 2 rows when 8 ads are available. */
@media(min-width:1280px){
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-premium-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
}
@media(min-width:768px) and (max-width:1279px){
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-premium-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}


/* V3.3.6 — COMPACT PRODUCT CARDS + SINGLE-LINE PRICE
   Reduce vertical card height on Home and force normal/promo price to remain on one row. */
@media(min-width:768px){
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-premium-grid:not(.is-list) .mbg-dir-card,
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-regular-grid:not(.is-list) .mbg-dir-card{
    border-radius:14px!important;
    box-shadow:0 7px 18px rgba(15,23,42,.065)!important;
  }
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-premium-grid:not(.is-list) .mbg-dir-card-media,
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-regular-grid:not(.is-list) .mbg-dir-card-media{
    aspect-ratio:16/10!important;
    min-height:0!important;
  }
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-premium-grid:not(.is-list) .mbg-dir-card-body,
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-regular-grid:not(.is-list) .mbg-dir-card-body{
    padding:10px 11px 11px!important;
  }
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-premium-grid:not(.is-list) .mbg-dir-category,
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-regular-grid:not(.is-list) .mbg-dir-category{
    min-height:22px!important;
    padding:3px 8px!important;
    font-size:9px!important;
  }
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-premium-grid:not(.is-list) .mbg-dir-card h3,
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-regular-grid:not(.is-list) .mbg-dir-card h3{
    min-height:34px!important;
    max-height:34px!important;
    margin:6px 0 6px!important;
    font-size:13.5px!important;
    line-height:1.25!important;
    -webkit-line-clamp:2!important;
  }
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-premium-grid:not(.is-list) .mbg-dir-price-wrap,
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-regular-grid:not(.is-list) .mbg-dir-price-wrap{
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:baseline!important;
    gap:5px!important;
    width:100%!important;
    min-width:0!important;
    min-height:28px!important;
    margin:0 0 7px!important;
    padding:5px 7px!important;
    border-radius:8px!important;
    overflow:hidden!important;
    white-space:nowrap!important;
  }
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-premium-grid:not(.is-list) .mbg-dir-price-old,
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-regular-grid:not(.is-list) .mbg-dir-price-old{
    flex:0 1 auto!important;
    min-width:0!important;
    max-width:46%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:10px!important;
    line-height:1!important;
  }
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-premium-grid:not(.is-list) .mbg-dir-price,
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-premium-grid:not(.is-list) .mbg-dir-price-promo,
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-regular-grid:not(.is-list) .mbg-dir-price,
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-regular-grid:not(.is-list) .mbg-dir-price-promo{
    flex:0 1 auto!important;
    min-width:0!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:16px!important;
    line-height:1.05!important;
    letter-spacing:-.025em!important;
  }
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-premium-grid:not(.is-list) .mbg-dir-card-meta,
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-regular-grid:not(.is-list) .mbg-dir-card-meta{
    min-height:18px!important;
    margin-top:0!important;
    padding-top:6px!important;
  }
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-premium-grid:not(.is-list) .mbg-dir-location,
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-premium-grid:not(.is-list) .mbg-dir-upload-date,
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-regular-grid:not(.is-list) .mbg-dir-location,
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-regular-grid:not(.is-list) .mbg-dir-upload-date{
    font-size:9.5px!important;
    gap:4px!important;
  }
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-premium-grid:not(.is-list) .mbg-dir-location svg,
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-premium-grid:not(.is-list) .mbg-dir-upload-date svg,
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-regular-grid:not(.is-list) .mbg-dir-location svg,
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-regular-grid:not(.is-list) .mbg-dir-upload-date svg{
    width:12px!important;
    height:12px!important;
    flex-basis:12px!important;
  }
}

@media(max-width:767px){
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-price-wrap{
    flex-wrap:nowrap!important;
    gap:4px!important;
    overflow:hidden!important;
    white-space:nowrap!important;
  }
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-price-old{
    flex:0 1 auto!important;
    min-width:0!important;
    max-width:43%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:9.5px!important;
  }
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-price,
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-price-promo{
    flex:0 1 auto!important;
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:15px!important;
  }
}


/* V3.3.7 — CARD TYPOGRAPHY & COPY POLISH
   Make the text hierarchy inside Home cards cleaner, more readable, and consistent.
   Keep cards compact while preserving a single-line price row. */
@media(min-width:768px){
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-premium-grid:not(.is-list) .mbg-dir-category,
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-regular-grid:not(.is-list) .mbg-dir-category{
    display:inline-flex!important;
    align-items:center!important;
    max-width:100%!important;
    min-height:21px!important;
    padding:3px 8px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:9.5px!important;
    line-height:1!important;
    font-weight:800!important;
    letter-spacing:.01em!important;
  }
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-premium-grid:not(.is-list) .mbg-dir-card h3,
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-regular-grid:not(.is-list) .mbg-dir-card h3{
    min-height:36px!important;
    max-height:36px!important;
    margin:6px 0!important;
    color:#102a43!important;
    font-size:14px!important;
    line-height:1.28!important;
    font-weight:800!important;
    letter-spacing:-.012em!important;
    -webkit-line-clamp:2!important;
  }
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-premium-grid:not(.is-list) .mbg-dir-card h3 a,
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-regular-grid:not(.is-list) .mbg-dir-card h3 a{
    text-decoration:none!important;
  }
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-premium-grid:not(.is-list) .mbg-dir-price-wrap,
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-regular-grid:not(.is-list) .mbg-dir-price-wrap{
    min-height:29px!important;
    height:29px!important;
    padding:5px 7px!important;
    margin:0 0 6px!important;
    gap:6px!important;
    border-color:#edf1f6!important;
    background:#fbfcfe!important;
  }
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-premium-grid:not(.is-list) .mbg-dir-price-old,
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-regular-grid:not(.is-list) .mbg-dir-price-old{
    font-size:10.5px!important;
    color:#8a96a8!important;
  }
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-premium-grid:not(.is-list) .mbg-dir-price,
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-premium-grid:not(.is-list) .mbg-dir-price-promo,
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-regular-grid:not(.is-list) .mbg-dir-price,
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-regular-grid:not(.is-list) .mbg-dir-price-promo{
    font-size:15.5px!important;
    line-height:1!important;
    font-weight:900!important;
    letter-spacing:-.02em!important;
  }
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-price-contact{
    display:block!important;
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    color:#385a78!important;
    font-size:11.5px!important;
    line-height:1!important;
    font-weight:750!important;
  }
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-premium-grid:not(.is-list) .mbg-dir-card-meta,
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-regular-grid:not(.is-list) .mbg-dir-card-meta{
    min-height:20px!important;
    margin:0!important;
    padding-top:6px!important;
  }
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-premium-grid:not(.is-list) .mbg-dir-location,
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-premium-grid:not(.is-list) .mbg-dir-upload-date,
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-regular-grid:not(.is-list) .mbg-dir-location,
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-regular-grid:not(.is-list) .mbg-dir-upload-date{
    color:#66788a!important;
    font-size:10.25px!important;
    line-height:1.2!important;
    font-weight:600!important;
  }
}

@media(max-width:767px){
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-card h3{
    font-size:13.5px!important;
    line-height:1.28!important;
  }
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-category{
    font-size:9px!important;
  }
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-price-contact{
    color:#385a78!important;
    font-size:11px!important;
    font-weight:750!important;
    white-space:nowrap!important;
  }
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-location,
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-upload-date{
    font-size:9.75px!important;
  }
}


/* V3.3.8 — PREMIUM VS REGULAR CARD COLOR SYSTEM
   Premium cards use a warm ivory/champagne surface with crimson-gold accents.
   Regular cards keep a cool clean white/blue surface. This creates an immediate,
   elegant visual distinction without changing card size, copy hierarchy, or data. */
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-premium-grid .mbg-dir-card{
  background:linear-gradient(180deg,#fffdfa 0%,#fff8ef 100%)!important;
  border-color:#ead3b3!important;
  box-shadow:0 10px 24px rgba(144,92,28,.10),inset 0 0 0 1px rgba(255,255,255,.72)!important;
}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-premium-grid .mbg-dir-card::before{
  height:3px!important;
  background:linear-gradient(90deg,#c9152b 0%,#ef3340 46%,#d9a441 100%)!important;
}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-premium-grid .mbg-dir-card-body{
  background:linear-gradient(180deg,rgba(255,253,250,.98) 0%,rgba(255,248,239,.98) 100%)!important;
}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-premium-grid .mbg-dir-category{
  border-color:#ecd09b!important;
  background:linear-gradient(180deg,#fff8e9 0%,#fff0d2 100%)!important;
  color:#8a5600!important;
}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-premium-grid .mbg-dir-card h3,
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-premium-grid .mbg-dir-card h3 a{
  color:#2b2118!important;
}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-premium-grid .mbg-dir-price-wrap{
  border-color:#efdcc4!important;
  background:linear-gradient(180deg,#fffdf9 0%,#fff5e8 100%)!important;
}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-premium-grid .mbg-dir-price,
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-premium-grid .mbg-dir-price-promo{
  color:#c9152b!important;
}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-premium-grid .mbg-dir-price-contact{
  color:#80551f!important;
}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-premium-grid .mbg-dir-card-meta{
  border-top-color:#eadbc8!important;
}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-premium-grid .mbg-dir-location,
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-premium-grid .mbg-dir-upload-date{
  color:#77695a!important;
}

body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-regular-grid .mbg-dir-card{
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%)!important;
  border-color:#dce7f2!important;
  box-shadow:0 8px 20px rgba(20,62,103,.075)!important;
}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-regular-grid .mbg-dir-card::before{
  height:3px!important;
  background:linear-gradient(90deg,#0b5fb7 0%,#1787e8 100%)!important;
}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-regular-grid .mbg-dir-card-body{
  background:linear-gradient(180deg,#ffffff 0%,#f9fcff 100%)!important;
}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-regular-grid .mbg-dir-category{
  border-color:#d7e7fb!important;
  background:linear-gradient(180deg,#f6fbff 0%,#edf6ff 100%)!important;
  color:#0b61da!important;
}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-regular-grid .mbg-dir-price-wrap{
  border-color:#e4edf6!important;
  background:linear-gradient(180deg,#ffffff 0%,#f5faff 100%)!important;
}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-regular-grid .mbg-dir-price:not(.mbg-dir-price-promo){
  color:#0b5fb7!important;
}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-regular-grid .mbg-dir-price-promo{
  color:#d51c32!important;
}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-regular-grid .mbg-dir-card-meta{
  border-top-color:#e3ebf3!important;
}

@media(hover:hover){
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-premium-grid .mbg-dir-card:hover{
    border-color:#dcb978!important;
    box-shadow:0 16px 34px rgba(144,92,28,.16),inset 0 0 0 1px rgba(255,255,255,.78)!important;
  }
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-regular-grid .mbg-dir-card:hover{
    border-color:#bdd4ea!important;
    box-shadow:0 14px 30px rgba(20,62,103,.12)!important;
  }
}

@media(max-width:767px){
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-premium-grid .mbg-dir-card{
    box-shadow:0 8px 20px rgba(144,92,28,.10)!important;
  }
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-regular-grid .mbg-dir-card{
    box-shadow:0 7px 18px rgba(20,62,103,.07)!important;
  }
}


/* V3.3.9 — HERO PRIMARY CTA VISIBILITY FIX
   The desktop exact-mockup hero uses transparent clickable hotspots. On some stacks,
   inherited button styling paints the primary hotspot red while its text remains transparent.
   Render the primary CTA label explicitly so it is always readable. */
@media(min-width:1280px){
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300
  .mbg-dir-hero.mbg-dir-hero-v332
  .mbg-dir-hero-actions .is-primary{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    background:#f5223d!important;
    color:#fff!important;
    font-size:11px!important;
    line-height:1!important;
    font-weight:800!important;
    text-decoration:none!important;
    white-space:nowrap!important;
    text-shadow:none!important;
  }
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300
  .mbg-dir-hero.mbg-dir-hero-v332
  .mbg-dir-hero-actions .is-primary span{
    display:inline!important;
    color:#fff!important;
    font-size:12px!important;
    line-height:1!important;
  }
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300
  .mbg-dir-hero.mbg-dir-hero-v332
  .mbg-dir-hero-actions .is-primary:hover{
    background:#e91f39!important;
    color:#fff!important;
  }
}


/* V3.4.4 — FRONTEND PRODUCTION POLISH
   Production cleanup after live audit: denser hero/category docking, equal-height cards,
   mobile filter drawer, compact mobile categories, clearer sponsored labels and CTA hierarchy. */
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-hero{margin-bottom:5px!important}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-category-strip{margin-bottom:10px!important}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-category-more{display:none;border:1px solid #e6eaf0;border-radius:8px;background:#fff;color:#1f3348;font:inherit;font-weight:800;cursor:pointer}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-category-more span{display:flex;align-items:center;justify-content:center;font-size:18px;line-height:1}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-category-more b{font-size:9px;line-height:1.05}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-card{display:flex!important;flex-direction:column!important;height:100%!important}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-card-body{display:flex!important;flex:1 1 auto!important;flex-direction:column!important;min-height:0!important}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-card-meta{margin-top:auto!important}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-price-contact{font-size:10.75px!important;font-weight:700!important;color:#60768a!important}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-results-meta button:focus-visible,
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-mobile-filter-btn:focus-visible,
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-category-more:focus-visible{outline:3px solid rgba(22,130,238,.28)!important;outline-offset:2px!important}
.mbg-dir-filter-mobile-head,.mbg-dir-filter-backdrop{display:none}

@media(max-width:991px){
  body.mbg-ads-filter-lock{overflow:hidden!important}
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-category-strip{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;overflow:visible!important;gap:6px!important}
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-category-strip a{min-width:0!important;min-height:58px!important;display:flex!important}
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-category-strip a.is-mobile-extra{display:none!important}
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-category-strip.is-mobile-expanded a.is-mobile-extra{display:flex!important}
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-category-more{display:flex!important;min-height:58px!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:4px!important}
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-filters{position:fixed!important;z-index:100003!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;width:100%!important;max-width:none!important;max-height:min(82vh,760px)!important;overflow:auto!important;margin:0!important;padding:0 14px 18px!important;border:0!important;border-radius:22px 22px 0 0!important;background:#fff!important;box-shadow:0 -24px 70px rgba(8,31,52,.28)!important;transform:translateY(110%)!important;transition:transform .24s ease!important;visibility:hidden!important}
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-filters.is-mobile-open{transform:translateY(0)!important;visibility:visible!important}
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-filter-mobile-head{position:sticky;z-index:2;top:0;display:flex!important;align-items:center;justify-content:space-between;min-height:58px;padding:8px 2px;background:#fff;border-bottom:1px solid #edf1f5}
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-filter-mobile-head strong{font-size:17px;color:#102a43}
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-filter-mobile-head button{width:38px;height:38px;border:0;border-radius:50%;background:#f2f5f8;color:#243b53;font-size:24px;line-height:1;cursor:pointer}
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-filters details{border:0!important;box-shadow:none!important;background:#fff!important}
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-filters details>summary{display:none!important}
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-filter-backdrop{display:block!important;position:fixed!important;z-index:100002!important;inset:0!important;width:100%!important;height:100%!important;border:0!important;background:rgba(4,20,35,.52)!important;opacity:0!important;pointer-events:none!important;transition:opacity .2s ease!important}
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300.mbg-filter-open .mbg-dir-filter-backdrop{opacity:1!important;pointer-events:auto!important}
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-quick-sort{display:none!important}
}
@media(max-width:600px){
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-category-strip{grid-template-columns:repeat(3,minmax(0,1fr))!important;margin-left:0!important;margin-right:0!important;border-radius:9px!important}
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-results-head{gap:10px!important}
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-results-title small{display:none!important}
}


/* V3.4.5 — LIVE UX HARDENING
   Tightens desktop discovery controls and keeps the mobile filter/sort controls usable
   below the fixed marketplace header without changing the approved Hero artwork. */
@media(min-width:1200px){
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-filters{
    top:calc(var(--mbg-market-top,0px) + var(--mbg-market-header-height,104px) + 12px)!important;
    max-height:calc(100vh - var(--mbg-market-top,0px) - var(--mbg-market-header-height,104px) - 24px)!important;
    overflow:auto!important;
    scrollbar-width:thin!important;
    scrollbar-color:#cbd7e3 transparent!important;
  }
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-results-head{
    align-items:center!important;
    min-height:66px!important;
    margin-bottom:13px!important;
    padding:11px 12px!important;
    border:1px solid #e5edf5!important;
    border-radius:12px!important;
    background:linear-gradient(180deg,#fff,#fbfdff)!important;
    box-shadow:0 7px 20px rgba(16,42,67,.055)!important;
  }
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-results-tools{
    align-items:center!important;
  }
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-result-count{
    display:inline-flex!important;
    align-items:center!important;
    min-height:30px!important;
    padding:0 10px!important;
    border:1px solid #dbe7f1!important;
    border-radius:999px!important;
    background:#f5f9fd!important;
    color:#244c6c!important;
    font-size:10.5px!important;
    white-space:nowrap!important;
  }
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-quick-sort select{
    min-height:34px!important;
    border-color:#d9e5ef!important;
    border-radius:8px!important;
    background:#fff!important;
  }
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-results-meta button{
    width:34px!important;
    height:34px!important;
    border-radius:8px!important;
  }
}
@media(max-width:991px){
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-mobile-tools{
    position:sticky!important;
    z-index:1001!important;
    top:calc(var(--mbg-market-top,0px) + var(--mbg-market-header-height,92px) + 6px)!important;
    margin:0 0 10px!important;
    padding:7px!important;
    border:1px solid #e3ebf3!important;
    border-radius:12px!important;
    background:rgba(255,255,255,.96)!important;
    box-shadow:0 8px 22px rgba(13,43,70,.09)!important;
    backdrop-filter:blur(10px)!important;
  }
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-mobile-filter-btn,
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-mobile-sort select{
    min-height:40px!important;
    border-radius:9px!important;
    font-weight:800!important;
  }
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-results-head{
    margin-bottom:10px!important;
    padding-bottom:9px!important;
  }
}


/* V3.4.8 — SHARED MOBILE MARKET HEADER POLISH */
@media(max-width:600px){
  body.mbg-ads-isolated-directory .mbg-ad-market-shell,
  body.mbg-ads-isolated-directory .mbg-ad-market-shell .mbg-dir-market-header{
    width:calc(100vw - 12px)!important;
    max-width:calc(100vw - 12px)!important;
  }
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-market-head-main{
    grid-template-columns:1fr!important;
    gap:7px!important;
    padding:7px 9px 8px!important;
  }
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-market-brand img{
    width:auto!important;max-width:min(220px,72vw)!important;max-height:42px!important;
  }
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-market-search{
    width:100%!important;height:40px!important;grid-template-columns:34px minmax(0,1fr) 82px!important;border-radius:7px!important;
  }
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-market-search input{height:38px!important;font-size:11.5px!important;padding-inline:5px!important}
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-market-search button{height:40px!important;padding:0 10px!important;font-size:11px!important}
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-market-nav{min-height:36px!important;overscroll-behavior-x:contain!important;-webkit-overflow-scrolling:touch!important}
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-market-nav a{min-height:36px!important;padding:0 12px!important;font-size:9.5px!important}
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-market-nav a:nth-child(n+3):nth-child(-n+10){display:none!important}
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-market-nav a.is-current{margin-left:0!important;order:-1!important;padding-inline:14px!important}
}

/* V3.5.4 — marketplace card cover recovery for mobile/AMP transformers. */
body.mbg-ads-preview-page .mbg-dir-card-media .mbg-dir-card-image,
body.mbg-ads-preview-page .mbg-dir-card-media amp-img,
body.mbg-ads-preview-page .mbg-dir-card-media amp-img>img,
body.mbg-ads-preview-page .mbg-dir-card-media .i-amphtml-fill-content{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  object-fit:cover!important;
  object-position:center!important;
  opacity:1!important;
  visibility:visible!important;
}


/* V3.6.0 — PREMIUM RIGHT SIDEBAR EXPERIENCE
   Right column becomes a true 300px advertising rail with clearer hierarchy,
   differentiated widgets, conversion CTA, and a compact feature/trust module. */
@media(min-width:1200px){
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-layout{
    grid-template-columns:230px minmax(0,1fr) 300px!important;
    gap:16px!important;
  }
}
@media(min-width:1280px) and (min-height:900px){
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-rightbar{
    position:sticky!important;
    top:calc(var(--mbg-market-header-height,118px) + 14px)!important;
  }
}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-rightbar{
  gap:16px!important;
  align-content:start!important;
}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-rightbar .mbg-dir-side-panel,
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-rightbar .mbg-dir-advertise-box{
  border:1px solid #dce6f0!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 12px 30px rgba(16,38,62,.075)!important;
  padding:15px!important;
  overflow:hidden!important;
}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-side-head{
  display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:10px!important;margin:0 0 12px!important;
}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-side-head>div{min-width:0!important}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-side-head h3,
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-rightbar .mbg-dir-side-panel>h3{
  margin:2px 0 0!important;padding:0!important;color:#132c45!important;font-size:15px!important;line-height:1.2!important;font-weight:900!important;letter-spacing:-.01em!important;
}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-side-head h3::before,
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-rightbar .mbg-dir-side-panel>h3::before{display:none!important}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-side-eyebrow{
  display:block!important;color:#6e8195!important;font-size:8.5px!important;line-height:1.1!important;font-weight:900!important;letter-spacing:.14em!important;text-transform:uppercase!important;
}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-side-eyebrow.is-light{color:#bcd9ef!important;margin-bottom:8px!important}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-side-head>a{
  display:inline-flex!important;align-items:center!important;min-height:28px!important;padding:0 8px!important;border-radius:999px!important;background:#f1f6fb!important;color:#0c5ca9!important;font-size:9px!important;font-weight:850!important;text-decoration:none!important;white-space:nowrap!important;
}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-side-admark{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:27px!important;height:22px!important;border:1px solid #d7e0e9!important;border-radius:6px!important;color:#7b8b9b!important;font-size:8px!important;font-weight:900!important;letter-spacing:.08em!important;
}
/* Featured ad card */
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-side-featured{
  background:linear-gradient(180deg,#fffdf8 0%,#fff 52%)!important;border-color:#eadfbe!important;
}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-featured-card{
  overflow:hidden!important;border:1px solid #e6edf4!important;border-radius:14px!important;background:#fff!important;box-shadow:0 9px 22px rgba(11,32,54,.10)!important;
}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-featured-media{
  position:relative!important;display:block!important;aspect-ratio:300/230!important;border-radius:0!important;background:#e8eef4!important;color:#fff!important;text-decoration:none!important;
}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-featured-media img,
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-featured-media amp-img{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;
}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-featured-overlay{background:linear-gradient(180deg,rgba(5,20,34,.04) 22%,rgba(5,20,34,.92) 100%)!important}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-featured-kicker{
  position:absolute!important;left:12px!important;bottom:66px!important;color:#ffd563!important;font-size:8.5px!important;font-weight:900!important;letter-spacing:.12em!important;
}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-featured-media strong{
  left:12px!important;right:12px!important;bottom:35px!important;display:-webkit-box!important;overflow:hidden!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;font-size:14px!important;line-height:1.25!important;font-weight:900!important;text-shadow:0 1px 3px rgba(0,0,0,.3)!important;
}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-featured-media small{
  left:12px!important;right:12px!important;bottom:13px!important;display:flex!important;gap:6px!important;align-items:center!important;color:#e4eef7!important;font-size:9px!important;font-style:normal!important;
}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-featured-media small i{font-style:normal!important;opacity:.55!important}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-featured-package,
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-featured-photo-count{top:10px!important;padding:5px 8px!important;border-radius:999px!important;font-size:8.5px!important}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-featured-package{right:10px!important;background:linear-gradient(135deg,#e8b83d,#ffd76c)!important;color:#493300!important}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-featured-photo-count{left:10px!important;background:rgba(5,25,43,.78)!important;backdrop-filter:blur(4px)!important}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-featured-foot{
  display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important;padding:11px 11px 12px!important;background:#fff!important;
}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-featured-price{display:flex!important;min-width:0!important;flex-direction:column!important;gap:1px!important;padding:0!important;background:transparent!important}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-featured-price del{color:#8b99a8!important;font-size:9px!important;line-height:1.1!important}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-featured-price strong{overflow:hidden!important;color:#df1f35!important;font-size:13px!important;line-height:1.2!important;font-weight:950!important;white-space:nowrap!important;text-overflow:ellipsis!important}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-featured-cta{
  display:inline-flex!important;min-height:34px!important;align-items:center!important;justify-content:center!important;gap:4px!important;padding:0 10px!important;border-radius:9px!important;background:#0a4c80!important;color:#fff!important;font-size:9.5px!important;font-weight:900!important;text-decoration:none!important;white-space:nowrap!important;
}
/* Sponsored 300x250 slot */
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-featured-ad{background:linear-gradient(180deg,#fbfdff 0%,#fff 100%)!important}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-featured-ad .mbg-ads-inline-image img,
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-featured-ad .mbg-ads-gallery-main img{aspect-ratio:300/250!important;border-radius:12px!important;object-fit:cover!important}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-featured-fallback{
  display:flex!important;min-height:250px!important;flex-direction:column!important;justify-content:flex-end!important;padding:20px!important;border-radius:13px!important;background:radial-gradient(circle at 82% 14%,rgba(255,213,99,.22),transparent 30%),linear-gradient(145deg,#073a64,#092846)!important;color:#fff!important;
}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-fallback-kicker{margin-bottom:auto!important;color:#ffd86a!important;font-size:9px!important;font-weight:900!important;letter-spacing:.14em!important}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-featured-fallback strong{font-size:22px!important;line-height:1.05!important;letter-spacing:-.03em!important}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-featured-fallback small{margin-top:9px!important;color:#dbeaf6!important;font-size:10px!important;line-height:1.45!important}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-featured-fallback a{display:inline-flex!important;align-self:flex-start!important;margin-top:13px!important;padding:9px 12px!important;border-radius:9px!important;background:#ef2037!important;color:#fff!important;text-decoration:none!important;font-size:10px!important;font-weight:900!important}
/* Category widget */
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-side-categories .mbg-dir-popular-cats{gap:3px!important}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-popular-cats a{min-height:38px!important;padding:8px 7px!important;border:0!important;border-radius:9px!important;color:#2d4258!important;font-size:10.5px!important;font-weight:750!important}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-popular-cats a:nth-child(odd){background:#f7fafe!important}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-popular-cats b{min-width:29px!important;padding:4px 7px!important;background:#eaf3fd!important;color:#0c62b1!important;font-size:9px!important}
/* Benefits widget */
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-side-benefits{background:linear-gradient(180deg,#f8fbff 0%,#fff 100%)!important}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-benefit-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-benefit-grid>div{min-width:0!important;padding:10px!important;border:1px solid #e6edf5!important;border-radius:11px!important;background:#fff!important}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-benefit-grid>div>span{display:flex!important;width:28px!important;height:28px!important;align-items:center!important;justify-content:center!important;margin-bottom:7px!important;border-radius:8px!important;background:#edf6ff!important;color:#0b63b4!important;font-size:13px!important;font-weight:900!important}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-benefit-grid strong{display:block!important;color:#18324b!important;font-size:10px!important;line-height:1.2!important;font-weight:900!important}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-benefit-grid small{display:block!important;margin-top:4px!important;color:#6d7e8f!important;font-size:8.5px!important;line-height:1.35!important}
/* Package CTA */
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-rightbar .mbg-dir-sidebar-cta{
  position:relative!important;min-height:0!important;padding:18px!important;border:0!important;background:radial-gradient(circle at 85% 10%,rgba(255,209,77,.22),transparent 28%),linear-gradient(145deg,#062d50 0%,#0a4d7d 100%)!important;color:#fff!important;box-shadow:0 16px 34px rgba(6,45,80,.20)!important;
}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-sidebar-cta:before{opacity:.08!important}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-sidebar-brand{display:flex!important;align-items:center!important;gap:8px!important;margin-bottom:12px!important}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-sidebar-brand b{display:flex!important;width:34px!important;height:34px!important;align-items:center!important;justify-content:center!important;border-radius:9px!important;background:#fff!important;color:#0b4a78!important;font-size:10px!important;font-weight:950!important}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-sidebar-brand strong{color:#fff!important;font-size:11px!important;font-weight:900!important;letter-spacing:.03em!important}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-sidebar-cta h3{margin:0 0 8px!important;color:#fff!important;font-size:18px!important;line-height:1.12!important;font-weight:950!important;letter-spacing:-.02em!important}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-sidebar-price{display:flex!important;align-items:baseline!important;gap:5px!important;margin:0 0 12px!important;color:#d8e8f6!important}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-sidebar-price span{font-size:9px!important}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-sidebar-price strong{color:#ffd865!important;font-size:20px!important;font-weight:950!important}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-sidebar-price small{font-size:8.5px!important}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-sidebar-steps{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:6px!important;margin:0 0 14px!important}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-sidebar-steps span{display:flex!important;min-width:0!important;flex-direction:column!important;gap:4px!important;padding:8px 5px!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:9px!important;background:rgba(255,255,255,.07)!important;color:#e9f3fb!important;font-size:8px!important;line-height:1.2!important;text-align:center!important}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-sidebar-steps b{display:flex!important;width:20px!important;height:20px!important;align-items:center!important;justify-content:center!important;align-self:center!important;border-radius:999px!important;background:#ffd761!important;color:#17344d!important;font-size:8px!important}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-sidebar-actions{display:grid!important;gap:7px!important}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-sidebar-actions a{display:flex!important;min-height:40px!important;align-items:center!important;justify-content:center!important;padding:8px 11px!important;border-radius:10px!important;text-decoration:none!important;font-size:9.5px!important;font-weight:900!important}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-sidebar-actions .is-primary{background:#ef2037!important;color:#fff!important}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-sidebar-actions .is-secondary{border:1px solid rgba(255,255,255,.28)!important;background:rgba(255,255,255,.08)!important;color:#fff!important}
@media(max-width:1199px){
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-rightbar{position:static!important;top:auto!important}
}
@media(max-width:767px){
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-rightbar{grid-template-columns:1fr!important;gap:12px!important}
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-benefit-grid{grid-template-columns:1fr 1fr!important}
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-rightbar .mbg-dir-side-panel,
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-rightbar .mbg-dir-advertise-box{border-radius:15px!important;padding:13px!important}
}

/* V3.6.1 — PUSAT IKLAN BRAND IDENTITY */
body.mbg-ads-preview-page .mbg-ads-app .mbg-dir-market-brand.is-pusat-iklan-logo{
  justify-content:flex-start!important;
  overflow:visible!important;
}
body.mbg-ads-preview-page .mbg-ads-app .mbg-dir-market-brand.is-pusat-iklan-logo img{
  display:block!important;width:auto!important;height:auto!important;
  max-width:168px!important;max-height:96px!important;object-fit:contain!important;
  filter:drop-shadow(0 2px 3px rgba(6,38,69,.08));
}
@media(min-width:1280px){
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-market-head-main{
    min-height:102px!important;grid-template-columns:190px minmax(390px,1fr) 220px 125px!important;
  }
}
@media(max-width:1279px) and (min-width:992px){
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-market-head-main{
    min-height:92px!important;grid-template-columns:165px minmax(260px,1fr) 180px!important;
  }
  body.mbg-ads-preview-page .mbg-ads-app .mbg-dir-market-brand.is-pusat-iklan-logo img{max-width:148px!important;max-height:86px!important}
}
@media(max-width:991px){
  body.mbg-ads-preview-page .mbg-ads-app .mbg-dir-market-brand.is-pusat-iklan-logo{min-height:68px!important}
  body.mbg-ads-preview-page .mbg-ads-app .mbg-dir-market-brand.is-pusat-iklan-logo img{max-width:125px!important;max-height:74px!important}
}
@media(max-width:600px){
  body.mbg-ads-preview-page .mbg-ads-app .mbg-dir-market-brand.is-pusat-iklan-logo{min-height:62px!important;justify-content:flex-start!important}
  body.mbg-ads-preview-page .mbg-ads-app .mbg-dir-market-brand.is-pusat-iklan-logo img{max-width:112px!important;max-height:67px!important}
}
body.mbg-ads-preview-page .mbg-dir-bottom-brand .mbg-dir-bottom-logo{display:block!important;width:92px!important;height:auto!important;max-height:58px!important;object-fit:contain!important}
body.mbg-ads-preview-page .mbg-dir-sidebar-brand .mbg-dir-sidebar-logo{display:block!important;width:118px!important;height:auto!important;max-height:72px!important;object-fit:contain!important;filter:drop-shadow(0 3px 8px rgba(0,0,0,.16))}


/* V3.6.2 — OFFICIAL HORIZONTAL MIMBAR BANGSA LOGO
   Preserve the supplied 454x80 logo exactly and restore the marketplace header geometry
   for a wide horizontal brand mark instead of the previous square Pusat Iklan logo. */
body.mbg-ads-preview-page .mbg-ads-app .mbg-dir-market-brand.is-official-horizontal-logo{
  min-width:0!important;min-height:0!important;justify-content:flex-start!important;overflow:visible!important;
}
body.mbg-ads-preview-page .mbg-ads-app .mbg-dir-market-brand.is-official-horizontal-logo img{
  display:block!important;width:auto!important;height:auto!important;max-width:315px!important;max-height:56px!important;
  object-fit:contain!important;object-position:left center!important;filter:none!important;
}
@media(min-width:1280px){
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-market-head-main{
    min-height:78px!important;grid-template-columns:330px minmax(390px,1fr) 220px 125px!important;gap:20px!important;padding:9px 16px!important;
  }
}
@media(max-width:1279px) and (min-width:992px){
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-market-head-main{
    min-height:74px!important;grid-template-columns:240px minmax(260px,1fr) 180px!important;gap:12px!important;padding:8px 14px!important;
  }
  body.mbg-ads-preview-page .mbg-ads-app .mbg-dir-market-brand.is-official-horizontal-logo img{max-width:225px!important;max-height:40px!important}
}
@media(max-width:991px){
  body.mbg-ads-preview-page .mbg-ads-app .mbg-dir-market-brand.is-official-horizontal-logo{min-height:44px!important}
  body.mbg-ads-preview-page .mbg-ads-app .mbg-dir-market-brand.is-official-horizontal-logo img{max-width:min(330px,88vw)!important;max-height:58px!important}
}
@media(max-width:600px){
  body.mbg-ads-preview-page .mbg-ads-app .mbg-dir-market-brand.is-official-horizontal-logo{min-height:42px!important}
  body.mbg-ads-preview-page .mbg-ads-app .mbg-dir-market-brand.is-official-horizontal-logo img{max-width:min(320px,88vw)!important;max-height:56px!important}
}
body.mbg-ads-preview-page .mbg-dir-bottom-brand .mbg-dir-bottom-logo{
  display:block!important;width:min(270px,74vw)!important;height:auto!important;max-height:48px!important;object-fit:contain!important;filter:none!important;
}
body.mbg-ads-preview-page .mbg-dir-sidebar-brand .mbg-dir-sidebar-logo{
  display:block!important;width:min(230px,100%)!important;height:auto!important;max-height:42px!important;object-fit:contain!important;filter:none!important;
}


/* V3.6.3 — MIMBAR PROMOSI FULL PUBLIC REBRAND */
body.mbg-ads-preview-page .mbg-ads-app .mbg-dir-market-brand.is-mimbar-promosi-brand{
  display:flex!important;align-items:center!important;gap:12px!important;min-width:0!important;
}
body.mbg-ads-preview-page .mbg-ads-app .mbg-dir-market-brand.is-mimbar-promosi-brand .mbg-dir-brand-parent{
  display:flex!important;align-items:center!important;flex:0 0 auto!important;min-width:0!important;
}
body.mbg-ads-preview-page .mbg-ads-app .mbg-dir-market-brand.is-mimbar-promosi-brand .mbg-dir-brand-parent img{
  width:142px!important;max-width:142px!important;height:auto!important;max-height:32px!important;object-fit:contain!important;object-position:left center!important;
}
body.mbg-ads-preview-page .mbg-ads-app .mbg-dir-brand-wordmark{
  display:flex!important;flex-direction:column!important;justify-content:center!important;min-width:0!important;padding-left:11px!important;border-left:2px solid #e9edf1!important;line-height:1!important;
}
body.mbg-ads-preview-page .mbg-ads-app .mbg-dir-brand-wordmark strong{
  display:block!important;margin:0!important;color:#e51d2a!important;font-size:21px!important;font-weight:950!important;line-height:.95!important;letter-spacing:-.045em!important;white-space:nowrap!important;
}
body.mbg-ads-preview-page .mbg-ads-app .mbg-dir-brand-wordmark strong span{color:#102a43!important}
body.mbg-ads-preview-page .mbg-ads-app .mbg-dir-brand-wordmark small{
  display:block!important;margin-top:5px!important;color:#637485!important;font-size:7.5px!important;font-weight:850!important;line-height:1!important;letter-spacing:.10em!important;text-transform:uppercase!important;white-space:nowrap!important;
}
@media(min-width:1280px){
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-market-head-main{grid-template-columns:365px minmax(390px,1fr) 220px 125px!important}
}
@media(max-width:1279px) and (min-width:992px){
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-market-head-main{grid-template-columns:295px minmax(250px,1fr) 180px!important}
  body.mbg-ads-preview-page .mbg-ads-app .mbg-dir-market-brand.is-mimbar-promosi-brand .mbg-dir-brand-parent img{width:116px!important;max-width:116px!important;max-height:27px!important}
  body.mbg-ads-preview-page .mbg-ads-app .mbg-dir-brand-wordmark{gap:0!important;padding-left:9px!important}
  body.mbg-ads-preview-page .mbg-ads-app .mbg-dir-brand-wordmark strong{font-size:17px!important}
  body.mbg-ads-preview-page .mbg-ads-app .mbg-dir-brand-wordmark small{font-size:6.3px!important}
}
@media(max-width:991px){
  body.mbg-ads-preview-page .mbg-ads-app .mbg-dir-market-brand.is-mimbar-promosi-brand{width:100%!important;gap:10px!important}
  body.mbg-ads-preview-page .mbg-ads-app .mbg-dir-market-brand.is-mimbar-promosi-brand .mbg-dir-brand-parent img{width:150px!important;max-width:150px!important;max-height:34px!important}
  body.mbg-ads-preview-page .mbg-ads-app .mbg-dir-brand-wordmark strong{font-size:20px!important}
  body.mbg-ads-preview-page .mbg-ads-app .mbg-dir-brand-wordmark small{font-size:7px!important}
}
@media(max-width:600px){
  body.mbg-ads-preview-page .mbg-ads-app .mbg-dir-market-brand.is-mimbar-promosi-brand{gap:8px!important;justify-content:flex-start!important}
  body.mbg-ads-preview-page .mbg-ads-app .mbg-dir-market-brand.is-mimbar-promosi-brand .mbg-dir-brand-parent img{width:126px!important;max-width:126px!important;max-height:29px!important}
  body.mbg-ads-preview-page .mbg-ads-app .mbg-dir-brand-wordmark{padding-left:8px!important}
  body.mbg-ads-preview-page .mbg-ads-app .mbg-dir-brand-wordmark strong{font-size:17px!important;letter-spacing:-.055em!important}
  body.mbg-ads-preview-page .mbg-ads-app .mbg-dir-brand-wordmark small{margin-top:4px!important;font-size:6px!important;letter-spacing:.07em!important}
}
/* Cover the legacy text embedded in the stable exact-mockup desktop hero without replacing the hero asset. */
@media(min-width:1280px){
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-hero.mbg-dir-hero-v332::after{
    content:"MIMBAR PROMOSI"!important;position:absolute!important;z-index:12!important;left:3.55%!important;top:6.7%!important;width:9.8%!important;height:12.2%!important;
    display:flex!important;align-items:center!important;justify-content:center!important;background:#ef263c!important;color:#fff!important;border-radius:4px!important;
    box-shadow:0 2px 6px rgba(0,0,0,.13)!important;font-size:8.2px!important;line-height:1!important;font-weight:950!important;letter-spacing:.015em!important;white-space:nowrap!important;pointer-events:none!important;
  }
}
body.mbg-ads-preview-page .mbg-ads-market-footer .mbg-ads-footer-promosi-title{display:block!important;margin:2px 0 8px!important;color:#fff!important;font-size:16px!important;font-weight:950!important;letter-spacing:.02em!important}


/* V3.6.4 — MASTER MIMBAR PROMOSI LOGO INTEGRATION */
body.mbg-ads-preview-page .mbg-ads-app .mbg-dir-market-brand.is-mimbar-promosi-master-logo{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:0!important;min-width:0!important;min-height:0!important;overflow:visible!important}
body.mbg-ads-preview-page .mbg-ads-app .mbg-dir-market-brand.is-mimbar-promosi-master-logo .mbg-dir-brand-parent{display:flex!important;align-items:center!important;justify-content:flex-start!important;width:100%!important;min-width:0!important;flex:1 1 auto!important}
body.mbg-ads-preview-page .mbg-ads-app .mbg-dir-market-brand.is-mimbar-promosi-master-logo .mbg-dir-brand-parent img{display:block!important;width:100%!important;max-width:320px!important;height:auto!important;max-height:107px!important;object-fit:contain!important;object-position:left center!important;margin:0!important;filter:none!important}
body.mbg-ads-preview-page .mbg-ads-app .mbg-dir-market-brand.is-mimbar-promosi-master-logo .mbg-dir-brand-wordmark{display:none!important}
@media(min-width:1280px){body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-market-head-main{min-height:98px!important;grid-template-columns:335px minmax(390px,1fr) 220px 125px!important;gap:18px!important;padding:8px 16px!important}}
@media(max-width:1279px) and (min-width:992px){body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-market-head-main{min-height:86px!important;grid-template-columns:260px minmax(250px,1fr) 180px!important;gap:12px!important;padding:8px 14px!important}body.mbg-ads-preview-page .mbg-ads-app .mbg-dir-market-brand.is-mimbar-promosi-master-logo .mbg-dir-brand-parent img{max-width:245px!important;max-height:82px!important}}
@media(max-width:991px){body.mbg-ads-preview-page .mbg-ads-app .mbg-dir-market-brand.is-mimbar-promosi-master-logo{width:100%!important;justify-content:center!important}body.mbg-ads-preview-page .mbg-ads-app .mbg-dir-market-brand.is-mimbar-promosi-master-logo .mbg-dir-brand-parent{justify-content:center!important}body.mbg-ads-preview-page .mbg-ads-app .mbg-dir-market-brand.is-mimbar-promosi-master-logo .mbg-dir-brand-parent img{width:min(360px,94vw)!important;max-width:360px!important;max-height:120px!important;object-position:center!important}}
@media(max-width:600px){body.mbg-ads-preview-page .mbg-ads-app .mbg-dir-market-brand.is-mimbar-promosi-master-logo .mbg-dir-brand-parent img{width:min(340px,94vw)!important;max-width:340px!important;max-height:114px!important}}
body.mbg-ads-preview-page .mbg-dir-bottom-brand .mbg-dir-bottom-logo{display:block!important;width:min(340px,86vw)!important;max-width:340px!important;height:auto!important;max-height:114px!important;object-fit:contain!important;object-position:center!important;filter:none!important}
body.mbg-ads-preview-page .mbg-dir-sidebar-brand .mbg-dir-sidebar-logo{display:block!important;width:min(250px,100%)!important;max-width:250px!important;height:auto!important;max-height:84px!important;object-fit:contain!important;object-position:left center!important;filter:none!important}
body.mbg-ads-preview-page .mbg-ads-market-footer .mbg-ads-footer-promosi-title{display:none!important}


/* V3.7.4 — Focused MIMBAR PROMOSI marketplace navigation */
.mbg-dir-market-nav{scroll-behavior:smooth}
.mbg-dir-market-nav a{letter-spacing:.01em}
.mbg-dir-market-nav a.is-news{background:#031f3a!important;color:#fff!important;font-weight:900!important;border-right:1px solid rgba(255,255,255,.14)!important}
.mbg-dir-market-nav a.is-news:hover{background:#092c4f!important}
.mbg-dir-market-nav a.is-current{margin-left:0!important;order:initial!important;background:#ef1730!important;color:#fff!important}
@media(max-width:767px){
  .mbg-dir-market-nav{display:flex!important;grid-template-columns:none!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;white-space:nowrap!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important}
  .mbg-dir-market-nav::-webkit-scrollbar{display:none!important}
  .mbg-dir-market-nav a,.mbg-dir-market-nav.is-amp-compact a{display:flex!important;flex:0 0 auto!important;min-width:auto!important;min-height:38px!important;padding:0 13px!important;font-size:9.5px!important;white-space:nowrap!important}
  .mbg-dir-market-nav a:nth-child(n){display:flex!important}
  .mbg-dir-market-nav a.is-current{order:initial!important;margin-left:0!important}
}

/* V3.8.9.18 — official MBG Views count on directory cards. */
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-view-count{display:inline-flex;align-items:center;gap:4px;min-width:0;color:#5c7085;font-size:10.5px;font-weight:700;white-space:nowrap}
body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-view-count svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}

/* V4.3.4 — FINAL MARKET NAVIGATION CONSISTENCY
   Final order: Beranda | News | Kategori | Harga | Ketentuan | Pasang Iklan | Pesan | Dashboard. */
.mbg-ads-app .mbg-dir-market-nav{display:flex!important;align-items:stretch!important;justify-content:flex-start!important;gap:0!important;min-height:42px!important;background:#052d58!important;overflow-x:auto!important;overflow-y:hidden!important;white-space:nowrap!important;scrollbar-width:none!important}
.mbg-ads-app .mbg-dir-market-nav::-webkit-scrollbar{display:none!important}
.mbg-ads-app .mbg-dir-market-nav a,.mbg-ads-app .mbg-dir-market-nav a.is-current,.mbg-ads-app .mbg-dir-market-nav a.is-news{order:initial!important;margin:0!important;display:flex!important;flex:0 0 auto!important;align-items:center!important;justify-content:center!important;min-height:42px!important;padding:0 17px!important;border:0!important;border-right:1px solid rgba(255,255,255,.08)!important;background:transparent!important;color:#fff!important;text-decoration:none!important;font-size:11px!important;font-weight:750!important;line-height:1!important;letter-spacing:.005em!important;box-sizing:border-box!important}
.mbg-ads-app .mbg-dir-market-nav a:hover,.mbg-ads-app .mbg-dir-market-nav a.is-news:hover{background:#0a3a6d!important;color:#fff!important}
.mbg-ads-app .mbg-dir-market-nav a.is-current{background:#ef1730!important;color:#fff!important;font-weight:850!important}
.mbg-ads-app .mbg-dir-market-nav a.is-news{font-weight:750!important}
.mbg-ads-app .mbg-dir-market-nav .mbg-unread-badge{margin-left:6px!important}
@media(max-width:900px){.mbg-ads-app .mbg-dir-market-nav,.mbg-ads-app .mbg-dir-market-nav.is-amp-compact{min-height:40px!important}.mbg-ads-app .mbg-dir-market-nav a,.mbg-ads-app .mbg-dir-market-nav.is-amp-compact a{min-height:40px!important;padding:0 14px!important;font-size:10px!important}}


/* V4.3.9 — SINGLE-ROW CATEGORY STRIP
   Desktop/laptop category navigation is permanently locked to one horizontal row.
   The column count follows the actual visible category count (+ Semua), so the
   last category can never drop into an accidental second row. */
@media(min-width:1280px){
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-category-strip{
    display:grid!important;
    grid-template-columns:repeat(var(--mbg-category-count,16),minmax(0,1fr))!important;
    width:100%!important;
    max-width:100%!important;
    gap:5px!important;
    overflow:visible!important;
  }
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-category-strip>a{
    min-width:0!important;
    width:auto!important;
    max-width:none!important;
  }
}
@media(min-width:992px) and (max-width:1279px){
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-category-strip{
    display:grid!important;
    grid-template-columns:repeat(var(--mbg-category-count,16),minmax(78px,1fr))!important;
    width:100%!important;
    max-width:100%!important;
    gap:5px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scrollbar-width:none!important;
  }
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-category-strip::-webkit-scrollbar{display:none!important}
  body.mbg-ads-preview-page .mbg-ads-app.mbg-dir-v300 .mbg-dir-category-strip>a{
    min-width:78px!important;
    width:auto!important;
    max-width:none!important;
  }
}


/* V4.4.0 — Dashboard-managed MIMBAR PROMOSI sidebar banner (Promosi Pilihan). */
body.mbg-ads-preview-page .mbg-ads-app .mbg-dir-featured-ad .mbg-promo-sidebar-direct-banner{display:block!important;width:100%!important;max-width:300px!important;aspect-ratio:300/250!important;margin:0 auto!important;border-radius:12px!important;overflow:hidden!important;background:#f6f8fb!important;line-height:0!important}
body.mbg-ads-preview-page .mbg-ads-app .mbg-dir-featured-ad .mbg-promo-sidebar-direct-banner img{display:block!important;width:100%!important;height:100%!important;object-fit:fill!important;margin:0!important;border:0!important;border-radius:0!important}
body.mbg-ads-preview-page .mbg-ads-app .mbg-dir-featured-ad .mbg-promo-sidebar-direct-link{display:block!important;width:100%!important;text-decoration:none!important;line-height:0!important}


/* V4.4.4 — Premium Native 300×250 creative for Home sidebar. */
.mbg-ads-app .mbg-dir-featured-ad.is-native-premium{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
.mbg-ads-app .mbg-dir-featured-ad.is-native-premium>.mbg-dir-side-head{display:none!important}
.mbg-ads-app .mbg-promo-sidebar-native{position:relative;display:flex;flex-direction:column;width:100%;max-width:300px;height:250px;margin:0 auto;box-sizing:border-box;overflow:hidden;border-radius:16px;padding:10px 12px 9px;background:radial-gradient(circle at 12% 12%,rgba(17,104,171,.72),transparent 28%),radial-gradient(circle at 90% 86%,rgba(255,179,0,.20),transparent 34%),linear-gradient(145deg,#062c50 0%,#07395f 42%,#031b35 100%);border:1px solid rgba(255,255,255,.16);box-shadow:0 16px 34px rgba(2,31,59,.24),inset 0 0 0 1px rgba(255,255,255,.04);color:#fff;line-height:1.18;font-family:inherit}
.mbg-ads-app .mbg-promo-sidebar-native:before,.mbg-ads-app .mbg-promo-sidebar-native:after{content:"";position:absolute;pointer-events:none;border-radius:999px;border:2px solid rgba(255,197,66,.42);filter:blur(.1px)}
.mbg-ads-app .mbg-promo-sidebar-native:before{width:140px;height:140px;right:-86px;bottom:-72px;box-shadow:0 0 18px rgba(255,186,48,.24)}
.mbg-ads-app .mbg-promo-sidebar-native:after{width:94px;height:94px;left:-58px;top:-42px;opacity:.55}
.mbg-ads-app .mbg-promo-native-glow{position:absolute;width:7px;height:7px;border-radius:50%;background:#ffd56a;box-shadow:0 0 12px 4px rgba(255,192,45,.75);z-index:0}
.mbg-ads-app .mbg-promo-native-glow-a{left:5px;top:68px}.mbg-ads-app .mbg-promo-native-glow-b{right:7px;bottom:43px}
.mbg-ads-app .mbg-promo-native-topline{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:5px;margin-bottom:3px;font-size:7.2px;font-weight:900;letter-spacing:.01em;white-space:nowrap}
.mbg-ads-app .mbg-promo-native-pill,.mbg-ads-app .mbg-promo-native-badge{display:inline-flex;align-items:center;min-height:18px;padding:0 7px;border-radius:999px;box-sizing:border-box}
.mbg-ads-app .mbg-promo-native-pill{background:rgba(8,87,151,.92);border:1px solid rgba(255,255,255,.15);color:#fff}
.mbg-ads-app .mbg-promo-native-badge{background:linear-gradient(180deg,#ffd55d,#f6b826);color:#173754;box-shadow:0 4px 10px rgba(245,183,36,.18)}
.mbg-ads-app .mbg-promo-native-logo{position:relative;z-index:2;display:block;width:156px;height:auto;max-height:46px;object-fit:contain;margin:0 auto 2px;filter:drop-shadow(0 3px 4px rgba(0,0,0,.25))}
.mbg-ads-app .mbg-promo-native-copy{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:7px;margin-top:0}
.mbg-ads-app .mbg-promo-native-copy>div{min-width:0;flex:1}
.mbg-ads-app .mbg-promo-native-copy strong{display:block;color:#fff;font-size:18px;line-height:.96;font-weight:950;letter-spacing:-.03em;text-shadow:0 2px 4px rgba(0,0,0,.22)}
.mbg-ads-app .mbg-promo-native-copy strong em{display:block;color:#ffc52e;font-style:normal}
.mbg-ads-app .mbg-promo-native-copy small{display:block;margin-top:3px;color:#dce9f4;font-size:7px;line-height:1.18;font-weight:650}
.mbg-ads-app .mbg-promo-native-megaphone{display:flex;align-items:center;justify-content:center;width:42px;height:42px;flex:0 0 42px;font-size:30px;transform:rotate(-10deg);filter:drop-shadow(0 4px 6px rgba(0,0,0,.28))}
.mbg-ads-app .mbg-promo-native-price{position:relative;z-index:2;display:flex;align-items:baseline;justify-content:center;gap:4px;margin:4px 0 5px;padding:4px 8px;border-radius:10px;background:linear-gradient(180deg,#ed213c,#c80f29);border:1px solid rgba(255,110,110,.48);box-shadow:0 0 15px rgba(239,23,56,.25),inset 0 1px rgba(255,255,255,.18)}
.mbg-ads-app .mbg-promo-native-price span{font-size:7.5px;color:#fff}.mbg-ads-app .mbg-promo-native-price strong{font-size:16px;color:#ffd65d;font-weight:950;line-height:1}.mbg-ads-app .mbg-promo-native-price small{font-size:7.5px;color:#fff}
.mbg-ads-app .mbg-promo-native-steps{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin-bottom:5px}
.mbg-ads-app .mbg-promo-native-steps span{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:28px;padding:3px 2px;border-radius:8px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.12);color:#edf6ff;font-size:6px;font-weight:800;text-align:center;line-height:1.04}
.mbg-ads-app .mbg-promo-native-steps b{display:flex;align-items:center;justify-content:center;width:14px;height:14px;margin-bottom:1px;border-radius:50%;background:#ffc73f;color:#173754;font-size:6.5px;font-weight:950}
.mbg-ads-app .mbg-promo-native-cta{position:relative;z-index:2;display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;width:100%!important;height:28px!important;min-height:28px!important;margin-top:auto!important;box-sizing:border-box!important;border-radius:10px!important;background:linear-gradient(90deg,#ef1738,#f12743)!important;border:1px solid rgba(255,255,255,.24)!important;box-shadow:0 5px 12px rgba(222,17,50,.28),inset 0 1px rgba(255,255,255,.16)!important;color:#fff!important;text-decoration:none!important;font-size:9.5px!important;font-weight:900!important;line-height:1!important;letter-spacing:.005em!important}
.mbg-ads-app .mbg-promo-native-cta:hover{filter:brightness(1.05);transform:translateY(-1px)}
@media(max-width:900px){.mbg-ads-app .mbg-promo-sidebar-native{max-width:300px}}

/* V4.4.6 — ensure bottom-placed promo banner never clips inside sidebar card. */
.mbg-ads-app .mbg-dir-featured-ad.is-bottom-placement{padding-bottom:2px!important;overflow:visible!important}

/* V4.4.7 — fixed-header category anchor remains visibly reachable from the Kategori menu. */
#kategori-iklan{scroll-margin-top:150px}