/* BMK Stores 1.0.5 — reference-style "Магазины рядом" cards */
.bmk-stores-block{
  width:100%!important;
  min-width:0!important;
  margin:var(--bmk-stores-section-mt,18px) 0 var(--bmk-stores-section-mb,22px)!important;
  font-family:inherit!important;
}

.bmk-stores-head{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:14px!important;
  margin:0 0 var(--bmk-stores-header-mb,12px)!important;
  padding:0 1px!important;
}
.bmk-stores-heading-copy{min-width:0!important}
.bmk-stores-title,
.bmk-stores-subtitle{display:block!important}
.bmk-stores-title{
  margin:0!important;
  color:var(--bmk-stores-title-color,#171717)!important;
  font-size:var(--bmk-stores-title-size,23px)!important;
  font-weight:var(--bmk-stores-title-weight,800)!important;
  line-height:1.12!important;
  letter-spacing:-.02em!important;
}
.bmk-stores-subtitle{
  margin-top:5px!important;
  color:var(--bmk-stores-subtitle-color,#8b8f94)!important;
  font-size:var(--bmk-stores-subtitle-size,13px)!important;
  font-weight:400!important;
  line-height:1.3!important;
}
.bmk-stores-all{
  display:inline-flex!important;
  flex:0 0 auto!important;
  align-items:center!important;
  gap:6px!important;
  margin:0 0 1px!important;
  padding:4px 0!important;
  border:0!important;
  background:transparent!important;
  color:var(--bmk-stores-all-color,#363a3f)!important;
  font-size:var(--bmk-stores-all-size,15px)!important;
  font-weight:var(--bmk-stores-all-weight,500)!important;
  line-height:1.2!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  box-shadow:none!important;
}
.bmk-stores-all svg{
  width:17px!important;
  height:17px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}

.bmk-stores-rail{
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:stretch!important;
  gap:var(--bmk-stores-gap,10px)!important;
  width:100%!important;
  min-width:0!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  padding:0 0 var(--bmk-stores-rail-pb,4px)!important;
  scroll-snap-type:x proximity!important;
  overscroll-behavior-inline:contain!important;
  -webkit-overflow-scrolling:touch!important;
  scrollbar-width:none!important;
}
.bmk-stores-rail::-webkit-scrollbar{display:none!important}

.bmk-stores-rail .bmk-store-card{
  appearance:none!important;
  -webkit-appearance:none!important;
  position:relative!important;
  display:flex!important;
  flex:0 0 var(--bmk-stores-card-width,112px)!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  width:var(--bmk-stores-card-width,112px)!important;
  min-width:var(--bmk-stores-card-width,112px)!important;
  min-height:var(--bmk-stores-card-min-height,142px)!important;
  margin:0!important;
  padding:var(--bmk-stores-card-pt,14px) var(--bmk-stores-card-px,14px) var(--bmk-stores-card-pb,13px)!important;
  overflow:hidden!important;
  border:var(--bmk-stores-card-border-w,1px) solid var(--bmk-stores-card-border,#e2e4e7)!important;
  border-radius:var(--bmk-stores-card-radius,18px)!important;
  background:var(--bmk-stores-card-bg,#fff)!important;
  color:var(--bmk-stores-name-color,#171717)!important;
  text-align:left!important;
  text-decoration:none!important;
  text-transform:none!important;
  box-shadow:var(--bmk-stores-card-shadow,none)!important;
  scroll-snap-align:start!important;
  box-sizing:border-box!important;
  cursor:pointer!important;
  transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease!important;
}
.bmk-stores-rail .bmk-store-card:hover{
  box-shadow:var(--bmk-stores-card-shadow,none)!important;
}
.bmk-stores-rail .bmk-store-card:active{transform:scale(.985)!important}
.bmk-stores-rail .bmk-store-card:focus-visible{
  outline:2px solid var(--bmk-stores-open-color,#109b3f)!important;
  outline-offset:2px!important;
}

.bmk-stores-rail .bmk-store-logo{
  display:grid!important;
  place-items:center!important;
  align-self:center!important;
  width:min(100%,var(--bmk-stores-logo-width,112px))!important;
  height:var(--bmk-stores-logo-height,48px)!important;
  margin:0 auto var(--bmk-stores-logo-mb,10px)!important;
  padding:var(--bmk-stores-logo-padding,0)!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:var(--bmk-stores-logo-radius,0)!important;
  background:var(--bmk-stores-logo-bg,#fff)!important;
  box-sizing:border-box!important;
}
.bmk-stores-rail .bmk-store-logo img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  margin:0!important;
  padding:0!important;
  object-fit:var(--bmk-stores-logo-fit,contain)!important;
  object-position:center!important;
  background:transparent!important;
}
.bmk-store-logo-letter{
  display:grid!important;
  place-items:center!important;
  width:100%!important;
  height:100%!important;
  border-radius:10px!important;
  background:#f4f8f1!important;
  color:var(--bmk-stores-open-color,#109b3f)!important;
  font-size:24px!important;
  font-weight:800!important;
}

.bmk-stores-rail .bmk-store-copy{
  display:flex!important;
  min-width:0!important;
  flex:1 1 auto!important;
  flex-direction:column!important;
  align-items:flex-start!important;
}
.bmk-stores-rail .bmk-store-name{
  display:-webkit-box!important;
  overflow:hidden!important;
  width:100%!important;
  margin:0!important;
  color:var(--bmk-stores-name-color,#171717)!important;
  font-size:var(--bmk-stores-name-size,16px)!important;
  font-weight:var(--bmk-stores-name-weight,700)!important;
  line-height:1.18!important;
  letter-spacing:-.01em!important;
  text-align:left!important;
  text-overflow:ellipsis!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
}
.bmk-stores-rail .bmk-store-status{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  width:100%!important;
  margin:var(--bmk-stores-text-gap,5px) 0 0!important;
  font-size:var(--bmk-stores-status-size,14px)!important;
  font-weight:var(--bmk-stores-status-weight,500)!important;
  line-height:1.15!important;
  white-space:nowrap!important;
}
.bmk-stores-rail .bmk-store-status i{
  display:block!important;
  width:var(--bmk-stores-dot-size,9px)!important;
  height:var(--bmk-stores-dot-size,9px)!important;
  flex:0 0 var(--bmk-stores-dot-size,9px)!important;
  border-radius:50%!important;
  background:currentColor!important;
}
.bmk-stores-rail .bmk-store-status.is-open{color:var(--bmk-stores-open-color,#109b3f)!important}
.bmk-stores-rail .bmk-store-status.is-closed{color:var(--bmk-stores-closed-color,#9a5353)!important}
.bmk-stores-rail .bmk-store-delivery{
  display:block!important;
  overflow:hidden!important;
  width:100%!important;
  margin:var(--bmk-stores-text-gap,5px) 0 0!important;
  color:var(--bmk-stores-delivery-color,#73777c)!important;
  font-size:var(--bmk-stores-delivery-size,14px)!important;
  font-weight:var(--bmk-stores-delivery-weight,400)!important;
  line-height:1.15!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

.bmk-stores-map-card .bmk-stores-map-icon{
  background:#f0f8ec!important;
  color:var(--bmk-stores-open-color,#109b3f)!important;
}
.bmk-stores-map-card .bmk-stores-map-icon svg{
  width:31px!important;
  height:31px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.7!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}


@media(max-width:390px){
  .bmk-stores-head{gap:10px!important}
  .bmk-stores-all{gap:4px!important}
}

@media(prefers-reduced-motion:reduce){
  .bmk-stores-rail .bmk-store-card{transition:none!important}
}

/* Bottom CTA to the stores map. */
.bmk-stores-map-cta-wrap{
  display:flex!important;
  justify-content:var(--bmk-stores-map-button-align,flex-start)!important;
  width:100%!important;
  margin:var(--bmk-stores-map-button-mt,14px) 0 0!important;
  padding:0!important;
  box-sizing:border-box!important;
}
.bmk-stores-map-cta{
  appearance:none!important;
  -webkit-appearance:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  width:min(100%,var(--bmk-stores-map-button-dw,320px))!important;
  min-height:var(--bmk-stores-map-button-h,50px)!important;
  margin:0!important;
  padding:10px 18px!important;
  border:0!important;
  border-radius:var(--bmk-stores-map-button-r,12px)!important;
  background:var(--bmk-stores-map-button-bg,#109b3f)!important;
  color:var(--bmk-stores-map-button-color,#fff)!important;
  font-size:var(--bmk-stores-map-button-size,15px)!important;
  font-weight:var(--bmk-stores-map-button-weight,700)!important;
  line-height:1.2!important;
  text-align:center!important;
  text-decoration:none!important;
  text-transform:none!important;
  box-shadow:none!important;
  box-sizing:border-box!important;
  cursor:pointer!important;
  transition:filter .14s ease,transform .14s ease!important;
}
.bmk-stores-map-cta:hover,
.bmk-stores-map-cta:focus{
  color:var(--bmk-stores-map-button-color,#fff)!important;
  text-decoration:none!important;
  filter:brightness(.96)!important;
}
.bmk-stores-map-cta:active{transform:scale(.992)!important}
.bmk-stores-map-cta:focus-visible{
  outline:2px solid var(--bmk-stores-map-button-bg,#109b3f)!important;
  outline-offset:2px!important;
}
.bmk-stores-map-cta svg{
  width:20px!important;
  height:20px!important;
  flex:0 0 20px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.9!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}

@media(max-width:767px){
  .bmk-stores-map-cta-wrap{display:block!important}
  .bmk-stores-map-cta{width:100%!important;max-width:none!important}
}
