/* vitrina.css v1.1 — стили сайта кассовое-оборудование.онлайн (подсистема ВИТ).
   Внешний файл: отдаётся по /css/vitrina.css, кешируется браузером один раз на все страницы.
   Источник истины по стилям витрины (заменил инлайн-инклуд общ_витрина_стили.html).
   Деплой: статикой на витринный домен в /css/vitrina.css (модуль_ВыгрузкаВитрины v1.5
   CSS больше НЕ копирует — стиль живёт на сайте отдельно; смена файла меняет вид всех
   страниц мгновенно, без перепубликации).
   Доктрина: Премиум 2026 (минимализм, контент-first). Без JS. Смелость — в трактовке цены.
   v1.1 — каталог переделан из карточек-коробок в чистый список (строки с разделителями). */
:root{
  --bg:#ffffff;
  --surface:#f7f8f8;
  --ink:#15181c;
  --muted:#697077;
  --line:#e6e9ea;
  --accent:#0e6e63;
  --accent-ink:#0a544c;
  --accent-soft:#e7f2f0;
  --radius:10px;
  --maxw:1080px;
  --pad:24px;
}
*{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body{
  margin:0;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  color:var(--ink);
  background:var(--bg);
  font-size:16px;
  line-height:1.55;
  -webkit-font-smoothing:antialiased;
}
a{color:var(--accent);text-decoration:none;}
a:hover{text-decoration:underline;}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px;}

.wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--pad);}

.head{border-bottom:1px solid var(--line);}
.head__in{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;padding:18px var(--pad);}
.head__logo{font-size:18px;font-weight:600;letter-spacing:-0.01em;color:var(--ink);}
.head__logo b{color:var(--accent);font-weight:600;}
.head__tag{font-size:13px;color:var(--muted);}

.crumbs{font-size:13px;color:var(--muted);padding:16px 0 0;}
.crumbs a{color:var(--muted);}
.crumbs a:hover{color:var(--accent);}
.crumbs__sep{margin:0 7px;color:var(--line);}

.main{padding:8px 0 56px;}

.product{padding:18px 0 0;max-width:760px;}
.product__title{font-size:30px;font-weight:600;line-height:1.18;letter-spacing:-0.01em;margin:8px 0 4px;}
.product__alt{font-size:15px;color:var(--muted);margin:0 0 20px;}
.product__buy{display:flex;align-items:center;flex-wrap:wrap;gap:14px;padding:18px 20px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin:4px 0 22px;}
.product__price{font-size:26px;font-weight:600;color:var(--accent-ink);letter-spacing:-0.01em;font-variant-numeric:tabular-nums;}
.product__status{font-size:13px;font-weight:500;color:var(--accent-ink);background:var(--accent-soft);padding:5px 11px;border-radius:999px;}
.product__cta{margin-left:auto;display:inline-block;background:var(--accent);color:#fff;font-weight:600;font-size:15px;padding:11px 20px;border-radius:8px;}
.product__cta:hover{background:var(--accent-ink);text-decoration:none;}
.product__desc{font-size:16px;color:#33383d;max-width:65ch;}
.product__desc p{margin:0 0 12px;}

.cat__head{padding:16px 0 6px;}
.cat__h1{font-size:28px;font-weight:600;letter-spacing:-0.01em;margin:6px 0 2px;}
.cat__sub{font-size:14px;color:var(--muted);margin:0 0 18px;}

/* Каталог — список товаров (без коробок): строки с хайрлайн-разделителями.
   Название слева (визуально 2 строки; полный текст в HTML — для AIO/SEO),
   цена справа. Смелость — в цене (доктрина). */
.grid{display:block;border-top:1px solid var(--line);}
.card{display:flex;align-items:flex-start;gap:28px;padding:17px 12px;border-bottom:1px solid var(--line);color:var(--ink);transition:background .15s ease;}
.card:hover{background:var(--surface);text-decoration:none;}
.card__title{flex:1 1 auto;min-width:0;font-size:15.5px;font-weight:500;line-height:1.4;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .15s ease;}
.card:hover .card__title{color:var(--accent-ink);}
.card__foot{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-end;gap:2px;text-align:right;}
.card__price{font-size:16px;font-weight:600;color:var(--accent-ink);white-space:nowrap;font-variant-numeric:tabular-nums;letter-spacing:-0.01em;}
.card__status{font-size:12px;color:var(--muted);white-space:nowrap;}

.pager{display:flex;align-items:center;justify-content:center;gap:18px;padding:34px 0 0;}
.pager__btn{font-size:14px;font-weight:500;padding:9px 16px;border:1px solid var(--line);border-radius:8px;color:var(--ink);}
.pager__btn:hover{border-color:var(--accent);color:var(--accent-ink);text-decoration:none;}
.pager__pos{font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums;}

.foot{border-top:1px solid var(--line);margin-top:30px;padding:26px 0 40px;font-size:13px;color:var(--muted);}
.foot__in{display:flex;flex-wrap:wrap;gap:8px 22px;align-items:baseline;}
.foot a{color:var(--muted);}
.foot a:hover{color:var(--accent);}

@media (max-width:560px){
  :root{--pad:16px;}
  .head__logo{font-size:16px;}
  .product__title{font-size:25px;}
  .product__buy{gap:12px;}
  .product__cta{margin-left:0;width:100%;text-align:center;}
  .cat__h1{font-size:23px;}
  .card{gap:16px;padding:15px 4px;}
}
@media (prefers-reduced-motion:reduce){
  *{transition:none !important;}
}