/* MOTERNA v3.7.0 — monetizable top placement */
.mh-ad-zone{padding:26px 0 8px;background:#fff}
.mh-ad-slider{position:relative;border:1px solid #dfe3e6;border-radius:24px;overflow:hidden;background:#111417;box-shadow:0 18px 55px rgba(17,20,23,.08)}
.mh-ad-track{position:relative;min-height:360px}
.mh-ad-slide{position:absolute;inset:0;display:grid;grid-template-columns:1.18fr .82fr;opacity:0;visibility:hidden;pointer-events:none;transform:translateX(12px);transition:opacity .45s ease,transform .45s ease,visibility .45s ease;background:#111417;color:#fff}
.mh-ad-slide.is-active{position:relative;opacity:1;visibility:visible;pointer-events:auto;transform:none}
.mh-ad-media{min-height:360px;overflow:hidden;background:#252a2e}
.mh-ad-media img{width:100%;height:100%;min-height:360px;object-fit:cover;display:block;transition:transform 7s ease}
.mh-ad-slide.is-active .mh-ad-media img{transform:scale(1.025)}
.mh-ad-copy{padding:42px 42px 54px;display:flex;flex-direction:column;justify-content:center;min-width:0;background:linear-gradient(135deg,#171b1f,#0f1215)}
.mh-ad-topline{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}
.mh-ad-topline small{font-size:9px;letter-spacing:.14em;color:#7f8a92;font-weight:800}
.mh-ad-badge{display:inline-flex;width:max-content;border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:6px 9px;font-size:9px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:#fff}
.mh-ad-badge.is-paid{border-color:rgba(239,53,60,.45);background:#ef353c;color:#fff}
.mh-ad-copy h2{font-size:clamp(30px,3.3vw,50px);line-height:1.02;letter-spacing:-.045em;margin:0 0 15px;color:#fff}
.mh-ad-copy p{font-size:13px;line-height:1.65;color:#aeb7bf;margin:0;max-width:520px}
.mh-ad-copy>a{display:inline-flex;align-items:center;gap:14px;width:max-content;margin-top:25px;background:#fff;color:#111417;border-radius:999px;padding:11px 15px;font-size:11px;font-weight:900}
.mh-ad-copy>a b{font-size:15px}
.mh-ad-controls{position:absolute;z-index:3;right:18px;bottom:16px;display:flex;align-items:center;gap:10px;background:rgba(16,19,22,.72);border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:6px 8px;backdrop-filter:blur(12px)}
.mh-ad-controls>button{border:0;background:transparent;color:#fff;width:28px;height:28px;border-radius:50%;cursor:pointer;font-size:14px}.mh-ad-controls>button:hover{background:rgba(255,255,255,.12)}
.mh-ad-dots{display:flex;gap:5px;align-items:center}.mh-ad-dots button{width:6px;height:6px;border:0;border-radius:50%;padding:0;background:#697179;cursor:pointer}.mh-ad-dots button.is-active{width:20px;border-radius:999px;background:#fff}
html[lang="th"] .mh-ad-copy h2{font-family:"Prompt",sans-serif;font-weight:700;letter-spacing:-.02em;line-height:1.16}
@media(max-width:900px){.mh-ad-slide{grid-template-columns:1fr}.mh-ad-track,.mh-ad-media,.mh-ad-media img{min-height:0}.mh-ad-media{height:240px}.mh-ad-media img{height:240px}.mh-ad-copy{padding:28px 26px 56px}.mh-ad-copy h2{font-size:36px}.mh-ad-controls{right:14px;bottom:12px}}
@media(max-width:560px){.mh-ad-zone{padding-top:12px}.mh-ad-slider{border-radius:18px}.mh-ad-media,.mh-ad-media img{height:190px}.mh-ad-copy{padding:23px 20px 58px}.mh-ad-copy h2{font-size:29px}.mh-ad-copy p{font-size:12px}.mh-ad-topline small{display:none}}
@media(prefers-reduced-motion:reduce){.mh-ad-slide,.mh-ad-media img{transition:none}}
