/* promo.css */
.special-options{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.special-opt{display:flex;flex-direction:column;background:#fff;border:1px solid var(--color-line);border-radius:var(--radius);overflow:hidden;transition:var(--trans)}
.special-opt:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}
.special-opt__img{aspect-ratio:16/11;background:center/cover no-repeat}
.special-opt__body{padding:22px;display:flex;flex-direction:column;gap:16px;flex:1}
.special-opt__title{font-weight:700;color:var(--color-dark);font-size:15.5px;line-height:1.45;flex:1}
.howlist{display:flex;flex-direction:column;gap:14px;counter-reset:hw;max-width:880px}
.howlist li{position:relative;padding-left:46px;font-size:15.5px;line-height:1.6;color:var(--color-text);min-height:32px;display:flex;align-items:center}
.howlist li::before{counter-increment:hw;content:counter(hw);position:absolute;left:0;top:0;width:32px;height:32px;border-radius:9px;background:var(--color-accent);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;font-size:.9rem}
.warnbox{background:rgba(200,85,46,.08);border-left:4px solid var(--color-accent);border-radius:0 var(--radius-sm) var(--radius-sm) 0;padding:18px 22px;color:var(--color-dark);font-size:15.5px;line-height:1.6;font-weight:600;margin:24px 0;display:flex;gap:12px;align-items:flex-start}
.warnbox i{color:var(--color-accent);margin-top:3px}
@media (max-width:900px){ .special-options{grid-template-columns:repeat(2,1fr)} }
@media (max-width:680px){ .special-options{grid-template-columns:1fr} }