.breadcrumbs {
font-family: 'tildasans', sans-serif;
font-size: 14px;
color: #000;
margin-bottom: 15px;
}
.breadcrumbs a {
color: #000;
text-decoration: none;
font-weight: 500;
}
.breadcrumbs a:hover {
text-decoration: underline;
}
/* ==== СТАЙЛИНГ НИЖНЕГО МЕНЮ ME503 (rec1660241641) ==== */
/* убираем фон блока */
#rec1660241641 .t503 {
background: transparent !important;
}
/* уменьшаем внутренний отступ контейнера */
#rec1660241641 .t503 .t-container {
padding: 0 8px 14px;
}
/* превращаем меню в "плавающую стеклянную пилюлю" */
#rec1660241641 .t503__table {
display: flex !important;
align-items: center;
justify-content: space-between;
gap: 8px;
padding: 9px 12px;
border-radius: 999px;
background: rgba(255, 255, 255, 0.96);
box-shadow: 0 6px 26px rgba(0, 0, 0, 0.18);
backdrop-filter: blur(16px);
overflow-x: auto;
scrollbar-width: none;
}
#rec1660241641 .t503__table::-webkit-scrollbar {
display: none;
}
/* элементы меню */
#rec1660241641 .t503__col {
flex: 1 0 auto;
min-width: 0;
text-align: center;
text-decoration: none !important;
padding: 1px 0;
}
/* иконки */
#rec1660241641 .t503__icon {
width: 22px;
height: 22px;
margin: 0 auto 2px;
display: flex;
align-items: center;
justify-content: center;
}
#rec1660241641 .t503__icon img,
#rec1660241641 .t503__icon svg {
display: block;
max-width: 100%;
max-height: 100%;
}
/* подписи */
#rec1660241641 .t503__title {
font-family: "Lora", serif;
font-size: 10px;
line-height: 1.1;
letter-spacing: 0.06em;
text-transform: uppercase;
color: #3b3b3b;
}
/* hover (для десктопа) */
@media (hover: hover) {
#rec1660241641 .t503__col:hover .t503__title {
color: #117243;
}
}
/* активный пункт */
#rec1660241641 .t503__col.t-active .t503__title {
color: #117243;
}
/* подсветка активной иконки */
#rec1660241641 .t503__col.t-active .t503__icon svg path,
#rec1660241641 .t503__col.t-active .t503__icon svg rect,
#rec1660241641 .t503__col.t-active .t503__icon svg circle {
fill: #117243;
stroke: #117243;
}
/* ==== FIX: пропускаем тапы к магазину на мобилке ==== */
#rec1660241641 {
pointer-events: none !important;
}
#rec1660241641 * {
pointer-events: auto !important;
}
#rec1660241641 .t503__table {
pointer-events: auto !important;
}