/* Правки поверх перенесённого дизайна: то, что в прототипе делал React,
   а на WordPress отдаётся статикой или выводится темой. */

/* картинки WooCommerce не должны растягиваться по правилу img{width:100%} */
.woo-page img {
    width: auto;
    max-width: 100%;
}

/* блоки, которые на прототипе появлялись по клику */
.place-popover,
.header-popover {
    display: none;
}

.place-wrap.is-open .place-popover,
.place-wrap.is-open .header-popover {
    display: block;
}

/* На прототипе прокрутку вёл свой контейнер React, поэтому у body стоял overflow:hidden.
   В обычной странице это просто запрещает скролл — возвращаем. */
body.amplitude-page {
    overflow: visible !important;
}

/* Выпадающая панель раздела: во всю ширину шапки, три колонки —
   раздел со слоганом, нумерованный список подразделов, фото раздела. */
.bork-header__nav {
    position: relative;
}

.bork-header__nav .nav-item {
    position: static;
    display: inline-flex;
    align-items: stretch;
    flex: 0 0 auto;
}

.bork-header__nav .bork-header__nav-button {
    white-space: nowrap;
    position: relative;
}

/* подчёркивание активного пункта */
.bork-header__nav .nav-item.has-mega:hover > .bork-header__nav-button::after,
.bork-header__nav .bork-header__nav-button.is-current::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -13px;
    height: 2px;
    background: var(--vitrine-accent, #E1251B);
}