.promo-slider{position:relative;z-index:2;min-height:410px;border-radius:28px;overflow:hidden;background:#fff;box-shadow:0 22px 55px #00123d80}
.promo-slide{position:absolute;inset:0;opacity:0;transition:opacity .45s ease;pointer-events:none;background:#fff}
.promo-slide.active{opacity:1;pointer-events:auto}
.promo-slide>img{width:100%;height:100%;object-fit:cover;object-position:top left}
.promo-slide>div:not(.slider-dots){position:absolute;left:22px;right:22px;bottom:22px;padding:18px;border-radius:18px;background:#071a4be6;color:#fff;display:grid;gap:5px}
.promo-slide strong{font:700 25px Sora}.promo-slide a{color:#fff;text-decoration:none;font-weight:700}.promo-slide small{color:#6ee7df}
.slider-dots{position:absolute;right:20px;top:18px;z-index:4;display:flex;gap:8px}.slider-dots button{width:10px;height:10px;border:0;border-radius:50%;background:#fff8;cursor:pointer}.slider-dots button.active{background:var(--b);box-shadow:0 0 0 3px #fff}
.overview-image{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:14px;margin-bottom:18px}
.product-image{width:100%;height:210px;padding:0;border:0;border-radius:15px;background:#fff;overflow:hidden;cursor:pointer}.product-image img{width:100%;height:100%;object-fit:contain}.product-actions{display:flex;flex-direction:column;align-items:flex-start;margin-top:10px}.product-actions .product-link{margin-top:10px}
.product-modal{width:min(900px,calc(100% - 32px));padding:0;border:0;border-radius:26px;box-shadow:0 30px 100px #00123d80}.product-modal::backdrop{background:#031130c7}.modal-layout{display:grid;grid-template-columns:1fr 1fr;gap:36px;padding:42px}.modal-image{min-height:340px;display:grid;place-items:center;background:#f2f4f7;border-radius:18px}.modal-image img{width:100%;height:340px;object-fit:contain}.product-modal h2{font-size:38px}.product-modal p,.product-modal li{color:#5e6879;line-height:1.7}.modal-close{position:absolute;right:14px;top:12px;width:38px;height:38px;border:0;border-radius:50%;font-size:26px;cursor:pointer;background:#edf2f7;color:var(--n)}
@media(max-width:1000px){.promo-slider{min-height:430px}.modal-layout{grid-template-columns:1fr}.modal-image,.modal-image img{min-height:260px;height:260px}}
@media(max-width:620px){.promo-slider{min-height:330px}.modal-layout{padding:28px 20px;gap:22px}.product-modal h2{font-size:30px}.product-image{height:230px}}