/* Brand advertising slots (<AdSlot>) + the /admin/ads manager. */
.ad-slot{max-width:1000px;margin:24px auto;padding:0 16px;box-sizing:border-box;font-family:'Segoe UI',sans-serif}
.ad-label{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:#999;margin-bottom:6px;text-align:center}
.ad-creative{display:block;max-width:750px;margin:0 auto;border-radius:8px;overflow:hidden;line-height:0}
.ad-creative img{width:100%;height:auto;display:block}
.ad-house{display:flex;align-items:center;gap:14px;max-width:750px;min-height:96px;margin:0 auto;padding:16px 20px;box-sizing:border-box;border:1.5px dashed #d6c25a;border-radius:8px;background:#fffbe6;color:#111;text-decoration:none}
.ad-house>i{font-size:30px;color:#c9a800;flex-shrink:0}
.ad-house strong{display:block;font-size:15px}
.ad-house span{font-size:13px;color:#555}
.ad-house .ad-house-cta{margin-left:auto;white-space:nowrap;font-weight:700;color:#111;background:#FFD400;padding:8px 14px;border-radius:6px;font-size:13px}
.ad-house:hover{border-color:#FFD400}
@media (max-width:600px){
  .ad-creative{max-width:300px}
  .ad-house{flex-direction:column;text-align:center;max-width:300px;min-height:250px;justify-content:center}
  .ad-house .ad-house-cta{margin-left:0}
}

/* Admin manager */
.ads-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.ads-form label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:#333}
.ads-form input,.ads-form select{padding:9px 10px;border:1px solid #ddd;border-radius:6px;font-size:14px;font-family:inherit}
.ads-form .full{grid-column:1/-1}
.ads-form .ads-hint{font-weight:400;font-size:12px;color:#888}
.ads-preview{max-width:100%;max-height:120px;border-radius:6px;border:1px solid #eee;margin-top:4px}
.ads-thumb{width:150px;height:auto;border-radius:4px;border:1px solid #eee;display:block}
.ads-error{color:#c0392b;font-size:13px}
@media (max-width:640px){.ads-form{grid-template-columns:minmax(0,1fr)}}

/* Side rails (<AdRails>): 160×600, hugging the ≈1180px content column. */
.ad-rail{position:fixed;top:50%;transform:translateY(-50%);width:160px;z-index:800;font-family:'Segoe UI',sans-serif}
.ad-rail-left{left:calc(50% - 590px - 184px)}
.ad-rail-right{right:calc(50% - 590px - 184px)}
.ad-rail-creative{display:block;width:160px;border-radius:8px;overflow:hidden;line-height:0;box-shadow:0 2px 10px rgba(0,0,0,.08)}
.ad-rail-creative img{width:160px;height:auto;max-height:600px;object-fit:cover;display:block}
.ad-rail-house{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;width:160px;height:600px;max-height:calc(100vh - 140px);box-sizing:border-box;padding:20px 14px;text-align:center;border:1.5px dashed #d6c25a;border-radius:8px;background:#fffbe6;color:#111;text-decoration:none}
.ad-rail-house>i{font-size:34px;color:#c9a800}
.ad-rail-house strong{font-size:15px}
.ad-rail-house span{font-size:12.5px;line-height:1.5;color:#555}
.ad-rail-house .ad-house-cta{font-weight:700;color:#111;background:#FFD400;padding:8px 10px;border-radius:6px;font-size:12px}
.ad-rail-house:hover{border-color:#FFD400}
@media (max-width:1619px){.ad-rail{display:none}}