/* Допълнения към css/style.css (панел, не идват от v2). Зарежда се САМО на страници със значка „Ново“
   или с реда „Наложен платеж, доставка, преглед“, за да останат другите страници като във v2.
   scripts/sync-assets.sh го копира в public/css/extra.css. */

/* Значка „Ново“: малка светла капсула горе вляво върху снимката */
.gal-track li { position: relative; }
.nv-badge {
  position: absolute; top: 10px; left: 10px; z-index: 1;
  display: inline-flex; align-items: center; gap: 6px;
  padding: 4px 10px 4px 9px; border-radius: 999px;
  background: rgba(255, 255, 255, .94); color: #1A1A1A;
  font: 600 12px/1.35 var(--font-sans); letter-spacing: .04em;
  pointer-events: none;
}
.nv-badge::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--accent); flex: none; }
@supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
  .nv-badge {
    background: rgba(255, 255, 255, .78);
    -webkit-backdrop-filter: blur(14px) saturate(1.6); backdrop-filter: blur(14px) saturate(1.6);
  }
}
@media (min-width: 1000px) { .gal .nv-badge { top: 14px; left: 14px; font-size: 13px; } }

/* Ред „Наложен платеж, доставка, преглед, работно време“ на модела */
.svc {
  list-style: none; margin: 20px 0 0; padding: 18px 0 0; border-top: 1px solid var(--line);
  display: grid; grid-template-columns: minmax(0, 1fr); gap: 14px 20px;
}
@media (min-width: 520px) { .svc { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.svc li { display: flex; align-items: flex-start; gap: 12px; min-width: 0; }
.svc-ic { flex: none; display: inline-flex; color: var(--ink); }
.svc-tx { min-width: 0; padding-top: 2px; }
.svc-t { display: block; font-size: 15px; font-weight: 600; line-height: 1.35; color: var(--ink); }
.svc-s { display: block; margin-top: 2px; font-size: 14px; line-height: 1.4; color: var(--grey); overflow-wrap: anywhere; }

/* Начало: плочки на категориите, когато има допълнителна категория (напр. „Панталони“) */
@media (max-width: 999px) {
  .cat-x li:last-child:nth-child(odd) { grid-column: 1 / -1; }
  .cat-x li:last-child:nth-child(odd) .cat-tile img { aspect-ratio: 2 / 1 !important; } /* imgTag дава инлайн aspect-ratio */
}
@media (min-width: 1000px) {
  .cat-x { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .cat-x .cat-name { font-size: 26px; }
}

/* Цена на страницата на модела (под името); на картата е .card-price от style.css */
.pdp-price { margin: 10px 0 0; font-size: 24px; font-weight: 600; line-height: 1.2; color: var(--ink); font-variant-numeric: tabular-nums; white-space: nowrap; }
@media (min-width: 760px) { .pdp-price { font-size: 26px; } }

/* Хедър с допълнителна категория (.head-more): 5 категории не се побират до логото.
   1000-1279 px: менюто остава под бутона (както на телефон); от 1280 px: в ред, без „Размери“ (то е във футъра). */
@media (min-width: 1000px) and (max-width: 1279px) {
  .head-more .menu-btn { display: grid; }
  .head-more .nav {
    display: none; position: absolute; top: 100%; left: 0; right: 0; flex-direction: column; gap: 0;
    grid-column: auto; grid-row: auto; padding: 8px var(--side) 16px;
    background: var(--white); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line);
  }
  .head-more .nav.open { display: flex; }
  .head-more .nav a { padding: 14px 0; font-size: 20px; border-bottom: 1px solid var(--line); }
  .head-more .nav .nav-m, .head-more .nav .nav-x { display: block; }
}
@media (min-width: 1280px) {
  .head-more .nav { gap: 20px; }
  .head-more .nav .nav-m { display: none; }
}
@media (min-width: 1280px) and (max-width: 1439px) {
  .head-more .nav { gap: 14px; } .head-more .nav a { font-size: 15px; }
}

/* Без червената лента (config.hide_topbar): първият екран на началото е висок до долния край на екрана без лентата (40 px) */
@media (min-width: 1000px) {
  .head-solo ~ main .hero-in { min-height: clamp(520px, calc(100svh - 78px), 1000px); }
}

/* Запитване: „Доставка до“ офис/адрес (config.delivery_choice, js/delivery.js) */
.form .dto-box > label { margin-top: 16px; }
.ferr { margin: 6px 0 0; color: var(--danger); font-weight: 500; font-size: .95em; }