/* Start:/bitrix/templates/aspro_next/components/bitrix/catalog.element/main2_rc/real_size.css?177996201230476*/
/* Real-size ruler (custom, separate from template style.css for easier Aspro updates) */

.real-size-ruler,
#real-size-modal-global.real-size-ruler__overlay {
  --real-size-accent: rgb(215, 92, 182);
  --real-size-accent-hover: rgb(190, 70, 158);
}

.info_item > .real-size-ruler {
  display: block;
  width: 100%;
  margin: 18px 0 0;
}

.real-size-ruler__trigger {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: auto;
  max-width: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  text-align: left;
  cursor: pointer;
  color: var(--real-size-accent);
  font-size: 13px;
  line-height: 1.35;
  transition: color 0.2s ease, opacity 0.2s ease;
}

.real-size-ruler__trigger:hover,
.real-size-ruler__trigger:focus-visible {
  color: var(--real-size-accent-hover);
}

.real-size-ruler__trigger-icon {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  color: currentColor;
  opacity: 1;
}

.real-size-ruler__trigger-icon svg {
  display: block;
  width: 16px;
  height: 16px;
}

.real-size-ruler__trigger-text {
  color: currentColor;
  font-weight: 500;
  line-height: 1.35;
  opacity: 1;
}

.catalog-detail__forms .real-size-ruler__trigger.dark_link,
.catalog-detail__forms .real-size-ruler__trigger.dark_link .real-size-ruler__trigger-text {
  color: var(--real-size-accent);
  opacity: 1;
}

#real-size-modal-global.real-size-ruler__overlay {
  --real-size-max-w: 98vw;
  --real-size-max-h: 95vh;
  --real-size-popup-chrome: 200px;

  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
  box-sizing: border-box;
  z-index: 12000 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: max(12px, calc((100vh - var(--real-size-max-h)) / 2)) 12px;
  background: rgba(0, 0, 0, 0.48);
  pointer-events: auto;
}

#real-size-modal-global.real-size-ruler__overlay[hidden] {
  display: none !important;
}

#real-size-modal-global.real-size-ruler__overlay:not([hidden]) {
  display: flex !important;
  overflow: hidden !important;
  pointer-events: auto !important;
  touch-action: none;
}

#real-size-modal-global.real-size-ruler__overlay:not([hidden]) .real-size-ruler__popup {
  touch-action: auto;
}

html.real-size-ruler--modal-open,
body.real-size-ruler--modal-open {
  overflow: hidden !important;
  height: 100vh;
  overscroll-behavior: none;
}

#real-size-modal-global .real-size-ruler__popup {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  box-sizing: border-box;
  width: auto;
  min-width: 280px;
  min-height: 0;
  max-width: var(--real-size-max-w);
  max-height: var(--real-size-max-h);
  overflow: hidden;
  overflow-anchor: none;
  padding: 28px 28px 22px;
  border-radius: 14px;
  background: var(--card_bg_black, #fff);
  color: var(--white_text_black, #222);
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.22);
}

.real-size-ruler__popup-head {
  position: relative;
  z-index: 2;
  flex-shrink: 0;
  background: var(--card_bg_black, #fff);
}

.real-size-ruler__scroll-zone {
  position: relative;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-height: 0;
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  overflow-anchor: none;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}

.real-size-ruler__close {
  position: absolute;
  top: 8px;
  right: 10px;
  z-index: 5;
  width: 44px;
  height: 44px;
  border: 0;
  border-radius: 50%;
  background: var(--card_bg_black, #fff);
  color: inherit;
  font-size: 32px;
  line-height: 1;
  cursor: pointer;
  transition: background 0.2s ease;
}

.real-size-ruler__close:hover {
  background: var(--darkerblack_bg_black, rgba(0, 0, 0, 0.06));
}

.real-size-ruler__title-row {
  margin: 0 48px 8px 0;
  max-width: calc(100% - 48px);
  box-sizing: border-box;
}

.real-size-ruler__title-group {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  max-width: 100%;
}

.real-size-ruler__title-group .real-size-ruler__title {
  flex: 0 1 auto;
  margin: 0;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.25;
}

.real-size-ruler__info-btn--head {
  flex: 0 0 auto;
  align-self: center;
  margin-top: 0;
}

.real-size-ruler__info-btn {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  margin-top: 2px;
  padding: 0;
  border: 1px solid var(--stroke_black, rgba(0, 0, 0, 0.18));
  border-radius: 50%;
  background: transparent;
  color: inherit;
  font-size: 14px;
  font-weight: 700;
  font-style: italic;
  font-family: Georgia, "Times New Roman", serif;
  line-height: 1;
  cursor: pointer;
  transition: background 0.2s ease, border-color 0.2s ease;
}

.real-size-ruler__info-btn:hover,
.real-size-ruler__info-btn[aria-expanded="true"] {
  background: var(--darkerblack_bg_black, rgba(0, 0, 0, 0.06));
  border-color: var(--stroke_black, rgba(0, 0, 0, 0.28));
}

#real-size-modal-global .real-size-ruler__debug-panel {
  flex-shrink: 0;
  margin: 0 0 12px;
  padding: 10px 12px;
  border-radius: 8px;
  background: var(--darkerblack_bg_black, rgba(0, 0, 0, 0.04));
  font-size: 12px;
  line-height: 1.4;
}

#real-size-modal-global .real-size-ruler__debug-panel[hidden] {
  display: none !important;
  margin: 0;
  padding: 0;
}

.real-size-ruler__debug-panel-inner {
  max-height: min(42vh, 280px);
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.real-size-ruler__debug-list {
  margin: 0;
  padding: 0;
}

.real-size-ruler__debug-row {
  display: grid;
  grid-template-columns: minmax(110px, 38%) 1fr;
  gap: 8px 12px;
  margin: 0 0 6px;
  padding: 0;
}

.real-size-ruler__debug-row:last-child {
  margin-bottom: 0;
}

.real-size-ruler__debug-row dt {
  margin: 0;
  color: var(--lite_basic_text, #666);
  font-weight: 600;
}

.real-size-ruler__debug-row dd {
  margin: 0;
  word-break: break-word;
}

.real-size-ruler__debug-pre {
  margin: 0;
  white-space: pre-wrap;
  word-break: break-word;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 11px;
}

.real-size-ruler__intro {
  margin-bottom: 10px;
  color: var(--lite_basic_text, #666);
  font-size: 14px;
  line-height: 1.45;
}

.real-size-ruler__scroll-meta {
  flex-shrink: 0;
  background: var(--card_bg_black, #fff);
}

#real-size-modal-global .real-size-ruler__scroll-meta .real-size-ruler__intro {
  margin-bottom: 8px;
}

.real-size-ruler__notice {
  flex-shrink: 0;
  margin: 0;
  padding: 0;
  color: var(--lite_basic_text, #888);
  font-size: 12px;
  line-height: 1.4;
  text-align: center;
}

#real-size-modal-global .real-size-ruler__scroll-meta .real-size-ruler__notice {
  margin-bottom: 12px;
}

.real-size-ruler__notice[hidden] {
  display: none;
}

.real-size-ruler__notice--info {
  color: var(--lite_basic_text, #888);
}

.real-size-ruler__notice--error {
  color: #b45309;
}

#real-size-modal-global .real-size-ruler__body {
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  align-items: center;
  gap: 0;
  width: 100%;
  min-width: 0;
  min-height: min-content;
  margin-top: 0;
  padding-top: 14px;
  border-top: 1px dashed var(--stroke_black, rgba(0, 0, 0, 0.1));
  overflow: visible;
}

#real-size-modal-global .real-size-ruler__row--length {
  overflow-anchor: none;
}

#real-size-modal-global .real-size-ruler__body--loading {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  justify-content: center;
  min-height: 180px;
  overflow: hidden !important;
  pointer-events: none;
  border-top: 0;
  padding-top: 0;
}

.real-size-ruler__loader {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 14px;
  width: 100%;
  padding: 28px 16px 36px;
  box-sizing: border-box;
  text-align: center;
}

.real-size-ruler__loader-spinner {
  display: block;
  width: 36px;
  height: 36px;
  border: 3px solid color-mix(in srgb, var(--real-size-accent, #d75cb6) 18%, transparent);
  border-top-color: var(--real-size-accent, #d75cb6);
  border-radius: 50%;
  animation: real-size-ruler-spin 0.75s linear infinite;
}

.real-size-ruler__loader-text {
  max-width: 280px;
  color: var(--lite_basic_text, #888);
  font-size: 13px;
  line-height: 1.45;
}

@keyframes real-size-ruler-spin {
  to {
    transform: rotate(360deg);
  }
}

#real-size-modal-global .real-size-ruler__body--multi {
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-start;
  justify-content: center;
  gap: 36px 40px;
}

#real-size-modal-global .real-size-ruler__body--multi .real-size-ruler__row--diameter,
#real-size-modal-global .real-size-ruler__body--multi .real-size-ruler__row--length {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: flex-start;
}

#real-size-modal-global .real-size-ruler__body--multi .real-size-ruler__row {
  flex: 0 1 auto;
  width: auto;
  max-width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
}

.real-size-ruler__body--multi .real-size-ruler__row + .real-size-ruler__row {
  margin: 0;
  padding: 0;
  border: 0;
}

#real-size-modal-global .real-size-ruler__row {
  width: 100%;
  max-width: 100%;
}

.real-size-ruler__row + .real-size-ruler__row {
  margin-top: 28px;
  padding-top: 28px;
  border-top: 1px solid var(--stroke_black, rgba(0, 0, 0, 0.08));
}

.real-size-ruler__head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 8px 12px;
  margin-bottom: 14px;
  text-align: center;
}

.real-size-ruler__label {
  font-size: 15px;
  font-weight: 600;
}

.real-size-ruler__badge {
  padding: 5px 12px;
  border-radius: 999px;
  border: 0;
  background: color-mix(in srgb, var(--real-size-accent, #222) 92%, #fff);
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
  box-shadow: 0 2px 10px color-mix(in srgb, var(--real-size-accent, #222) 30%, transparent);
}

#real-size-modal-global.real-size-ruler__overlay--length-landscape .real-size-ruler__scroll-zone {
  overflow-x: hidden;
  overflow-y: auto;
}

#real-size-modal-global.real-size-ruler__overlay--length-landscape .real-size-ruler__body--multi {
  flex-direction: column !important;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 28px;
  width: 100%;
}

#real-size-modal-global.real-size-ruler__overlay--length-landscape .real-size-ruler__body--multi .real-size-ruler__row {
  flex: 0 0 auto;
  width: 100%;
  max-width: 100%;
}

#real-size-modal-global.real-size-ruler__overlay--length-landscape .real-size-ruler__body--multi .real-size-ruler__row--diameter .real-size-ruler__head {
  position: static;
  top: auto;
}

#real-size-modal-global.real-size-ruler__overlay--length-landscape .real-size-ruler__body--multi .real-size-ruler__row + .real-size-ruler__row {
  margin-top: 0;
  padding-top: 28px;
  border-top: 1px solid var(--stroke_black, rgba(0, 0, 0, 0.08));
}

#real-size-modal-global.real-size-ruler__overlay--length-landscape .real-size-ruler__row--length {
  width: 100%;
}

#real-size-modal-global.real-size-ruler__overlay--length-landscape .real-size-ruler__row--length .real-size-ruler__scroll--horizontal {
  overflow-x: auto;
  overflow-y: hidden;
  width: 100%;
  display: flex;
  justify-content: center;
}

.real-size-ruler__track--length-horizontal-below {
  display: inline-flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0;
  padding: 4px 8px 6px;
}

.real-size-ruler__track--length-horizontal-below .real-size-ruler__axis--below {
  position: relative;
  width: 100%;
  height: 34px;
  margin-top: 10px;
  padding: 0 2px;
  overflow: visible;
}

.real-size-ruler__scale--length-horizontal {
  --ruler-color: var(--real-size-accent, #222);
  --ruler-glow: color-mix(in srgb, var(--real-size-accent, #222) 34%, transparent);
  --ruler-dot: 7px;
  position: relative;
  flex-shrink: 0;
  min-width: 1px;
  height: 56px;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
}

.real-size-ruler__scale--length-horizontal::before {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 2px;
  border-radius: 2px;
  background: var(--ruler-color);
  box-shadow:
    0 2px 12px var(--ruler-glow),
    0 0 14px 1px var(--ruler-glow);
  content: "";
}

.real-size-ruler__scale--length-horizontal::after {
  display: none;
  content: none;
}

.real-size-ruler__scale--length-horizontal .real-size-ruler__ticks::before,
.real-size-ruler__scale--length-horizontal .real-size-ruler__ticks::after {
  position: absolute;
  bottom: -3px;
  z-index: 2;
  width: var(--ruler-dot);
  height: var(--ruler-dot);
  border-radius: 50%;
  background: var(--ruler-color);
  box-shadow:
    0 0 0 2px color-mix(in srgb, var(--card_bg_black, #fff) 92%, transparent),
    0 2px 10px var(--ruler-glow);
  content: "";
}

.real-size-ruler__scale--length-horizontal .real-size-ruler__ticks::before {
  left: 0;
  transform: translateX(-50%);
}

.real-size-ruler__scale--length-horizontal .real-size-ruler__ticks::after {
  right: 0;
  left: auto;
  transform: translateX(50%);
}

.real-size-ruler__row--length--horizontal .real-size-ruler__tick {
  bottom: 0;
  left: auto;
  width: 1px;
  height: 12px;
  opacity: 0.35;
  transform: translateX(-50%);
}

.real-size-ruler__row--length--horizontal .real-size-ruler__tick--mid {
  width: 1px;
  height: 18px;
  opacity: 0.55;
}

.real-size-ruler__row--length--horizontal .real-size-ruler__tick--major {
  width: 1px;
  height: 28px;
  opacity: 1;
}

#real-size-modal-global .real-size-ruler__scroll--horizontal {
  overflow-x: auto;
  overflow-y: hidden;
  padding: 12px 14px 10px;
}

.real-size-ruler__row--length--horizontal .real-size-ruler__axis--below .real-size-ruler__axis-label {
  top: 6px;
  max-width: 72px;
  text-align: center;
}

.real-size-ruler__row--length--horizontal .real-size-ruler__axis--below .real-size-ruler__axis-label--start {
  left: 0;
  right: auto;
  max-width: none;
  transform: none;
  text-align: left;
}

.real-size-ruler__row--length--horizontal .real-size-ruler__axis--below .real-size-ruler__axis-label--end {
  left: auto;
  right: 0;
  max-width: none;
  transform: none;
  text-align: right;
}

#real-size-modal-global .real-size-ruler__scroll {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  overflow-anchor: none;
  padding: 12px 14px 10px;
  -webkit-overflow-scrolling: touch;
  text-align: center;
}

.real-size-ruler__row--diameter .real-size-ruler__scroll {
  display: flex;
  align-items: flex-start;
  justify-content: center;
}

.real-size-ruler__diameter-figure {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  max-width: 100%;
}

.real-size-ruler__diameter-circle {
  --ruler-color: var(--real-size-accent, #222);

  position: relative;
  flex-shrink: 0;
  box-sizing: border-box;
  border: 2px solid var(--ruler-color);
  border-radius: 50%;
  background: color-mix(in srgb, var(--real-size-accent, #222) 5%, var(--card_bg_black, #fff));
  box-shadow:
    inset 0 0 0 1px color-mix(in srgb, var(--card_bg_black, #fff) 60%, transparent),
    0 4px 20px color-mix(in srgb, var(--real-size-accent, #222) 12%, transparent);
}

.real-size-ruler__diameter-circle::before {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  z-index: 0;
  height: 2px;
  border-radius: 2px;
  background: color-mix(in srgb, var(--ruler-color) 35%, transparent);
  transform: translateY(-50%);
  content: "";
  pointer-events: none;
}

.real-size-ruler__diameter-circle .real-size-ruler__ticks--circle {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  z-index: 1;
  height: 0;
  transform: translateY(-50%);
}

.real-size-ruler__diameter-circle .real-size-ruler__ticks--circle .real-size-ruler__tick {
  top: 50%;
  bottom: auto;
  width: 1px;
  height: 7px;
  opacity: 0.4;
  transform: translate(-50%, -50%);
}

.real-size-ruler__diameter-circle .real-size-ruler__ticks--circle .real-size-ruler__tick--mid {
  height: 10px;
  opacity: 0.55;
}

.real-size-ruler__diameter-circle .real-size-ruler__ticks--circle .real-size-ruler__tick--major {
  width: 2px;
  height: 14px;
  opacity: 0.85;
}

.real-size-ruler__diameter-circle .real-size-ruler__diameter-caption__value {
  position: absolute;
  bottom: 50%;
  left: 50%;
  z-index: 2;
  max-width: 86%;
  margin-bottom: 6px;
  color: var(--white_text_black, #222);
  font-size: clamp(12px, 3.2vw, 16px);
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
  transform: translateX(-50%);
  pointer-events: none;
}

.real-size-ruler__diameter-figure .real-size-ruler__track {
  width: 100%;
  margin-top: 6px;
  padding-top: 0;
  padding-bottom: 22px;
}

#real-size-modal-global .real-size-ruler__body--multi {
  --real-size-multi-scroll-pt: 12px;
}

#real-size-modal-global .real-size-ruler__body--multi .real-size-ruler__row--diameter .real-size-ruler__head,
#real-size-modal-global .real-size-ruler__body--multi .real-size-ruler__row--length .real-size-ruler__head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 100%;
  min-height: 52px;
  margin-bottom: 14px;
}

#real-size-modal-global .real-size-ruler__body--multi .real-size-ruler__row--diameter .real-size-ruler__head::after {
  content: "";
  display: inline-block;
  flex: 0 0 36px;
  width: 36px;
  height: 36px;
  visibility: hidden;
  pointer-events: none;
}

#real-size-modal-global .real-size-ruler__body--multi .real-size-ruler__row--diameter .real-size-ruler__scroll,
#real-size-modal-global .real-size-ruler__body--multi .real-size-ruler__row--length .real-size-ruler__scroll {
  box-sizing: border-box;
  padding-top: var(--real-size-multi-scroll-pt);
  padding-bottom: 10px;
}

#real-size-modal-global .real-size-ruler__body--multi .real-size-ruler__row--diameter .real-size-ruler__scroll {
  padding-right: 14px;
  padding-left: 14px;
}

#real-size-modal-global .real-size-ruler__body--multi .real-size-ruler__row--length .real-size-ruler__scroll--vertical {
  padding-right: 16px;
  padding-left: 20px;
}

#real-size-modal-global .real-size-ruler__body--multi .real-size-ruler__row--length .real-size-ruler__track--vertical {
  padding: 0 4px 12px 8px;
}

#real-size-modal-global .real-size-ruler__body--multi .real-size-ruler__row--diameter .real-size-ruler__diameter-figure {
  margin-top: 0;
}

#real-size-modal-global .real-size-ruler__scroll--vertical {
  width: 100%;
  max-width: 100%;
  max-height: none;
  overflow-x: hidden;
  overflow-y: visible;
  padding: 16px 20px 14px 16px;
}

#real-size-modal-global .real-size-ruler__scroll-inner {
  display: inline-block;
  width: max-content;
  max-width: 100%;
  margin: 0 auto;
  vertical-align: top;
}

.real-size-ruler__scroll--vertical .real-size-ruler__scroll-inner {
  display: flex;
  justify-content: center;
}

.real-size-ruler__track {
  display: inline-block;
  min-width: min-content;
  margin: 0 auto;
  padding: 4px 8px 30px;
}

.real-size-ruler__track--vertical {
  display: inline-flex;
  flex-direction: row;
  align-items: stretch;
  gap: 12px 20px;
  padding: 12px 4px 12px 8px;
  min-height: min-content;
  overflow: visible;
}

.real-size-ruler__row--diameter .real-size-ruler__scale,
.real-size-ruler__scale--vertical {
  --ruler-color: var(--real-size-accent, #222);
  --ruler-glow: color-mix(in srgb, var(--real-size-accent, #222) 34%, transparent);
  --ruler-dot: 7px;
  position: relative;
  border: 0;
  border-radius: 0;
  background: none;
  background-image: none;
  box-shadow: none;
}

.real-size-ruler__row--diameter .real-size-ruler__scale {
  min-width: 1px;
  height: 44px;
}

.real-size-ruler__row--diameter .real-size-ruler__scale::before {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 2px;
  border-radius: 2px;
  background: var(--ruler-color);
  box-shadow:
    0 2px 12px var(--ruler-glow),
    0 0 14px 1px var(--ruler-glow);
  content: "";
}

.real-size-ruler__row--diameter .real-size-ruler__scale::after {
  display: none;
  content: none;
}

.real-size-ruler__row--diameter .real-size-ruler__scale .real-size-ruler__ticks::before,
.real-size-ruler__row--diameter .real-size-ruler__scale .real-size-ruler__ticks::after {
  position: absolute;
  bottom: -3px;
  z-index: 2;
  width: var(--ruler-dot);
  height: var(--ruler-dot);
  border-radius: 50%;
  background: var(--ruler-color);
  box-shadow:
    0 0 0 2px color-mix(in srgb, var(--card_bg_black, #fff) 92%, transparent),
    0 2px 10px var(--ruler-glow);
  content: "";
}

.real-size-ruler__row--diameter .real-size-ruler__scale .real-size-ruler__ticks::before {
  left: 0;
  transform: translateX(-50%);
}

.real-size-ruler__row--diameter .real-size-ruler__scale .real-size-ruler__ticks::after {
  right: 0;
  left: auto;
  transform: translateX(50%);
}

.real-size-ruler__scale--vertical {
  flex-shrink: 0;
  width: 2px;
  min-width: 2px;
  height: auto;
  min-height: 1px;
  background: var(--ruler-color);
  border-radius: 2px;
  box-shadow:
    2px 0 12px var(--ruler-glow),
    0 0 14px 1px var(--ruler-glow);
}

.real-size-ruler__scale--vertical::before {
  display: none;
  content: none;
}

.real-size-ruler__scale--vertical::after {
  display: none;
  content: none;
}

.real-size-ruler__scale--vertical .real-size-ruler__ticks::before,
.real-size-ruler__scale--vertical .real-size-ruler__ticks::after {
  position: absolute;
  left: -3px;
  z-index: 2;
  width: var(--ruler-dot);
  height: var(--ruler-dot);
  border-radius: 50%;
  background: var(--ruler-color);
  box-shadow:
    0 0 0 2px color-mix(in srgb, var(--card_bg_black, #fff) 92%, transparent),
    0 2px 10px var(--ruler-glow);
  content: "";
}

.real-size-ruler__scale--vertical .real-size-ruler__ticks::before {
  bottom: 0;
  transform: translateY(50%);
}

.real-size-ruler__scale--vertical .real-size-ruler__ticks::after {
  top: 0;
  bottom: auto;
  transform: translateY(-50%);
}

.real-size-ruler__ticks {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.real-size-ruler__tick {
  position: absolute;
  background: var(--ruler-color, var(--real-size-accent, #222));
}

.real-size-ruler__row--diameter .real-size-ruler__tick {
  bottom: 2px;
  width: 1px;
  height: 6px;
  opacity: 0.35;
  transform: translateX(-50%);
}

.real-size-ruler__row--diameter .real-size-ruler__tick--mid {
  height: 11px;
  opacity: 0.6;
}

.real-size-ruler__row--diameter .real-size-ruler__tick--major {
  width: 2px;
  height: 18px;
  opacity: 1;
}

.real-size-ruler__row--length:not(.real-size-ruler__row--length--horizontal) .real-size-ruler__tick {
  left: 2px;
  width: 6px;
  height: 1px;
  opacity: 0.35;
  transform: translateY(50%);
}

.real-size-ruler__row--length:not(.real-size-ruler__row--length--horizontal) .real-size-ruler__tick--mid {
  width: 11px;
  opacity: 0.6;
}

.real-size-ruler__row--length:not(.real-size-ruler__row--length--horizontal) .real-size-ruler__tick--major {
  width: 18px;
  height: 2px;
  opacity: 1;
}

.real-size-ruler__axis {
  position: relative;
}

.real-size-ruler__row--diameter .real-size-ruler__axis {
  height: 30px;
  margin-top: 10px;
  padding: 0 2px;
  overflow: visible;
}

.real-size-ruler__axis--vertical {
  position: relative;
  flex-shrink: 0;
  min-height: 100%;
  padding: 4px 0;
  overflow: visible;
}

.real-size-ruler__axis--left {
  width: 54px;
}

.real-size-ruler__axis--right {
  width: 64px;
  min-width: 64px;
  margin-left: 4px;
  padding-left: 10px;
}

.real-size-ruler__axis-label {
  position: absolute;
  color: var(--lite_basic_text, #666);
  font-size: 11px;
  line-height: 1.2;
  white-space: nowrap;
}

.real-size-ruler__row--diameter .real-size-ruler__axis-label {
  top: 6px;
  max-width: 80px;
  text-align: center;
  transform: translateX(-50%);
}

.real-size-ruler__row--diameter .real-size-ruler__axis-label--start {
  left: 0;
  right: auto;
  transform: none;
  text-align: left;
}

.real-size-ruler__row--diameter .real-size-ruler__axis-label--end {
  left: auto;
  right: 0;
  transform: none;
  text-align: right;
}

.real-size-ruler__axis--left .real-size-ruler__axis-label {
  left: auto;
  right: 0;
  text-align: right;
  transform: translateY(50%);
}

.real-size-ruler__axis--right .real-size-ruler__axis-label {
  left: 10px;
  right: auto;
  text-align: left;
  transform: translateY(50%);
}

#real-size-modal-global .real-size-ruler__title-row,
#real-size-modal-global .real-size-ruler__intro,
#real-size-modal-global .real-size-ruler__notice,
#real-size-modal-global .real-size-ruler__footnote {
  width: 100%;
  box-sizing: border-box;
}

.real-size-ruler__footnote {
  flex-shrink: 0;
  margin-top: 18px;
  padding-top: 14px;
  border-top: 1px dashed var(--stroke_black, rgba(0, 0, 0, 0.1));
  color: var(--lite_basic_text, #888);
  font-size: 12px;
  line-height: 1.4;
  text-align: center;
}

@media (max-width: 767px) {
  #real-size-modal-global.real-size-ruler__overlay,
  #real-size-modal-global.real-size-ruler__overlay--sheet {
    --real-size-popup-chrome: 170px;
    --real-size-max-w: 98%;
    --real-size-max-h: min(95vh, 95dvh);

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    padding: max(12px, env(safe-area-inset-top, 0px)) 12px 12px !important;
    height: 100dvh !important;
    height: 100svh !important;
    max-height: 100dvh !important;
    min-height: 0 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  #real-size-modal-global.real-size-ruler__overlay .real-size-ruler__popup,
  #real-size-modal-global.real-size-ruler__overlay--sheet .real-size-ruler__popup {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto !important;
    flex-shrink: 1 !important;
    align-self: center !important;
    box-sizing: border-box;
    width: 98% !important;
    min-width: 0 !important;
    max-width: 98% !important;
    height: var(--real-size-max-h) !important;
    max-height: var(--real-size-max-h) !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 22px 20px max(16px, env(safe-area-inset-bottom, 0px));
    overflow: hidden;
    border-radius: var(--theme-outer-border-radius, 12px) !important;
    transform: none !important;
  }

  #real-size-modal-global.real-size-ruler__overlay .real-size-ruler__scroll-zone,
  #real-size-modal-global.real-size-ruler__overlay--sheet .real-size-ruler__scroll-zone {
    overflow-x: hidden;
    overflow-y: auto;
    overflow-anchor: none;
    -webkit-overflow-scrolling: touch;
  }

  #real-size-modal-global.real-size-ruler__overlay .real-size-ruler__body,
  #real-size-modal-global.real-size-ruler__overlay--sheet .real-size-ruler__body {
    flex: 0 0 auto;
    min-height: 0;
    max-height: none;
    overflow: visible;
  }

  #real-size-modal-global.real-size-ruler__overlay .real-size-ruler__body--multi .real-size-ruler__row--diameter .real-size-ruler__head,
  #real-size-modal-global.real-size-ruler__overlay--sheet .real-size-ruler__body--multi .real-size-ruler__row--diameter .real-size-ruler__head {
    position: sticky;
    top: 0;
    z-index: 2;
    margin-bottom: 14px;
    padding: 6px 0 8px;
    background: var(--card_bg_black, #fff);
  }

  #real-size-modal-global.real-size-ruler__overlay .real-size-ruler__body--multi,
  #real-size-modal-global.real-size-ruler__overlay--sheet .real-size-ruler__body--multi {
    flex-direction: column;
    align-items: center;
    gap: 24px;
  }

  #real-size-modal-global.real-size-ruler__overlay .real-size-ruler__body--multi .real-size-ruler__row,
  #real-size-modal-global.real-size-ruler__overlay--sheet .real-size-ruler__body--multi .real-size-ruler__row {
    width: 100%;
    max-width: 100%;
  }

  #real-size-modal-global.real-size-ruler__overlay .real-size-ruler__body--multi .real-size-ruler__row + .real-size-ruler__row,
  #real-size-modal-global.real-size-ruler__overlay--sheet .real-size-ruler__body--multi .real-size-ruler__row + .real-size-ruler__row {
    margin-top: 0;
    padding-top: 24px;
    border-top: 1px solid var(--stroke_black, rgba(0, 0, 0, 0.08));
  }

  #real-size-modal-global.real-size-ruler__overlay .real-size-ruler__title,
  #real-size-modal-global.real-size-ruler__overlay--sheet .real-size-ruler__title {
    font-size: 18px;
  }

  #real-size-modal-global.real-size-ruler__overlay .real-size-ruler__scroll,
  #real-size-modal-global.real-size-ruler__overlay--sheet .real-size-ruler__scroll {
    max-width: 100%;
  }

  #real-size-modal-global.real-size-ruler__overlay .real-size-ruler__scroll--vertical,
  #real-size-modal-global.real-size-ruler__overlay--sheet .real-size-ruler__scroll--vertical {
    max-height: none;
    overflow-y: visible;
  }

}

@media (max-width: 430px) {
  #real-size-modal-global.real-size-ruler__overlay--mobile-fill,
  #real-size-modal-global.real-size-ruler__overlay--sheet.real-size-ruler__overlay--mobile-fill {
    --real-size-max-w: 98%;
    --real-size-max-h: 100%;
    --real-size-popup-chrome: 150px;
    align-items: stretch !important;
    justify-content: flex-start !important;
    padding: 0 !important;
  }

  #real-size-modal-global.real-size-ruler__overlay--mobile-fill .real-size-ruler__popup,
  #real-size-modal-global.real-size-ruler__overlay--sheet.real-size-ruler__overlay--mobile-fill .real-size-ruler__popup {
    width: 98% !important;
    max-width: 98% !important;
    height: 100% !important;
    max-height: 100% !important;
    min-height: 100% !important;
    flex: 1 1 100% !important;
    margin: 0 !important;
    padding: 20px 20px max(16px, env(safe-area-inset-bottom, 0px));
    border-radius: 0 !important;
    overflow: hidden;
  }

  #real-size-modal-global.real-size-ruler__overlay--mobile-fill .real-size-ruler__body,
  #real-size-modal-global.real-size-ruler__overlay--sheet.real-size-ruler__overlay--mobile-fill .real-size-ruler__body {
    max-height: none;
  }

  #real-size-modal-global.real-size-ruler__overlay--mobile-fill .real-size-ruler__scroll--vertical,
  #real-size-modal-global.real-size-ruler__overlay--sheet.real-size-ruler__overlay--mobile-fill .real-size-ruler__scroll--vertical {
    max-height: none;
    overflow-y: visible;
  }

}


/* End */


/* Start:/bitrix/templates/aspro_next/components/bitrix/catalog.element/main2_rc/style.css?17688098199354*/
.delivery_wrap {
	border-top: 1px solid #F2F2F2;
	margin-top: 10px;
}

.delivery_wrap .delivery_head {
	margin: 20px 0 26px;
}

.delivery_wrap .delivery_item {
	display: flex;
	gap: 10px;
	/*white-space: nowrap;*/
	align-items: center;
	font-size: 13px;
}

.delivery_wrap .delivery_text_f {
	text-align: start;
}

.delivery_wrap .delivery_text_s {
	text-align: end;
}

.delivery_wrap .delivery_text_f br,
.delivery_wrap .delivery_text_s br {
	display: none;
}

.delivery_wrap .delivery_item .delivery_img {
	display: flex;
	height: 14px !important;
	width: 14px !important;
	min-width: 14px;
	align-self: flex-start;
	margin-top: 4px;
}

.delivery_wrap .dott {
	border-bottom: 1px dashed #d75cb6;
	flex-grow: 1;
	min-width: 14px;
	height: 4px;
}

.delivery_wrap .hint {
	position: relative;
	display: inline-block;
	cursor: pointer;
}

.delivery_wrap .hint_icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 16px;
	height: 16px;
	border: 1px solid #d75cb6;
	color: #555;
	border-radius: 50%;
	font-size: 10px;
}

.delivery_wrap .hint_text {
	visibility: hidden;
	width: 220px;
	background-color: #777;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 8px 10px;
	position: absolute;
	z-index: 10;
	bottom: 125%;
	left: 50%;
	transform: translateX(-50%);
	opacity: 0;
	transition: opacity 0.3s;
	font-size: 12px;
	white-space: normal;
	box-shadow: 0 2px 10px rgba(0,0,0,0.2);
}

.delivery_wrap .hint_text::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: #777 transparent transparent transparent;
}

.delivery_wrap .hint:hover .hint_text {
	visibility: visible;
	opacity: 1;
}

.item_main_info .brand_nearby_img {
	position: absolute;
	bottom: 37px;
	right: 30px;
	height: 40px;
	line-height: 40px;
	z-index: 53;
}

.item_main_info .article_nearby_img {
	position: absolute;
	bottom: 34px;
	left: 30px;
	height: 40px;
	line-height: 40px;
	z-index: 53;
}

#elementToolsFixedBottom {
	display: none;
	align-items: center;
	position: fixed;
	bottom: 0;
	left: 0;
	background: #fff;
	border-bottom: 1px solid #E2E5E9;
	width: 100%;
	height: 78px;
	z-index: 999;
	box-shadow: 0 -20px 20px 0 rgba(0, 0, 0, 0.08);
}

#elementToolsFixedBottom .elementToolsFixedBottom_img_title_wrap,
#elementToolsFixedBottom .elementToolsFixedBottom_price_btn_wrap {
	display: flex;
	align-items: center;
	gap: 16px;
}

#elementToolsFixedBottom .elementToolsFixedBottom_img {
	display: flex;
}

#elementToolsFixedBottom .elementToolsFixedBottom_img img {
	width: auto;
	min-width: 60px;
	height: 60px !important;
}

#elementToolsFixedBottom .elementToolsFixedBottom_title {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.4em;
	max-height: 2.8em;
}

#elementToolsFixedBottom .secondTool {
	display: none;
}

#elementToolsFixedBottom .row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 36px;
	/*margin: 0 42px 0 32px;*/
}

#elementToolsFixedBottom .addCart {
	cursor: pointer;
	text-decoration: none;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	background-color: #d75cb6;
	height: 40px;
	margin: 0 !important;
	padding: 0 25px;
	border-radius: 2px;
	font-size: 14px;
	font-weight: bold;
	transition: all 0.3s ease;
}

#elementToolsFixedBottom .addCart:hover {
	background-color: #dd75c1;
}

#elementToolsFixedBottom .addCart.disabled {
	background-color: #d75cb6 !important;
}

#elementToolsFixedBottom .btn_wrap {
	display: flex;
	gap: 16px;
}

#elementToolsFixedBottom .mainTool {
	width: 100%;
	max-width: 1362px;
	margin: 0 auto;
}

#elementToolsFixedBottom .addCart.added {
	background-color: #d75cb6 !important;
}

#elementToolsFixedBottom .oldPriceLabel {
	margin: 0 !important;
}

#smallElementTools .old_new_price .pr {
	font-size: 12px;
}

#elementToolsFixedBottom .price {
	font-size: 20px;
	margin: 0 !important;
	color: red;
}

#elementTools_col .price_wrap {
	display: flex;
	flex-direction: column;
}

#elementTools_col .price_wrap .row {
	margin-bottom: 8px;
}

#elementToolsFixedBottom .new_price {
	display: flex;
	flex-direction: column;
	/*justify-content: flex-end;*/
	margin-bottom: 5px;
	/*min-width: 140px;*/
}

#elementToolsFixedBottom .old_new_price .pr {
	font-size: 14px;
	color: #9292A0;
	text-decoration: line-through;
}

#elementToolsFixedBottom .old_new_price {
	position: relative;
}

#elementToolsFixedBottom .old_new_price:before {
	/*position: absolute;*/
	/*content: "";*/
	/*width: 105%;*/
	/*height: 1px;*/
	/*background-color: #ED1C24;*/
	/*bottom: 50%;*/
	/*left: -4px;*/
	/*transform: scaleY(0.5) rotate(-20deg);*/
}

#elementToolsFixedBottom .icon-t-cart:before {
	font-size: 16px !important;
}

#elementToolsFixedBottom .addCartCredit {
	cursor: pointer;
	text-decoration: none;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	background-color: #2B89FF;
	height: 56px;
	width: 140px;
	margin: 0 !important;
	border-radius: 10px;
	font-size: 20px;
	font-weight: 500;
	transition: all 0.3s ease;
}

#elementToolsFixedBottom .addCartCredit:hover {
	color: #d75cb6;
}

#elementToolsFixedBottom .kredit_r_block img {
	width: 18px;
	height: auto;
}

#elementToolsFixedBottom .kredit_r_block {
	font-size: 12px;
	text-align: start;
}

#elementToolsFixedBottom .new_kredit {
	display: flex;
	align-items: center;
	gap: 6px;
	margin-bottom: 6px;
}

a.scroll-to-top.ROUND_COLOR,
a.scroll-to-top.RECT_COLOR {
	bottom: 110px !important;
}

.prices_block_wrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.middle_info .mob_rating_block {
	display: none;
}

.quantity_block_wrapper {
	display: flex;
	gap: 20px;
}

@media screen and (max-width: 991px) {
	#navigation {
		display: none !important;
	}
	.mob_breadcrumbs{
		display: block !important;
		float: left; !important;
		border: 1px solid rgba(211,70,173,.5) !important;
		text-align: center !important;
		line-height: 22px !important;
		border-radius: 5px !important;
		margin: 0;
		position: absolute;
		top: 50%;
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.page-top .page-top-main {
		margin: 0;
		position: absolute !important;
		top: 50%;
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.mob_breadcrumbs a{
		display: block !important;
		width: 23px !important;
		height: 23px !important;
	}
	.page-top-main {
		margin-left: 30px !important;
	}
	#pagetitle {
		padding-top: 0px;
	    text-align: left;
	    font-weight: 500;
	    font-size: 17px;
	    margin-left: 12px;
	}
	section.page-top {
		padding-top: 0px !important;
		min-height: 56px;
		margin-top: 12px;
	}
}

@media all and (max-width: 768px) {
	.bottom_slider {
		display: none;
	}
}

@media all and (max-width: 600px){
	.wraps > .wrapper_inner {
		padding-left:0;
		padding-right:0;
	}
	.catalog_detail .item_main_info {
		border:none !important;
	}
	body .container .catalog_detail .item_main_info .right_info {
		padding-right: 15px !important;
		padding-left: 15px !important;
	}
	.catalog_detail .tabs_section {
		padding-right: 15px !important;
		padding-left: 15px !important;
	}
	body .container .bottom_slider.tab_slider_wrapp {
		padding-right: 15px !important;
		padding-left: 15px !important;
	}
	.catalog_detail .item_main_info .right_info .info_item {
		padding: 0 15px !important;
	}
	.delivery_wrapp {
		width: 100% !important;
		/*height: 80px !important;*/
		line-height: 1.8 !important;
	}
	.wrapper_inner .info_item .middle_info .buy_block {
		width: 40% !important;
		padding: 0 !important;
	}

	.info_item .middle_info .buy_block .counter_wrapp {
		width: 100% !important;
		padding: 0 !important;
	}
	.wrapper_inner .info_item .middle_info .buy_block .btn.btn-default {
		/*line-height: 2.3 !important;*/
		width: 100%;
	}

	#pagetitle {
		font-size: 15px;
	}
	.top_inner_block_wrapper {
		padding: 0 0 10px !important;
	}
	.flexslider .flex-control-nav, .front_slider_wrapp .flex-control-nav {
		top:0 !important;
	}
	.container .catalog_detail .item_slider .slides {
		margin-bottom: 0 !important;
	}

	.item_main_info .desk_top_info {
		display: none !important;
	}

	.middle_info .mob_rating_block {
		display: block;
	}

	.top_info .rows_block {
		display: flex;
	}

	.popup_video_cont {
		display: flex;
		justify-content: center;
		margin-bottom: 10px;
		width: 100vw;
		overflow: auto;
		padding: 0 0 10px 0;
	}

	#elementToolsFixedBottom .row {
		margin: 0;
	}

	#elementToolsFixedBottom .elementToolsFixedBottom_title {
		display: none;
	}

	#elementToolsFixedBottom .elementToolsFixedBottom_price_btn_wrap {
		width: 100%;
		justify-content: space-between;
	}

	#elementToolsFixedBottom .new_price {
		margin-bottom: 0;
	}

	.quantity_block_wrapper {
		justify-content: space-between;
		margin-top: 14px;
	}

	.cost.prices .price {
		margin-bottom: 0 !important;
	}

	.detailText_showMore_btn {
		width: 100% !important;
		justify-content: center;
	}

	.col-md-12.clearfix {
		padding-left: 0;
		padding-right: 0;
	}

	.delivery_wrap {
		border-top: none;
	}

	h4 {
		margin: 24px 0 8px !important;
		padding: 24px 0 0 0;
		border-top: 1px solid #f2f2f2;
	}

	hr {
		display: none;
	}
	
}

@media all and (max-width: 420px) {
	#elementToolsFixedBottom .row {
		gap: 10px;
	}
}

/* End */


/* Start:/local/components/cone/catalog.complects/templates/.default/style.css?16805140728788*/
.complects_list {
    padding: 0;
}
#complects_component a{
    display: block;
}
#complects_component {
    margin-right: 10px;
    max-width: 100%;
}
#complects_component .complectsBtnLeft,
#complects_component .complectsBtnRight{
    background: url(/local/components/cone/catalog.complects/templates/.default/images/slideArrowSmall.png) 0 0 no-repeat transparent;
    transform: translateY(-50%);
    position: absolute;
    height: 70px;
    width: 35px;
    z-index: 22;
    top: 50%;
}

#slider ol li,
#complects_component ol li{
    background: url(/local/components/cone/catalog.complects/templates/.default/images/slideButton.png) 0 0 no-repeat transparent;
}

#slider ol li:hover,
#complects_component ol li:hover{
    background: url(/local/components/cone/catalog.complects/templates/.default/images/slideButton.png) -18px 0  no-repeat transparent;
}

#slider ol li:active,
#complects_component ol li:active{
    background: url(/local/components/cone/catalog.complects/templates/.default/images/slideButton.png) -36px 0  no-repeat transparent;
}

#slider ol li.selected,
#complects_component ol li.selected{
    background: url(/local/components/cone/catalog.complects/templates/.default/images/slideButton.png) -54px 0  no-repeat transparent;
}

#slider ol li.selected:hover,
#complects_component ol li.selected:hover{
    background: url(/local/components/cone/catalog.complects/templates/.default/images/slideButton.png) -72px 0  no-repeat transparent;
}

#slider ol li.selected:active,
#complects_component ol li.selected:active{
    background: url(/local/components/cone/catalog.complects/templates/.default/images/slideButton.png) -90px 0  no-repeat transparent;
}

#complects_component .complectsBtnLeft{
    left: 0;
}
#complects_component .complectsBtnRight{
    right: 0;
}
#complects_component .complectsBtnLeft:hover{
    background-position: -35px 0;
}

#complects_component .complectsBtnLeft:active{
    background-position: -70px 0;
}

#complects_component .complectsBtnRight{
    background-position: 0 -70px;
}

#complects_component .complectsBtnRight:hover{
    background-position: -35px -70px;
}

#complects_component .complectsBtnRight:active{
    background-position: -70px -70px;
}

#complects_component ul{
    /*height: 222px;*/
}
#complects_component ul li:before{
    display: none;
}
#complects_component ul li{
    float: left;
    list-style: none;
    padding:0;
}
.complect_item {
    width: calc(100% - 2px);
    border: 1px solid #DDDDDE;
}
.complect_content {
    display: table;
    vertical-align: middle;
    table-layout: fixed;
    width: 100%;
    height: 220px;
}
.complect_item .comp_product_item{
    display: table-cell;
    position: relative;
    vertical-align: top;
}
.complect_item .additional_product:before {
    content: url("/local/components/cone/catalog.complects/templates/.default/images/divider.svg");
    display: block;
    position: absolute;
    width: 10px;
    height: 225px;
    top: 0;
}

.complect_item .product_content
{
    height: 100%;
    display: table;
}
.complect_item .product_photo,
.complect_item .product_photo {
    height: 100%;
    display: table-cell;
    padding: 30px 10px;
    vertical-align: middle;
}
.complect_item .product_photo img{
    max-height: 150px;
    max-width: 100px;
    max-height: initial;
}
.complect_item .product_photo a,
.complect_item .product_name a{
    color: black;
    text-decoration: none;
}

.complect_item .product_info {
    display: table-cell;
    vertical-align: top;
    padding-top: 30px;
}
.complect_item .product_name {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    margin-right: 10px;
}
.complect_item .product_name .product_name_text {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-height: 17px;
    height: 51px;
}
.complect_item .price {
    font-weight: 700;
    font-size: 24px;
    line-height: 21px;
    margin-top: 21px;
}
.complect_item .price .discount_price {
    height: 15px;
}
.btn_change_product {
    /* font-weight: 700; */
    font-size: 12px;
    line-height: 14px;
    color: #303030;
    background: #FFD12E;
    border-radius: 2px;
    padding: 5px 15px;
    width: fit-content;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    cursor: pointer;
    /*display: none;*/
}
.btn_change_product:hover {
    background: #e9bd2c;
}
.total_block {
    text-align: right;
    border-top: 1px solid #ddddde;
    padding: 15px;
}
.total_block .all_price {
    display: inline-block;
    font-weight: 700;
    font-size: 22px;
    line-height: 26px;
    margin-right: 12px;
}
.total_block .buy_complect {
    background: #d85cb6;
    border-radius: 2px;
    padding: 12px;
    color: #fff;
    font-size: 16px;
    line-height: 19px;
    display: inline-block;
    cursor: pointer;
}
.total_block .buy_complect.error{
    background-color: red;
    border-color: red;
}
.buy_complect .icon-t-cart:before {
    vertical-align: middle !important;
    font-size: 22px !important;
}

#complects_component ol li:before{
    content:"";
    display: none;
}
#complects_component ol li {
    padding:0;
    transition: none;
}
.complect_modal_overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,.3);
    z-index: 2000;
}
.modal_complect_product_change {
    background: #fff;
    max-width: 500px;
    height: fit-content;
    max-height: 70%;
    position: fixed;
    top: 10%;
    padding: 20px;
    left: calc(50% - 220px);
    border-radius: 2px;
    overflow: auto;
}
.modal_complect_product_change .header {
    font-size: 18px;
    line-height: 21px;
    padding-bottom: 10px;
    font-weight: bold;
}
.modal_complect_product_change .close {
    height: 16px;
    width: 16px;
    background: url("/local/components/cone/catalog.complects/templates/.default/images/close.png");
    position: absolute;
    top: 22px;
    right: 22px;
    cursor: pointer;
    opacity: .8 !important;
}
.complect_item .price .discount {
    margin-left: 1px !important;
    margin-right: 2px !important;
    padding-left: inherit !important;
    font-size: 12px !important;
    vertical-align: top !important;
    color: #000 !important;
    font-weight: normal !important;
}

.complect_item .price .current {
    color: #000 !important;
    padding-top: 10px;
}
.modal_complect_product_change .product_photo {
    padding: 40px 10px;
}
.modal_complect_product_change .complect_item {
    border-radius: 2px;
    margin-bottom: 16px;
    cursor: pointer;
    border-width: 2px;
}
.modal_complect_product_change .complect_item:hover,
.modal_complect_product_change .complect_item.selected {
    border-color: #FFCF00;
}

#complects_component .product .price,
.complect_item .product .price {
    font-family: 'Rubik_bold';
    font-size: 18px;
    display: block;
    text-decoration: none;
    margin-bottom: 12px;
}
#complects_component .product .price .old_price,
.complect_item .product .price .old_price {
    height: 20px;
}
#complects_component .discount,
.complect_item  .discount {
    margin-left: 1px !important;
    margin-right: 2px !important;
    padding-left: inherit !important;
    font-size: 16px !important;
    vertical-align: top !important;
    position: relative;
    text-decoration: line-through;
    font-weight: 400 !important;
    color: #888!important;
}
/* #complects_component .discount:before,
.complect_item  .discount:before {
    border-bottom: 1px solid red;
    position: absolute;
    content: "";
    width: 100%;
    height: 50%;
    transform: rotate(-7deg);
} */
#complects_component .price .economy,
.complect_item .price .economy {
    background: #fdafff;
    font-size: 10px;
    font-weight: normal;
    padding: 2px 5px;
    border-radius: 2px;
    vertical-align: top;
    color: #000;
}
#complects_component .price .economy
{
    display: none;
}
@media (max-width: 850px){

    #complects_component {
        margin-right: 0;
    }
    .complect_content {
        table-layout: initial;
    }
    #complects_component .complect_item {
        width: 100%;
        border-left: none;
        border-right: none;
    }
    .comp_product_item {
        width: 100%;
        display: block !important;
        position: relative;
    }
    .complect_item .additional_product {
        position: relative;
    }
    .product_content {
        position: relative;
        display: table-row;
    }
    .complect_item .additional_product:before {
        content: url("/local/components/cone/catalog.complects/templates/.default/images/divider_hor.png");
        /*background: rgba(50,50,50,.2);*/
        display: block;
        position: absolute;
        /*transform: rotateZ(270deg);*/
        /*transform-origin: top;*/
        top: 0;
        width: 220px;
        height: 9px;
        left: calc(50% - 110px);
    }
    .complect_item .parent_product:before {
        content: " ";
        display: none;
        position: absolute;
    }
    .total_block {
        text-align: center;
        padding-bottom: 60px;
    }
    .total_block .all_price {
        display: block;
        margin-bottom: 15px;
        margin-right: 0;
    }
    .total_block .buy_complect {
        display: block;
        width: fit-content;
        margin: 0 auto;
    }
    #complects_component ol {
        left: 49.5% !important;
    }
}
/* End */


/* Start:/bitrix/templates/aspro_next/components/bitrix/sale.gift.main.products/main/style.css?1592288024663*/
.bx_item_list_title {
    font-weight: bold;
    color: #000;
    background: #ebf4f8;
    vertical-align: middle;
    height: 38px;
    text-align: center;
    line-height: 38px;
    font-size: 14px;
}
.bx_sale_gift_main_products.bx_wood .bx_item_list_title{background:#ebf4f8;}
.bx_sale_gift_main_products.bx_red .bx_item_list_title{background:#FBF1F0}
.bx_sale_gift_main_products.bx_green .bx_item_list_title{background:#F2FBEA}
.bx_sale_gift_main_products.bx_blue .bx_item_list_title{background:#ebf4f8}
.bx_sale_gift_main_products.bx_black .bx_item_list_title{background:#f1f4f7;}
.bx_sale_gift_main_products.bx_yellow .bx_item_list_title{background:#FBF7DB}
/* End */
/* /bitrix/templates/aspro_next/components/bitrix/catalog.element/main2_rc/real_size.css?177996201230476 */
/* /bitrix/templates/aspro_next/components/bitrix/catalog.element/main2_rc/style.css?17688098199354 */
/* /local/components/cone/catalog.complects/templates/.default/style.css?16805140728788 */
/* /bitrix/templates/aspro_next/components/bitrix/sale.gift.main.products/main/style.css?1592288024663 */