/* Start:/local/components/yurkas/stores.map.ru/templates/.default/style.css?17937115291831*/
.yurkas-ru-salon{color:#3d3935;margin:24px 0 48px}
.yurkas-ru-salon__back{display:inline-block;margin-bottom:20px;color:inherit;text-decoration:underline;text-underline-offset:3px}
.yurkas-ru-salon__layout{display:grid;grid-template-columns:minmax(280px,400px) minmax(0,1fr);gap:24px;align-items:start}
.yurkas-ru-salon .yurkas-ru-salon__card{width:100%;min-width:0;padding:24px;border:1px solid #e9e7e4;border-radius:8px;background:#fff;box-sizing:border-box}
.yurkas-ru-salon__card .card__title{overflow-wrap:anywhere}
.yurkas-ru-salon__card .card__info{margin-top:20px}
.yurkas-ru-salon__card .card__info p{margin:8px 0}
.yurkas-ru-salon__phone-group+.yurkas-ru-salon__phone-group{margin-top:16px}
.yurkas-ru-salon__routes{display:flex;flex-wrap:wrap;gap:10px 16px;margin-top:20px}
.yurkas-ru-salon__routes span{flex-basis:100%;font-weight:700}
.yurkas-ru-salon__routes a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.yurkas-ru-salon__map-wrap{position:relative;min-width:0;min-height:450px;border-radius:8px;overflow:hidden;background:#f4f5f6}
.yurkas-ru-salon__map{width:100%;height:450px}
.yurkas-ru-salon__map-load{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:14px 20px;background:#ffa400;color:#3d3935;border:0;border-radius:6px;cursor:pointer}
.yurkas-ru-salon__map-load[hidden]{display:none}
.yurkas-ru-salon__services{margin-top:24px}
.yurkas-ru-salon__back:focus-visible,.yurkas-ru-salon__routes a:focus-visible,.yurkas-ru-salon__map-load:focus-visible{outline:3px solid #ffa400;outline-offset:4px}
@media(max-width:767.98px){.yurkas-ru-salon{margin-top:16px}.yurkas-ru-salon__layout{grid-template-columns:minmax(0,1fr);gap:16px}.yurkas-ru-salon .yurkas-ru-salon__card{padding:20px 16px}.yurkas-ru-salon__map-wrap{min-height:320px}.yurkas-ru-salon__map{height:320px}}

/* End */


/* Start:/local/components/yurkas/stores.map.ru/templates/.default/media.css?17937115296233*/
.yurkas-salon-media { margin: 48px 0; color: #3d3935; }
.yurkas-salon-media__title { margin: 0 0 16px; font-size: 30px; font-weight: 800; line-height: 1.2; }
.yurkas-salon-media__hint { margin: 0 0 20px; color: #687181; font-size: 15px; }
.yurkas-salon-media__photos { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; }
.yurkas-salon-media__photo { margin: 0; min-width: 0; }
.yurkas-salon-media__link { display: block; aspect-ratio: 44/25; overflow: hidden; border-radius: 10px; background: #f4f5f6; }
.yurkas-salon-media picture { display: block; width: 100%; height: 100%; }
.yurkas-salon-media picture img { display: block; width: 100%; height: 100%; object-fit: cover; }
.yurkas-salon-media__photo figcaption { margin-top: 8px; font-size: 14px; line-height: 1.4; }
.yurkas-salon-media__link:focus-visible,
.yurkas-salon-media__video-launch:focus-visible { outline: 3px solid #ffa400; outline-offset: 3px; }
.yurkas-salon-media__dialog { box-sizing: border-box; width: min(1100px,96vw); max-width: 96vw; max-height: 94vh; padding: 52px 20px 20px; border: 0; border-radius: 12px; color: #3d3935; background: #fff; overflow: auto; }
.yurkas-salon-media__dialog::backdrop { background: rgb(0 0 0 / 75%); }
.yurkas-salon-media__original { display: block; width: 100%; height: min(65vh,740px); object-fit: contain; background: #f4f5f6; }
.yurkas-salon-media__caption { margin: 12px 0; line-height: 1.4; overflow-wrap: anywhere; }
.yurkas-salon-media__controls { display: flex; align-items: center; justify-content: center; gap: 20px; }
.yurkas-salon-media__dialog button { border: 0; border-radius: 6px; min-width: 44px; min-height: 44px; color: #3d3935; background: #f0f1f3; font-size: 25px; cursor: pointer; }
.yurkas-salon-media__dialog button[hidden] { display: none; }
.yurkas-salon-media__dialog button:focus-visible { outline: 2px solid #ffa400; outline-offset: 2px; }
.yurkas-salon-media__close { position: absolute; top: 4px; right: 8px; }
.yurkas-salon-media__title--video { margin-top: 40px; }
.yurkas-salon-media__video { position: relative; width: 100%; max-width: 960px; aspect-ratio: 16/9; overflow: hidden; border-radius: 10px; background: #3d3935; }
.yurkas-salon-media__video-launch { position: relative; display: block; width: 100%; height: 100%; color: #fff !important; background: linear-gradient(130deg,#3d3935,#605140); text-decoration: none !important; }
.yurkas-salon-media__video-launch::after { position: absolute; inset: 0; content: ''; background: linear-gradient(transparent 40%,rgb(0 0 0 / 70%)); }
.yurkas-salon-media__play { position: absolute; z-index: 1; top: 50%; left: 50%; transform: translate(-50%,-50%); display: grid; place-items: center; width: 76px; height: 76px; padding-left: 5px; box-sizing: border-box; border-radius: 50%; background: #ffa400; color: #3d3935; font-size: 30px; }
.yurkas-salon-media__video-label { position: absolute; z-index: 1; bottom: 20px; left: 20px; right: 20px; font-size: 20px; font-weight: 700; }
.yurkas-salon-media__video iframe { display: block; width: 100%; height: 100%; border: 0; }
@media (max-width: 1100px) { .yurkas-salon-media__photos { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 767.98px) {
    .yurkas-salon-media { margin: 32px 0; }
    .yurkas-salon-media__title { font-size: 24px; }
    .yurkas-salon-media__photos { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: 88%; gap: 12px; overflow-x: auto; padding: 4px 4px 12px; scroll-snap-type: x mandatory; }
    .yurkas-salon-media__photo { scroll-snap-align: start; }
    .yurkas-salon-media__original { height: 58vh; }
    .yurkas-salon-media__dialog { padding-left: 12px; padding-right: 12px; }
    .yurkas-salon-media__play { width: 60px; height: 60px; font-size: 24px; }
    .yurkas-salon-media__video-label { font-size: 16px; bottom: 12px; left: 12px; }
}

/* 1.7.1: explicitly restore modal positioning and spacing after site resets. */
html body dialog.yurkas-salon-media__dialog {
    position: fixed !important;
    inset: 0 !important;
    margin: auto !important;
    height: fit-content !important;
    max-height: 94vh !important;
    transform: none !important;
    float: none !important;
}
html body .yurkas-salon-media > .yurkas-salon-media__title--video {
    margin: 56px 0 20px !important;
}
@media (max-width: 767.98px) {
    html body .yurkas-salon-media > .yurkas-salon-media__title--video {
        margin-top: 36px !important;
    }
}

/* 1.7.2: reserve space for controls and let the image fit the remaining height. */
html body dialog.yurkas-salon-media__dialog {
    box-sizing: border-box !important;
    height: min(900px, 94vh) !important;
    overflow: hidden !important;
    padding: 52px 20px 16px !important;
}
html body dialog.yurkas-salon-media__dialog[open] {
    display: grid !important;
    grid-template-rows: minmax(0, 1fr) auto 44px;
    grid-template-columns: minmax(0, 1fr);
}
html body dialog.yurkas-salon-media__dialog > img.yurkas-salon-media__original {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    object-fit: contain !important;
    margin: 0 !important;
}
html body dialog.yurkas-salon-media__dialog > .yurkas-salon-media__caption {
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    min-height: 0;
    max-height: 2.7em;
    overflow: hidden !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
    margin: 10px 0 !important;
}
html body dialog.yurkas-salon-media__dialog > .yurkas-salon-media__controls {
    height: 44px;
    min-height: 0;
    margin: 0 !important;
}
@supports (height: 100dvh) {
    html body dialog.yurkas-salon-media__dialog {
        height: min(900px, 94dvh) !important;
        max-height: 94dvh !important;
    }
}
@media (max-width: 767.98px) {
    html body dialog.yurkas-salon-media__dialog { padding: 48px 12px 12px !important; }
    html body dialog.yurkas-salon-media__dialog > .yurkas-salon-media__caption {
        font-size: 12px !important;
        margin: 8px 0 !important;
    }
}

/* End */
/* /local/components/yurkas/stores.map.ru/templates/.default/style.css?17937115291831 */
/* /local/components/yurkas/stores.map.ru/templates/.default/media.css?17937115296233 */