:root:has(.lets-selected) { --clr-blue: #087f82; }

.lets-selected { font-family: Arial, sans-serif; color: #263638; }
.lets-selected:has(> .lets-selected-banner-image) { padding-top: calc(5rem + 45px); }
body:has(.lets-selected-banner-image) .head-fixed { top: 0; }
.lets-selected-banner { height: clamp(150px, 20vw, 260px); background: #087f82; }
.lets-selected-banner-image { display: block; width: 100%; height: auto; }
.lets-selected-logo { display: block; width: 100%; height: auto; }
.lets-selected-layout { display: flex; gap: 2rem; align-items: stretch; }
.lets-selected-layout > .left-nav { flex: 0 0 15rem; }
.lets-selected-layout .left-logo { background-color: #f0f2f5; }
.lets-selected-main { flex: 1; min-width: 0; padding: 0 0 5rem; }
.lets-selected-breadcrumb { overflow-wrap: anywhere; }
.lets-selected-filters { border-top: 1px solid #d5e3e2; border-bottom: 1px solid #d5e3e2; padding: .8rem 0; margin-bottom: 1.5rem; }
.lets-selected-filter-row { display: flex; flex-wrap: wrap; gap: .5rem; }
.lets-selected-subcategories:not([hidden]) { border-top: 1px solid #e4ebeb; margin-top: .75rem; padding-top: .75rem; }
.lets-selected-filter-row button { cursor: pointer; border: 1px solid transparent; border-radius: 3px; padding: .5rem .7rem; background: transparent; color: #34484a; font-size: .9rem; line-height: 1.4; text-align: left; }
.lets-selected-filter-row button:hover, .lets-selected-filter-row button:focus-visible { border-color: #087f82; color: #075e61; }
.lets-selected-filter-row button.is-active { background: #087f82; color: #fff; }
.lets-selected-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; }
.lets-selected-card { display: flex; flex-direction: column; min-width: 0; border: 1px solid #dce7e5; border-radius: 3px; color: #263638; overflow: hidden; text-decoration: none; background: #fff; }
a.lets-selected-card:hover, a.lets-selected-card:focus-visible { text-decoration: none; color: #263638; border-color: #087f82; box-shadow: 0 3px 12px rgba(8, 80, 82, .13); }
.lets-selected-image { aspect-ratio: 1; width: 100%; background: #e5f3f0; }
.lets-selected-image img { display: block; width: 100%; height: 100%; object-fit: contain; }
.lets-selected-image-placeholder { display: block; width: 100%; height: 100%; background: #e5f3f0; }
.lets-selected-card-info { padding: .8rem; min-height: 6.5rem; display: flex; flex-direction: column; gap: .6rem; }
.lets-selected-card h2 { font-size: 1rem; line-height: 1.5; margin: 0; font-weight: 600; overflow-wrap: anywhere; }
.lets-selected-card-parameters { display: grid; gap: .3rem; margin: auto 0 0; color: #647779; font-size: .82rem; line-height: 1.4; }
.lets-selected-card-parameters > div { display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: .45rem; min-width: 0; }
.lets-selected-card-parameters dt, .lets-selected-card-parameters dd { margin: 0; overflow-wrap: anywhere; }
.lets-selected-card-parameters dt { color: #879596; }
.lets-selected-empty { padding: 4rem 0; text-align: center; color: #647779; }
.lets-selected-stores { margin-top: 3rem; padding: 2rem 2.5rem 2.5rem; background: #143f40; color: #fff; }
.lets-selected-stores-heading { border-bottom: 1px solid #598081; padding-bottom: 1rem; }
.lets-selected-stores-heading span { color: #a9d2ce; font-size: .8rem; }
.lets-selected-stores-heading h2 { margin: .35rem 0 0; font-size: 1.5rem; }
.lets-selected-store-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)) minmax(11rem, .8fr); gap: 2rem; padding-top: 1.5rem; }
.lets-selected-store-link { display: flex; align-items: center; gap: 1.25rem; min-width: 0; color: #fff; text-decoration: none; }
.lets-selected-store-link:hover, .lets-selected-store-link:focus-visible { color: #fff; text-decoration: underline; }
.lets-selected-store-link img { display: block; flex: 0 0 8rem; width: 8rem; height: 8rem; object-fit: cover; background: #fff; }
.lets-selected-store-link strong { overflow-wrap: anywhere; }
.lets-selected-contacts { display: flex; flex-direction: column; align-items: flex-start; gap: .6rem; min-width: 0; border-left: 1px solid #598081; padding-left: 2rem; }
.lets-selected-contacts h3 { margin: 0 0 .25rem; font-size: 1rem; }
.lets-selected-contacts a { color: #d9eeee; font-size: .9rem; text-decoration: none; overflow-wrap: anywhere; }
.lets-selected-contacts a strong { color: #fff; font-size: 1rem; }
.lets-selected-contacts a:hover, .lets-selected-contacts a:focus-visible { color: #fff; text-decoration: underline; }
.lets-selected [hidden] { display: none !important; }

@media (max-width: 1200px) {
    html:has(.lets-selected), body:has(.lets-selected) { width: auto; min-width: 0; }
    body:has(.lets-selected) .head-fixed { min-width: 0; }
    body:has(.lets-selected) .head-bar { display: none !important; }
    body:has(.lets-selected) .home-head > .d-flex { justify-content: space-between; }
    body:has(.lets-selected) .head-map { max-height: calc(100vh - 5rem); overflow-y: auto; }
    .lets-selected-layout { gap: 1rem; }
    .lets-selected-layout > .left-nav { flex-basis: 12rem; width: 12rem; }
    .lets-selected-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
    .lets-selected-store-grid { gap: 1rem; }
    .lets-selected-store-link { flex-direction: column; align-items: flex-start; }
    .lets-selected-contacts { padding-left: 1rem; }
}
@media (max-width: 720px) {
    body:has(.lets-selected) > .bg-gray.text-white > .d-flex,
    body:has(.lets-selected) > .bg-gray.text-white > .d-flex > .w-50 { display: block !important; width: 100% !important; }
    body:has(.lets-selected) > .bg-gray.text-white > .d-flex > .w-50 + .w-50 { margin-top: 1rem; text-align: left !important; overflow-wrap: anywhere; }
    body:has(.lets-selected) > .bg-gray.text-white .font-arial[style*="6.2rem"] { font-size: 3rem !important; line-height: 1.2 !important; }
    body:has(.lets-selected) > .bg-gray.text-white .pt-4.pb-4.d-flex { flex-wrap: wrap; }
    body:has(.lets-selected) .lang-bar { flex-wrap: wrap; }
    body:has(.lets-selected) .lang-bar .download { display: none; }
    body:has(.lets-selected) .lang-bar .nav { padding-left: .25rem !important; }
    body:has(.lets-selected) .lang-bar .nav-link { padding: .25rem; font-size: .8rem !important; }
    body:has(.lets-selected) .head-fixed { top: 0 !important; }
    .lets-selected-layout { flex-direction: column; }
    .lets-selected-layout > .left-nav { width: 100%; min-width: 0; flex-basis: auto; }
    .lets-selected-layout .left-logo { display: none; }
    .lets-selected-layout .left-item { min-width: 0; min-height: 0; padding: .7rem; background: #e5f3f0; }
    .lets-selected-layout .left-item > div { display: flex; flex-wrap: wrap; gap: .5rem 1rem; }
    .lets-selected-layout .left-item p { font-size: .9rem; margin: 0; overflow-wrap: anywhere; }
    .lets-selected-layout .left-item > div a { max-width: 100%; }
}
@media (max-width: 620px) {
    .lets-selected-stores { padding: 1.5rem; }
    .lets-selected-store-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .lets-selected-store-link { align-items: center; text-align: center; }
    .lets-selected-store-link img { flex-basis: auto; max-width: 100%; }
    .lets-selected-contacts { grid-column: 1 / -1; border-left: 0; border-top: 1px solid #598081; padding: 1rem 0 0; }
}
@media (max-width: 430px) {
    .lets-selected-grid { grid-template-columns: 1fr; }
    .lets-selected-filter-row button { font-size: .85rem; }
}

body:has(.lets-selected) .head-map { flex-wrap: wrap; }
body:has(.lets-selected) .map-col { flex: 1 1 12rem; min-width: 0; overflow-wrap: anywhere; }
@media (max-width: 720px) {
    body:has(.lets-selected) .map-col { flex-basis: 100%; margin-right: 0; }
}