.ad-directory-heading{padding:12px 0 26px}.ad-directory-heading h2{font-size:clamp(28px,4vw,46px);line-height:1.18;margin:14px 0}.ad-directory-heading p{color:#b5c0b0;line-height:1.85;max-width:640px}.ad-stack{display:flex;flex-direction:column;gap:28px}.promotion-card{border:1px solid #46523d;border-radius:18px;background:#192119;overflow:hidden;min-width:0}.promotion-card[hidden]{display:none}.promotion-label{display:flex;justify-content:space-between;gap:16px;padding:13px 20px;font-size:10px;letter-spacing:1.4px;color:#b9ceaa;line-height:1.8;flex-wrap:wrap}.promotion-label span:first-child{color:#c4fb80;font-weight:700}.promotion-card .promotion-art,.promotion-dialog .promotion-art{position:static;display:block;width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain;border-radius:0;background:#101611}.promotion-copy{padding:24px}.promotion-copy h2{font-size:clamp(23px,3vw,34px);line-height:1.4;margin:0 0 12px;overflow-wrap:anywhere}.promotion-copy p{font-size:15px;line-height:1.95;color:#c4cec0;margin:0 0 20px}.promotion-actions{display:flex;gap:12px;flex-wrap:wrap}.promotion-actions .button,.promotion-dialog .button{min-height:46px;white-space:normal;text-align:center;justify-content:center;line-height:1.6}.promotion-dialog{padding:0;width:min(680px,calc(100% - 24px));max-height:calc(100dvh - 32px);border:1px solid #697b55;border-radius:20px;background:#192119;color:#f5f8f0;overscroll-behavior:contain}.promotion-dialog::backdrop{background:#040904d9;backdrop-filter:blur(5px)}.promotion-dialog-top{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;position:sticky;top:0;background:#192119;z-index:1}.promotion-dialog-top .icon-button{width:44px;height:44px;font-size:30px;flex-shrink:0}.promotion-details{white-space:pre-line;overflow-wrap:anywhere;line-height:1.95;font-size:15px;color:#d1dacc;margin:0 0 24px}.promotion-placement{margin:0 0 28px}.detail-ad-slot{max-width:1000px;margin:0 auto 120px;padding:0 24px}.ad-placement-fields{border:1px solid #46523d;padding:16px;border-radius:12px;margin:16px 0}.ad-placement-fields legend{padding:0 8px}.ad-placement-fields .checkbox{margin:10px 0}.promotion-card :focus-visible,.promotion-dialog :focus-visible{outline:3px solid #c2ff80;outline-offset:4px}body:has(.promotion-dialog[open]){overflow:hidden}
@media(max-width:760px){.ad-stack{gap:22px}.promotion-copy{padding:20px}.promotion-copy h2{font-size:25px}.promotion-copy p,.promotion-details{font-size:14px}.promotion-label{padding:11px 16px;font-size:9px;letter-spacing:.9px}.promotion-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.promotion-actions .button{font-size:12px;padding:12px 8px}.promotion-placement .promotion-copy h2{font-size:22px}.promotion-dialog .promotion-copy{padding:20px}.detail-ad-slot{padding:0 20px}.ad-directory-heading h2{font-size:32px}html[lang=my] .promotion-actions{grid-template-columns:1fr}html[lang=my] .promotion-copy h2{font-size:23px;line-height:1.8}}