.promo-section-title{font-size:24px;color:#26313d;margin:24px 0 16px}
.promo-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:14px}
.promo-grid .promo-card{grid-column:span 6;display:flex;align-items:flex-start;gap:10px;height:192px;padding:20px;overflow:hidden;border-radius:6px;background:var(--promo-bg);color:var(--promo-text);box-shadow:0 3px 10px #00000012;transition:transform .2s,box-shadow .2s}
.promo-grid .promo-card:hover{transform:translateY(-3px);box-shadow:0 7px 18px #00000021}
.promo-grid .promo-card--small{grid-column:span 4}
.promo-grid .promo-card--wide{grid-column:span 12}
.promo-card__title{display:block;flex:1;min-width:0;font-size:clamp(18px,1.75vw,25px);line-height:1.17;font-weight:750}
.promo-card__title--center{text-align:center}
.promo-card__title--right{text-align:right}
.promo-grid .promo-card__image{width:45%;height:100%;flex:0 0 45%;object-fit:contain;object-position:center}
.promo-card--image-before .promo-card__image{order:-1}
.promo-card--animated .promo-card__image{animation:promo-float 3.5s ease-in-out infinite}
@keyframes promo-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@media(max-width:900px){.promo-grid .promo-card--small{grid-column:span 6}}
@media(max-width:640px){.promo-grid{grid-template-columns:1fr;gap:12px}.promo-grid .promo-card,.promo-grid .promo-card--small,.promo-grid .promo-card--wide{grid-column:1;height:170px;padding:16px}.promo-card__title{font-size:20px}.promo-grid .promo-card__image{width:42%;flex-basis:42%}}
@media(prefers-reduced-motion:reduce){.promo-card--animated .promo-card__image{animation:none}.promo-grid .promo-card{transition:none}}