@charset "UTF-8";

@media (max-width: 767px) {
  .is-md-visible {
    display: none !important;
  }
}

.ls-widget {
  font-family: var(--widget-font-family, "Inter", sans-serif) !important;
}

.ls-widget * {
  font-family: inherit !important;
}

.ls-widget h1,
.ls-widget h2,
.ls-widget h3,
.ls-widget h4,
.ls-widget h5,
.ls-widget h6 {
  font-family: var(--widget-font-family, "Inter", sans-serif) !important;
  font-weight: 800 !important;
  font-style: var(--widget-font-style, normal) !important;
  color: var(--widget-color-title, inherit) !important;
  line-height: 1.2 !important;  
  letter-spacing: normal !important;
  text-transform: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.ls-widget p,
.ls-widget ul,
.ls-widget ol,
.ls-widget li {
  margin: 0 !important;
  padding: 0 !important;
}

.ls-widget ul,
.ls-widget ol,
.ls-widget li,
.ls-settings ul,
.ls-settings ol,
.ls-settings li,
.ls-nav ul,
.ls-nav ol,
.ls-nav li {
  list-style: none !important;
  background-image: none !important;
  text-indent: 0 !important;
  padding-left: 0 !important;
}

.ls-widget li::before,
.ls-widget li::after,
.ls-settings li::before,
.ls-settings li::after,
.ls-nav li::before,
.ls-nav li::after {
  content: none !important;
  display: none !important;
}

.ls-modal { z-index: 999999 !important; }
.ls-settings { z-index: 999998 !important; }
.ls-patterns { z-index: 999997 !important; }
.ls-nav { z-index: 999996 !important; }

.ls-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: none !important;
  height: 50px !important;
  border-radius: 12px !important;
  padding: 8px 20px !important;
  cursor: pointer !important;
  font-family: var(--ls-font-family, inherit) !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  gap: 8px !important;
  position: relative !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}
.ls-btn--primary   { background: var(--ls-button-primary-bg) !important; color: var(--ls-button-primary-text) !important; }
.ls-btn--secondary { background: var(--ls-button-secondary-bg) !important; color: var(--ls-button-secondary-text) !important; }
.ls-btn--dark      { background: var(--widget-color-controls) !important; color: #fff !important; }
.ls-btn--light     { background: var(--widget-button-bg) !important; color: var(--widget-button-text) !important; }
.ls-btn--grey      { background: #f6f7fa !important; color: #5c5d5f !important; }
.ls-btn--h42       { height: 42px !important; }
.ls-btn--h46       { height: 46px !important; }
.ls-btn--fullwidth { width: 100% !important; }

.ls-row {
  display: flex !important;
  flex-wrap: wrap !important;
  margin-right: calc(-0.5 * 12px) !important;
  margin-left: calc(-0.5 * 12px) !important;
}
.ls-row > * {
  position: relative !important;
  padding-right: 6px !important;
  padding-left: 6px !important;
}
.ls-col { flex: 1 1 0 !important; max-width: 100% !important; }

.ls-widget .selectric-items ul,
.ls-widget .selectric-items li,
.ls-settings .selectric-items ul,
.ls-settings .selectric-items li {
  list-style: none !important;
  background: none !important;
  background-image: none !important;
  text-indent: 0 !important;
  padding-left: 0 !important;
  font-family: var(--widget-font-family, inherit) !important;
}

.ls-widget .selectric-items li::before,
.ls-widget .selectric-items li::after,
.ls-settings .selectric-items li::before,
.ls-settings .selectric-items li::after {
  content: none !important;
  display: none !important;
}

.ls-widget .ls-select .selectric .label,
.ls-settings .ls-select .selectric .label {
  display: block !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  user-select: none !important;
  margin: 0 !important;
  padding: 0 !important;
  flex: 1 !important;
  background: none !important;
  background-image: none !important;
  font-family: var(--widget-font-family, inherit) !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  color: inherit !important;
  line-height: inherit !important;
  text-indent: 0 !important;
}

.ls-widget a,
.ls-widget a:hover,
.ls-widget a:focus,
.ls-widget a:active {
  text-decoration: none !important;
}

.ls-widget .clr-field input {
  margin: 0 !important;
  direction: ltr !important;
  opacity: 1 !important;
  color: #070707 !important;
  -webkit-text-fill-color: #070707 !important;
  background: #ffffff !important;
}

.ls-widget .clr-field button {
  pointer-events: none !important;
  opacity: 1 !important;
  background: currentColor !important;
}

.ls-link--grey {
  color: rgba(7, 7, 7, 0.4) !important;
}

.ls-link--grey:hover {
  color: #070707 !important;
}

.ls-btn--secondary,
.ls-btn--light {
  background: var(--widget-button-bg) !important;
  color: var(--widget-button-text) !important;
}

.ls-card__readmore {
  color: var(--widget-color-controls) !important;
}

.ls-input {
  width: 100% !important;
  height: 46px !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background: #ffffff !important;
  border: 1px solid #f4f4f6 !important;
  padding: 8px 16px !important;
  box-shadow: 0px 0px 42px rgba(67, 67, 70, 0.04), 0px 0px 8px rgba(67, 67, 70, 0.08) !important;
  border-radius: 12px !important;
  transition: border-color 0.4s, background 0.4s !important;
  cursor: pointer !important;
  font-size: 16px !important;
}

.ls-input[type=number] {
  width: 112px !important;
  padding-left: 44px !important;
  padding-right: 16px !important;
  text-align: right !important;
}

/* Number inputs without prepend icon: reset left padding */
.ls-field:not(:has(.ls-prepend)) .ls-input[type=number] {
  padding-left: 16px !important;
}

.ls-input:hover,
.ls-input:focus {
  border-color: var(--ls-color-focus) !important;
}

@media (min-width: 768px) {
  .ls-input {
    height: 36px !important;
    border-radius: 8px !important;
    font-size: 15px !important;
  }
}

.ls-select .selectric-items {
  width: auto !important;
}

.ls-select .selectric-input {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  outline: none !important;
  border: none !important;
  background: none !important;
  display: none !important;
}

.ls-select .selectric-temp-show {
  position: absolute !important;
  visibility: hidden !important;
  display: block !important;
}

.ls-color button {
  border: none !important;
  background: currentColor !important;
  cursor: pointer !important;
  transform: none !important;
  opacity: 1 !important;
  box-shadow: none !important;
}

.ls-color input {
  padding-left: 40px !important;
  padding-right: 8px !important;
  opacity: 1 !important;
  color: #070707 !important;
  -webkit-text-fill-color: #070707 !important;
  background: #ffffff !important;
}

@media (min-width: 768px) {
  .ls-color input {
    padding-left: 40px !important;
    padding-right: 8px !important;
  }
}

.ls-card__body,
.ls-card__body p,
.ls-card__text,
.ls-card__name,
.ls-reviews__title,
.ls-modal__body,
.ls-modal__body p,
.ls-modal__single,
.ls-modal__single p {
  -webkit-user-select: text !important;
  -moz-user-select: text !important;
  user-select: text !important;
}

.ls-widget .ls-reviews__title,
.ls-reviews__title {
  display: block !important;
  margin: 0 0 12px !important;
  font-size: var(--widget-title-size, 24px) !important;
  line-height: 1.333 !important;
  font-weight: 600 !important;
  color: var(--widget-color-title, inherit) !important;
}

.ls-widget .ls-reviews__title:last-child {
  margin-bottom: 0 !important;
}

.ls-card__photo {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
  max-width: 32px !important;
  max-height: 32px !important;
  overflow: hidden !important;
  border-radius: 50% !important;
  flex: 0 0 32px !important;
  aspect-ratio: 1 / 1 !important;
}

.ls-card__photo img {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover !important;
}

.ls-widget .ls-card__photos {
  display: flex !important;
  visibility: visible !important;
}

.ls-widget[style*="--widget-display-photo: none"] .ls-card__photos,
.ls-widget[style*="--widget-display-photo:none"] .ls-card__photos,
.ls-widget[style*="--widget-display-photo: none"] .ls-reviews__photos,
.ls-widget[style*="--widget-display-photo:none"] .ls-reviews__photos {
  display: none !important;
}

@media (min-width: 768px) {
  .ls-widget .ls-reviews__title {
    font-size: var(--widget-title-size, 32px) !important;
    margin: 0 0 24px !important;
  }
}

.ls-widget .ls-reviews[data-view=slider] .ls-reviews__title {
  grid-area: title !important;
}

.ls-widget .ls-reviews[data-view=list] .ls-reviews__title {
  grid-area: title !important;
}

.ls-widget .ls-reviews[data-view=card] .ls-reviews__title {
  margin: 0 !important;
}

.ls-widget .ls-reviews[data-view=card] .ls-reviews__aside {
  margin: 0 !important;
  border-radius: var(--widget-border-radius, 24px) !important;
}

@media (min-width: 768px) {
  .ls-widget .ls-reviews[data-view=card] .ls-reviews__aside {
    flex: 1 !important;
    border-radius: var(--widget-border-radius, 24px) var(--widget-border-radius, 24px) 0 0 !important;
  }
}

/* ─── Modal single: gallery thumbnail strip ─── */
.ls-modal__single .ls-card__photos {
  display: flex !important;
  flex-wrap: nowrap !important;
  overflow-x: auto !important;
  gap: 6px !important;
  scrollbar-width: none !important;
}

.ls-modal__single .ls-card__photos::-webkit-scrollbar {
  display: none !important;
}

.ls-modal__single .ls-card__photos > li {
  flex: 0 0 60px !important;
  width: 60px !important;
}

@media (min-width: 768px) {
  .ls-modal__single .ls-card__photos {
    display: grid !important;
    grid-template-columns: repeat(5, 1fr) !important;
    gap: 8px !important;
    overflow-x: unset !important;
    flex-wrap: unset !important;
  }

  .ls-modal__single .ls-card__photos > li {
    flex: unset !important;
    width: auto !important;
  }
}

/* ─── Admin panel: block borders / outlines ─── */
.ls-widget--admin {
  border: 1px solid #eef0f2 !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05) !important;
}

.ls-settings__sidebar {
  border-right: 1px solid #eef0f2 !important;
}

.ls-settings__nav-item.is-active {
  box-shadow: inset 4px 0 0 #105CDA !important;
}

.ls-settings--admin .ls-settings__foot {
  border-top: 1px solid #eef0f2 !important;
}

.ls-settings--admin .ls-checklist--table > li {
  border-bottom: 1px solid #f3f4f6 !important;
}

.ls-settings--admin .ls-checklist--table > li:last-child {
  border-bottom: none !important;
}

.ls-settings--admin .ls-collapse .ls-checklist--table > li {
  border-top: none !important;
  border-bottom: 1px solid #f3f4f6 !important;
}

.ls-settings--admin .ls-collapse .ls-checklist--table > li:last-child {
  border-bottom: none !important;
}

.ls-settings--admin .ls-check__card {
  border: 1px solid #eef0f2 !important;
  transition: border-color 0.15s !important;
}

.ls-settings--admin .ls-check__card:hover {
  border-color: #b6cff7 !important;
}

/* ─── UI-элементы виджета/настроек всегда Inter ─── */
.ls-check__card-caption {
  font-family: "Inter", sans-serif !important;
  text-align: center !important;
}

.ls-widget .ls-label,
.ls-widget .ls-select,
.ls-widget .ls-btn,
.ls-widget .ls-input,
.ls-widget .ls-nav__btn {
  font-family: "Inter", sans-serif !important;
}

/* ─── Modal z-index override for admin context ─── */
.ls-modal {
  z-index: 999999 !important;
}

.ls-modal__offcanvas {
  z-index: 999999 !important;
}

.clr-picker {
  z-index: 9999999 !important;
}

/* ─── Тени секций ─── */
.ls-reviews[data-view="slider"],
.ls-reviews[data-view="list"] {
  box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.06) !important;
}

.ls-reviews[data-view="card"] {
  padding: 8px !important;
  overflow: visible !important;
}

.ls-reviews[data-view="card"] .ls-reviews__aside,
.ls-reviews[data-view="card"] .ls-reviews__main,
.ls-reviews[data-view="card"] .ls-reviews__foot {
  box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.06) !important;
}


.ls-fieldset--footer {
  padding: 0 !important;
}

.ls-widget p.ls-note,
.ls-note {
  font-size: 12px !important;
  color: #9ca3af !important;
  margin: 6px 0 8px !important;
  line-height: 1.4 !important;
}