/* STEDA v3 · правки сайта поверх base.css (правки владельца 05.11 и то, чего нет на досках). */

/* Шапка, состояния пунктов меню (владелец 05.11 утро):
   текущий раздел — серая подложка и тонкая линия; наведение и открытое меню — только тонкая линия, как у MAX и корзины. */
@media (min-width:1140px){
  .nv-b{transition:background-color .15s,box-shadow .15s}
  .nv-b:hover,.nv-b[aria-expanded="true"]{background:transparent;box-shadow:inset 0 0 0 1px var(--field)}
  .nv-b.cur,.nv-b.cur:hover,.nv-b.cur[aria-expanded="true"]{background:var(--tile);box-shadow:inset 0 0 0 1px var(--field)}
  /* обводка «Каталога» не заходит на логотип, «О мастерской» не наезжает на телефон.
     Контейнер шапки не шире 1280, поэтому плотные отступы нужны на любой ширине от 1140, а не только до 1320. */
  .bar{gap:4px}
  .lg{margin-right:8px}
  .hd-cta{padding:0 18px}
  .nv{justify-content:safe center;overflow:visible}
  .nv-l{flex:0 1 auto;min-width:0}
  .nv-b{padding:0 10px}
  .tel{padding:0 6px}
}
/* 1140–1279: пять пунктов меню и номер телефона не помещаются — номер прячем, остаётся кнопка звонка */
@media (min-width:1140px) and (max-width:1279px){
  .tel{display:none}
  .hd-call{display:inline-flex}
  .nv-b{padding:0 8px}
  .lg{margin-right:8px}
  .bar{gap:4px}
}

/* 1140–1199: ещё плотнее, иначе «О мастерской» касается MAX */
@media (min-width:1140px) and (max-width:1199px){
  .nv-b{padding:0 7px}
  .hd-cta{padding:0 14px}
}

/* Длинные плейсхолдеры не распирают страницу вбок (журнал v2: «Фитнес, клиники и спа» на 1000 px) */
.fx{overflow-wrap:anywhere;white-space:normal}
b:has(> .fx){min-width:0;white-space:normal}

/* Счётчик корзины: скрыт, пока корзина пуста */
.hd-cart .cnt[hidden]{display:none}

/* Формы: ошибки под полями и сообщение под формой */
.ferr{margin:6px 0 0;font-size:13px;line-height:1.4;color:var(--err)}
.is-err input.f,.is-err .inp,.is-err textarea,.is-err.drop,.is-err.vfile,.is-err.file{border-color:var(--err)}
.inp[aria-invalid="true"],textarea[aria-invalid="true"]{border-color:var(--err)}
.fmsg{margin:4px 0 0;font-size:14px;line-height:1.45;color:var(--tx2)}
.fmsg.is-err{color:var(--err)}
form[aria-busy="true"] [type="submit"]{opacity:.7}
.vinp input.f[type="date"]{appearance:none;-webkit-appearance:none;line-height:46px}

/* Плашка cookie */
.cookie-bar{position:fixed;left:16px;bottom:16px;z-index:70;max-width:420px;display:flex;flex-direction:column;gap:12px;
  padding:16px 18px;background:var(--paper);border-radius:var(--Rn);box-shadow:0 18px 40px rgba(26,26,25,.16)}
.cookie-bar .sm{color:var(--tx2)}
.cookie-bar a{text-decoration:underline;text-underline-offset:3px}
.cookie-bar .btns{display:flex;gap:8px;flex-wrap:wrap}
.cookie-bar .btn{height:40px}
@media (max-width:699px){
  .cookie-bar{left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom,0px));max-width:none}
}

/* Сетки после того, как убрали карточки без страниц (Мягкие панели, Офисы, Отели) */
@media (min-width:1000px){
  .vsmall.n3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .vcases.n2{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.vcases>figure{margin:0}

/* Доставка и оплата: онлайн-заказ платится двумя частями (70 / 30) */
.dp-strip.two{grid-template-columns:70fr 30fr}
@media (max-width:999px){
  .dp-strip.two{grid-template-columns:1fr}
  .dp-ratio.two{grid-template-columns:70fr 30fr}
}

/* Выставки: первый экран как vh2, фото справа */
.vh2 > .ph > .vtag{z-index:1}

/* Старые страницы модулей (каталог до задачи 7) внутри оболочки v3 */
.v3-legacy .crumbs{margin-bottom:8px}

/* ===== Скругления: внешняя плашка главная (владелец 05.11, вторая итерация) =====
   «Баннер первичен, его закругление; элементы, уходящие вглубь, следуют за ним — будут чуть более квадратные».
   Радиус плашки задаёт дизайн-система (поверхность 24, вложенная 16, плашка cookie 16) и не меняется.
   Элемент у угла плашки (кнопка, чип, вкладки, вставка, картинка, ярлык на фото):
     радиус = радиус плашки − отступ, но не меньше половины радиуса плашки (и не меньше 4).
   Круги (иконки, номера шагов, аватары) и мелкие ярлыки до 32 px внутри карточек правило не трогает.
   Кнопки и поля вне углов плашек остаются капсулами. Аудит: WORKLOG 05.11 «скругления». */
/* фото и вставки поверх фото: фото главное, вставка у угла концентрична ему */
.sk .skf>span,.sk .skf img{border-radius:16px}                 /* 24 − 8 */
[id^="pjt-"]>img{border-radius:14px}                           /* 16 − 2 */
.vtag{left:10px;bottom:10px;border-radius:14px}                /* фото 24 − 10 */
.hx.b .hx-cap{left:10px;bottom:10px;border-radius:14px}
.vba .lb{top:8px;border-radius:16px}                           /* фото 24 − 8 */
.vba .lb[style*="left"]{left:8px!important}.vba .lb[style*="right"]{right:8px!important}  /* left/right заданы в разметке */
.vglass{left:8px;bottom:8px}                                   /* вставка 16 = 24 − 8 */
.vplan .inset{right:8px;bottom:8px}
/* «Для заведений»: баннер 24 → карточка 12 → вкладки и кнопка 6 → внутри 4 */
.hx-card{border-radius:12px}
.hx-card .hx-seg,.hx-card a.go{border-radius:6px}
.hx-card .hx-t,.hx-card a.go i{border-radius:4px}
/* плашки 24 с кнопкой или чипом у угла → 12 (одинаково на всех ширинах, чтобы кнопки форм не менялись при сужении) */
.hm-glass button[type="submit"],.fbox button[type="submit"]{border-radius:12px}
.sec.proc .procf .btn{border-radius:12px}
.hm-help .chip,.dp-ask .chip,.fq .stack>div .chips .chip,.cc-et .chip{border-radius:12px}
.vcard .btn,.dp-path .btn,.sk .btn,.vband .btn,.vfull .btn{border-radius:12px}
/* плашка cookie 16 → кнопки 8 */
.cookie-bar{padding:16px}
.cookie-bar .btn{border-radius:8px}
@media (max-width:699px){
  .sk .skf>span,.sk .skf img{border-radius:16px}               /* 24 − 8 */
  .doc-ask{border-radius:6px}                                  /* 24 − 18 */
  .vtag{border-radius:10px}                                    /* фото 20 − 10 */
  .vplan .inset{border-radius:8px}                             /* 24 − 16 */
}