/* Start:/bitrix/components/bitrix/map.yandex.system/templates/.default/style.css?1722371120666*/
div.bx-yandex-map {color: black; font-size: 11px;}
div.bx-yandex-map div.YMaps-b-balloon-content {color: black; font-size: 11px;}
div.bx-popup-form div.bx-yandex-map div.YMaps-b-balloon-point div.YMaps-b-balloon div.YMaps-b-balloon-wrap table.YMaps-b-balloon-frame td {
	padding: 0px !important;
}


div.bx-popup-form div.bx-yandex-map div.YMaps-b-balloon-point div.YMaps-b-balloon div.YMaps-b-balloon-wrap table.YMaps-b-balloon-frame td textarea{
	font-size: 11px;
}


div.bx-popup-form div.bx-yandex-map div.YMaps-b-balloon-point div.YMaps-b-balloon div.YMaps-b-balloon-wrap table.YMaps-b-balloon-frame td.YMaps-b-balloon-b {
	background-image: none !important;
}

/* End */


/* Start:/local/templates/.default/components/bitrix/news.list/shops/style.css?178488608811855*/
.shops-page {
padding: clamp(18px, 2vw, 30px) 0 clamp(36px, 4vw, 64px);
overflow-x: hidden;
}

.shops-page *,
.shops-page *::before,
.shops-page *::after {
box-sizing: border-box;
}

.shops-page .container {
width: min(100%, 1440px) !important;
max-width: 1440px !important;
padding-left: clamp(16px, 2vw, 24px) !important;
padding-right: clamp(16px, 2vw, 24px) !important;
}

.shops-page .container,
.shops-page__grid,
.shops-page__grid > *,
.shops-sidebar,
.shops-card-wrap,
.shops-map-wrap,
.shops-card,
.shops-card__media,
.shops-card__actions,
.shops-map-panel,
.shops-map-panel__canvas,
.shops-map-panel__static {
min-width: 0;
max-width: 100%;
}

.shops-page__grid {
display: grid;
grid-template-columns:
    minmax(240px, 300px)
    minmax(320px, 1fr)
    minmax(360px, 1.12fr);
gap: 24px;
align-items: start;
}

.shops-status {
margin: 0 0 20px;
padding: 12px 16px;
border: 1px solid #efe2c8;
border-radius: 14px;
background: #fffaf1;
color: #5a4a35;
font-size: 14px;
line-height: 1.5;
}

.shops-sidebar {
padding-right: 6px;
}

.shops-sidebar__title {
margin: 0 0 24px;
color: #111;
font-size: clamp(24px, 2.6vw, 38px);
font-weight: 500;
line-height: 1.05;
letter-spacing: 0.08em;
text-transform: uppercase;
}

.shops-sidebar__lead {
margin: 0 0 28px;
color: #202020;
font-size: clamp(17px, 1.5vw, 24px);
line-height: 1.5;
}

.shops-sidebar__lead,
.shops-city-btn,
.shops-store-switchers__btn,
.shops-card__title,
.shops-card__address,
.shops-card__meta {
overflow-wrap: anywhere;
word-break: break-word;
}

.shops-city-list {
display: flex;
flex-direction: column;
gap: 14px;
}

.shops-city-btn {
display: inline-flex;
align-items: center;
justify-content: space-between;
gap: 10px;
align-self: flex-start;
width: auto;
min-height: 44px;
padding: 10px 16px;
border: 1px solid transparent;
border-radius: 12px;
background: transparent;
color: #111;
cursor: pointer;
text-align: left;
font-size: clamp(18px, 1.1vw, 28px);
font-weight: 400;
line-height: 1.2;
letter-spacing: 0.06em;
text-transform: uppercase;
transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}

.shops-city-btn__count {
color: #d53a31;
white-space: nowrap;
}

.shops-city-btn.is-active {
background: #cf342b;
border-color: #cf342b;
color: #fff;
}

.shops-city-btn.is-active .shops-city-btn__count {
color: #fff;
}

.shops-card-wrap {
padding-right: 0;
}

.shops-card {
display: flex;
flex-direction: column;
min-height: 640px;
padding: clamp(18px, 2vw, 32px);
border-radius: 20px;
background: #fff5df;
}

.shops-store-switchers {
margin: 0 0 18px;
}

.shops-store-switchers__group[hidden] {
display: none !important;
}

.shops-store-switchers__group.is-single {
display: none;
}

.shops-store-switchers__list {
display: flex;
flex-wrap: wrap;
gap: 10px;
}

.shops-store-switchers__btn {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 38px;
padding: 8px 14px;
border: 1px solid #dfcfae;
border-radius: 999px;
background: rgba(255, 255, 255, .92);
color: #3e3126;
cursor: pointer;
font-size: 13px;
font-weight: 700;
line-height: 1.2;
text-align: center;
transition: all .2s ease;
}

.shops-store-switchers__btn.is-active {
border-color: #cf342b;
background: #cf342b;
color: #fff;
}

.shops-card__media {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
aspect-ratio: 16 / 10;
min-height: 220px;
margin-bottom: 22px;
overflow: hidden;
border-radius: 16px;
background: linear-gradient(135deg, #f7e9c9 0%, #ecd6a6 100%);
}

.shops-card__media img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}

.shops-card__media-placeholder {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
padding: 20px;
color: #7f664b;
text-align: center;
font-size: clamp(16px, 1.2vw, 20px);
line-height: 1.4;
letter-spacing: .05em;
text-transform: uppercase;
white-space: pre-line;
}

.shops-card__label {
display: inline-flex;
align-self: flex-start;
margin-bottom: 12px;
padding: 7px 12px;
border-radius: 999px;
background: rgba(207, 52, 43, 0.08);
color: #a73b33;
font-size: 12px;
font-weight: 700;
line-height: 1;
letter-spacing: .04em;
text-transform: uppercase;
}

.shops-card__title {
margin: 0 0 12px;
color: #111;
font-size: clamp(18px, 1.2vw, 28px);
font-weight: 700;
line-height: 1.14;
text-transform: uppercase;
}

.shops-card__address {
margin: 0 0 18px;
color: #262626;
font-size: clamp(16px, 1.05vw, 22px);
line-height: 1.5;
}

.shops-card__meta {
display: none;
align-items: center;
gap: 12px;
margin: 0 0 12px;
padding: 12px 14px;
border: 1px solid rgba(215, 199, 170, 0.9);
border-radius: 14px;
background: rgba(255, 255, 255, 0.78);
color: #2a2a2a;
font-size: 16px;
line-height: 1.45;
}

.shops-card__meta.is-visible {
display: flex;
}

.shops-card__meta--link {
color: #2a2a2a;
text-decoration: none;
}

.shops-card__meta-icon {
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 42px;
width: 42px;
height: 42px;
border-radius: 12px;
background: rgba(207, 52, 43, 0.1);
color: #cf342b;
}

.shops-card__meta-icon svg {
display: block;
width: 20px;
height: 20px;
}

.shops-card__meta-content {
display: flex;
flex-direction: column;
min-width: 0;
}

.shops-card__meta-label {
color: #8d7458;
font-size: 11px;
font-weight: 700;
line-height: 1.2;
letter-spacing: 0.08em;
text-transform: uppercase;
}

.shops-card__meta-value {
color: #241b14;
font-size: 16px;
font-weight: 600;
line-height: 1.35;
}

.shops-card__meta--link .shops-card__meta-value {
color: #cf342b;
}

.shops-card__actions {
display: flex;
flex-wrap: wrap;
gap: 12px;
margin-top: auto;
padding-top: 20px;
}

.shops-card__btn {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 48px;
max-width: 100%;
padding: 12px 18px;
border-radius: 12px;
text-decoration: none;
text-align: center;
cursor: pointer;
font-size: 14px;
font-weight: 700;
line-height: 1.2;
transition: all .2s ease;
}

.shops-card__btn:disabled {
opacity: .75;
cursor: wait;
}

.shops-card__btn--primary {
border: 1px solid #cf342b;
background: #cf342b;
color: #fff;
}

.shops-card__btn--secondary {
border: 1px solid #d7c7aa;
background: #fff;
color: #3a2d21;
}

.shops-map-wrap {
padding-left: 0;
}

.shops-map-panel {
position: sticky;
top: 80px;
overflow: hidden;
min-height: 640px;
border-radius: 20px;
background: #f4f1e6;
}

.shops-map-panel__canvas,
.shops-map-panel__static {
width: 100%;
height: 640px;
}

.shops-map-panel__static {
display: none;
background: #f4f1e6;
}

.shops-map-panel__static.is-visible {
display: block;
}

.shops-map-panel__static-link,
.shops-map-panel__static-link:hover {
display: block;
width: 100%;
height: 100%;
text-decoration: none;
}

.shops-map-panel__static img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}

@media (hover: hover) and (pointer: fine) {
.shops-city-btn:hover {
    border-color: #eadcc3;
    color: #cf342b;
    background: #fffaf1;
}

.shops-city-btn.is-active:hover {
    color: #fff;
    background: #cf342b;
    border-color: #cf342b;
}

.shops-store-switchers__btn:hover {
    border-color: #cf342b;
    color: #cf342b;
}

.shops-store-switchers__btn.is-active:hover {
    color: #fff;
}

.shops-card__btn:hover {
    transform: translateY(-1px);
}

.shops-card__btn--primary:hover {
    background: #b82b24;
    border-color: #b82b24;
}

.shops-card__btn--secondary:hover {
    border-color: #cf342b;
    color: #cf342b;
}

.shops-card__meta--link:hover .shops-card__meta-value {
    text-decoration: underline;
}
}

@media (max-width: 1439px) {
.shops-page__grid {
    grid-template-columns:
        minmax(220px, 280px)
        minmax(300px, 1fr)
        minmax(320px, 1.02fr);
}

.shops-card {
    min-height: 580px;
}

.shops-map-panel {
    min-height: 580px;
}

.shops-map-panel__canvas,
.shops-map-panel__static {
    height: 580px;
}
}

@media (max-width: 1279px) {
.shops-page__grid {
    grid-template-columns: minmax(300px, 1fr) minmax(320px, 1fr);
    gap: 20px;
}

.shops-sidebar {
    grid-column: 1 / -1;
    padding-right: 0;
}

.shops-card-wrap {
    grid-column: 1 / 2;
}

.shops-map-wrap {
    grid-column: 2 / 3;
}

.shops-city-list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.shops-city-btn {
    width: 100%;
    align-self: stretch;
    min-height: 48px;
    padding: 12px 14px;
    border: 1px solid #eadcc3;
    background: #fffaf1;
    font-size: 15px;
    letter-spacing: 0.03em;
    text-transform: none;
}

.shops-card {
    min-height: 100%;
    padding: 24px;
}

.shops-map-panel {
    position: static;
    min-height: 100%;
}

.shops-map-panel__canvas,
.shops-map-panel__static {
    height: 500px;
    min-height: 500px;
}
}

@media (max-width: 991px) {
.shops-page .container {
    width: 100% !important;
    max-width: 100% !important;
}

.shops-page__grid {
    grid-template-columns: 1fr;
    gap: 18px;
}

.shops-sidebar,
.shops-card-wrap,
.shops-map-wrap {
    grid-column: 1 / -1;
}

.shops-city-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.shops-sidebar__title {
    margin-bottom: 18px;
    font-size: clamp(22px, 4vw, 32px);
}

.shops-sidebar__lead {
    margin-bottom: 20px;
}

.shops-store-switchers__list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.shops-store-switchers__btn {
    width: 100%;
    min-height: 42px;
    border-radius: 10px;
}

.shops-card {
    min-height: auto;
}

.shops-card__media {
    min-height: 200px;
    margin-bottom: 18px;
}

.shops-map-panel__canvas,
.shops-map-panel__static {
    height: 420px;
    min-height: 420px;
}
}

@media (max-width: 575px) {
.shops-page {
    padding: 18px 0 34px;
}

.shops-page .container {
    padding-left: 16px !important;
    padding-right: 16px !important;
}

.shops-status {
    margin-bottom: 16px;
    padding: 10px 12px;
    font-size: 13px;
    line-height: 1.45;
}

.shops-sidebar__title {
    margin-bottom: 14px;
    font-size: clamp(22px, 7vw, 28px);
    line-height: 1.04;
    letter-spacing: 0.06em;
}

.shops-sidebar__lead {
    margin-bottom: 18px;
    font-size: 16px;
    line-height: 1.45;
}

.shops-city-list {
    grid-template-columns: 1fr;
    gap: 10px;
}

.shops-city-btn {
    min-height: 46px;
    padding: 12px 14px;
    font-size: 14px;
    line-height: 1.2;
}

.shops-card {
    padding: 16px;
    border-radius: 16px;
}

.shops-store-switchers {
    margin-bottom: 14px;
}

.shops-store-switchers__list {
    grid-template-columns: 1fr;
}

.shops-card__media {
    min-height: 170px;
    margin-bottom: 16px;
    border-radius: 12px;
}

.shops-card__label {
    margin-bottom: 10px;
    font-size: 11px;
}

.shops-card__title {
    margin-bottom: 10px;
    font-size: clamp(18px, 5.4vw, 22px);
    line-height: 1.14;
    letter-spacing: 0.01em;
}

.shops-card__address {
    margin-bottom: 12px;
    font-size: 15px;
    line-height: 1.45;
}

.shops-card__meta {
    gap: 10px;
    padding: 10px 12px;
    margin-bottom: 10px;
}

.shops-card__meta-icon {
    flex-basis: 38px;
    width: 38px;
    height: 38px;
    border-radius: 10px;
}

.shops-card__meta-icon svg {
    width: 18px;
    height: 18px;
}

.shops-card__meta-label {
    font-size: 10px;
}

.shops-card__meta-value {
    font-size: 14px;
    line-height: 1.35;
}

.shops-card__actions {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
    margin-top: 18px;
    padding-top: 0;
}

.shops-card__btn {
    width: 100%;
    min-height: 46px;
    padding: 12px 14px;
    font-size: 14px;
    border-radius: 10px;
}

.shops-map-panel {
    border-radius: 16px;
}

.shops-map-panel__canvas,
.shops-map-panel__static {
    height: 300px;
    min-height: 300px;
}
}

@media (max-width: 390px) {
.shops-card__media {
    min-height: 150px;
}

.shops-map-panel__canvas,
.shops-map-panel__static {
    height: 260px;
    min-height: 260px;
}
}
/* End */
/* /bitrix/components/bitrix/map.yandex.system/templates/.default/style.css?1722371120666 */
/* /local/templates/.default/components/bitrix/news.list/shops/style.css?178488608811855 */