/* Blog article refinements; no effect outside iblock 17 detail pages. */

.df-blog-article .sam-stories__slider {

  margin-bottom: 32px;

}

.df-blog-article .sam-stories__slide {

  display: flex;

  flex-direction: column;

  align-items: center;

  gap: 12px;

  width: 144px;

  height: auto;

  flex-shrink: 0;

}

.df-blog-article .sam-stories__slide > button {

  box-sizing: border-box;

  width: 128px;

  height: 128px;

  flex: 0 0 128px;

  padding: 4px;

  border: 2px solid var(--theme-base-color, #b66cc5);

  border-radius: 50%;

}

.df-blog-article .sam-stories__slide picture,

.df-blog-article .sam-stories__slide img {

  display: block;

  width: 100%;

  height: 100%;

  border-radius: 50%;

  object-fit: cover;

}

.df-blog-article .sam-stories__slide .section-title {

  width: 100%;

  min-height: 24px;

  margin: 0;

  font-size: 15px !important;

  line-height: 1.5;

  color: var(--white_text_black, #222228);

  text-align: center;

}

.df-blog-article .sam-stories__slide > button:focus-visible {

  outline: 2px solid var(--theme-base-color, #b66cc5);

  outline-offset: 5px;

}

.df-blog-article .df-topics {

  margin-top: 24px;

  padding-block: 16px;

  border-block: 1px solid var(--stroke_black, #ebecef);

}

.df-blog-article .sidearea > .subscribe-edit {

  display: none;

}

.df-blog-article .df-topics > summary,

.df-blog-article .df-article-toc > summary {

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 16px;

  min-height: 44px;

  cursor: pointer;

  list-style: none;

  font-weight: 600;

  color: var(--white_text_black, #222228);

}

.df-blog-article summary::-webkit-details-marker {

  display: none;

}

.df-blog-article .df-disclosure-icon {

  width: 20px;

  height: 20px;

  flex-shrink: 0;

}

.df-blog-article details[open] > summary .df-disclosure-icon {

  transform: rotate(180deg);

}

.df-blog-article .df-topics[open] .search-tags-cloud {

  margin-top: 16px;

  max-height: 60vh;

  overflow-y: auto;

  scrollbar-width: thin;

  scrollbar-color: var(--theme-base-color, #b66cc5) transparent;

}

.df-blog-article .df-article-opening {

  min-width: 0;

}

.df-blog-article .df-article-lead {

  max-width: 74ch;

  margin: 0 0 24px;

  font-size: 18px;

  line-height: 1.75;

  color: var(--white_text_black, #222228);

}

.df-blog-article .df-article-lead p {

  margin: 0;

}

.df-blog-article .df-article-toc {

  border-block: 1px solid var(--stroke_black, #ebecef);

  padding-block: 8px;

}

.df-blog-article .df-article-toc nav {

  padding: 8px 0 16px;

  display: grid;

  gap: 4px;

}

.df-blog-article .df-article-toc nav a {

  display: block;

  width: fit-content;

  padding-block: 8px;

  color: var(--white_text_black, #222228);

  font-size: 15px;

  line-height: 1.5;

  text-decoration: none;

}

.df-blog-article .df-article-toc nav a:hover {

  color: var(--theme-base-color, #744382);

}

.df-blog-article .df-article-toc a:focus-visible,

.df-blog-article .df-article-toc summary:focus-visible,

.df-blog-article .df-topics summary:focus-visible {

  outline: 2px solid var(--theme-base-color, #b66cc5);

  outline-offset: 4px;

  border-radius: 2px;

}

.df-blog-article #desc :is(h1, h2, h3, h4) {

  scroll-margin-top: 160px;

}

.df-blog-article #desc .content > p,

.df-blog-article #desc .content > ul,

.df-blog-article #desc .content > ol {

  max-width: 76ch;

}

.df-blog-article #video .df-article-video__play {

  width: 56px;

  height: 56px;

  background: #d89ef3;

  color: #fff;

  box-shadow: 0 3px 12px rgba(0, 0, 0, .18);

}

.df-blog-article #video .df-article-video__play svg {

  width: 24px;

  height: 24px;

}

.df-blog-article #video .df-article-video__start:hover .df-article-video__play {

  background: #c98be5;

}

.df-blog-article #video .df-article-video figcaption {

  color: var(--white_text_black, #222228);

  font-size: 14px;

  line-height: 1.5;

}

.df-blog-article header .df-menu-duplicate {

  display: none !important;

}

.df-blog-article #link_property_goods .ajax-pagination-wrapper {

  max-width: 888px;

}

.df-blog-article #link_property_goods .image-list-wrapper {

  padding-top: 100%;

}

.df-blog-article #link_property_goods .image-list__link,

.df-blog-article #link_property_goods .section-gallery-wrapper {

  border-radius: 12px;

  overflow: hidden;

}

.df-blog-article #link_property_goods .section-gallery-wrapper__item img {

  width: 100%;

  height: 100%;

  object-fit: contain;

}

.df-blog-article #link_property_goods .catalog-block__info-title {

  min-height: 3em;

  line-height: 1.5;

}

.df-blog-article #link_property_goods .buttons .btn {

  min-height: 40px;

  border-radius: 8px;

  background-color: #d89ef3;

  border-color: #d89ef3;

  color: #fff;

}

.df-blog-article #link_property_goods .buttons .btn:hover {

  background-color: #c98be5;

  border-color: #c98be5;

}

.df-blog-article #link_property_goods .slider-nav {

  width: 40px;

  height: 40px;

  border: 1px solid #e4d7e8;

  background: #fff;

  color: #744382;

  box-shadow: 0 3px 12px rgba(52, 24, 60, .1);

  top: var(--df-goods-arrow-y, 140px);

  margin-top: -20px;

}

.df-blog-article #link_property_goods .slider-nav .svg {

  color: inherit;

}

.df-blog-article #link_property_goods .slider-nav svg {

  stroke: currentColor;

}

@media (min-width: 992px) {

  .df-blog-article #link_property_goods .ajax-pagination-wrapper {

    width: calc(100% - 52px);

  }

  .df-blog-article #link_property_goods .slider-button-prev {

    left: -48px;

  }

  .df-blog-article #link_property_goods .slider-button-next {

    right: -48px;

  }

  .df-blog-article #video .df-video-slider {

    margin-left: 0;

    margin-right: 0;

    padding-left: 0;

    max-width: 940px;

  }

  .df-blog-article #video .df-video-slider--two {

    max-width: 636px;

  }

  .df-blog-article #video .df-video-slider__controls button[data-slide="prev"] {

    left: -48px;

  }

}

@media (max-width: 767px) {

  #main.df-blog-article #link_property_goods .mobile-offset {

    margin-inline: 0;

    padding-inline: 0;

  }

  #main.df-blog-article #link_property_goods .mobile-scrolled--items-2 {

    gap: 0;

  }

  #main.df-blog-article #link_property_goods .mobile-scrolled--items-2 > .catalog-block__wrapper {

    flex: 0 0 auto;

  }

  .df-blog-article .sam-stories__slide {

    width: 112px;

    gap: 8px;

  }

  .df-blog-article .sam-stories__slide > button {

    width: 96px;

    height: 96px;

    flex-basis: 96px;

  }

  .df-blog-article .sam-stories__slider {

    margin-bottom: 24px;

  }

  .df-blog-article .df-article-lead {

    font-size: 16px;

    line-height: 1.7;

  }

  .df-blog-article #desc :is(h1, h2, h3, h4) {

    scroll-margin-top: 96px;

  }

}

@media (min-width: 1200px) {

  .df-blog-article #video .df-video-slider {

    --df-columns: 4;

    max-width: none;

  }

  .df-blog-article #video .df-video-slider[data-df-count="2"] {

    --df-columns: 2;

    max-width: 636px;

  }

  .df-blog-article #video .df-video-slider[data-df-count="3"] {

    --df-columns: 3;

    max-width: 940px;

  }

  .df-blog-article #link_property_goods .ajax-pagination-wrapper {

    max-width: none;

  }

}