/* แบนเนอร์ Affiliate — ใช้ร่วมกันทุกหน้า */
.ad-slot{margin-bottom:16px;}
.ad-slot:empty{display:none;}
.ad{position:relative;display:flex;align-items:center;gap:12px;text-decoration:none;border-radius:14px;overflow:hidden;margin-bottom:10px;
  background:linear-gradient(120deg,#ff6a3d 0%,#ee4d2d 55%,#d83a1c 100%);color:#fff;padding:16px 16px 16px 18px;
  box-shadow:0 4px 14px rgba(238,77,45,.25);transition:transform .15s,box-shadow .15s;}
.ad:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(238,77,45,.32);}
.ad:active{transform:scale(.98);}
.ad.img{padding:0;background:#fff;border:0.5px solid #e0dcf4;}
.ad.img img{display:block;width:100%;height:auto;max-height:340px;object-fit:contain;background:#fff;}
.side .ad.img img{max-height:none;}
.ad-tag{position:absolute;top:6px;right:8px;font-size:9.5px;letter-spacing:.5px;background:rgba(0,0,0,.28);color:#fff;border-radius:6px;padding:1px 6px;}
.ad.img .ad-tag{background:rgba(0,0,0,.45);}
.ad-ico{font-size:30px;flex-shrink:0;}
.ad-txt{flex:1;min-width:0;}
.ad-t{font-family:'Kanit',sans-serif;font-size:16px;font-weight:600;line-height:1.3;}
.ad-s{font-size:13px;opacity:.92;margin-top:3px;line-height:1.35;}
.ad-cta{flex-shrink:0;background:#fff;color:#ee4d2d;font-weight:700;font-size:13px;border-radius:20px;padding:7px 12px;white-space:nowrap;}
.side .ad{flex-direction:column;align-items:flex-start;padding:18px;}
.side .ad.img{padding:0;}
.side .ad-cta{margin-top:4px;}
.ad-res{display:none;margin-top:12px;}
.ad-res.show{display:block;animation:fadeUp .4s ease both;}

.bsz-m .ad-slot .ad.img,.bsz-m .ad-res .ad.img{max-width:72%;margin-left:auto;margin-right:auto;}
.bsz-s .ad-slot .ad.img,.bsz-s .ad-res .ad.img{max-width:55%;margin-left:auto;margin-right:auto;}
.bsz-m .side .ad-slot .ad.img,.bsz-s .side .ad-slot .ad.img{max-width:none;}
@media(max-width:700px){.bsz-m .ad-slot .ad.img,.bsz-s .ad-slot .ad.img,.bsz-m .ad-res .ad.img,.bsz-s .ad-res .ad.img{max-width:none;}}
.bh-480 .ad-slot .ad.img img,.bh-480 .ad-res .ad.img img{aspect-ratio:1920/480;object-fit:cover;max-height:none;}
.bh-384 .ad-slot .ad.img img,.bh-384 .ad-res .ad.img img{aspect-ratio:1920/384;object-fit:cover;max-height:none;}
.bh-480 .side .ad.img img,.bh-384 .side .ad.img img{aspect-ratio:auto;object-fit:contain;}
@keyframes fadeUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}