.seller-promotions{max-width:1340px;margin:0 auto 22px;background:#fff;border:1px solid #dfe3e8;padding:20px}.promotion-heading{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:14px}.promotion-heading b,.promotion-heading span{display:block}.promotion-heading b{font-size:1.08rem}.promotion-heading span,.promotion-heading small{font-size:.67rem;color:#687186;margin-top:4px}.promotion-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.seller-promotion{min-height:220px;color:#fff;text-decoration:none;padding:25px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;background-image:linear-gradient(90deg,#101a31ed,#101a3190 58%,#101a3128),var(--promotion-image);background-size:cover;background-position:center;border-radius:5px}.seller-promotion>span{align-self:flex-start;background:#f3742d;color:#10122b;padding:5px 8px;font-size:.58rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.seller-promotion small{font-size:.68rem;color:#f3742d;font-weight:900}.seller-promotion h2{font:700 1.65rem/1.05 Arial,sans-serif;max-width:390px;margin:6px 0}.seller-promotion p{font-size:.72rem;max-width:390px;margin:0 0 12px;color:#eef1f6}.seller-promotion div>b{font-size:.72rem}.promotion-controls{display:flex;justify-content:center;gap:8px;margin-top:12px}.promotion-controls button{border:1px solid #cfd5de;background:#fff;border-radius:99px;min-width:34px;height:30px;color:#10122b;font-weight:800;cursor:pointer}.layout-1 .promotion-grid{grid-template-columns:1fr}.layout-1 .seller-promotion{display:none;min-height:260px}.layout-1 .seller-promotion.active{display:flex}.ad-settings-grid{display:grid;grid-template-columns:repeat(3,1fr) auto auto;gap:12px;align-items:end;margin-top:22px}.ad-settings-grid label{display:grid;gap:7px;color:#5f6878;font-size:.68rem;font-weight:800}.ad-settings-grid select{border:1px solid #cfd5dd;border-radius:5px;background:#fff;padding:10px;font:inherit}.ad-settings-grid .ad-active{display:flex;align-items:center;padding-bottom:11px}.ad-settings-grid button{height:39px}.ad-campaign-list{display:grid;gap:8px;margin-top:20px}.ad-campaign-list article{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:13px;border:1px solid #e1e5eb;border-radius:6px}.ad-campaign-list small,.ad-campaign-list b{display:block}.ad-campaign-list small{color:#748094;font-size:.66rem;margin-top:3px}.ad-campaign-list em{font-style:normal;font-size:.62rem;color:#1769aa}.ad-state{background:#dff0e8;color:#1f6b53;border-radius:99px;padding:4px 7px;font-size:.56rem;font-weight:900}@media(max-width:800px){.seller-promotions{margin-inline:10px;padding:14px}.promotion-grid{grid-template-columns:1fr}.seller-promotion{min-height:210px}.ad-settings-grid{grid-template-columns:1fr 1fr}.ad-campaign-list article{grid-template-columns:auto 1fr}.ad-campaign-list em{grid-column:2}}
.layout-2 .promotion-controls{display:none}
.seller-promotion>span{color:#fff}
.banner-placement{margin-top:22px;margin-bottom:22px}.banner-placement .promotion-grid{grid-template-columns:repeat(var(--banner-columns,1),minmax(0,1fr))}.banner-columns-1{--banner-columns:1}.banner-columns-2{--banner-columns:2}.banner-columns-3{--banner-columns:3}.banner-columns-3 .seller-promotion{min-height:230px;padding:20px}.banner-columns-3 .seller-promotion h2{font-size:1.25rem}.banner-columns-3 .seller-promotion p{font-size:.67rem}.banner-columns-2 .seller-promotion{min-height:250px}.promotion-controls{align-items:center}.promotion-controls span{min-width:34px;text-align:center;font-size:.65rem;font-weight:800;color:#667085}
.banner-size-reference{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:20px}.banner-size-reference article{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #dce2e9;border-radius:7px;background:#f8fafc}.banner-size-reference article>span{display:grid;place-items:center;width:34px;height:34px;border-radius:6px;background:#10122b;color:#fff;font-weight:900}.banner-size-reference b,.banner-size-reference small{display:block}.banner-size-reference b{font-size:.72rem}.banner-size-reference small{font-size:.62rem;color:#697386;margin-top:3px}.banner-editor{margin-top:18px;border:1px solid #dce2e9;border-radius:8px;padding:18px;background:#f8fafc}.banner-editor-grid{display:grid;grid-template-columns:1.4fr 1.2fr 1fr auto;gap:12px;align-items:end}.banner-editor label{display:grid;gap:6px;font-size:.68rem;font-weight:800;color:#5f6878}.banner-editor input,.banner-editor select{width:100%;padding:10px;border:1px solid #cbd3dd;border-radius:5px;background:#fff;font:inherit}.banner-editor .banner-active{display:flex;align-items:center;padding-bottom:11px}.banner-editor .banner-active input{width:auto}.banner-size-guide{display:flex;justify-content:space-between;gap:15px;margin:14px 0;padding:12px 14px;border-radius:6px;background:#fff1c9;color:#684e08}.banner-size-guide b{font-size:.76rem}.banner-size-guide span{font-size:.66rem}.banner-copy-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.banner-upload-row{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:11px;align-items:stretch;margin-top:12px}.banner-upload{border:1px dashed #9aa6b6;border-radius:6px;padding:12px;background:#fff;cursor:pointer}.banner-upload b,.banner-upload span{display:block}.banner-upload span{font-size:.62rem;font-weight:500;margin-top:4px}.banner-upload input{padding:7px 0;border:0}.banner-image-check{display:flex;align-items:center;padding:12px;border-radius:6px;background:#edf2f7;color:#4d5a6f;font-size:.68rem;font-weight:800}.banner-editor-actions{display:flex;gap:8px;margin-top:14px}.banner-editor-actions button{border:0;border-radius:5px;padding:10px 14px;font-size:.7rem;font-weight:900;cursor:pointer}.banner-inventory-heading{display:flex;justify-content:space-between;align-items:center;margin-top:24px}.banner-inventory-heading b,.banner-inventory-heading span{display:block}.banner-inventory-heading span{font-size:.66rem;color:#748094;margin-top:3px}.banner-inventory-heading a{color:#1769aa;font-size:.7rem;font-weight:850}.banner-inventory-row{grid-template-columns:82px minmax(0,1fr) auto auto!important}.banner-thumb{width:82px;height:54px;border-radius:5px;background-size:cover;background-position:center}.banner-row-actions{display:flex;gap:5px}.banner-row-actions button{border:1px solid #cbd3dd;border-radius:4px;background:#fff;padding:7px 8px;font-size:.62rem;font-weight:800;cursor:pointer}.banner-row-actions button:last-child{color:#a43b34}.banner-inventory-row.paused{opacity:.58}.banner-inventory-row.paused .ad-state{background:#e9edf2;color:#687386}@media(max-width:900px){.banner-size-reference{grid-template-columns:1fr 1fr}.banner-editor-grid,.banner-upload-row{grid-template-columns:1fr 1fr}.banner-inventory-row{grid-template-columns:70px 1fr!important}.banner-row-actions{grid-column:2}}@media(max-width:700px){.banner-placement .promotion-grid{grid-template-columns:1fr}.banner-size-reference,.banner-copy-grid,.banner-editor-grid,.banner-upload-row{grid-template-columns:1fr}.banner-size-guide{display:grid}.banner-inventory-row{grid-template-columns:1fr!important}.banner-row-actions{grid-column:auto}}
.category-banner-demo{border:3px solid #f3742d;box-shadow:0 10px 30px #f3742d20}.category-banner-demo .seller-promotion{outline:2px solid #f3742d}.category-banner-slot{position:absolute;z-index:3;top:10px;right:10px;border-radius:99px;background:#fff;color:#10122b;padding:6px 9px;font-size:.55rem;letter-spacing:.06em}
.independent-promotion-grid{align-items:stretch}.promotion-slot{min-width:0;position:relative}.promotion-slot-card,.promotion-slot-card .seller-promotion{height:100%}.promotion-slot-card.slot-flip{animation:bannerSlotFlip .48s ease}.promotion-slot-empty{min-height:230px;border:1px dashed #b9c2cf;border-radius:5px;display:grid;place-items:center;color:#748094;font-size:.72rem;font-weight:800;background:#f8fafc}.independent-banner-slots .category-banner-slot{top:10px;right:10px}.category-banner-demo .promotion-slot{padding-top:35px}.category-banner-demo .promotion-slot>.category-banner-slot{top:0;left:0;right:auto;white-space:nowrap}.category-banner-demo .promotion-slot:nth-child(2)>.category-banner-slot{left:50%;transform:translateX(-50%)}.category-banner-demo .promotion-slot:nth-child(3)>.category-banner-slot{left:auto;right:0}@keyframes bannerSlotFlip{0%{opacity:.15;transform:rotateY(7deg) scale(.985)}100%{opacity:1;transform:none}}@media(max-width:800px){.category-banner-demo .promotion-slot{padding-top:0}.category-banner-demo .promotion-slot>.category-banner-slot{position:relative;display:inline-block;inset:auto!important;transform:none!important;margin-bottom:8px}}
