/* =====================================================================
   Latar bertema per pasaran.
   Hanya mengatur background-image (motif SVG + kilau lembut), sehingga
   warna dasar tiap layout — termasuk yang bertema gelap — tetap utuh.
   Motif dibuat dari SVG data-URI agar sesuai Content-Security-Policy.
   ===================================================================== */
body[class*='mbg-']:not(.has-foto), div[class*='mbg-']:not(.has-foto) {
  background-repeat: repeat;
  background-attachment: fixed;
}


/* =====================================================================
   LATAR FOTO PASARAN
   File foto disimpan sendiri di /images/markets/<tema>.jpg (sesuai CSP
   yang hanya mengizinkan gambar dari domain sendiri).

   Lapisan atas berupa scrim (gradasi semi-transparan) agar angka hasil
   dan teks tetap terbaca di atas foto:
     .mbg-foto-terang -> untuk layout berlatar terang
     .mbg-foto-gelap  -> untuk layout berlatar gelap
   Pasaran yang belum punya foto tetap memakai motif SVG di bawah berkas ini.
   ===================================================================== */
/* Foto dipasang pada <body> agar menutupi seluruh lebar layar */
body[class*='mbg-'].has-foto {
  background-size: cover;
  background-position: center center;
  background-attachment: fixed;
  background-repeat: no-repeat;
}

/* Pembungkus halaman dibuat tembus pandang supaya foto terlihat penuh
   dari tepi kiri sampai tepi kanan, tanpa kolom warna di tengah. */
div[class*='mbg-'].has-foto {
  background-color: transparent !important;
  background-image: none !important;
}

/* Kyoto — gerbang torii Fushimi Inari */
body.mbg-japan.has-foto { background-image: url('/images/markets/japan.jpg'); }

/* Foto pasaran lain */
body.mbg-kenya.has-foto     { background-image: url('/images/markets/kenya.jpg'); }
body.mbg-colombia.has-foto  { background-image: url('/images/markets/colombia.jpg'); }
body.mbg-taiwan.has-foto    { background-image: url('/images/markets/taiwan.jpg'); }
body.mbg-indonesia.has-foto { background-image: url('/images/markets/indonesia.jpg'); }
body.mbg-usa.has-foto       { background-image: url('/images/markets/usa.jpg'); }
body.mbg-britain.has-foto   { background-image: url('/images/markets/britain.jpg'); }
body.mbg-srilanka.has-foto  { background-image: url('/images/markets/srilanka.jpg'); }
body.mbg-malaysia.has-foto  { background-image: url('/images/markets/malaysia.jpg'); }
body.mbg-brunei.has-foto    { background-image: url('/images/markets/brunei.jpg'); }
body.mbg-germany.has-foto   { background-image: url('/images/markets/germany.jpg'); }
body.mbg-mongolia.has-foto  { background-image: url('/images/markets/mongolia.jpg'); }
body.mbg-vietnam.has-foto   { background-image: url('/images/markets/vietnam.jpg'); }
body.mbg-lithuania.has-foto   { background-image: url('/images/markets/lithuania.jpg'); }
body.mbg-finland.has-foto     { background-image: url('/images/markets/finland.jpg'); }
body.mbg-dominican.has-foto   { background-image: url('/images/markets/dominican.jpg'); }
body.mbg-netherlands.has-foto { background-image: url('/images/markets/netherlands.jpg'); }
body.mbg-dublin.has-foto      { background-image: url('/images/markets/dublin.jpg'); }
body.mbg-malta.has-foto       { background-image: url('/images/markets/malta.jpg'); }
body.mbg-armenia.has-foto     { background-image: url('/images/markets/armenia.jpg'); }
body.mbg-libya.has-foto       { background-image: url('/images/markets/libya.jpg'); }
body.mbg-nigeria.has-foto     { background-image: url('/images/markets/nigeria.jpg'); }
body.mbg-romania.has-foto     { background-image: url('/images/markets/romania.jpg'); }
body.mbg-turkey.has-foto      { background-image: url('/images/markets/turkey.jpg'); }
body.mbg-morocco.has-foto     { background-image: url('/images/markets/morocco.jpg'); }
body.mbg-austria.has-foto     { background-image: url('/images/markets/austria.jpg'); }
body.mbg-serbia.has-foto      { background-image: url('/images/markets/serbia.jpg'); }
body.mbg-poland.has-foto      { background-image: url('/images/markets/poland.jpg'); }
body.mbg-ireland.has-foto     { background-image: url('/images/markets/ireland.jpg'); }

/* ---------------------------------------------------------------
   Panel konten di atas foto — dibuat pekat agar angka tetap terbaca
   --------------------------------------------------------------- */
.has-foto .dimtab-wrap {
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
}

.has-foto .dims .dim {
  background: rgba(255, 255, 255, 0.94);
  border-color: rgba(0, 0, 0, 0.12);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.22);
}

.has-foto .ky-hero,
.has-foto .ky-result,
.has-foto .ky-section {
  background: rgba(255, 255, 255, 0.9);
  border-radius: 14px;
  padding-left: 18px;
  padding-right: 18px;
  box-shadow: 0 12px 34px rgba(0, 0, 0, 0.2);
}

.has-foto .ky-hero { margin-top: 22px; }
.has-foto .ky-result { margin-top: 18px; padding-top: 26px; padding-bottom: 26px; }
.has-foto .ky-section { margin-top: 26px; padding-top: 28px; padding-bottom: 28px; }
.has-foto .ky-container { padding-bottom: 26px; }
.has-foto .ky-kanji { color: rgba(255, 255, 255, 0.9); text-shadow: 0 1px 4px rgba(0, 0, 0, 0.5); }
.has-foto .ky-petals { display: none; }


/* Panel konten tiap layout saat berlatar foto — foto tetap terlihat penuh
   di sisi kiri-kanan, teks tetap terbaca di tengah. */
.has-foto .ke-container,
.has-foto .co-container,
.has-foto .tw-container,
.has-foto .jw-container,
.has-foto .ca-container,
.has-foto .br-container,
.has-foto .mk-container,
.has-foto .bn-container,
.has-foto .bl-container,
.has-foto .mn-container,
.has-foto .hn-col,
.has-foto .sl-tier-2,
.has-foto .sl-tier-3,
.has-foto .sl-tier-4,
.has-foto .vl-container,
.has-foto .dm-container,
.has-foto .am-container,
.has-foto .db-container,
.has-foto .mt-container,
.has-foto .ar-frame,
.has-foto .ng-container,
.has-foto .tr-container,
.has-foto .ma-riad,
.has-foto .at-container,
.has-foto .rs-container,
.has-foto .pl-container,
.has-foto .ie-container,
.has-foto .hl-main,
.has-foto .ly-container,
.has-foto .ro-container {
  background: rgba(255, 255, 255, 0.93);
  border-radius: 14px;
  padding-top: 22px;
  padding-bottom: 26px;
  margin-top: 22px;
  margin-bottom: 22px;
  box-shadow: 0 14px 36px rgba(0, 0, 0, 0.18);
}

/* Hero yang latarnya polos ikut diberi alas agar tidak menyatu dengan foto */
.has-foto .mn-hero,
.has-foto .ca-hero,
.has-foto .pl-hero { border-radius: 14px; overflow: hidden; }

@media (max-width: 767.98px) {
  .has-foto .ke-container,
  .has-foto .co-container,
  .has-foto .tw-container,
  .has-foto .jw-container,
  .has-foto .ca-container,
  .has-foto .br-container,
  .has-foto .mk-container,
  .has-foto .bn-container,
  .has-foto .bl-container,
  .has-foto .mn-container,
  .has-foto .hn-col,
  .has-foto .sl-tier-2,
  .has-foto .sl-tier-3,
  .has-foto .sl-tier-4 {
    border-radius: 10px;
    margin-left: 8px;
    margin-right: 8px;
  }
}

/* Footer publik ikut transparan agar foto tidak terpotong di bawah */
body.has-foto footer { background: rgba(255, 255, 255, 0.88) !important; }

@media (max-width: 767.98px) {
  body[class*='mbg-'].has-foto { background-attachment: scroll; }
  .has-foto .ky-hero,
  .has-foto .ky-result,
  .has-foto .ky-section { border-radius: 10px; padding-left: 12px; padding-right: 12px; }
}

/* ---------- ASIA ---------- */
/* Kyoto — kelopak sakura & lingkaran matahari */
.mbg-japan {
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cg fill='%23dc2626' fill-opacity='.07'%3E%3Cellipse cx='24' cy='28' rx='9' ry='5' transform='rotate(-25 24 28)'/%3E%3Cellipse cx='92' cy='66' rx='9' ry='5' transform='rotate(35 92 66)'/%3E%3Cellipse cx='56' cy='104' rx='8' ry='4' transform='rotate(-8 56 104)'/%3E%3C/g%3E%3C/svg%3E"),
    radial-gradient(circle at 80% 0%, rgba(220, 38, 38, 0.07), transparent 55%);
}

/* Taiwan — deret lentera pasar malam */
.mbg-taiwan {
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='110'%3E%3Cg fill='none' stroke='%23dc2626' stroke-opacity='.08' stroke-width='3'%3E%3Cellipse cx='45' cy='52' rx='22' ry='28'/%3E%3Cpath d='M45 14v10M45 80v10M23 52h44'/%3E%3C/g%3E%3C/svg%3E"),
    linear-gradient(180deg, rgba(30, 58, 138, 0.05), transparent 40%);
}

/* Jowo — batik parang */
.mbg-indonesia {
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Cg fill='none' stroke='%23c9a24b' stroke-opacity='.12' stroke-width='5' stroke-linecap='round'%3E%3Cpath d='M0 62c14-14 26-14 40 0s26 14 40 0'/%3E%3Cpath d='M0 30c14-14 26-14 40 0s26 14 40 0'/%3E%3C/g%3E%3C/svg%3E");
}

/* Malaka — ubin peranakan */
.mbg-malaysia {
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56'%3E%3Cg fill='none' stroke='%239a3412' stroke-opacity='.10' stroke-width='2'%3E%3Cpath d='M28 4l24 24-24 24L4 28z'/%3E%3Ccircle cx='28' cy='28' r='6'/%3E%3C/g%3E%3C/svg%3E");
}

/* Brunei — bintang segi delapan istana */
.mbg-brunei {
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='72'%3E%3Cg fill='%23b8860b' fill-opacity='.09'%3E%3Cpath d='M36 6l8 16 18 2-13 12 4 18-17-9-17 9 4-18-13-12 18-2z'/%3E%3C/g%3E%3C/svg%3E"),
    radial-gradient(circle at 50% 0%, rgba(234, 179, 8, 0.10), transparent 50%);
}

/* Hanoi — lentera gantung */
.mbg-vietnam {
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='70' height='96'%3E%3Cg fill='%23b91c1c' fill-opacity='.08'%3E%3Cpath d='M35 22h16l6 12v20l-6 12H19l-6-12V34l6-12z'/%3E%3C/g%3E%3Cpath d='M35 0v22' stroke='%23b91c1c' stroke-opacity='.10' stroke-width='2'/%3E%3C/svg%3E");
}

/* Srilanka — teratai & tingkat stupa */
.mbg-srilanka {
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='84' height='84'%3E%3Cg fill='none' stroke='%23c9a24b' stroke-opacity='.13' stroke-width='2'%3E%3Cpath d='M42 14c10 10 10 26 0 36-10-10-10-26 0-36z'/%3E%3Cpath d='M18 62h48M26 70h32'/%3E%3C/g%3E%3C/svg%3E");
}

/* Mongolia — simpul ulzii */
.mbg-mongolia {
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64'%3E%3Cg fill='none' stroke='%232563eb' stroke-opacity='.10' stroke-width='3'%3E%3Cpath d='M16 16h32v32H16z'/%3E%3Cpath d='M32 8v48M8 32h48'/%3E%3C/g%3E%3C/svg%3E");
}

/* Armenia — ornamen manuskrip */
.mbg-armenia {
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='70' height='70'%3E%3Cg fill='none' stroke='%23f97316' stroke-opacity='.12' stroke-width='2'%3E%3Ccircle cx='35' cy='35' r='14'/%3E%3Cpath d='M35 7v56M7 35h56'/%3E%3C/g%3E%3C/svg%3E");
}

/* Turki — tulip Iznik */
.mbg-turkey {
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='72'%3E%3Cg fill='%230d9488' fill-opacity='.10'%3E%3Cpath d='M32 16c7 0 12 8 12 17s-5 15-12 15-12-6-12-15 5-17 12-17z'/%3E%3C/g%3E%3Cpath d='M32 48v14' stroke='%23dc2626' stroke-opacity='.10' stroke-width='3'/%3E%3C/svg%3E");
}

/* ---------- EROPA ---------- */
/* Berlin — kotak Bauhaus */
.mbg-germany {
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Cg fill-opacity='.08'%3E%3Crect x='8' y='8' width='26' height='26' fill='%23111111'/%3E%3Crect x='46' y='8' width='26' height='26' fill='%23dc2626'/%3E%3Crect x='8' y='46' width='26' height='26' fill='%23eab308'/%3E%3Ccircle cx='59' cy='59' r='13' fill='%23111111'/%3E%3C/g%3E%3C/svg%3E");
}

/* Amsterdam — deret rumah kanal */
.mbg-netherlands {
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='110' height='80'%3E%3Cg fill='%231d4ed8' fill-opacity='.07'%3E%3Cpath d='M8 76V34l10-12 10 12v42z'/%3E%3Cpath d='M34 76V26l11-14 11 14v50z'/%3E%3Cpath d='M62 76V40l10-12 10 12v36z'/%3E%3Cpath d='M88 76V30l9-12 9 12v46z'/%3E%3C/g%3E%3C/svg%3E"),
    linear-gradient(180deg, transparent 70%, rgba(234, 88, 12, 0.05));
}

/* Helsinki — kisi Nordik */
.mbg-finland {
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Cg stroke='%230ea5e9' stroke-opacity='.09' stroke-width='1.5'%3E%3Cpath d='M0 30h60M30 0v60'/%3E%3C/g%3E%3C/svg%3E");
}

/* Vilnius — lengkung gothic */
.mbg-lithuania {
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='80'%3E%3Cpath d='M12 76V34c0-10 8-18 18-18s18 8 18 18v42' fill='none' stroke='%2315803d' stroke-opacity='.10' stroke-width='3'/%3E%3C/svg%3E");
}

/* Dublin & Ireland — daun semanggi */
.mbg-ireland {
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='84' height='84'%3E%3Cg fill='%2315803d' fill-opacity='.08'%3E%3Ccircle cx='34' cy='26' r='10'/%3E%3Ccircle cx='50' cy='26' r='10'/%3E%3Ccircle cx='42' cy='40' r='10'/%3E%3Crect x='40' y='46' width='4' height='16' rx='2'/%3E%3C/g%3E%3C/svg%3E");
}

/* Malta — salib Malta pada batu */
.mbg-malta {
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='72'%3E%3Cg fill='%23b91c1c' fill-opacity='.08'%3E%3Cpath d='M36 8l10 18-10 10-10-10zM64 36L46 46l-10-10 10-10zM36 64L26 46l10-10 10 10zM8 36l18-10 10 10-10 10z'/%3E%3C/g%3E%3C/svg%3E");
}

/* Britania — jalinan garis koran */
.mbg-britain {
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='70' height='70'%3E%3Cg stroke='%231e3a8a' stroke-opacity='.08' stroke-width='2'%3E%3Cpath d='M0 0l70 70M70 0L0 70M35 0v70M0 35h70'/%3E%3C/g%3E%3C/svg%3E");
}

/* Romania — benteng kastil */
.mbg-romania {
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='72'%3E%3Cpath d='M6 68V26h12V14h12v12h12V14h12v12h12v42z' fill='%23eab308' fill-opacity='.05'/%3E%3C/svg%3E");
}

/* Austria — garis partitur & not */
.mbg-austria {
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='60'%3E%3Cg stroke='%2327272a' stroke-opacity='.07' stroke-width='1.5'%3E%3Cpath d='M0 12h90M0 24h90M0 36h90M0 48h90'/%3E%3C/g%3E%3Ccircle cx='24' cy='36' r='6' fill='%23b91c1c' fill-opacity='.10'/%3E%3Ccircle cx='64' cy='24' r='6' fill='%23b91c1c' fill-opacity='.10'/%3E%3C/svg%3E");
}

/* Serbia — perisai heraldik */
.mbg-serbia {
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='84'%3E%3Cpath d='M14 12h44v40L36 74 14 52z' fill='none' stroke='%231e3a8a' stroke-opacity='.10' stroke-width='3'/%3E%3C/svg%3E");
}

/* Poland — bunga wycinanki */
.mbg-poland {
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Cg fill='%23dc2626' fill-opacity='.08'%3E%3Ccircle cx='40' cy='22' r='9'/%3E%3Ccircle cx='58' cy='40' r='9'/%3E%3Ccircle cx='40' cy='58' r='9'/%3E%3Ccircle cx='22' cy='40' r='9'/%3E%3Ccircle cx='40' cy='40' r='7'/%3E%3C/g%3E%3C/svg%3E");
}

/* ---------- AFRIKA ---------- */
/* Kenya — perisai Maasai & akasia */
.mbg-kenya {
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96'%3E%3Cg fill='none' stroke='%23b91c1c' stroke-opacity='.09' stroke-width='3'%3E%3Cpath d='M48 10c15 8 23 19 23 34S58 76 48 86C38 76 25 57 25 44S33 18 48 10z'/%3E%3Cpath d='M48 10v76M25 44h46'/%3E%3C/g%3E%3C/svg%3E");
}

/* Libya — gelombang gurun */
.mbg-libya {
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='60'%3E%3Cpath d='M0 44c24-18 46-18 70 0s46 18 70 0' fill='none' stroke='%23d6b36a' stroke-opacity='.22' stroke-width='4'/%3E%3C/svg%3E");
}

/* Nigeria — geometri kain ankara */
.mbg-nigeria {
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='72'%3E%3Cg fill='%2315803d' fill-opacity='.08'%3E%3Cpath d='M36 6l14 14-14 14-14-14z'/%3E%3Cpath d='M36 42l14 14-14 14-14-14z'/%3E%3C/g%3E%3Cg fill='%23facc15' fill-opacity='.10'%3E%3Ccircle cx='8' cy='36' r='6'/%3E%3Ccircle cx='64' cy='36' r='6'/%3E%3C/g%3E%3C/svg%3E");
}

/* Marocco — ubin zellige */
.mbg-morocco {
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='68' height='68'%3E%3Cg fill='none' stroke='%231e40af' stroke-opacity='.10' stroke-width='2'%3E%3Cpath d='M20 2h28l18 18v28L48 66H20L2 48V20z'/%3E%3Ccircle cx='34' cy='34' r='9'/%3E%3C/g%3E%3C/svg%3E");
}

/* ---------- AMERIKA & OSEANIA ---------- */
/* Colombia — segitiga festival */
.mbg-colombia {
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='60'%3E%3Cg fill-opacity='.09'%3E%3Cpath d='M0 0h30L15 26z' fill='%23facc15'/%3E%3Cpath d='M30 0h30L45 26z' fill='%231d4ed8'/%3E%3Cpath d='M60 0h30L75 26z' fill='%23dc2626'/%3E%3C/g%3E%3C/svg%3E");
}

/* Dominika — dedaunan tropis */
.mbg-dominican {
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96'%3E%3Cg fill='%2315803d' fill-opacity='.08'%3E%3Cpath d='M12 12c30 0 52 22 52 52-30 0-52-22-52-52z'/%3E%3Cpath d='M84 84c-20 0-34-14-34-34 20 0 34 14 34 34z'/%3E%3C/g%3E%3C/svg%3E");
}

/* California — palem & bintang */
.mbg-usa {
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='110' height='90'%3E%3Cg fill='%237c3aed' fill-opacity='.07'%3E%3Cpath d='M28 84V52c-8-4-16-2-22 4 4-10 12-16 22-16V34c-10-6-20-4-28 4 6-12 16-18 28-18v64z'/%3E%3Cpath d='M86 18l4 8 9 1-7 6 2 9-8-5-8 5 2-9-7-6 9-1z'/%3E%3C/g%3E%3C/svg%3E");
}

/* Australia & Singapura & Hongkong — cadangan bila pasaran ditambah lagi */
.mbg-australia {
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Cg fill='%2300247d' fill-opacity='.08'%3E%3Cpath d='M40 12l5 11 12 1-9 8 3 12-11-7-11 7 3-12-9-8 12-1z'/%3E%3C/g%3E%3C/svg%3E");
}
.mbg-singapore {
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Cg fill='none' stroke='%2300398f' stroke-opacity='.09' stroke-width='3'%3E%3Ccircle cx='40' cy='40' r='18'/%3E%3C/g%3E%3C/svg%3E");
}
.mbg-hongkong {
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Cg fill='%23de2910' fill-opacity='.08'%3E%3Cpath d='M40 16c10 6 14 16 10 26-8-4-12-14-10-26z'/%3E%3Cpath d='M64 40c-6 10-16 14-26 10 4-8 14-12 26-10z'/%3E%3C/g%3E%3C/svg%3E");
}

/* Tema bawaan */
.mbg-default {
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Cg fill='%2300398f' fill-opacity='.05'%3E%3Ccircle cx='30' cy='30' r='4'/%3E%3C/g%3E%3C/svg%3E");
}

/* Perangkat kecil: motif diperkecil & tidak fixed agar tidak berat */
@media (max-width: 767.98px) {
  body[class*='mbg-']:not(.has-foto), div[class*='mbg-']:not(.has-foto) {
    background-attachment: scroll;
    background-size: 70px auto;
  }
}