

/* Start:/local/templates/votkinsk/components/bitrix/catalog/main/style.css?17786155254465*/
/* Catalog list modal */
.catalog-list-modal .item .list-item-name .h5 {
  font-size: 1rem;
}

.catalog-list-modal .item .item-prices .prices {
  display: flex;
  align-items: flex-start;
  margin-bottom: 0.25rem;
}

.catalog-list-modal .item .item-prices .price-group {
  border-top: 0;
  padding-top: 0;
  margin-bottom: 0;
}

.catalog-list-modal .item .item-prices .price-matrix {
  display: block;
}

.catalog-list-modal .item .item-prices .price-group {
  order: 1;
  margin-right: 2.5rem;
  color: var(--gray-600);
}

.catalog-list-modal .item .item-prices .price-group:not(.min) {
  order: 2;
}

.catalog-list-modal .item .item-prices .price-name {
  margin-bottom: 0.25rem;
}

.catalog-list-modal .item .item-prices .price {
  display: flex;
  flex-wrap: nowrap;
  white-space: nowrap;
  align-items: center;
}

.catalog-list-modal .item .item-prices .price-group .price {
  font-size: 1.2rem;
  padding-top: 0.125rem;
}

.catalog-list-modal .item .item-prices .price-group .price .price-measure {
  font-size: 1rem;
}

.catalog-list-modal .item .item-prices .price-group:not(.min) .price {
  font-size: 1.325rem;
  font-weight: 600;
}

.catalog-list-modal .item .item-prices .price-group:not(.min) .price .price-measure {
  font-size: 1.25rem;
}

.catalog-list-modal .item .item-prices .price-alt {
  margin-top: 0.15rem;
}

.catalog-list-modal .item .item-prices .price-group .price-alt {
  font-size: 1rem;
}

.catalog-list-modal .item .item-prices .price-group:not(.min) .price-alt {
  font-size: 1rem;
}

.catalog-list-modal .item .item-prices .alt-price-note {
  position: absolute;
  right: 0;
  bottom: 0.75rem;
  font-size: 85%;
}

.catalog-list-modal .item .counter_wrapp .input-group > .form-control {
  padding: 0.325rem 0.6125rem;
  font-size: 0.875rem;
  line-height: 1.5;
}

.catalog-list-modal .item .counter_wrapp .input-group > .form-control:not(textarea),
.catalog-list-modal .item .counter_wrapp .input-group > .custom-select {
  height: calc(1.5em + 0.65rem + 2px);
}

.catalog-list-modal .item .counter_wrapp .btn {
  padding: 0.325rem 0.6125rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.425rem;
}

.catalog-list-modal .item .counter_wrapp .total_summ {
  text-align: center;
}

@media (max-width: 767px) {
  /* Catalog list modal */
  .expandables-modal-header .h3 {
    font-size: 1.15rem;
  }

  .expandables-modal-header .h5 {
    font-size: 1.075rem;
  }

  .expandables-modal-header .rum-icon-24,
  .expandables-modal-header .rum-icon-24 svg {
    width: 16px;
    height: 16px;
  }

  .catalog-list-modal .item:first-child > .item-container {
    padding-top: 0 !important;
    border-top: 0 !important;
  }

  .catalog-list-modal .item:last-child > .item-container {
    border-bottom: 0 !important;
  }

  .catalog-list-modal .item .counter_wrapp .row {
    flex: 0 0 100%;
    max-width: none;
  }

  .catalog-list-modal .item .counter_wrapp .total_summ {
    position: relative;
    flex: 0 0 100%;
    max-width: none;
    padding-left: 0;
    padding-top: 0.25rem;
    text-align: center;
  }
}


@media (max-width: 575px) {
  /* Catalog list modal */
  .expandables-modal-title.h4 {
    font-size: 1.25rem;
  }

  .catalog-list-modal .item .stock_wrapper {
    font-size: 0.925rem;
  }

  .catalog-list-modal .item .list-item-name .h5 {
    font-size: 1.075rem;
    font-weight: 400;
  }

  .catalog-list-modal .item .item-prices .prices {
    display: block;
    align-items: flex-start;
    margin-bottom: 0.25rem;
  }

  .catalog-list-modal .item .item-prices .price-group {
    margin-right: 0;
    margin-bottom: 0.45rem;
  }

  .catalog-list-modal .item .item-prices .price-name {
    margin-bottom: 0;
    line-height: 1.35;
  }

  .catalog-list-modal .item .item-prices .price-group .price {
    font-size: 1rem;
    padding-top: 0;
  }

  .catalog-list-modal .item .item-prices .price-group:not(.min) {
    margin-bottom: 0.25rem;
  }

  .catalog-list-modal .item .item-prices .price-group:not(.min) .price {
    font-size: 1.275rem;
    font-weight: 600;
  }

  .catalog-list-modal .item .counter_wrapp {
    margin-left: calc(-25% - 1.25rem + 1px) !important;
    margin-right: 0 !important;
  }
}


@media (max-width: 419px) {
  /* Catalog list modal */
  .catalog-list-modal .item .list-item-name .h5 {
    font-size: 1rem;
  }

  .catalog-list-modal .item .article_block {
    font-size: 0.9rem;
  }

  .catalog-list-modal .item .item-prices .price-name {
    font-size: 0.95rem;
  }
}

/* End */


/* Start:/local/templates/votkinsk/components/bitrix/catalog.element/main/style.css?177015716312499*/
.detail_page #pagetitle {
  font-weight: 700;
}

.product-bottom-info-wrapper .tab-pane#desc a:not(.btn),
.product-bottom-info-wrapper .tab-pane#sortdesc a:not(.btn),
.product-bottom-info-wrapper .tab-pane#installation a:not(.btn) {
  text-decoration: none;
  border-bottom: 1px solid var(--primary);
  color: var(--primary);
}

/** Image carousel **/
.pg-slider.f-carousel {
  --f-carousel-spacing: 0;

  --f-button-width: 2.5rem;
  --f-button-height: 2.5rem;
  --f-button-border-radius: 0;

  --f-button-color: var(--gray-900);
  --f-button-hover-color: var(--primary);

  --f-button-bg: var(--white);
  --f-button-hover-bg: var(--white);
  --f-button-active-bg: var(--white);
  --f-button-border-radius: 0.5rem;

  --f-button-svg-width: 1.25rem;
  --f-button-svg-height: 1.25rem;

  --f-button-svg-stroke-width: 2;
  --f-button-svg-filter: none;

  --f-button-next-pos: 0.75rem;
  --f-button-prev-pos: 0.75rem;
}

.pg-slider .f-carousel__slide {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.pg-slider .f-carousel__slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.pg-slider .f-carousel__nav {
  opacity: 0;
  transition: opacity 0.15s;
}

.pg-slider:hover .f-carousel__nav {
  opacity: 1;
}

.pg-thumbs.f-thumbs {
  --f-thumb-width: 3rem;
  --f-thumb-height: 3rem;
  --f-thumb-border-radius: 0;

  --f-thumb-gap: 1.25rem;

  --f-thumb-opacity: 1;
  --f-thumb-selected-opacity:0.75;
  --f-thumb-selected-border: 1px solid var(--primary);

  --f-button-color: var(--gray-900);
  --f-button-hover-color: var(--primary);

  --f-button-bg: var(--white);
  --f-button-hover-bg: var(--white);
  --f-button-active-bg: var(--white);

  --f-button-svg-disabled-opacity: 0.35;

  --f-button-width: 1.75rem;
  --f-button-height: 1.75rem;
  --f-button-border-radius: 0;
  --f-button-next-pos: 1.5rem;
  --f-button-prev-pos: 1.5rem;
}

.pg-thumbs.f-thumbs .f-thumbs__slide__img {
  object-fit: contain;
}

.pg-thumbs.f-thumbs.is-horizontal .f-thumbs__track {
  padding: 0.5rem 0;
}

.pg-thumbs.f-thumbs.is-horizontal {
  padding: 0 3.5rem;
}

.pg-thumbs.f-thumbs.is-vertical {
  padding: 0;
}

.pg-thumbs.f-thumbs .is-nav-selected .f-thumbs__slide__button {
  border: var(--f-thumb-selected-border);
}

/** Prices **/
.product-main .item-prices {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.product-main .item-prices .price-group {
  max-width: 50%;
}

.product-main .item-prices .price-name {
  font-size: 1.125rem;
}

.product-main .item-prices .price-matrix {
  display: block;
}

.product-main .item-prices .price-group.min {
  order: 2;
  color: var(--gray-800);
}

.product-main .item-prices .price-group.min .price {
  font-size: 1.75rem;
  display: flex;
  align-items: center;
  line-height: 3rem;
  margin-top: 0.5rem;
}

.product-main .item-prices .price-group.min .price .price-measure {
  font-size: 1.5rem;
}

.product-main .item-prices .price-group:not(.min) {
  order: 1;
  margin-right: 3.5rem;
}

.product-main .item-prices .price-group:not(.min) .price {
  font-size: 2.125rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  line-height: 3.5rem;
}

.product-main .item-prices .price-group:not(.min) .price .price-measure {
  font-size: 1.9125rem;
}

.product-main .item-prices .price-alt {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}

.product-main .item-prices .price-group.min .price-alt {
  font-size: 1.15rem;
}

.product-main .item-prices .price-group:not(.min) .price-alt {
  font-size: 1.15rem;
  font-weight: 600;
}

.product-main .item-prices .alt-price-note {
  position: relative;
  font-size: 85%;
  flex: 0 0 100%;
  max-width: 100%;
  order: 3;
}

.product-main .counter_wrapp .total_summ {
  margin-top: 0.75rem;
  position: relative;
  text-align: center;
  width: 100%;
}

/* Properties */
.product-characteristics-top {
  font-size: 1.125rem;
}

.product-characteristics-top .item-stock-value.text-danger {
  font-size: 90%;
}

/* Bottom info */
.product-bottom-info-wrapper .tab-pane .content a {
  color: var(--primary);
  text-decoration: underline;
}

.product-bottom-info-wrapper .tab-pane-content img {
  max-width: 100%;
  height: auto;
}

.product-bottom-info-nav .nav-item .btn-light:not(:disabled):not(.disabled).active {
  color: var(--white);
  background-color: var(--primary);
  border-color: var(--primary);
}

.product-stores-nav .nav-item .btn-light:not(:disabled):not(.disabled).active {
  color: var(--primary);
  font-weight: 600;
}

.product-bottom-info-wrapper .properties-list .properties-item:first-child {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.product-stores-nav > .nav-item:first-child .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.product-stores-nav > .nav-item:last-child .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

#stores-list > .h4:first-child {
  padding-top: 0 !important;
}

#stores-list > .store-block:last-child {
  border-bottom: 0 !important;
  margin-bottom: 0 !important;
}

#stores-list > .store-block p {
  margin-bottom: 0;
}

#stores-map .bx-yandex-map {
  height: 568px;
}

.questions-container .question-item-btn .question-item-arrow {
  transition: all 0.2s linear;
}

.questions-container .question-item-btn:hover .question-item-arrow {
  background: var(--primary) !important;
  color: var(--white) !important;
}

.questions-container .question-item-btn[aria-expanded="true"] .question-item-arrow {
  background: var(--primary) !important;
  color: var(--white) !important;
  transform: rotate(180deg);
}

.product-bottom-info-wrapper .information-item {
  margin: 1.5rem 0;
}

.product-bottom-info-wrapper .information-item-btn {
  background: var(--gray-200);
  padding: 1rem 1.5rem;
  border-radius: 0.475rem;
}

.product-bottom-info-wrapper .information-item-btn[aria-expanded="true"] {
  background: transparent;
  border: 1px solid var(--gray-300);
  border-bottom: 0;
  border-radius: 0.475rem 0.475rem 0 0;
}

.product-bottom-info-wrapper .information-item-btn .information-item-arrow {
	transition: all 0.2s linear;
}

.product-bottom-info-wrapper .information-item-btn[aria-expanded="true"] .information-item-arrow {
  transform: rotate(180deg);
}

.product-bottom-info-wrapper .information-item-content.collapse,
.product-bottom-info-wrapper .information-item-content.collapsing {
  border: 1px solid var(--gray-300);
  border-top: 0;
  padding: 1rem 1.5rem 0.5rem;
  border-radius: 0 0 0.475rem 0.475rem;
}


@media (min-width: 992px) {
  /** Image carousel **/
  .pg-thumbs.f-thumbs {
    flex: 0 0 100%;
    min-width: 100%;
  }

  .product-gallery.with-video .product-gallery-stickers {
    top: 0.125rem;
  }
}


@media (max-width: 1399px) {
  /** Prices **/
  .product-main .item-prices .price-name {
    font-size: 1.075rem;
  }

  .product-main .item-prices .price-group.min .price {
    font-size: 1.6125rem;
    line-height: 2.75rem;
    margin-top: 0.375rem;
  }

  .product-main .item-prices .price-group.min .price .price-measure {
    font-size: 1.325rem;
  }

  .product-main .item-prices .price-group:not(.min) {
    margin-right: 2.5rem;
  }

  .product-main .item-prices .price-group:not(.min) .price {
    font-size: 2rem;
    line-height: 3.25rem;
  }

  .product-main .item-prices .price-group:not(.min) .price .price-measure {
    font-size: 1.75rem;
  }

  /** Top info **/
  .product-shipping-info .h5,
  .product-pickup-info .h5 {
    font-size: 1.15rem;
  }
}


@media (max-width: 991px) {
  /* Bottom info */
  #stores-map .bx-yandex-map {
    height: 450px;
  }
}


@media (max-width: 767px) {
  .detail_page #pagetitle {
    font-size: 2.125rem;
  }

  /** Image carousel **/
  .pg-thumbs.f-thumbs {
    --f-thumb-width: 2.75rem;
    --f-thumb-height: 2.75rem;
    --f-thumb-border-radius: 0.375rem;

    --f-button-width: 1.5rem;
    --f-button-height: 1.25rem;

    --f-button-svg-width: 0.9125rem;
    --f-button-svg-height: 0.9125rem;

    --f-button-next-pos: 0;
    --f-button-prev-pos: 0;
  }

  .pg-thumbs.f-thumbs .f-carousel__nav .f-button[disabled] {
    opacity: 0;
  }


  .pg-thumbs.f-thumbs.is-vertical {
    height: 19rem;
  }

  .pg-thumbs.f-thumbs.is-vertical .f-thumbs__track {
    justify-content: center;
  }

  /** Prices **/
  .product-main .item-prices .price-name {
    font-size: 1.125rem;
  }

  .product-main .item-prices .price-group.min .price {
    font-size: 1.225rem;
    display: flex;
    align-items: center;
    line-height: 2.25rem;
    margin-top: 0.6rem;
  }

  .product-main .item-prices .price-group.min .price .price-measure {
    font-size: 1.125rem;
  }

  .product-main .item-prices .price-group:not(.min) {
    order: 1;
    margin-right: 2rem;
  }

  .product-main .item-prices .price-group:not(.min) .price {
    font-size: 1.7rem;
    line-height: 3rem;
  }

  .product-main .item-prices .price-group:not(.min) .price .price-measure {
    font-size: 1.375rem;
  }

  .product-main .item-prices .price-group.min .price-alt {
    font-size: 1rem;
  }

  .product-main .item-prices .price-group:not(.min) .price-alt {
    font-size: 1rem;
  }

  .product-main .buy_block {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 10;
  }

  .product-main .counter_wrapp .row {
    order: 2;
  }

  .product-main .counter_wrapp .total_summ {
    margin-top: 0;
    margin-bottom: 0.5rem;
    order: 1;
  }

  /* Bottom info */
  .product-bottom-info-wrapper > .tab-content>.tab-pane {
    display: block;
    opacity: 1;
    overflow: hidden;
  }

  .product-bottom-info-wrapper .tab-pane-button .tab-pane-button-title {
    font-size: 1.075rem;
  }

  .product-bottom-info-wrapper .tab-pane-button .tab-pane-button-arrow {
    transition: all 0.2s linear;
  }

  .product-bottom-info-wrapper .tab-pane-button.toggled {
    background: var(--gray-300);
    color: var(--dark);
    font-weight: 600;
  }

  .product-bottom-info-wrapper .tab-pane-button.toggled .tab-pane-button-arrow {
    transform: rotate(180deg);
  }

  .product-bottom-info-wrapper .tab-pane-button.toggled .tab-pane-button-arrow .svg {
    color: var(--dark) !important;
  }

  .product-bottom-info-wrapper .tab-pane-content.toggled {
    margin-top: 1rem !important;
  }

  .product-bottom-info-wrapper .properties-list .properties-item:last-child {
    border-bottom: 0 !important;
  }

  .product-stores-nav .nav-item .btn-light:not(:disabled):not(.disabled).active {
    color: var(--white);
    background-color: var(--primary);
    border-color: var(--primary);
  }
}


@media (max-width: 639px) {
  /* Bottom info */
  .product-stores-nav {
    width: 100%;
  }

  .product-stores-nav .nav-item {
    flex: 0 0 50%;
    min-width: 50%;
  }

  .product-stores-nav .nav-item .btn {
    width: 100%;
    display: block;
  }

  #stores-list .store-info-schedule {
    font-size: 90%;
  }

  #stores-list .store-info-note {
    font-size: 90%;
  }

  #stores-list > .store-block p {
    margin-bottom: 0.25rem;
  }

  #stores-map .bx-yandex-map {
    height: 400px;
  }

  .product-bottom-info-wrapper .information-item-btn {
    padding: 0.75rem 1rem;
  }

  .product-bottom-info-wrapper .information-item-btn .h5 {
    font-size: 1.1rem;
  }

  .product-bottom-info-wrapper .information-item-btn .information-item-arrow .rum-icon-26,
  .product-bottom-info-wrapper .information-item-btn .information-item-arrow .rum-icon-26 svg {
    width: 22px;
    height: 22px;
  }

  .product-bottom-info-wrapper .information-item-content.collapse,
  .product-bottom-info-wrapper .information-item-content.collapsing {
    padding: 0.25rem 1rem 0.5rem;
  }

  #installation .tab-content h4, #installation .tab-content .h4 {
    font-size: 1.25rem;
  }
}

@media (max-width: 575px) {
  .detail_page #pagetitle {
    font-size: 1.375rem;
  }

  /** Image carousel **/
  .product-gallery-info {
    font-size: 90%;
  }

  /** Top info **/
  .product-shipping-info .h5,
  .product-pickup-info .h5 {
    font-size: 1.125rem;
  }

  /* Bottom info */
  #stores-map .bx-yandex-map .ymaps-point-overlay svg {
    width: 32px;
    height: 32px;
  }
}

@media (max-width: 379px) {
  .product-shipping-info .h5,
  .product-pickup-info .h5 {
    font-size: 1.075rem;
  }
}

@media (max-width: 359px) {
  .detail_page #pagetitle {
    font-size: 1.25rem;
  }

  /** Prices **/
  .product-main .item-prices .price-group:not(.min) {
    margin-right: 1rem;
  }

  /** Top info **/
  .product-mobile-fastlinks {
    font-size: 0.925rem;
  }
}

/* End */


/* Start:/local/templates/votkinsk/css/rumles-home.css?179383557820366*/
/* Главная Румлеса: макеты «Румлес · Дизайн» и «Румлес Сайт» (Figma). Токены — UI Kit. */
.rhm {
	--g: #148636; --g-dark: #007222; --g-soft: #76af65; --g-pale: #e3f0dc; --g-deep: #173a36;
	--ink: #1e1e1e; --muted: #5d5d5d; --grey: #85889e; --bg: #f5f6f6; --line: #e7e7e7;
	--orange: #e9581a; --r: 16px; --r-sm: 10px;
	font-family: 'IBM Plex Sans', system-ui, sans-serif; color: var(--ink);
	margin-top: -24px;
}
.rhm a { text-decoration: none; color: inherit; }
.rhm img { max-width: 100%; }
.rhm-section, .rhm-services, .rhm-cats-wrap, .rhm-articles-wrap { margin-top: 64px; }
.rhm-head { display: flex; align-items: center; gap: 16px; margin-bottom: 24px; }
.rhm-head .rhm-h2 { margin-right: auto; }
.rhm-h2 { font-size: 36px; line-height: 1.15; font-weight: 600; margin: 0; }
.rhm-h2-light { color: #fff; }
.rhm-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 0 20px; border-radius: var(--r-sm); border: 1px solid transparent; font-weight: 600; font-size: 15px; white-space: nowrap; cursor: pointer; }
.rhm-btn-sm { min-height: 36px; padding: 0 18px; font-size: 14px; }
.rhm-btn-line { background: #fff; border-color: var(--line); color: var(--ink) !important; }
.rhm-btn-line:hover { border-color: var(--g); color: var(--g) !important; }
.rhm-btn-brand { background: var(--g); color: #fff !important; }
.rhm-btn-brand:hover { background: var(--g-dark); }
.rhm-btn-dark { background: var(--ink); color: #fff !important; }
.rhm-btn-dark:hover { background: #000; }
.rhm-btn-light { background: #fff; color: var(--ink) !important; }
.rhm-btn-block { width: 100%; }
.rhm-arrows { display: flex; gap: 10px; }
.rhm-arrows button { width: 36px; height: 36px; border-radius: 50%; border: 1px solid var(--line); background: #fff; font-size: 22px; line-height: 1; color: var(--ink); padding: 0 0 3px; }
.rhm-arrows button:hover { border-color: var(--g); color: var(--g); }

/* 1. Баннер с видео */
.rhm-hero { position: relative; height: 460px; overflow: hidden; background: linear-gradient(135deg, var(--g-deep), var(--g)); color: #fff; }
.rhm-hero-slide { position: absolute; inset: 0; opacity: 0; transition: opacity .6s; pointer-events: none; }
.rhm-hero-slide.is-active { opacity: 1; pointer-events: auto; }
.rhm-hero-media, .rhm-hero-media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.rhm-hero-slide::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,.45) 0%, rgba(0,0,0,.1) 45%, rgba(0,0,0,.55) 100%); }
.rhm-hero-dark .rhm-hero-body { color: var(--ink); }
.rhm-hero-dark::after { background: none; }
.rhm-hero-body { position: relative; z-index: 2; padding-top: 48px; display: flex; flex-direction: column; align-items: flex-start; gap: 24px; }
.rhm-hero-title { font-size: 36px; line-height: 1.15; font-weight: 600; max-width: 640px; }
.rhm-hero-tabs { position: absolute; left: 0; right: 0; bottom: 36px; z-index: 3; display: grid; grid-template-columns: repeat(auto-fit, minmax(0, 1fr)); gap: 24px; }
.rhm-hero-tab { background: none; border: 0; padding: 0; text-align: left; color: rgba(255,255,255,.6); font-size: 15px; font-weight: 500; display: flex; flex-direction: column; gap: 16px; cursor: pointer; }
.rhm-hero-tab.is-active, .rhm-hero-tab:hover { color: #fff; }
.rhm-hero-bar { display: block; height: 2px; background: rgba(255,255,255,.3); overflow: hidden; }
.rhm-hero-bar i { display: block; height: 100%; width: 0; background: #fff; }
.rhm-hero-tab.is-active .rhm-hero-bar i { animation: rhm-progress var(--rhm-hero-ms, 7000ms) linear forwards; }
.rhm-hero.is-paused .rhm-hero-tab.is-active .rhm-hero-bar i { animation-play-state: paused; }
@keyframes rhm-progress { to { width: 100%; } }

/* 2. Плитки */
.rhm-tiles { display: grid; grid-template-columns: 1fr 1fr 2fr; gap: 16px; margin-top: 16px; }
.rhm-tile { position: relative; overflow: hidden; border-radius: var(--r); padding: 24px; min-height: 250px; display: flex; flex-direction: column; background: #fff; border: 1px solid var(--line); }
.rhm-tile-title { font-size: 22px; line-height: 1.2; font-weight: 600; position: relative; z-index: 1; }
.rhm-tile-title-lg { font-size: 30px; max-width: 460px; }
.rhm-tile-title mark { background: var(--orange); color: #fff; padding: 0 6px; }
.rhm-tile-art { position: absolute; right: 16px; top: 16px; width: 96px; height: auto; }
.rhm-tile-hours { margin-top: auto; display: flex; flex-direction: column; gap: 8px; position: relative; z-index: 1; }
.rhm-tile-hours div { display: flex; flex-direction: column; }
.rhm-tile-hours span { font-size: 14px; opacity: .8; }
.rhm-tile-hours b { font-size: 34px; line-height: 1.05; font-weight: 600; }
.rhm-tile-sub { margin-top: 12px; font-size: 13px; opacity: .85; position: relative; z-index: 1; }
.rhm-tile-phone { background: linear-gradient(160deg, var(--g-soft), var(--g)); border: 0; color: #fff !important; }
.rhm-tile-hours-card .rhm-tile-sub { color: var(--g); opacity: 1; }
.rhm-tile-promo { background: #c8dfcb; border: 0; justify-content: space-between; }
.rhm-tile-promo .rhm-tile-art { top: auto; bottom: 0; right: 0; width: 46%; max-width: 300px; }
.rhm-tile-promo .rhm-btn { align-self: flex-start; position: relative; z-index: 1; }

/* 3. Наши акции: крупные баннеры, по краям видны соседние */
.rhm-promo { display: flex; gap: 20px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; margin: 0 -15px; padding: 0 15px; }
.rhm-promo::-webkit-scrollbar { display: none; }
.rhm-promo-item { flex: 0 0 76%; scroll-snap-align: center; border-radius: var(--r); overflow: hidden; background: var(--bg); }
.rhm-promo-item img { display: block; width: 100%; height: 100%; aspect-ratio: 25 / 9; object-fit: cover; }

/* 4. Актуальные товары на фоне */
.rhm-products { margin-top: 64px; }
.rhm-products > .container { position: relative; border-radius: 24px; overflow: hidden; padding-top: 48px; padding-bottom: 32px; background: #5b8fc7 var(--rhm-products-bg) center / cover no-repeat; }
.rhm-products .products-carousel-container { position: relative; }
.rhm-products h2, .rhm-products .title_block, .rhm-products .h2, .rhm-products .block-title { color: #fff !important; text-shadow: 0 1px 12px rgba(0,0,0,.25); }
.rhm-products .catalog-block .item, .rhm-products .catalog_item, .rhm-products .f-carousel__slide > div { background: #fff; border-radius: var(--r); }
@media (min-width: 1200px) {
	.rhm-products .f-carousel, .rhm-products .catalog-block-carousel, .rhm-products .swiper { margin-left: 30%; }
}

/* 5. Наш сервис */
.rhm-services { background: var(--g-pale); border-radius: 24px; padding: 32px; }
.rhm-services-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.rhm-service { background: #fff; border-radius: var(--r); padding: 24px; display: flex; flex-direction: column; gap: 10px; transition: box-shadow .2s; }
.rhm-service:hover { box-shadow: 0 6px 24px rgba(20,134,54,.15); }
.rhm-service img { width: 72px; height: 72px; object-fit: contain; }
.rhm-service-head { display: flex; justify-content: space-between; gap: 12px; font-size: 20px; font-weight: 600; }
.rhm-service-head b { color: var(--g); white-space: nowrap; }
.rhm-service-text { color: var(--muted); font-size: 15px; line-height: 1.35; }

/* 6. Популярные категории */
.rhm-cats-wrap { background: #f7f7f7; padding: 48px 0; }
.rhm-cats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.rhm-cat { position: relative; min-height: 200px; background: #fff; border-radius: var(--r); padding: 24px 45% 24px 24px; overflow: hidden; display: flex; flex-direction: column; gap: 10px; transition: box-shadow .2s; }
.rhm-cat:hover { box-shadow: 0 6px 24px rgba(0,0,0,.08); }
.rhm-cat-title { font-size: 22px; font-weight: 600; line-height: 1.2; position: relative; z-index: 1; }
.rhm-cat-text { color: var(--grey); font-size: 14px; line-height: 1.4; position: relative; z-index: 1; }
.rhm-cat img { position: absolute; right: 0; bottom: 0; width: 46%; height: 100%; object-fit: contain; object-position: right bottom; }

/* 7. Статьи */
.rhm-articles { display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - 60px) / 4); gap: 20px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
.rhm-articles::-webkit-scrollbar { display: none; }
.rhm-article { scroll-snap-align: start; background: #fff; border: 1px solid var(--line); border-radius: var(--r); overflow: hidden; display: flex; flex-direction: column; }
.rhm-article-img { display: block; aspect-ratio: 330 / 180; background: var(--bg); }
.rhm-article-img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.rhm-article-title { padding: 16px 16px 0; font-size: 15px; line-height: 1.35; flex-grow: 1; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.rhm-article .rhm-btn { margin: 16px; align-self: flex-start; }

/* 8. Пиломатериалы в Ижевске */
.rhm-shops { background: var(--g); padding: 48px 0; margin-top: 64px; margin-bottom: -48px; }
.rhm-shops .rhm-h2 { margin-bottom: 24px; }
.rhm-shops-grid { display: grid; grid-template-columns: 360px 1fr; gap: 20px; }
.rhm-shops-card { background: #fff; border-radius: var(--r); padding: 24px; display: flex; flex-direction: column; gap: 20px; }
.rhm-shops-title { font-size: 22px; font-weight: 600; }
.rhm-shop { display: flex; flex-direction: column; gap: 6px; font-size: 15px; line-height: 1.35; }
.rhm-shop-name { display: flex; align-items: center; gap: 8px; font-weight: 600; }
.rhm-shop-name svg { width: 20px; height: 20px; fill: none; stroke: var(--g); stroke-width: 1.8; flex: none; }
.rhm-shop-addr, .rhm-shop-time { color: var(--muted); }
.rhm-shops-card .rhm-btn { margin-top: auto; }
.rhm-shops-map { border-radius: var(--r); overflow: hidden; background: #fff; min-height: 460px; }
.rhm-shops-map .front-map-title, .rhm-shops-map h2, .rhm-shops-map .h2, .rhm-shops-map .map-list, .rhm-shops-map .stores-list, .rhm-shops-map .front-map-list { display: none !important; }
.rhm-shops-map .bx-yandex-view-layout, .rhm-shops-map .bx-yandex-map, .rhm-shops-map [id^="BX_YMAP"] { height: 460px !important; width: 100% !important; }

/* адаптив */
@media (max-width: 1199.98px) {
	.rhm-tiles { grid-template-columns: 1fr 1fr; }
	.rhm-tile-promo { grid-column: 1 / -1; }
	.rhm-cats { grid-template-columns: repeat(2, 1fr); }
	.rhm-articles { grid-auto-columns: calc((100% - 20px) / 2.3); }
}
@media (max-width: 767.98px) {
	.rhm { margin-top: -16px; }
	.rhm-h2 { font-size: 26px; }
	.rhm-head { flex-wrap: wrap; }
	.rhm-head .rhm-arrows { display: none; }
	.rhm-section, .rhm-services, .rhm-cats-wrap, .rhm-articles-wrap, .rhm-products, .rhm-shops { margin-top: 40px; }
	.rhm-hero { height: 420px; }
	.rhm-hero-title { font-size: 28px; }
	.rhm-hero-tabs { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: 70%; overflow-x: auto; scrollbar-width: none; bottom: 24px; gap: 16px; }
	.rhm-tiles { grid-template-columns: 1fr; }
	.rhm-tile { min-height: 200px; }
	.rhm-tile-title-lg { font-size: 24px; max-width: 60%; }
	.rhm-promo-item { flex-basis: 88%; }
	.rhm-promo-item img { aspect-ratio: 1 / 1; }
	.rhm-products > .container { border-radius: 0; padding-top: 32px; }
	.rhm-services { border-radius: 0; margin-left: -15px; margin-right: -15px; padding: 24px 15px; }
	.rhm-services-grid, .rhm-cats { grid-template-columns: 1fr; }
	.rhm-cats-wrap { padding: 32px 0; }
	.rhm-articles { grid-auto-columns: 80%; }
	.rhm-shops-grid { grid-template-columns: 1fr; }
	.rhm-shops-map { min-height: 320px; }
	.rhm-shops-map .bx-yandex-view-layout, .rhm-shops-map .bx-yandex-map, .rhm-shops-map [id^="BX_YMAP"] { height: 320px !important; }
}

/* исправления по скриншоту */
.rhm .rhm-hero-tab { color: rgba(255,255,255,.65) !important; background: none !important; box-shadow: none !important; }
.rhm .rhm-hero-tab.is-active, .rhm .rhm-hero-tab:hover { color: #fff !important; }
.rhm .rhm-hero-bar { background: rgba(255,255,255,.35) !important; }
.rhm a.rhm-tile, .rhm .rhm-tile { border-color: var(--line) !important; }
.rhm a.rhm-tile-phone, .rhm .rhm-tile-promo { border-color: transparent !important; }
/* в блоке «Пиломатериалы в Ижевске» от компонента карты нужна только сама карта */
.rhm-shops-map .map-header, .rhm-shops-map .map-tabs, .rhm-shops-map .map-shops-container { display: none !important; }
.rhm-shops-map .map-wrapper, .rhm-shops-map .tab-content { height: 100%; min-height: inherit; }
.rhm-shops-map .tab-pane:not(.map-shops-container) { display: block !important; opacity: 1 !important; position: absolute; inset: 0; }
.rhm .rhm-hero-tab { align-items: stretch !important; } .rhm .rhm-hero-bar { width: 100%; }
@media (max-width: 767.98px) {
	.rhm-tile { min-height: 0; padding: 20px; }
	.rhm-tile-hours { flex-direction: row; gap: 32px; margin-top: 16px; }
	.rhm-tile-hours b { font-size: 28px; }
	.rhm-tile-art { width: 72px; }
	.rhm-tile-promo { min-height: 200px; }
	.rhm-cat { min-height: 140px; padding-right: 42%; }
	.rhm-cat-title { font-size: 20px; }
	.rhm-cats { gap: 12px; }
}

/* 4. Актуальные товары — свои карточки по макету «Румлес Сайт» */
.rhm-products > .container { background: none; padding: 0 15px; border-radius: 0; overflow: visible; }
.rhm-products-box { position: relative; border-radius: 24px; overflow: hidden; padding: 48px 40px 40px; background: #5b8fc7 var(--rhm-products-bg) left center / cover no-repeat; min-height: 520px; }
.rhm-products-box .rhm-head { margin-bottom: 28px; }
.rhm-products-box .rhm-h2 { text-shadow: 0 1px 14px rgba(0,0,0,.25); }
.rhm-products-box .rhm-arrows button { border-color: transparent; }
.rhm-pcards { display: grid; grid-auto-flow: column; grid-auto-columns: 216px; gap: 16px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; margin-left: 30%; padding-bottom: 4px; }
.rhm-pcards::-webkit-scrollbar { display: none; }
.rhm-pcard { scroll-snap-align: start; position: relative; background: #fff; border-radius: 12px; padding: 14px; display: flex; flex-direction: column; box-shadow: 0 4px 18px rgba(0,0,0,.08); }
.rhm-pcard-tag { position: absolute; top: 10px; right: 10px; z-index: 1; max-width: 70%; padding: 3px 7px; border-radius: 6px; font-size: 10px; font-weight: 600; line-height: 1.15; text-align: center; }
.rhm-pcard-tag.is-yellow { background: #ffe500; color: var(--ink); }
.rhm-pcard-tag.is-red { background: #e65441; color: #fff; }
.rhm-pcard-img { display: flex; align-items: center; justify-content: center; height: 150px; margin-bottom: 12px; }
.rhm-pcard-img img { max-height: 150px; max-width: 100%; object-fit: contain; }
.rhm-pcard-art { font-size: 11px; font-weight: 600; color: var(--muted); margin-bottom: 6px; }
.rhm-pcard-name { font-size: 14px; line-height: 1.3; min-height: 3.9em; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 10px; }
.rhm-pcard-name:hover { color: var(--g) !important; }
.rhm-pcard-prices { margin-top: auto; display: grid; gap: 2px; margin-bottom: 12px; }
.rhm-pcard-label { font-size: 11px; font-weight: 600; color: var(--ink); margin-top: 4px; }
.rhm-pcard-price { font-size: 15px; font-weight: 600; }
.rhm-pcard-price.is-sale { color: var(--g); }
.rhm-pcard-buy { display: flex; gap: 8px; }
.rhm-qty { display: flex; align-items: center; background: #f5f6f6; border-radius: 8px; height: 36px; }
.rhm-qty button { width: 26px; height: 36px; border: 0; background: none; font-size: 16px; color: var(--ink); padding: 0; }
.rhm-qty input { width: 30px; height: 36px; border: 0; background: none; text-align: center; font-size: 14px; font-weight: 600; padding: 0; }
.rhm-pcard-add { flex: 1; min-height: 36px; padding: 0 10px; font-size: 14px; border-radius: 8px; }
.rhm-pcard-add.is-added { background: var(--g-dark); }
@media (max-width: 1199.98px) { .rhm-pcards { margin-left: 0; } .rhm-products-box { background-position: 20% center; } }
@media (max-width: 767.98px) {
	.rhm-products > .container { padding: 0; }
	.rhm-products-box { border-radius: 0; padding: 32px 15px 24px; min-height: 0; }
	.rhm-pcards { grid-auto-columns: 172px; gap: 10px; }
	.rhm-pcard { padding: 10px; }
	.rhm-pcard-img { height: 120px; } .rhm-pcard-img img { max-height: 120px; }
}

/* 3. Наши акции — компонент баннеров внутри секции */
.rhm-promo-section .svg-banners, .rhm-promo-section .f-carousel { border-radius: var(--r); overflow: hidden; }

/* правки карточек товаров: обычная цена серым и мельче, цена со скидкой жирная (не зелёная), зелёная — только ссылка-подсказка */
.rhm-pcard-name { -webkit-line-clamp: 2; min-height: 2.6em; }
.rhm-pcard-price.is-base { font-size: 13px; font-weight: 400; color: var(--grey); }
.rhm-pcard-price.is-sale { font-size: 16px; font-weight: 700; color: var(--ink); }
.rhm-pcard-label { font-weight: 400; color: var(--muted); }
.rhm .rhm-pcard-hint { color: var(--g) !important; border-bottom: 1px dashed currentColor; cursor: pointer; }
.rhm .rhm-pcard-hint:hover { color: var(--g-dark) !important; }

/* баннер: постер сразу, видео проявляется поверх, когда пошло воспроизведение */
.rhm-hero-video { opacity: 0; transition: opacity .6s; }
.rhm-hero-video.is-playing { opacity: 1; }
.rhm-hero-poster img { object-fit: cover; }
/* слайд с видео: надписи уже вшиты в ролик — свой заголовок прячем визуально (остаётся для поиска и читалок),
   кнопку ставим вниз слева, где у ролика свободно; затемнение только снизу */
.rhm-hero-has-video .rhm-hero-body { position: absolute; left: 0; right: 0; bottom: 40px; padding-top: 0; }
.rhm-hero-has-video .rhm-hero-title { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; }
.rhm-hero-has-video::after { background: linear-gradient(180deg, rgba(0,0,0,0) 60%, rgba(0,0,0,.35) 100%); }
@media (max-width: 767.98px) { .rhm-hero-has-video .rhm-hero-body { bottom: 24px; } }
/* на телефоне баннер в пропорциях мобильного ролика (640×512), чтобы надписи в видео не обрезались */
@media (max-width: 767.98px) { .rhm-hero:has(.rhm-hero-has-video) { height: auto; aspect-ratio: 640 / 512; } }

/* цены в карточках карусели — сразу под названием; вниз прижимается только кнопка «Купить» */
.rhm-pcard-prices { margin-top: 0; }
.rhm-pcard-buy, .rhm-pcard > .rhm-pcard-add { margin-top: auto; }

/* «Вы уже просматривали» после зелёного блока магазинов: убираем нахлёст (у блока отрицательный отступ под подвал) */
body:has(.footer-viewed-wrapper) .rhm-shops { margin-bottom: 0; }
body:has(.rhm-shops) .carousel-wrapper:has(.footer-viewed-wrapper) { padding-top: 48px; }
/* «Наш сервис»: карточки — обычные блоки, без перехода, тени, сдвига и подчёркивания при наведении */
.rhm-service, .rhm-service:hover { box-shadow: none !important; transform: none !important; text-decoration: none !important; cursor: default; }
.rhm-service:hover * { text-decoration: none !important; }

/* «Актуальные товары»: блок цен одной высоты во всех карточках, одиночная цена — внизу, на уровне нижней цены соседних карточек */
.rhm-pcard-prices { display: flex !important; flex-direction: column; justify-content: flex-end; min-height: 80px; margin-top: auto !important; }
.rhm-pcard-buy, .rhm-pcard > .rhm-pcard-add { margin-top: 0 !important; }

/* End */


/* Start:/local/templates/votkinsk/css/rumles-product.css?179383695919660*/
/* Карточка товара Румлеса по макету «Румлес · Дизайн»: серый фон, белые карточки */
body.detail_page { --rp-bg: #f5f6f6; --rp-card: #fff; --rp-r: 8px; --rp-g: #148636; --rp-g-dark: #007222; --rp-ink: #1e1e1e; --rp-muted: #85889e; --rp-line: #e7e7e7; }
body.detail_page #content, body.detail_page .content-wrapper { background: var(--rp-bg); }
body.detail_page #content { padding-bottom: 8px; }
body.detail_page .rh { margin-bottom: 0; }
body.detail_page .top-block-wrapper { padding-top: 24px; }

/* верх: три колонки — белые карточки */
.product-view .product-info > .row { align-items: flex-start; }
.product-view .product-gallery { background: var(--rp-card); border: 0 !important; border-radius: var(--rp-r); padding: 16px !important; }
.product-view .product-main-characteristics { background: var(--rp-card); border-radius: var(--rp-r); padding: 20px 22px; }
.product-view .product-characteristics-top { margin-bottom: 14px !important; }
.product-view .product-characteristics-title { font-size: 17px !important; margin-bottom: 12px; }
.product-view .product-main { background: var(--rp-card); border-radius: var(--rp-r); padding: 22px 22px 16px; }
.product-view .product-delivery-info { background: var(--rp-card); border-radius: var(--rp-r); padding: 16px 16px 4px; margin-top: 12px; }
.product-view .product-shipping-info, .product-view .product-pickup-info { border-radius: 8px !important; background: #fff !important; }
.product-view .product-shipping-info { border-color: var(--rp-g) !important; }

/* главные характеристики с пунктиром */
.rp-keyprops { margin-top: 14px; padding-top: 14px; border-top: 1px solid var(--rp-line); display: flex; flex-direction: column; gap: 9px; font-size: 14px; }
.rp-keyprop { display: flex; align-items: baseline; gap: 6px; }
.rp-keyprop span { color: var(--rp-muted); white-space: nowrap; }
.rp-keyprop i { flex: 1; border-bottom: 1px dotted #c9ccd3; transform: translateY(-3px); min-width: 12px; }
.rp-keyprop b { font-weight: 500; text-align: right; }
.product-view a.rp-allprops { color: var(--rp-g) !important; font-weight: 500; text-decoration: none; margin-top: 4px; }

/* цены и кнопка */
.product-view .item-prices.detail .price-7 .price { font-size: 30px; font-weight: 700; }
.product-view .item-prices.detail .price-6 .price { color: var(--rp-muted); }
.product-view .buy_block { border-top: 0 !important; }
.product-view .buy_block .to-cart, .product-view .buy_block .btn-warning, .product-view .buy_block .btn.btn-primary.to-cart {
	background: var(--rp-ink) !important; border-color: var(--rp-ink) !important; color: #fff !important; border-radius: 6px !important; }
.product-view .buy_block .to-cart:hover, .product-view .buy_block .btn-warning:hover { background: #000 !important; }
.product-view .buy_block .in-cart, .product-view .buy_block .btn-success { border-radius: 6px !important; }
.product-view .counter_block, .product-view .counter_wrapp .counter { border-radius: 6px; }

/* вкладки — «таблетки» */
.product-bottom-info-wrapper { border-top: 0 !important; padding-top: 0 !important; }
.product-bottom-info-nav { gap: 10px; margin: 0 0 12px !important; }
.product-bottom-info-nav .nav-item { margin: 0 !important; }
.product-bottom-info-nav .tab-btn { margin: 0 !important; background: var(--rp-card) !important; border: 0 !important; border-radius: 6px !important; padding: 10px 18px !important; font-weight: 500; color: var(--rp-ink) !important; box-shadow: none !important; }
.product-bottom-info-nav .tab-btn:hover { color: var(--rp-g) !important; }
.product-bottom-info-nav .tab-btn.active { background: var(--rp-g) !important; color: #fff !important; }
.product-bottom-info-wrapper > .tab-content > .tab-pane { background: var(--rp-card); border-radius: var(--rp-r); padding: 24px !important; border: 0 !important; }
.product-bottom-info-wrapper > .tab-content > .tab-pane > .tab-pane-content { padding: 0 !important; margin: 0 !important; }

/* наличие на складах — отдельные плашки, наличие справа */
.stores_tab .product-stores-nav { margin-bottom: 14px !important; }
.stores_tab .store-block { border: 1px solid var(--rp-line) !important; border-radius: 8px; padding: 18px 20px !important; margin-bottom: 10px !important; position: relative; }
.stores_tab .store-block:last-child { margin-bottom: 0 !important; }

/* «Наши услуги» с главной */
.rhm.rp-services { margin-top: 8px !important; margin-bottom: 40px; }
.rhm.rp-services .rhm-services { margin-top: 0; }

/* мобильная версия: аккордеон вкладок тоже белыми карточками */
@media (max-width: 767.98px) {
	.product-view .product-gallery, .product-view .product-main-characteristics, .product-view .product-main { border-radius: 8px; }
	.product-view .product-main { padding: 18px 16px 10px; }
	.product-view .item-prices.detail .price-7 .price { font-size: 26px; }
	.product-bottom-info-wrapper .tab-pane { background: var(--rp-card); border-radius: 8px !important; margin-bottom: 10px; border: 0 !important; }
	.rhm.rp-services .rhm-services { border-radius: 0; }
}

/* правки по скриншоту */
body.detail_page, body.detail_page .wrapper { background: var(--rp-bg); }
body.detail_page .rf { margin-top: 0; }
.product-view .product-gallery { border-radius: var(--rp-r) !important; overflow: hidden; }
.product-view .product-gallery-container { background: transparent; }
.product-bottom-info-nav { margin-left: 0 !important; margin-right: 0 !important; }
.product-view .product-shipping-info .h5, .product-view .product-pickup-info .h5 { font-size: 16px !important; white-space: nowrap; }
.stores_tab .store-block { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.stores_tab .store-block .item-stock { flex: none; text-align: right; font-weight: 600; font-size: 15px; }
.stores_tab .store-block .store-info a.h5 { color: var(--rp-ink) !important; font-size: 18px !important; }
.stores_tab .store-block .store-info-schedule { color: var(--rp-muted) !important; font-size: 14px; }
@media (max-width: 767.98px) {
	.stores_tab .store-block { flex-direction: column; align-items: flex-start; gap: 8px; }
	.stores_tab .store-block .item-stock { text-align: left; }
}
.product-bottom-info-nav { padding-left: 0 !important; padding-right: 0 !important; }
@media (max-width: 767.98px) {
	.product-bottom-info-wrapper > .tab-content > .tab-pane { padding: 0 !important; }
	.product-bottom-info-wrapper .tab-pane-button { padding: 16px 18px !important; }
	.product-bottom-info-wrapper .tab-pane-content { padding: 0 18px 16px !important; }
}

/* ── правки по макету «Карточка товара» ── */
/* промежутки между тремя карточками верхнего блока — 16px, пропорции как в макете */
@media (min-width: 992px) {
	body.detail_page .row.mx-lg-n4:has(> .order-lg-1 .product-gallery) { margin-left: -8px !important; margin-right: -8px !important; }
	body.detail_page .row.mx-lg-n4:has(> .order-lg-1 .product-gallery) > [class*="col-"] { padding-left: 8px !important; padding-right: 8px !important; }
}
@media (min-width: 1200px) {
	body.detail_page .row.mx-lg-n4:has(> .order-lg-1 .product-gallery) > .order-lg-1 { flex: 0 0 38%; max-width: 38%; }
	body.detail_page .row.mx-lg-n4:has(> .order-lg-1 .product-gallery) > .order-lg-2 { flex: 0 0 28%; max-width: 28%; }
	body.detail_page .row.mx-lg-n4:has(> .order-lg-1 .product-gallery) > .order-lg-3 { flex: 0 0 34%; max-width: 34%; }
}
/* цены двумя колонками в одну строку: слева лучшая (со скидкой / по карте), справа обычная серым — подписи на одном уровне */
.product-view .item-prices.detail { flex-direction: row !important; flex-wrap: nowrap !important; align-items: flex-start !important; gap: 24px; }
.product-view .item-prices.detail > .price-group { flex: 1 1 0; min-width: 0; margin: 0 !important; padding: 0 !important; }
.product-view .item-prices.detail > .price-group.min { order: 2; }
.product-view .item-prices.detail .price-name { margin: 0 0 6px !important; padding: 0 !important; font-size: 15px; line-height: 1.3; }
.product-view .item-prices.detail .price-matrix, .product-view .item-prices.detail .price { margin: 0 !important; padding: 0 !important; }
.product-view .item-prices.detail .price { font-size: 28px !important; line-height: 1.15; font-weight: 600 !important; }
.product-view .item-prices.detail .price-group.min .price { color: #8d8d8d; font-weight: 500 !important; }
.product-view .item-prices.detail .price-alt { margin-top: 6px !important; font-size: 14px !important; font-weight: 500; color: var(--rp-ink); }
.product-view .item-prices.detail .price-group.min .price-alt { color: #8d8d8d; }
@media (max-width: 1199.98px) { .product-view .item-prices.detail .price { font-size: 24px !important; } }
/* «₽/шт» мельче цифры, как в макете */
.product-view .item-prices.detail .price .price_currency, .product-view .item-prices.detail .price .price-measure { font-size: .6em; font-weight: 500; }
.product-view .product-gallery .pg-slider, .product-view .product-gallery .f-carousel, .product-view .product-gallery .f-carousel__viewport { border-radius: 6px !important; }
/* «₽» и «/шт» одного размера */
.product-view .item-prices.detail .price .price_currency, .product-view .item-prices.detail .price .price-measure { font-size: 18px !important; font-weight: 500 !important; }
/* обычная цена серым — мельче, когда рядом есть цена со скидкой / по карте */
.product-view .item-prices.detail:has(> .price-group:not(.min)) > .price-group.min .price { font-size: 22px !important; }
.product-view .item-prices.detail:has(> .price-group:not(.min)) > .price-group.min .price .price_currency,
.product-view .item-prices.detail:has(> .price-group:not(.min)) > .price-group.min .price .price-measure { font-size: 15px !important; }
/* блок услуг — отступ от вкладок как между остальными секциями */
body.detail_page .rhm.rp-services { margin-top: 48px !important; }
@media (max-width: 767.98px) { body.detail_page .rhm.rp-services { margin-top: 32px !important; } }
/* выравнивание колонок цен: общая сетка (подпись / цена / цена за м³), цены на одной базовой линии */
.product-view .item-prices.detail { display: grid !important; grid-auto-flow: column; grid-auto-columns: 1fr; grid-template-rows: auto auto auto; column-gap: 24px; row-gap: 0; }
.product-view .item-prices.detail > .price-group { display: grid !important; grid-row: 1 / span 3; grid-template-rows: subgrid; align-items: baseline; }
.product-view .item-prices.detail > .price-group > .price-matrix { display: contents !important; }
.product-view .item-prices.detail .price-name { margin: 0 0 6px !important; align-self: end; }
.product-view .item-prices.detail .price-alt { margin-top: 6px !important; align-self: start; }
/* меньше зазор между подписью цены и ценой */
.product-view .item-prices.detail .price-name { margin-bottom: 2px !important; }
.product-view .item-prices.detail .price { line-height: 1 !important; }
.product-view .item-prices.detail .price .price-values, .product-view .item-prices.detail .price .price_value { line-height: 1 !important; }

/* ── блок цен, итоговая версия ── */
.product-view .item-prices.detail { grid-auto-columns: max-content !important; column-gap: 40px !important; justify-content: start; }
.product-view .item-prices.detail .price-name { white-space: nowrap; font-size: 14px !important; line-height: 18px; margin: 0 0 4px !important; color: #1e1e1e; }
.product-view .item-prices.detail .price-name * { white-space: nowrap; }
/* цифра + «₽/шт»: один ряд по базовой линии, ₽ и единица одного размера, отступ от числа — небольшой */
.product-view .item-prices.detail .price { display: flex !important; align-items: baseline; gap: 0 !important; white-space: nowrap; line-height: 1 !important; }
.product-view .item-prices.detail .price .price-values { display: inline-flex !important; align-items: baseline; gap: 0 !important; }
.product-view .item-prices.detail .price .price_value { font-size: 30px !important; font-weight: 600 !important; letter-spacing: -.01em; }
.product-view .item-prices.detail .price .price_currency { margin-left: .3em; }
.product-view .item-prices.detail .price .price_currency, .product-view .item-prices.detail .price .price-measure { font-size: 17px !important; font-weight: 500 !important; line-height: 1; }
/* обычная цена рядом с цены со скидкой / по карте — мельче и серым */
.product-view .item-prices.detail:has(> .price-group:not(.min)) > .price-group.min .price .price_value { font-size: 22px !important; font-weight: 500 !important; }
.product-view .item-prices.detail:has(> .price-group:not(.min)) > .price-group.min .price .price_currency,
.product-view .item-prices.detail:has(> .price-group:not(.min)) > .price-group.min .price .price-measure { font-size: 14px !important; }
/* цена за м² — мелко и не жирно */
.product-view .item-prices.detail .price-alt { margin-top: 6px !important; display: flex !important; align-items: baseline; gap: 0 !important; white-space: nowrap; }
.product-view .item-prices.detail .price-alt, .product-view .item-prices.detail .price-alt * { font-size: 13px !important; font-weight: 400 !important; line-height: 1.2 !important; color: #5d5d5d; }
.product-view .item-prices.detail .price-group.min .price-alt, .product-view .item-prices.detail .price-group.min .price-alt * { color: #8d8d8d; }
.product-view .item-prices.detail .price-alt .price_currency { margin-left: .25em; }
.product-view .item-prices.detail .price-alt .price-values { display: inline-flex !important; gap: 0 !important; }
@media (max-width: 1199.98px) { .product-view .item-prices.detail { column-gap: 24px !important; } .product-view .item-prices.detail .price .price_value { font-size: 26px !important; } }
/* знак ₽ в IBM Plex ниже прописных — увеличиваем его, чтобы по высоте совпадал с «/шт.» */
.product-view .item-prices.detail .price .price_currency { font-size: 21px !important; }
.product-view .item-prices.detail:has(> .price-group:not(.min)) > .price-group.min .price .price_currency { font-size: 17px !important; }
.product-view .item-prices.detail .price-alt .price_currency { font-size: 16px !important; }
/* «₽/шт.» — по нижней линии цифр: базовая линия, а не центр (шаблон ставил align-items: center) */
.product-view .item-prices.detail .price, .product-view .item-prices.detail .price .price-values, .product-view .item-prices.detail .price-alt { align-items: baseline !important; }
.product-view .item-prices.detail .price .price_currency, .product-view .item-prices.detail .price .price-measure { line-height: normal !important; align-self: baseline !important; }
/* заголовок товара меньше: длинные названия не растягиваются на три строки */
body.detail_page #pagetitle, body.detail_page .page-top h1 { font-size: 30px !important; line-height: 1.25 !important; }
@media (max-width: 767.98px) { body.detail_page #pagetitle, body.detail_page .page-top h1 { font-size: 22px !important; } }

/* мобильная карточка товара */
@media (max-width: 767.98px) {
	/* «Проверить наличие» / «Товары для монтажа» — отступ от карточки цены */
	.product-view .product-mobile-fastlinks { margin-top: 12px !important; margin-bottom: 12px !important; }
	/* блок доставки/самовывоза — без лишнего места снизу */
	.product-view .product-delivery-info { padding: 16px !important; }
	.product-view .product-delivery-info > .row { margin-bottom: 0 !important; }
	/* закреплённый внизу блок «количество + В корзину» — лёгкая тень сверху */
	.product-view .buy_block.catalog_block { box-shadow: 0 -4px 14px rgba(0, 0, 0, .08) !important; border-top-color: transparent !important; }
}

/* мобильные раскрывающиеся вкладки товара: заголовок не сереет, у раскрытой вкладки — только рамка, у содержимого — отступы со всех сторон */
@media (max-width: 767.98px) {
	.product-bottom-info-wrapper .tab-pane { border: 1px solid transparent !important; border-radius: 8px !important; overflow: hidden; }
	.product-bottom-info-wrapper .tab-pane.toggled { border-color: #e7e7e7 !important; }
	.product-bottom-info-wrapper .tab-pane-button, .product-bottom-info-wrapper .tab-pane-button.toggled { background: #fff !important; }
	.product-bottom-info-wrapper .tab-pane-content { padding: 16px !important; margin-top: 0 !important; }
}
@media (max-width: 767.98px) {
	.product-bottom-info-wrapper > .tab-content > .tab-pane { border: 1px solid transparent !important; }
	.product-bottom-info-wrapper > .tab-content > .tab-pane.toggled { border-color: #e7e7e7 !important; }
	.product-bottom-info-wrapper > .tab-content > .tab-pane > .tab-pane-content { padding: 16px !important; margin: 0 !important; }
}
@media (max-width: 767.98px) {
	/* карточка доставки не сливается с «Характеристиками»: серый промежуток между ними, как между остальными карточками */
	.product-view .product-delivery-info { margin-bottom: 12px !important; }
}
@media (max-width: 767.98px) {
	/* закреплённая плашка «количество + В корзину»: края кнопок — по краю контента (15px), без лишних полей колонок */
	.product-view .buy_block.catalog_block .counter_wrapp > .row { margin-left: 0 !important; margin-right: 0 !important; }
	.product-view .buy_block.catalog_block .counter_wrapp > .row > [class*="col"]:first-child { padding-left: 0 !important; }
	.product-view .buy_block.catalog_block .counter_wrapp > .row > [class*="col"]:last-child { padding-right: 0 !important; }
}
@media (max-width: 767.98px) {
	/* пустая карточка «Характеристики» у товаров без характеристик (на мобильных в ней только скрытая строка артикула) — не показываем */
	.product-view .product-main-characteristics:not(:has(> :not(.product-characteristics-top))) { display: none !important; }
	/* закреплённая плашка: строка с количеством и кнопкой — на всю ширину контейнера (была сжата и по центру) */
	.product-view .buy_block.catalog_block .counter_wrapp { align-items: stretch !important; }
	.product-view .buy_block.catalog_block .counter_wrapp > .row { width: 100% !important; }
}
.product-main-characteristics.is-empty { display: none !important; }

/* End */
/* /local/templates/votkinsk/components/bitrix/catalog/main/style.css?17786155254465 */
/* /local/templates/votkinsk/components/bitrix/catalog.element/main/style.css?177015716312499 */
/* /local/templates/votkinsk/css/rumles-home.css?179383557820366 */
/* /local/templates/votkinsk/css/rumles-product.css?179383695919660 */
