/* ОВК-Климат — прототипы коммерческих блоков.
   Цвета подобраны под текущий шаблон Aspro Premier сайта ovk-climat.ru.
   Классы с префиксом ovk- не пересекаются с классами шаблона. */

:root{
  --ovk-accent:#16becf;          /* фирменная бирюза (кнопки) */
  --ovk-accent-dark:#0ea5b5;
  --ovk-text:#1d2433;
  --ovk-muted:#6b7280;
  --ovk-line:#e6e9ef;
  --ovk-bg:#f6f8fa;
  --ovk-green:#22a05b;
  --ovk-red:#f4364c;
  --ovk-orange:#ff8a00;
  --ovk-radius:12px;
}

.ovk-proto{font-family:-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:var(--ovk-text);line-height:1.45;}
.ovk-proto *{box-sizing:border-box}
.ovk-wrap{max-width:1180px;margin:0 auto;padding:24px 20px}
.ovk-h2{font-size:24px;font-weight:700;margin:0 0 16px}
.ovk-h3{font-size:18px;font-weight:700;margin:0 0 12px}
.ovk-note{font-size:12px;color:var(--ovk-muted)}

/* ——— 1. Строка УТП под H1 ——— */
.ovk-usp{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:16px 0 24px}
.ovk-usp__item{display:flex;gap:10px;align-items:flex-start;background:var(--ovk-bg);border:1px solid var(--ovk-line);
  border-radius:var(--ovk-radius);padding:12px 14px}
.ovk-usp__ico{width:26px;height:26px;flex:0 0 26px;border-radius:8px;background:#e3f8fa;color:var(--ovk-accent-dark);
  display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}
.ovk-usp__t{font-size:13px;font-weight:600}
.ovk-usp__d{font-size:12px;color:var(--ovk-muted)}
.ovk-usp__d a{color:var(--ovk-accent-dark)}

/* ——— 2. Плитки подкатегорий ——— */
.ovk-subcats{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:24px}
.ovk-subcat{display:block;text-align:center;border:1px solid var(--ovk-line);border-radius:var(--ovk-radius);
  padding:14px 8px;text-decoration:none;color:var(--ovk-text);background:#fff}
.ovk-subcat:hover{border-color:var(--ovk-accent)}
.ovk-subcat__img{height:54px;margin-bottom:8px;background:var(--ovk-bg);border-radius:8px;display:flex;
  align-items:center;justify-content:center;color:#b6bec9;font-size:11px}
.ovk-subcat__t{font-size:12px;font-weight:600;line-height:1.25}
.ovk-subcat__n{font-size:11px;color:var(--ovk-muted)}

/* ——— 4. Карточка товара в листинге ——— */
.ovk-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.ovk-card{border:1px solid var(--ovk-line);border-radius:var(--ovk-radius);padding:14px;background:#fff;position:relative;display:flex;flex-direction:column}
.ovk-card__badges{position:absolute;top:12px;left:12px;display:flex;flex-direction:column;gap:6px;z-index:2}
.ovk-badge{font-size:11px;font-weight:600;padding:3px 8px;border-radius:6px;color:#fff;background:var(--ovk-orange)}
.ovk-badge--tech{background:var(--ovk-red)}
.ovk-card__img{height:150px;background:var(--ovk-bg);border-radius:8px;display:flex;align-items:center;justify-content:center;
  color:#b6bec9;font-size:12px;margin-bottom:10px}
.ovk-card__name{font-size:14px;font-weight:600;margin-bottom:8px;min-height:38px}
.ovk-card__name a{color:var(--ovk-text);text-decoration:none}
.ovk-card__props{font-size:12px;color:var(--ovk-muted);margin-bottom:10px}
.ovk-card__props div{display:flex;justify-content:space-between;border-bottom:1px dotted var(--ovk-line);padding:2px 0}
.ovk-card__props span:last-child{color:var(--ovk-text)}
.ovk-price{display:flex;align-items:baseline;gap:8px;margin-bottom:4px}
.ovk-price__label{font-size:13px;color:var(--ovk-muted)}
.ovk-price__val{font-size:20px;font-weight:700}
.ovk-price__old{font-size:13px;color:var(--ovk-muted);text-decoration:line-through}
.ovk-card__stock{font-size:12px;color:var(--ovk-green);font-weight:600;margin-bottom:4px}
.ovk-card__stock--order{color:var(--ovk-orange)}
.ovk-card__ship{font-size:12px;color:var(--ovk-muted);margin-bottom:10px}
.ovk-card__btns{display:flex;gap:8px;margin-top:auto}
.ovk-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:8px;font-size:14px;font-weight:600;
  padding:10px 16px;text-decoration:none;cursor:pointer;border:1px solid transparent}
.ovk-btn--primary{background:var(--ovk-accent);color:#fff}
.ovk-btn--ghost{background:#fff;color:var(--ovk-accent-dark);border-color:var(--ovk-accent)}
.ovk-btn--wide{flex:1}
.ovk-btn--sm{padding:7px 12px;font-size:13px}

/* ——— 5. Карточка товара: блок покупки ——— */
.ovk-buy{display:grid;grid-template-columns:1fr 320px;gap:24px}
.ovk-buybox{border:1px solid var(--ovk-line);border-radius:var(--ovk-radius);padding:18px}
.ovk-buybox .ovk-price__val{font-size:30px}
.ovk-buybox__row{display:flex;align-items:center;gap:8px;font-size:13px;margin-bottom:8px}
.ovk-buybox__btns{display:flex;flex-direction:column;gap:10px;margin:14px 0}
.ovk-delivery{border:1px solid var(--ovk-line);border-radius:var(--ovk-radius);padding:14px 16px;margin-top:12px;font-size:13px}
.ovk-delivery__city{font-size:13px;margin-bottom:10px;color:var(--ovk-muted)}
.ovk-delivery__city b{color:var(--ovk-text);border-bottom:1px dashed var(--ovk-muted);cursor:pointer}
.ovk-delivery__item{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid var(--ovk-line)}
.ovk-delivery__item:last-child{border-bottom:none}
.ovk-delivery__item b{font-weight:600}

/* ——— 6. Таблица характеристик в первом экране ——— */
.ovk-keyprops{font-size:14px}
.ovk-keyprops__row{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid var(--ovk-line)}
.ovk-keyprops__row span:first-child{color:var(--ovk-muted)}
.ovk-keyprops__row span:last-child{font-weight:600;text-align:right}

/* ——— 7. Отзывы ——— */
.ovk-reviews{border:1px solid var(--ovk-line);border-radius:var(--ovk-radius);padding:18px}
.ovk-review{border-bottom:1px solid var(--ovk-line);padding:12px 0}
.ovk-review:last-child{border-bottom:none}
.ovk-review__head{display:flex;gap:10px;align-items:center;font-size:13px;margin-bottom:6px}
.ovk-review__name{font-weight:600}
.ovk-review__date{color:var(--ovk-muted)}
.ovk-stars{color:var(--ovk-orange);letter-spacing:1px}
.ovk-review__text{font-size:14px}
.ovk-rating-summary{display:flex;align-items:center;gap:16px;margin-bottom:14px}
.ovk-rating-summary__val{font-size:34px;font-weight:700}

/* ——— 8. FAQ ——— */
.ovk-faq__item{border:1px solid var(--ovk-line);border-radius:var(--ovk-radius);padding:14px 16px;margin-bottom:10px}
.ovk-faq__q{font-weight:600;font-size:15px;display:flex;justify-content:space-between;gap:12px}
.ovk-faq__q::after{content:"+";color:var(--ovk-accent);font-weight:700}
.ovk-faq__a{font-size:14px;color:var(--ovk-muted);margin-top:8px}

/* ——— 9. Блок перелинковки «с этим товаром» ——— */
.ovk-linkblock{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.ovk-linklist{border:1px solid var(--ovk-line);border-radius:var(--ovk-radius);padding:14px 16px}
.ovk-linklist h4{margin:0 0 10px;font-size:14px}
.ovk-linklist a{display:block;font-size:13px;color:var(--ovk-text);text-decoration:none;padding:4px 0;border-bottom:1px solid var(--ovk-line)}
.ovk-linklist a:last-child{border-bottom:none}
.ovk-linklist a:hover{color:var(--ovk-accent-dark)}
.ovk-linklist a span{color:var(--ovk-muted);float:right;font-size:12px}

/* ——— 11. Реквизиты / о компании ——— */
.ovk-req{display:grid;grid-template-columns:repeat(2,1fr);gap:0 24px;font-size:13px;border:1px solid var(--ovk-line);
  border-radius:var(--ovk-radius);padding:16px 18px}
.ovk-req__row{display:flex;justify-content:space-between;gap:16px;padding:7px 0;border-bottom:1px solid var(--ovk-line)}
.ovk-req__row span:first-child{color:var(--ovk-muted)}
.ovk-req__row span:last-child{font-weight:600;text-align:right}

/* ——— 12. Trust-строка главной ——— */
.ovk-trust{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;text-align:center}
.ovk-trust__item{border:1px solid var(--ovk-line);border-radius:var(--ovk-radius);padding:16px 10px}
.ovk-trust__n{font-size:24px;font-weight:700;color:var(--ovk-accent-dark)}
.ovk-trust__t{font-size:12px;color:var(--ovk-muted)}