

/* Start:/local/components/dnt/prices/templates/.default/style.css?17877453322090*/
table{}
th{}
.price_table .yellow{
    background-color:#b68062;
}
.price_table{
    border:1px;
    border-collapse:collapse;
}
.price_table th{text-align:center;}
.price_table .center{text-align:center;}
.price_table th,
.price_table td{
    padding:10px;
    border: 1px solid;
}

/* --- Плитка тегов категорий --- */
.price-tags{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-bottom:32px;
}
/* Группа не создаёт своей строки: теги идут сплошным потоком и переносятся
   только по ширине контейнера. Обёртка остаётся ради читаемости разметки. */
.price-tags__group{
    display:contents;
}
.price-tags__item{
    display:inline-flex;
    align-items:center;
    padding:9px 18px;
    border:1px solid #b68062;
    border-radius:999px;
    font-size:15px;
    line-height:1.2;
    color:#b68062;
    text-decoration:none;
    transition:background-color .2s ease, color .2s ease;
}
.price-tags__item:hover,
.price-tags__item:focus-visible{
    background-color:#b68062;
    color:#fff;
}
.price-tags__item--main{
    background-color:#b68062;
    color:#fff;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:.02em;
}
.price-tags__item--main:hover,
.price-tags__item--main:focus-visible{
    background-color:#9c6a4e;
    border-color:#9c6a4e;
    color:#fff;
}
/* Переход по тегу — обычная якорная ссылка: на этой странице браузер отменяет
   любой анимированный скролл (и JS, и scroll-behavior), мгновенный переход работает.
   Отступ, чтобы строка категории не прилипала к верхней кромке окна. */
.price_table .yellow{
    scroll-margin-top:24px;
}

@media screen and (max-width:768px){
    .price-tags{
        gap:8px;
        margin-bottom:24px;
    }
    .price-tags__item{
        padding:7px 14px;
        font-size:13px;
    }
}

/* End */
/* /local/components/dnt/prices/templates/.default/style.css?17877453322090 */
