.equipment-installment{padding:48px 0;background:#f0f2fb}
.equipment-installment__inner{max-width:900px;margin:0 auto;padding:0 20px;text-align:center}
.equipment-installment__title{font-family:'Gotham Pro',sans-serif;color:#272e85;font-size:28px;margin-bottom:12px}
.equipment-installment__lead{font-family:'Open Sans',sans-serif;color:#444;line-height:1.6;max-width:640px;margin:0 auto 28px}
.equipment-installment__list{list-style:none;padding:0;margin:0 0 32px;display:flex;flex-wrap:wrap;justify-content:center;gap:16px}
.equipment-installment__item{flex:1 1 240px;max-width:280px;background:#fff;border-radius:3px;text-align:left;box-shadow:0 1px 3px rgba(39,46,133,.08)}
.equipment-installment__link{display:block;padding:20px 22px;color:inherit;text-decoration:none}
.equipment-installment__media{display:block;margin:-4px 0 14px;aspect-ratio:1/1;overflow:hidden;border-radius:3px;background:rgba(0,0,0,.04)}
.equipment-installment__media img{width:100%;height:100%;object-fit:cover;display:block}
.equipment-installment__name{display:block;font-family:'Open Sans',sans-serif;color:#43247f;font-size:15px;margin-bottom:8px}
.equipment-installment__price{display:block;font-family:'Gotham Pro',sans-serif;color:#272e85;font-size:20px;font-weight:700}
.equipment-installment__permonth{display:block;font-family:'Open Sans',sans-serif;color:#6b7280;font-size:13px;font-weight:400;margin-top:2px}
@media(max-width:767px){.equipment-installment__item{flex:1 1 100%;max-width:100%}}

body.iq-variant-techspec .equipment-installment{background:var(--iq-bg-canvas,#08060f)}
body.iq-variant-techspec .equipment-installment__title{color:var(--iq-fg-primary,#f2eefb);font-family:var(--iq-font,'IQ Manrope',sans-serif)}
body.iq-variant-techspec .equipment-installment__lead{color:var(--iq-fg-muted,#b6aec9)}
body.iq-variant-techspec .equipment-installment__item{background:var(--iq-panel,#141027);box-shadow:none;border:1px solid var(--iq-hair,rgba(206,190,255,.16));border-radius:var(--iq-radius-media,2px);transition:border-color .2s ease,transform .2s ease}
/* Фотографии оборудования сняты на белом фоне — на тёмной странице это три
   светящихся квадрата, спорящих со всем остальным. Убирать фон у самих файлов
   нельзя: те же изображения работают на светлых страницах каталога. Поэтому
   плашка гасится здесь: слегка приглушённая яркость плюс волосяная рамка, и
   белое читается как подложка чертежа, а не как дыра в вёрстке. На наведении
   яркость возвращается — товар показывается как есть. */
body.iq-variant-techspec .equipment-installment__media{border-radius:var(--iq-radius-media,2px);background:var(--iq-bg-canvas,#0b0c0e);border:1px solid var(--iq-hair,rgba(232,236,240,.10))}
body.iq-variant-techspec .equipment-installment__media img{filter:brightness(.82) contrast(1.04);transition:filter .2s ease}
/* 16.08.2026: :hover без гварда — на тач-устройствах браузер выставляет hover
   по тапу и не снимает его, пока не тапнут в другое место. Три карточки этого
   блока (мини-штанга/степ/стойка) оставались с циановой рамкой и сдвигом
   translateY(-2px) «прилипшими» после касания — жалоба Артемия «эффекты
   клика на карточках». Обычных :active тут достаточно для тач-отклика, а
   :hover переведён под guard, чтобы включаться только там, где есть
   настоящий указатель с наведением. */
@media (hover: hover) and (pointer: fine) {
  body.iq-variant-techspec .equipment-installment__item:hover{border-color:var(--iq-action-primary,var(--iq-action-primary, #6ee7ff));transform:translateY(-2px)}
  body.iq-variant-techspec .equipment-installment__item:hover .equipment-installment__media img{filter:none}
}
body.iq-variant-techspec .equipment-installment__name{color:var(--iq-fg-muted,#b6aec9);font-family:var(--iq-font,'IQ Manrope',sans-serif)}
body.iq-variant-techspec .equipment-installment__price{color:var(--iq-action-primary,var(--iq-action-primary, #6ee7ff));font-family:var(--iq-font,'IQ Manrope',sans-serif)}
body.iq-variant-techspec .equipment-installment__permonth{color:var(--iq-fg-muted,#b6aec9)}
body.iq-variant-techspec .equipment-installment__link:focus-visible{outline:1px solid var(--iq-action-primary,var(--iq-action-primary, #6ee7ff));outline-offset:3px}
/* Экспонат 09C из макета «IQ Spec Preview», одобрен 15.08.2026: терминальный
   чип статуса — не декоративная метка, «В наличии» настоящее (все 3 позиции
   проверены на 15.08.2026), а не выдуманный лейбл. Стиль в 99-polish.css. */
body.iq-variant-techspec .equipment-installment__chip{display:inline-flex;align-items:center;gap:5px;font-family:var(--iq-font-mono,ui-monospace,monospace);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#7dd88f;margin-bottom:8px}
body.iq-variant-techspec .equipment-installment__chip::before{content:'';width:5px;height:5px;border-radius:50%;background:#3ddc84;box-shadow:0 0 4px rgba(61,220,132,.7)}
body.iq-variant-techspec .equipment-installment__media{position:relative}
/* 02.10.2026: на главной блок идёт за каталогом (у него 80px снизу) — без этого разрыв 140px против ритма 120 */
body.home .home-main .equipment-installment{padding-top:40px!important}
@media (max-width:767px){body.home .home-main .equipment-installment{padding-top:30px!important}}
