.promotion-zone{padding:64px 5vw 72px;background:#0b0b0b;color:#fff;overflow:hidden}.promotion-heading{max-width:1400px;margin:0 auto 24px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.promotion-heading h2{font-size:clamp(30px,4vw,52px);letter-spacing:-.045em;margin-top:7px}.promotion-controls{display:flex;align-items:center;gap:9px}.promotion-controls button{width:44px;height:44px;border:1px solid #3c3c3c;background:#171717;color:#fff;font-size:20px;cursor:pointer}.promotion-controls button:hover{border-color:#e10613;color:#e10613}.promotion-controls span{min-width:58px;text-align:center;color:#aaa;font-size:12px;font-weight:800}.promotion-stage{max-width:1400px;margin:auto}.promotion-card{position:relative;min-height:250px;padding:42px clamp(24px,5vw,72px);display:grid;grid-template-columns:minmax(0,1.25fr) minmax(250px,.75fr);align-items:center;gap:50px;background:linear-gradient(120deg,var(--promo-bg,#e10613),#090909 76%);border:1px solid #303030;overflow:hidden;isolation:isolate}.promotion-card:before{content:"";position:absolute;right:-100px;top:-180px;width:510px;height:510px;border:85px solid rgba(255,255,255,.07);border-radius:50%;z-index:-1}.promotion-copy{max-width:780px}.promotion-badge{display:inline-flex;background:#fff;color:#111;padding:7px 10px;font:900 10px Manrope;letter-spacing:.14em}.promotion-card h3{font-size:clamp(32px,4vw,56px);line-height:1.02;letter-spacing:-.045em;margin:15px 0 12px}.promotion-card p{max-width:680px;margin:0;color:var(--promo-text,#f2f2f2);font-size:16px;line-height:1.65}.promotion-meta{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.promotion-validity{font-size:11px;color:#ccc;text-transform:uppercase;letter-spacing:.1em}.promotion-cta{display:inline-flex;align-items:center;justify-content:center;min-width:190px;min-height:52px;border:0;background:#fff;color:#111;padding:12px 22px;font-weight:900;cursor:pointer}.promotion-cta:hover{background:#e10613;color:#fff}.promotion-dots{display:flex;justify-content:center;gap:8px;max-width:1400px;margin:17px auto 0}.promotion-dots button{width:32px;height:4px;padding:0;border:0;background:#444;cursor:pointer}.promotion-dots button.active{background:#e10613}.promotion-empty{border:1px dashed #444;padding:36px;text-align:center;color:#999}
.promo-manager-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:16px}.promo-manager-head h3{margin:0}.promo-manager-head p{margin:5px 0 0;color:#777}.promo-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:15px}.promo-kpis article{background:#fff;border:1px solid #ddd;padding:16px}.promo-kpis b,.promo-kpis span{display:block}.promo-kpis b{font:800 26px Manrope}.promo-kpis span{font-size:11px;color:#777;margin-top:5px}.promotion-manager{display:grid;grid-template-columns:minmax(320px,.85fr) minmax(0,1.15fr);gap:16px}.promo-form,.promo-list-panel{background:#fff;border:1px solid #ddd;padding:18px}.promo-form h4,.promo-list-panel h4{margin:0 0 14px}.promo-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.promo-grid label{font-size:11px;font-weight:850;color:#5f656a}.promo-grid input,.promo-grid select,.promo-grid textarea{display:block;width:100%;margin-top:6px;border:1px solid #ccd0d3;background:#fff;padding:10px;font:inherit}.promo-grid textarea{min-height:82px;resize:vertical}.promo-grid .wide{grid-column:1/-1}.promo-active{display:flex!important;align-items:center;gap:9px;border:1px solid #ddd;padding:10px;color:#222!important}.promo-active input{width:auto!important;margin:0!important;accent-color:#e10613}.promo-form-actions{display:flex;gap:8px;margin-top:14px}.promo-form-actions button{flex:1;min-height:44px;border:1px solid #bbb;background:#fff;font-weight:850}.promo-form-actions .primary{background:#e10613;border-color:#e10613;color:#fff}.promo-list{display:grid;gap:9px}.promo-row{display:grid;grid-template-columns:9px minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid #e0e2e3;padding:12px}.promo-row-color{width:9px;height:100%;min-height:58px;background:var(--row-color,#e10613)}.promo-row b,.promo-row small,.promo-row span{display:block}.promo-row small{color:#777;margin-top:4px}.promo-status{display:inline-flex!important;width:max-content;margin-top:6px;padding:4px 7px;background:#e7f7ef;color:#146b49;font-size:9px;font-weight:850}.promo-status.off{background:#eee;color:#666}.promo-row-actions{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.promo-row-actions button{border:1px solid #d4d7d9;background:#fff;min-height:34px;padding:0 9px;font-size:10px;font-weight:800}.promo-row-actions button:hover{border-color:#e10613;color:#e10613}.promo-manager-note{margin-top:12px;padding:10px 12px;background:#fff5df;border-left:3px solid #e7ad18;color:#6c5a2b;font-size:11px;line-height:1.45}
@media(max-width:900px){.promotion-card{grid-template-columns:1fr;gap:24px}.promotion-meta{flex-direction:row;align-items:center;justify-content:space-between}.promotion-manager{grid-template-columns:1fr}.promo-form{order:1}.promo-list-panel{order:2}}
@media(max-width:700px){.promotion-zone{padding:48px 16px 54px}.promotion-heading{align-items:flex-start}.promotion-heading h2{font-size:36px}.promotion-controls button{width:42px;height:42px}.promotion-card{min-height:330px;padding:28px 20px}.promotion-card h3{font-size:38px}.promotion-card p{font-size:15px}.promotion-meta{flex-direction:column;align-items:stretch}.promotion-cta{width:100%}.promo-kpis{grid-template-columns:1fr}.promo-grid{grid-template-columns:1fr}.promo-grid .wide{grid-column:auto}.promo-row{grid-template-columns:7px minmax(0,1fr)}.promo-row-actions{grid-column:2;justify-content:flex-start}.promo-manager-head{align-items:flex-start;flex-direction:column}.promo-manager-head button{width:100%}}
@media(max-width:430px){.promotion-heading{display:block}.promotion-controls{margin-top:15px}.promotion-card h3{font-size:34px}.promo-form-actions{flex-direction:column}}
.promo-manager-actions{display:flex;gap:8px}
@media(max-width:700px){.promo-manager-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}}
@media(max-width:430px){.promo-manager-actions{grid-template-columns:1fr}}