.sponsored-card{position:relative;overflow:hidden;margin-bottom:16px;border:1px solid #dfe7f1;border-radius:18px;background:#fff;box-shadow:0 12px 32px rgba(15,34,66,.08)}
.sponsored-card::before{content:"";position:absolute;inset:0 auto auto 0;z-index:3;width:100%;height:4px;background:#0f3f93}
.sponsored-card.sponsored-compact.sponsored-card--sidebar,.sponsored-card.sponsored-compact.sponsored-card--feed{display:block;grid-template-columns:none}
.sponsored-card-media{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#eef2f7}
.sponsored-card-media img{display:block;max-width:100%;height:auto;object-fit:contain}
.sponsored-media-badge{position:absolute;top:12px;right:12px;z-index:2;display:inline-flex;align-items:center;min-height:27px;padding:0 10px;border:1px solid rgba(15,63,147,.1);border-radius:999px;background:rgba(255,255,255,.94);box-shadow:0 5px 18px rgba(26,46,78,.12);color:#0f3f93;font-size:10px;font-weight:850;letter-spacing:.01em;backdrop-filter:blur(7px)}
.sponsored-card--feed .sponsored-card-media.is-landscape img{width:100%;max-height:520px}
.sponsored-card--feed .sponsored-card-media.is-square img{width:min(100%,560px);aspect-ratio:1/1}
.sponsored-card--feed .sponsored-card-media.is-portrait img{width:auto;max-width:100%;max-height:620px}
.sponsored-card--feed .sponsored-card-media.is-natural img{width:100%;max-height:560px}
.sponsored-card--sidebar .sponsored-card-media{width:100%;border-bottom:1px solid #e5eaf1;background:#f5f7fa}
.sponsored-card--sidebar .sponsored-card-media.is-landscape img{width:100%;max-height:185px}
.sponsored-card--sidebar .sponsored-card-media.is-square img{width:100%;aspect-ratio:1/1;max-height:265px}
.sponsored-card--sidebar .sponsored-card-media.is-portrait img{width:auto;max-width:100%;max-height:285px}
.sponsored-card--sidebar .sponsored-card-media.is-natural img{width:100%;max-height:225px}
.sponsored-card--compact .sponsored-card-media img,.sponsored-card--card .sponsored-card-media img{width:100%;max-height:320px}
.sponsored-card-body{display:grid;gap:11px;padding:15px}
.sponsored-card--feed .sponsored-card-body{gap:12px;padding:15px 16px 13px}
.sponsored-card--sidebar .sponsored-card-body{gap:8px;padding:12px}
.sponsored-copy{display:grid;gap:6px;min-width:0}
.sponsored-copy h3{margin:0;color:#172033;font-size:21px;line-height:1.2}
.sponsored-copy h3 a{color:inherit;text-decoration:none}
.sponsored-copy h3 a:hover{color:#0f3f93}
.sponsored-copy p{margin:0;color:#475467;font-size:13.5px;line-height:1.55}
.sponsored-card--feed .sponsored-copy h3{font-size:24px}
.sponsored-card--sidebar .sponsored-copy{gap:4px}
.sponsored-card--sidebar .sponsored-copy h3{display:-webkit-box;overflow:hidden;margin:0;font-size:16px;line-height:1.25;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.sponsored-card--sidebar .sponsored-copy p{display:-webkit-box;overflow:hidden;color:#5b6778;font-size:11.5px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.sponsored-card--compact .sponsored-copy h3{font-size:18px}
.sponsored-card--compact .sponsored-copy p{font-size:12.5px}
.sponsored-business{display:flex;align-items:center;gap:10px;min-width:0;color:inherit;text-decoration:none}
.sponsored-business:hover strong{color:#0f3f93}
.sponsored-business .avatar{width:40px;height:40px;flex:0 0 40px;object-fit:cover}
.sponsored-business>span:last-child{min-width:0}
.sponsored-business strong{display:flex;align-items:center;gap:5px;overflow:hidden;color:#172033;font-size:13px;white-space:nowrap;text-overflow:ellipsis}
.sponsored-business .verified-badge{display:inline-grid;width:16px;height:16px;flex:0 0 16px;place-items:center;border-radius:50%;background:#198754;color:#fff;font-size:10px;line-height:1}
.sponsored-business small{display:block;overflow:hidden;margin-top:2px;color:#667085;font-size:10.5px;white-space:nowrap;text-overflow:ellipsis}
.sponsored-card--sidebar .sponsored-business .avatar{width:35px;height:35px;flex-basis:35px}
.sponsored-card--sidebar .sponsored-business strong{font-size:11.5px}
.sponsored-card--sidebar .sponsored-business small{display:-webkit-box;overflow:hidden;font-size:10px;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.sponsored-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:9px;border-top:1px solid #edf1f6}
.sponsored-footer.is-actions-only{justify-content:flex-end}
.sponsored-engagement{display:flex;align-items:center;flex:0 0 auto;gap:3px;padding:0;border:0}
.sponsored-engagement form{margin:0;min-width:0}
.ad-engagement-action,.ad-reaction-picker>summary{width:50px;min-height:38px;display:flex;align-items:center;justify-content:center;gap:5px;padding:4px 6px;border:0;border-radius:9px;background:transparent;color:#526174;font:inherit;font-size:11px;font-weight:750;text-decoration:none;cursor:pointer;list-style:none}
.ad-reaction-picker>summary::-webkit-details-marker{display:none}
.ad-engagement-action:hover,.ad-engagement-action.is-active,.ad-reaction-picker>summary:hover,.ad-reaction-picker>summary.is-active{background:#edf4ff;color:#0f3f93}
.ad-engagement-action .icon,.ad-reaction-picker>summary .icon{width:18px;height:18px}
.ad-reaction-picker>summary img{width:22px;height:22px;object-fit:contain}
.ad-engagement-action b,.ad-reaction-picker>summary b{min-width:11px;color:#8491a2;font-size:10px;font-weight:800;text-align:left}
.ad-reaction-picker{position:relative;min-width:0}
.ad-reaction-menu{position:absolute;bottom:44px;left:0;z-index:35;display:flex;gap:4px;padding:7px;border:1px solid #dfe5ed;border-radius:12px;background:#fff;box-shadow:0 16px 38px rgba(24,39,75,.18)}
.ad-reaction-picker:not([open]) .ad-reaction-menu{display:none}
.ad-reaction-menu form{margin:0}
.ad-reaction-menu button,.ad-reaction-menu a{position:relative;width:42px;height:42px;display:grid;place-items:center;border:0;border-radius:9px;background:transparent;text-decoration:none}
.ad-reaction-menu button:hover,.ad-reaction-menu button.is-active,.ad-reaction-menu a:hover{background:#f2f6fb}
.ad-reaction-menu img{width:26px;height:26px;object-fit:contain}
.ad-reaction-menu small{position:absolute;right:3px;bottom:2px;min-width:14px;height:14px;display:grid;place-items:center;padding:0 3px;border-radius:999px;background:#edf2f7;color:#5f6f83;font-size:10px}
.sponsored-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;margin-left:auto}
.sponsored-actions .btn{min-height:36px;padding:7px 11px;border-radius:9px;font-size:10.5px;white-space:nowrap}
.sponsored-actions .btn-light{border:1px solid #d7e2ef}
.sponsored-actions .btn-brand{background:#0f3f93;border-color:#0f3f93}
.sponsored-card--sidebar .sponsored-media-badge{top:9px;right:9px;min-height:23px;padding-inline:8px;font-size:10px}
.sponsored-card--sidebar .sponsored-footer{display:grid;grid-template-columns:1fr;gap:7px;padding-top:7px}
.sponsored-card--sidebar .sponsored-engagement{width:100%;justify-content:space-around}
.sponsored-card--sidebar .ad-engagement-action,.sponsored-card--sidebar .ad-reaction-picker>summary{width:46px;min-height:34px;padding:3px}
.sponsored-card--sidebar .sponsored-actions{display:grid;width:100%;grid-template-columns:1fr 1fr;gap:6px;margin:0}
.sponsored-card--sidebar .sponsored-actions .btn{width:100%;min-height:34px;padding-inline:7px;font-size:10px}
.ad-detail-placeholder{width:100%;height:100%;min-height:220px;display:grid;place-items:center;gap:9px;padding:24px;text-align:center;color:#0f3f93;background:#edf4ff}
.ad-detail-placeholder .icon{width:46px;height:46px}

.ad-detail-page{padding:12px 0 82px;background:#f5f7fb}
.ad-detail-shell{width:min(calc(100% - 24px),1380px);margin:0 auto}
.ad-detail-breadcrumb{display:flex;align-items:center;gap:7px;min-width:0;margin:0 0 9px;color:#667085;font-size:10px;white-space:nowrap;overflow:hidden}
.ad-detail-breadcrumb a{color:#0f3f93;font-weight:760;text-decoration:none}
.ad-detail-breadcrumb>*:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis}
.ad-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 286px;gap:14px;align-items:start}
.ad-detail-layout.has-catalog-rail{grid-template-columns:286px minmax(0,1fr)}
.ad-detail-layout.has-catalog-rail .ad-detail-main{grid-column:2;grid-row:1}
.ad-detail-layout.has-catalog-rail .ad-side-rail{grid-column:1;grid-row:1}
.ad-detail-main{display:grid;gap:12px;min-width:0}
.ad-detail-stage{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:0;overflow:hidden;border-radius:16px}
.ad-detail-media{display:flex;align-items:center;justify-content:center;min-width:0;min-height:430px;padding:10px;overflow:hidden;background:linear-gradient(145deg,#f5f7fa,#e7edf4)}
.ad-detail-media img{display:block;max-width:100%;max-height:470px;height:auto;object-fit:contain}
.ad-detail-media.is-landscape img{width:100%}
.ad-detail-media.is-square img{width:min(100%,470px);aspect-ratio:1/1}
.ad-detail-media.is-portrait img{width:auto;max-height:470px}
.ad-detail-media.is-natural img{width:100%}
.ad-detail-offer{min-width:0;padding:16px;border-left:1px solid #e4e9f1;background:#fff}
.ad-business-strip{display:grid;grid-template-columns:38px minmax(0,1fr) 22px;align-items:center;gap:9px;min-width:0;margin-bottom:11px;padding-bottom:10px;border-bottom:1px solid #e4e9f1;color:inherit;text-decoration:none}
.ad-business-strip>img,.ad-business-strip>.avatar{width:38px;height:38px;border:1px solid #e4e9f1;border-radius:10px;object-fit:cover}
.ad-business-strip>span{min-width:0}
.ad-business-strip strong,.ad-business-strip small{display:block;overflow:hidden;min-width:0;white-space:nowrap;text-overflow:ellipsis}
.ad-business-strip strong{display:flex;align-items:center;gap:5px;color:#172033;font-size:12.5px;font-weight:820}
.ad-business-strip small{margin-top:2px;color:#667085;font-size:10px}
.ad-business-strip .verified-badge{display:inline-grid;width:16px;height:16px;flex:0 0 16px;place-items:center;border-radius:50%;background:#198754;color:#fff;font-size:10px}
.ad-business-arrow{width:15px;height:15px;color:#7b8798}
.ad-detail-meta-row{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:8px}
.ad-detail-badges{display:flex;align-items:center;flex-wrap:wrap;gap:6px;min-width:0}
.ad-detail-badge{min-height:23px;display:inline-flex;align-items:center;padding:4px 8px;border:1px solid #e3e8ef;border-radius:999px;background:#f3f5f8;color:#4c596c;font-size:10px;font-weight:850;letter-spacing:.025em}
.ad-detail-badge.is-primary{border-color:#d9e7ff;background:#edf4ff;color:#0f3f93}
.ad-order-count{flex:0 0 auto;display:inline-flex;align-items:center;gap:4px;min-height:26px;padding:4px 8px;border:1px solid #dce4ef;border-radius:8px;background:#f8fafc;color:#445269;font-size:10px;white-space:nowrap}
.ad-order-count .icon{width:13px;height:13px;color:#0f3f93}
.ad-order-count b{color:#172033;font-size:10px}
.ad-detail-offer h1{margin:0 0 8px;color:#172033;font-size:clamp(23px,2vw,29px);line-height:1.12;letter-spacing:-.02em;font-weight:900}
.ad-detail-description{margin:0;color:#586579;font-size:12.5px;line-height:1.55}
.ad-detail-facts{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:11px 0}
.ad-detail-facts span{display:inline-flex;align-items:center;gap:5px;min-height:30px;padding:5px 8px;border:1px solid #e3e8ef;border-radius:8px;background:#f8fafc;color:#536075}
.ad-detail-facts .icon{width:14px;height:14px;color:#0f3f93}
.ad-detail-facts b{font-size:10px;font-weight:800}
.ad-detail-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(76px,1fr));gap:6px;align-items:stretch}
.ad-detail-actions form{display:contents;margin:0}
.ad-detail-actions .btn{min-width:0;min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:7px 8px;border-radius:9px;font-size:10px;white-space:nowrap}
.ad-detail-actions .icon{width:14px;height:14px}
.ad-save-action{width:100%;min-width:0;padding-inline:8px!important}
.ad-save-action.is-active{border-color:#a8c5f4!important;background:#edf4ff!important;color:#0f3f93!important}
.ad-detail-social{margin-top:10px;padding-top:9px;border-top:1px solid #e4e9f1}
.ad-detail-social-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px;color:#667085;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.03em}
.ad-detail-social-head strong{color:#0f3f93;font-size:10px}
.ad-reaction-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}
.ad-reaction-grid form{margin:0}
.ad-reaction-pill{width:100%;min-height:38px;display:flex;align-items:center;justify-content:center;gap:5px;padding:4px;border:1px solid #dfe5ee;border-radius:9px;background:#fff;color:#172033;text-decoration:none}
.ad-reaction-pill img{width:21px;height:21px;object-fit:contain}
.ad-reaction-pill strong{min-width:10px;color:#677488;font-size:10px;text-align:left}
.ad-reaction-pill.is-active,.ad-reaction-pill:hover{border-color:#a9c6f5;background:#f4f8ff}
.ad-detail-lower-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.8fr);gap:12px;align-items:start}
.ad-detail-comments,.ad-direct-request{padding:15px;border-radius:15px}
.ad-detail-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}
.ad-detail-section-head .eyebrow{font-size:10px}
.ad-detail-section-head h2{margin:2px 0 0;color:#172033;font-size:17px;font-weight:900}
.ad-detail-section-head>strong{color:#0f3f93;font-size:10px}
.ad-comment-form{display:grid;gap:7px;margin-bottom:11px}
.ad-comment-form textarea{width:100%;min-height:78px;padding:10px 11px;border:1px solid #d8e1ec;border-radius:10px;resize:vertical;background:#fff;font-size:11.5px;line-height:1.5}
.ad-comment-actions{display:flex;justify-content:flex-end}
.ad-comment-actions .btn{min-height:32px;padding:5px 12px;font-size:10px}
.ad-comment-list{display:grid;gap:7px}
.ad-comment-card{padding:10px;border:1px solid #e4e9f1;border-radius:10px;background:#fcfdff}
.ad-comment-card header{display:flex;align-items:center;gap:8px;margin-bottom:5px}
.ad-comment-card header strong{display:block;color:#172033;font-size:10.5px}
.ad-comment-card header small{display:block;color:#667085;font-size:10px}
.ad-comment-card p{margin:0;color:#475467;font-size:11px;line-height:1.5}
.ad-login-box,.ad-empty-state,.ad-engagement-unavailable{padding:11px;border:1px dashed #d5dde8;border-radius:10px;background:#fafcff;text-align:center;color:#667085;font-size:10px}
.ad-login-box p,.ad-empty-state p{margin:0}
.ad-login-box{display:flex;align-items:center;justify-content:space-between;gap:10px}
.ad-empty-state{min-height:80px;display:grid;place-items:center;gap:5px}
.ad-empty-state .icon{width:23px;height:23px;color:#0f3f93}
.ad-direct-request{min-width:0}
.ad-request-heading{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:8px;margin-bottom:7px}
.ad-request-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#edf4ff;color:#0f3f93}
.ad-request-icon .icon{width:16px;height:16px}
.ad-request-heading>div>span{display:block;color:#0f3f93;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.05em}
.ad-request-heading h2{margin:1px 0 0;color:#172033;font-size:16px;font-weight:900}
.ad-direct-request>p{margin:0 0 10px;color:#667085;font-size:10.5px;line-height:1.5}
.ad-direct-request .alert{margin:0 0 8px;padding:8px 9px;border-radius:9px;font-size:10px}
.ad-request-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.ad-request-form label{display:grid;gap:4px;margin:0;color:#536075;font-size:10px;font-weight:800}
.ad-request-form .full{grid-column:1/-1}
.ad-request-form .form-control,.ad-request-form .form-select{min-height:37px;padding:7px 9px;border-radius:9px;font-size:10.5px}
.ad-request-form textarea.form-control{min-height:72px;line-height:1.45;resize:vertical}
.ad-request-form .btn{min-height:38px;border-radius:9px;font-size:10px}
.ad-request-login{display:grid;gap:8px;padding:11px;border:1px dashed #d6dfeb;border-radius:10px;background:#fafcff}
.ad-request-login p{margin:0;color:#667085;font-size:10px;line-height:1.45}
.ad-request-login .btn{min-height:36px;font-size:10px}
.ad-side-rail{display:grid;gap:12px;min-width:0}
.ad-best-sellers-card{position:sticky;top:calc(var(--ui-header-h,68px) + 12px);padding:13px;border-radius:14px}
.ad-best-sellers-card>header{margin-bottom:9px;padding-bottom:9px;border-bottom:1px solid #e4e9f1}
.ad-best-sellers-card>header span{display:block;color:#0f3f93;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.05em}
.ad-best-sellers-card>header h2{margin:2px 0 0;color:#172033;font-size:16px;font-weight:900}
.ad-best-seller-list{display:grid;gap:6px}
.ad-best-seller-item{display:grid;grid-template-columns:58px minmax(0,1fr);gap:8px;align-items:center;padding:6px;border:1px solid transparent;border-radius:10px;color:inherit;text-decoration:none}
.ad-best-seller-item:hover{border-color:#dbe6f5;background:#f7faff}
.ad-best-seller-item>img,.ad-best-seller-placeholder{width:58px;height:58px;display:grid;place-items:center;border:1px solid #e6ebf1;border-radius:8px;background:#f2f5f8;object-fit:cover}
.ad-best-seller-placeholder .icon{width:21px;height:21px;color:#8c99aa}
.ad-best-seller-item>span:last-child{min-width:0}
.ad-best-seller-item strong,.ad-best-seller-item small{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.ad-best-seller-item strong{color:#172033;font-size:10.5px;line-height:1.3}
.ad-best-seller-item small{margin-top:2px;color:#738095;font-size:10px}
.ad-best-seller-item>span>span{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:5px}
.ad-best-seller-item b{color:#0f3f93;font-size:10px}
.ad-best-seller-item em{color:#6d798a;font-size:10px;font-style:normal;white-space:nowrap}
.ad-side-info-card{padding:13px;border-radius:14px}
.ad-side-card-heading{display:grid;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:8px;margin-bottom:8px}
.ad-side-card-heading>span{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:#edf4ff;color:#0f3f93}
.ad-side-card-heading .icon{width:15px;height:15px}
.ad-side-card-heading h2{margin:0;color:#172033;font-size:14px;font-weight:900}
.ad-side-contact-list{display:grid}
.ad-side-contact-list>a{display:grid;grid-template-columns:26px minmax(0,1fr);align-items:center;gap:7px;padding:7px 0;border-bottom:1px solid #edf1f6;color:inherit;text-decoration:none}
.ad-side-contact-list>a:last-child{border-bottom:0}
.ad-side-contact-list>a>.icon{width:15px;height:15px;color:#0f3f93}
.ad-side-contact-list small,.ad-side-contact-list strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ad-side-contact-list small{color:#758196;font-size:10px}
.ad-side-contact-list strong{margin-top:1px;color:#172033;font-size:10px}
.ad-side-contact-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:9px}
.ad-side-contact-actions .full{grid-column:1/-1}
.ad-side-contact-actions .btn{min-height:35px;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:6px 7px;border-radius:9px;font-size:10px}
.ad-side-contact-actions .icon{width:14px;height:14px}
.ad-side-hours-list{display:grid;gap:1px}
.ad-side-hours-list>div{min-height:26px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 6px;border-radius:7px;color:#667085;font-size:10px}
.ad-side-hours-list>div.is-today{background:#edf4ff;color:#0f3f93;font-weight:800}
.ad-side-hours-list strong{color:#172033;font-size:10px;white-space:nowrap}
.ad-side-address{display:grid;gap:2px;margin:0 0 8px;color:#68768a;font-size:10px;line-height:1.35}
.ad-side-address strong{color:#172033;font-size:10px}
.ad-side-map{position:relative;height:180px;overflow:hidden;border:1px solid #dde5ee;border-radius:10px;background:#e9eef5}
.ad-side-location-empty{min-height:95px;display:grid;place-content:center;justify-items:center;gap:5px;border:1px dashed #d5dde8;border-radius:10px;background:#fafcff;color:#78869a;font-size:10px;text-align:center}
.ad-side-location-empty .icon{width:23px;height:23px;color:#0f3f93}
.ad-side-location-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin-top:7px}
.ad-side-location-actions a{min-height:34px;display:flex;align-items:center;justify-content:center;gap:5px;padding:5px;border:1px solid #dce4ef;border-radius:8px;background:#fff;color:#43526a;font-size:10px;font-weight:800;text-decoration:none}
.ad-side-location-actions .icon{width:13px;height:13px;color:#0f3f93}

@media(max-width:1180px){
  .ad-detail-layout{grid-template-columns:minmax(0,1fr) 260px}
  .ad-detail-layout.has-catalog-rail{grid-template-columns:260px minmax(0,1fr)}
  .ad-detail-stage{grid-template-columns:minmax(0,1fr) 360px}
  .ad-detail-lower-grid{grid-template-columns:minmax(0,1.25fr) minmax(285px,.85fr)}
}
@media(max-width:1020px){
  .ad-detail-layout,.ad-detail-layout.has-catalog-rail{grid-template-columns:1fr}
  .ad-detail-layout.has-catalog-rail .ad-detail-main,.ad-detail-layout.has-catalog-rail .ad-side-rail{grid-column:auto;grid-row:auto}
  .ad-best-sellers-card{position:relative;top:auto}
  .ad-side-rail>.ad-best-sellers-card .ad-best-seller-list{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ad-side-rail{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ad-side-rail>.ad-best-sellers-card{grid-column:1/-1}
}
@media(max-width:900px){
  .ad-detail-lower-grid{grid-template-columns:1fr}
}
@media(max-width:820px){
  .ad-detail-stage{grid-template-columns:1fr}
  .ad-detail-offer{border-top:1px solid #e4e9f1;border-left:0}
  .ad-detail-media{min-height:0;height:min(65vw,480px)}
  .ad-detail-media img{max-height:100%}
  .ad-side-rail{grid-template-columns:1fr 1fr}
  .ad-side-rail>.ad-best-sellers-card,.ad-side-rail>.ad-side-info-card:last-child{grid-column:1/-1}
}
@media(max-width:640px){
  .sponsored-card{margin-right:6px;margin-left:6px;border-radius:13px}
  .sponsored-card--feed .sponsored-copy h3,.sponsored-copy h3{font-size:19px}
  .sponsored-card--feed .sponsored-card-body{padding:13px 13px 12px}
  .sponsored-media-badge{top:9px;right:9px;min-height:24px;padding-inline:8px;font-size:10px}
  .sponsored-footer{align-items:stretch;gap:7px}
  .sponsored-engagement{gap:1px}
  .ad-engagement-action,.ad-reaction-picker>summary{width:42px;min-height:36px;padding-inline:3px}
  .sponsored-actions{gap:5px}
  .sponsored-actions .btn{min-height:36px;padding-inline:9px;font-size:10px}
  .sponsored-card--feed .sponsored-footer:not(.is-actions-only){display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:4px}
  .sponsored-card--feed .sponsored-engagement{min-width:0;gap:0}
  .sponsored-card--feed .ad-engagement-action,.sponsored-card--feed .ad-reaction-picker>summary{width:38px;min-height:38px;padding:2px}
  .sponsored-card--feed .ad-engagement-action b,.sponsored-card--feed .ad-reaction-picker>summary b{min-width:9px;font-size:10px}
  .sponsored-card--feed .sponsored-actions{width:auto;min-width:0;display:flex;align-items:center;justify-content:flex-end;gap:4px;margin:0}
  .sponsored-card--feed .sponsored-actions .btn{width:auto;min-width:72px;max-width:96px;min-height:38px;padding-inline:7px;overflow:hidden;font-size:10px;text-overflow:ellipsis}
  .sponsored-card--feed .sponsored-footer.is-actions-only .sponsored-actions{width:auto;display:flex;justify-content:flex-end;margin-left:auto}
  .sponsored-card--sidebar .sponsored-actions{grid-template-columns:1fr 1fr}
  .ad-detail-page{padding:7px 0 76px}
  .ad-detail-shell{width:calc(100% - 10px)}
  .ad-detail-breadcrumb{display:none}
  .ad-detail-layout,.ad-detail-main{gap:7px}
  .ad-detail-stage{border-radius:12px}
  .ad-detail-media{height:min(88vw,390px);padding:4px}
  .ad-detail-offer{padding:12px}
  .ad-business-strip{margin-bottom:9px}
  .ad-detail-meta-row{align-items:center}
  .ad-order-count span{display:none}
  .ad-detail-offer h1{font-size:22px}
  .ad-detail-description{font-size:11.8px;line-height:1.5}
  .ad-detail-facts{margin:9px 0}
  .ad-detail-facts span{min-height:28px;padding:4px 7px}
  .ad-detail-facts b{font-size:10px}
  .ad-detail-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ad-detail-actions .btn{min-height:38px;font-size:10px}
  .ad-reaction-grid{gap:4px}
  .ad-reaction-pill{min-height:37px;padding:4px}
  .ad-reaction-pill img{width:20px;height:20px}
  .ad-detail-comments,.ad-direct-request{padding:12px}
  .ad-detail-section-head h2{font-size:15px}
  .ad-comment-form textarea{min-height:72px}
  .ad-request-form{grid-template-columns:1fr}
  .ad-request-form .full{grid-column:auto}
  .ad-side-rail{grid-template-columns:1fr}
  .ad-side-rail>.ad-best-sellers-card,.ad-side-rail>.ad-side-info-card:last-child{grid-column:auto}
  .ad-side-rail>.ad-best-sellers-card .ad-best-seller-list{grid-template-columns:1fr}
  .ad-best-sellers-card,.ad-side-info-card{padding:11px}
  .ad-best-seller-item{grid-template-columns:56px minmax(0,1fr);padding:5px}
  .ad-best-seller-item>img,.ad-best-seller-placeholder{width:56px;height:56px}
}
@media(max-width:420px){
  .sponsored-card--feed .sponsored-footer:not(.is-actions-only){grid-template-columns:auto minmax(0,1fr);gap:3px}
  .sponsored-card--feed .ad-engagement-action,.sponsored-card--feed .ad-reaction-picker>summary{width:35px;min-height:37px}
  .sponsored-card--feed .ad-engagement-action .icon,.sponsored-card--feed .ad-reaction-picker>summary .icon{width:17px;height:17px}
  .sponsored-card--feed .ad-reaction-picker>summary img{width:20px;height:20px}
  .sponsored-card--feed .sponsored-actions{gap:3px}
  .sponsored-card--feed .sponsored-actions .btn{min-width:68px;max-width:90px;min-height:37px;padding-inline:6px;font-size:10px}
  .sponsored-card:not(.sponsored-card--feed) .sponsored-footer{display:grid;grid-template-columns:1fr}
  .sponsored-card:not(.sponsored-card--feed) .sponsored-engagement{justify-content:flex-start}
  .sponsored-card:not(.sponsored-card--feed) .sponsored-actions{width:100%;display:grid;grid-template-columns:1fr 1fr;margin:0}
  .sponsored-card:not(.sponsored-card--feed) .sponsored-actions .btn{width:100%}
  .ad-detail-badges{gap:4px}
  .ad-detail-badge{padding-inline:6px;font-size:10px}
}

.ad-detail-page .form-trap{
  position:fixed!important;
  left:-10000px!important;
  top:auto!important;
  width:1px!important;
  height:1px!important;
  min-width:0!important;
  min-height:0!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  opacity:0!important;
  pointer-events:none!important;
  overflow:hidden!important;
  clip:rect(0 0 0 0)!important;
  clip-path:inset(50%)!important;
  white-space:nowrap!important;
}
.ad-direct-request{scroll-margin-top:86px;transition:box-shadow .22s ease,border-color .22s ease,transform .22s ease}
.ad-direct-request:target{border-color:#8db3ef;box-shadow:0 0 0 4px rgba(15,63,147,.12),0 14px 34px rgba(15,63,147,.13);animation:ad-request-focus 1.15s ease-out}
@keyframes ad-request-focus{0%{transform:translateY(0)}32%{transform:translateY(-3px)}100%{transform:translateY(0)}}


/* Comentarios de publicidad: misma línea visual compacta usada en promociones. */
.ad-detail-page .ad-comment-reaction-actions{
  position:relative;
  display:flex;
  align-items:center;
  min-height:29px;
  margin-top:6px;
  padding-top:5px;
  overflow:visible;
  border-top:1px solid #e8edf3;
}
.ad-detail-page .ad-comment-reaction-actions .comment-reactions{
  max-width:100%;
}
.ad-detail-page .ad-comment-reaction-actions .comment-reaction-button{
  min-width:28px;
  height:28px;
}
.ad-detail-page .ad-comment-reaction-actions .comment-reaction-button .reaction-icon{
  width:20px;
  height:20px;
}
.ad-detail-page .comment-reactions--dominant{
  position:relative;
  display:inline-flex;
  overflow:visible;
}
.ad-detail-page .comment-reaction-picker{
  position:relative;
}
.ad-detail-page .comment-reaction-picker>summary{
  list-style:none;
  cursor:pointer;
}
.ad-detail-page .comment-reaction-picker>summary::-webkit-details-marker{
  display:none;
}
.ad-detail-page .comment-reaction-picker>summary.comment-reaction-button{
  min-width:32px;
  height:30px;
  padding:0 6px;
  background:transparent;
  border-color:transparent;
}
.ad-detail-page .comment-reaction-picker>summary.comment-reaction-button:hover,
.ad-detail-page .comment-reaction-picker>summary.comment-reaction-button:focus-visible,
.ad-detail-page .comment-reaction-picker[open]>summary.comment-reaction-button{
  color:var(--ui-primary);
  background:#eef4fd;
  border-color:#d5e1f2;
}
.ad-detail-page .comment-reaction-picker>summary .reaction-icon{
  width:21px;
  height:21px;
}
.ad-detail-page .comment-reaction-picker>summary .icon{
  width:16px;
  height:16px;
  color:#6a7688;
}
.ad-detail-page .comment-reaction-menu{
  position:absolute;
  left:0;
  bottom:calc(100% + 6px);
  z-index:45;
  display:flex;
  align-items:center;
  gap:3px;
  padding:5px;
  background:#fff;
  border:1px solid #dce3eb;
  border-radius:10px;
  box-shadow:0 10px 28px rgba(24,39,75,.16);
}
.ad-detail-page .comment-reaction-picker:not([open]) .comment-reaction-menu{
  display:none;
}
.ad-detail-page .comment-reaction-menu form{
  margin:0;
}
.ad-detail-page .comment-reaction-menu .comment-reaction-button{
  min-width:32px;
  height:32px;
  padding:0 5px;
}
.ad-detail-page .comment-reaction-menu .reaction-icon{
  width:22px;
  height:22px;
}
@media(max-width:440px){
  .ad-detail-page .ad-comment-reaction-actions{
    overflow:visible;
  }
  .ad-detail-page .comment-reaction-menu{
    left:0;
    max-width:calc(100vw - 54px);
  }
}

/* QA v1.8: objetivos táctiles y lectura de publicidad pública. */
.ad-engagement-action,.ad-reaction-picker>summary{min-width:44px;min-height:44px}
.sponsored-actions .btn,.ad-detail-actions .btn,.ad-reaction-pill,.ad-comment-actions .btn,
.ad-request-form :is(.form-control,.form-select,.btn),.ad-request-login .btn,
.ad-side-contact-actions .btn,.ad-side-location-actions a{min-height:44px}
.ad-reaction-menu button{min-width:44px;min-height:44px}
@media(max-width:640px){
  .ad-engagement-action,.ad-reaction-picker>summary,
  .sponsored-card--feed .ad-engagement-action,.sponsored-card--feed .ad-reaction-picker>summary{width:44px;min-width:44px;min-height:44px}
  .sponsored-actions .btn,.sponsored-card--feed .sponsored-actions .btn{min-height:44px;font-size:10px}
  .ad-detail-actions .btn,.ad-reaction-pill{min-height:44px;font-size:10px}
}
@media(max-width:420px){
  .sponsored-card--feed .ad-engagement-action,.sponsored-card--feed .ad-reaction-picker>summary{width:44px;min-width:44px;min-height:44px}
  .sponsored-card--feed .sponsored-actions .btn{min-height:44px;font-size:10px}
}
@media(hover:none){
  .sponsored-card,.ad-engagement-action,.ad-reaction-picker>summary,.sponsored-actions .btn{transform:none}
}