

/* Start:/local/templates/beself/components/mwi/catalog/.default/style.css?1734619810159*/
.section_collection {
	margin-top: unset !important;
	margin-bottom: 50px;
}

.catalog fieldset.select div.current span {
	height: 50px;
	padding: 12px 14px;
}
/* End */


/* Start:/local/templates/beself/css/product.css?173461981035751*/
:root {
  --gap: 30px;
}

section.main div.container {
  display: grid;
  grid-template-columns: 3fr 2fr;
  grid-gap: 32px 60px;
}
@media (max-width: 1280px) {
  section.main div.container {
    grid-gap: 32px;
  }
}
@media (max-width: 960px) {
  section.main div.container {
    grid-template-columns: 1fr;
  }
}
section.main a.back {
  grid-column: 2 span;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-template-columns: -webkit-max-content -webkit-max-content;
  grid-template-columns: max-content max-content;
  grid-gap: 5px;
}
@media (max-width: 960px) {
  section.main a.back {
    display: none;
  }
}
section.main a.back:hover span {
  text-decoration: underline;
}
section.main form {
  max-width: 417px;
}
@media (max-width: 960px) {
  section.main form {
    max-width: unset;
  }
}
section.main div.slider {
  display: grid;
  grid-template-columns: 92px 1fr;
  grid-gap: 30px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
@media (max-width: 960px) {
  section.main div.slider {
    grid-template-columns: 1fr;
    width: calc(100% + 40px);
    margin-left: -20px;
  }
}
section.main div.slider div.swiper-navigation {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  z-index: 1;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  grid-gap: 8px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  padding: 20px;
}
@media (max-width: 640px) {
  section.main div.slider div.swiper-navigation {
    grid-gap: 5px;
  }
}
section.main div.slider div.swiper-navigation div.arrow {
  cursor: pointer;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  justify-items: center;
  border: 1px solid #C6D6E7;
  width: 57px;
  height: 57px;
  border-radius: 999px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
@media (max-width: 640px) {
  section.main div.slider div.swiper-navigation div.arrow {
    width: 33px;
    height: 33px;
  }
}
section.main div.slider div.swiper-navigation div.arrow svg {
  height: 13px;
  width: 8px;
}
@media (max-width: 640px) {
  section.main div.slider div.swiper-navigation div.arrow svg {
    height: 7px;
    width: 5px;
  }
}
section.main div.slider div.swiper-navigation div.arrow svg path {
  fill: #4E5154;
  stroke-width: 0.6px;
  stroke: #4E5154;
}
section.main div.slider div.swiper-navigation div.arrow:last-child {
  justify-self: end;
}
section.main div.slider div.swiper-navigation div.arrow:last-child svg {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
section.main div.slider div.swiper-navigation div.arrow.swiper-button-disabled {
  pointer-events: none;
  opacity: 0.25;
}
section.main div.slider div.swiper-navigation div.arrow:hover {
  background-color: #C6D6E7;
}
section.main div.slider div.swiper-pagination {
  bottom: 20px;
  top: unset;
  left: 50%;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
section.main div.slider div.swiper-pagination span {
  position: relative;
  cursor: pointer;
  margin: unset;
  display: block;
  width: 24px;
  height: 24px;
  opacity: 0.5;
  background-color: transparent;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
section.main div.slider div.swiper-pagination span:hover {
  opacity: 1;
}
section.main div.slider div.swiper-pagination span:before {
  content: "";
  display: block;
  position: absolute;
  width: 8px;
  height: 8px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-color: white;
  border-radius: 999px;
  z-index: 2;
}
section.main div.slider div.swiper-pagination span.swiper-pagination-bullet-active {
  opacity: 1;
}
section.main div.slider div.swiper-pagination span.swiper-pagination-bullet-active::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  border: 1px solid white;
  border-radius: 999px;
  width: 16px;
  height: 16px;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
section.main div.slider div.swiper.gallery {
  width: 100%;
  min-width: 0;
}
section.main div.slider div.swiper.gallery div.swiper-slide {
  position: relative;
  width: 100%;
  height: 100%;
  aspect-ratio: 5/7;
  overflow: hidden;
}
section.main div.slider div.swiper.gallery div.swiper-slide img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}
section.main div.slider div.swiper.gallery div.swiper-slide img {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  cursor: pointer;
}
section.main div.slider div.swiper.gallery div.swiper-slide:hover img {
  -webkit-transform: scale(1.025);
      -ms-transform: scale(1.025);
          transform: scale(1.025);
}
section.main div.slider div.swiper.thumbs {
  height: 100%;
  width: 100%;
  min-width: 0;
}
@media (max-width: 960px) {
  section.main div.slider div.swiper.thumbs {
    display: none;
  }
}
section.main div.slider div.swiper.thumbs div.swiper-slide {
  position: relative;
  width: 100%;
  height: 100%;
  width: 100%;
  height: auto !important;
  aspect-ratio: 2/3;
  border: 1px solid transparent;
  overflow: hidden;
  cursor: pointer;
}
section.main div.slider div.swiper.thumbs div.swiper-slide img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}
section.main div.slider div.swiper.thumbs div.swiper-slide img {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
section.main div.slider div.swiper.thumbs div.swiper-slide.swiper-slide-thumb-active {
  border: 1px solid #4E5154;
}
section.main div.slider div.swiper.thumbs div.swiper-slide:hover img {
  -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
          transform: scale(1.05);
}
section.main div.tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 15px;
  margin-bottom: 30px;
  font-size: 14px;
}
section.main div.tags div.tag {
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-template-columns: -webkit-max-content auto;
  grid-template-columns: max-content auto;
  grid-gap: 5px;
}
section.main div.tags div.tag img {
  height: 20px;
}
section.main h2 , section.main .h2 {
  font-size: 32px;
  margin-bottom: 10px;
  text-transform: none;
  letter-spacing: normal;
}
section.main div.additional {
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-template-columns: 1fr -webkit-max-content;
  grid-template-columns: 1fr max-content;
  margin-bottom: 20px;
}
section.main div.additional span {
  font-size: 14px;
  color: #A1A1A1;
}
section.main div.additional a.favourite {
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-template-columns: -webkit-max-content auto;
  grid-template-columns: max-content auto;
  grid-gap: 6px;
}
section.main div.additional a.favourite svg {
  width: 20px;
}
section.main div.additional a.favourite svg path {
  stroke: #FF8585;
}
@media (hover: hover) and (pointer: fine) {
  section.main div.additional a.favourite:hover svg path {
    fill: #FF8585;
  }
}
section.main div.additional a.favourite.active svg path {
  fill: #FF5E5E;
  stroke: #FF5E5E;
}
section.main div.price {
  display: grid;
  grid-gap: 10px;
}
@media (max-width: 640px) {
  section.main div.price {
    display: grid;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    grid-template-columns: -webkit-max-content -webkit-max-content;
    grid-template-columns: max-content max-content;
    grid-gap: 15px;
  }
}
section.main div.price strong {
  display: block;
  font-family: "Tenor Sans", sans-serif;
  font-size: 36px;
  font-weight: 400;
}
section.main div.price div.dolyame {
  cursor: pointer;
  position: relative;
  background-color: #E6EDF4;
  border-radius: 5px;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-template-columns: -webkit-max-content 1fr -webkit-max-content;
  grid-template-columns: max-content 1fr max-content;
  grid-gap: 15px;
  padding: 12px;
  max-width: 360px;
}
@media (max-width: 640px) {
  section.main div.price div.dolyame {
    padding: unset;
    background-color: unset;
  }
}
section.main div.price div.dolyame img.logo {
  width: 84px;
  border: 2px solid #4E5154;
  padding: 6px;
}
@media (max-width: 640px) {
  section.main div.price div.dolyame span {
    display: none;
  }
}
section.main div.price div.dolyame div.arrow {
  width: 24px;
  height: 24px;
}
@media (max-width: 640px) {
  section.main div.price div.dolyame div.arrow {
    display: none;
  }
}
section.main div.price div.dolyame div.arrow::before {
  content: "";
  position: absolute;
  top: 0;
  right: 48px;
  display: block;
  height: 100%;
  width: 1px;
  background-color: #C6D6E7;
}
section.main div.colors {
  display: grid;
  grid-gap: 10px;
  margin-top: 30px;
  margin-bottom: 30px;
}
section.main div.colors strong {
  font-weight: 600;
}
section.main div.colors div.list {
  display: grid;
  grid-template-columns: repeat(auto-fit, 20px);
  grid-gap: 15px;
  width: 100%;
}
@media (max-width: 960px) {
  section.main div.colors div.list {
    grid-template-columns: repeat(auto-fit, 40px);
  }
}
@media (max-width: 640px) {
  section.main div.colors div.list {
    grid-template-columns: repeat(auto-fit, 30px);
  }
}
section.main div.colors div.list a {
  display: block;
  aspect-ratio: 1/1;
  border-radius: 999px;
}
section.main div.colors div.list a.active {
  border: 2px solid #4E5154;
}
section.main div.sizes {
  display: grid;
  grid-gap: 15px;
  margin-top: 30px;
  margin-bottom: 30px;
}
section.main div.sizes div.title {
  display: grid;
  grid-template-columns: 1fr auto;
}
section.main div.sizes div.title strong {
  font-weight: 600;
}
section.main div.sizes div.title span {
  cursor: pointer;
  font-size: 14px;
  color: #A1A1A1;
  text-decoration: underline;
}
section.main div.sizes div.title span:hover {
  text-decoration: none;
}
section.main div.sizes div.list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 10px 15px;
}
@media (max-width: 960px) {
  section.main div.sizes div.list {
    grid-template-columns: repeat(8, 1fr);
    grid-gap: 20px;
  }
}
@media (max-width: 640px) {
  section.main div.sizes div.list {
    grid-template-columns: repeat(6, 1fr);
    grid-gap: 10px;
  }
}
@media (max-width: 480px) {
  section.main div.sizes div.list {
    grid-template-columns: repeat(4, 1fr);
  }
}
section.main div.sizes div.list label {
  cursor: pointer;
  position: relative;
}
section.main div.sizes div.list label:hover div.tooltip {
  display: block;
}
section.main div.sizes div.list label input:checked + span {
  border-color: #4E5154;
}
section.main div.sizes div.list label > span {
  display: block;
  font-size: 14px;
  padding: 4px 10px;
  border: 1px solid #E4E5E5;
  border-radius: 2px;
  text-align: center;
}
@media (max-width: 960px) {
  section.main div.sizes div.list label > span {
    padding: 15px;
  }
}
@media (max-width: 640px) {
  section.main div.sizes div.list label > span {
    padding: 12px;
  }
}
section.main div.sizes div.list label:nth-child(4n+3) div.tooltip, section.main div.sizes div.list label:nth-child(4n+4) div.tooltip {
  right: 0;
  left: unset;
}
@media (max-width: 960px) {
  section.main div.sizes div.list label:nth-child(4n+3) div.tooltip, section.main div.sizes div.list label:nth-child(4n+4) div.tooltip {
    right: unset;
    left: 0;
  }
  section.main div.sizes div.list label:nth-child(8n+5) div.tooltip, section.main div.sizes div.list label:nth-child(8n+6) div.tooltip, section.main div.sizes div.list label:nth-child(8n+7) div.tooltip, section.main div.sizes div.list label:nth-child(8n+8) div.tooltip {
    right: 0;
    left: unset;
  }
}
section.main div.sizes div.list div.tooltip {
  position: absolute;
  bottom: calc(100% + 10px);
  left: 0;
  border-radius: 2px;
  background: #F2F3F4;
  -webkit-box-shadow: 0px 0px 0px 0px rgba(212, 212, 212, 0.1), 0px 8px 18px 0px rgba(212, 212, 212, 0.1), 0px 33px 33px 0px rgba(212, 212, 212, 0.09), 0px 74px 44px 0px rgba(212, 212, 212, 0.05), 0px 132px 53px 0px rgba(212, 212, 212, 0.01), 0px 206px 58px 0px rgba(212, 212, 212, 0);
          box-shadow: 0px 0px 0px 0px rgba(212, 212, 212, 0.1), 0px 8px 18px 0px rgba(212, 212, 212, 0.1), 0px 33px 33px 0px rgba(212, 212, 212, 0.09), 0px 74px 44px 0px rgba(212, 212, 212, 0.05), 0px 132px 53px 0px rgba(212, 212, 212, 0.01), 0px 206px 58px 0px rgba(212, 212, 212, 0);
  z-index: 9;
  padding: 15px;
  display: none;
}
@media (max-width: 640px) {
  section.main div.sizes div.list div.tooltip {
    display: none !important;
  }
}
section.main div.sizes div.list div.tooltip div.row {
  display: grid;
  grid-template-columns: repeat(2, -webkit-max-content);
  grid-template-columns: repeat(2, max-content);
  grid-gap: 5px;
}
section.main div.sizes div.list div.tooltip div.row span:nth-child(2n) {
  text-align: right;
}
section.main div.sizes div.list div.tooltip span.red {
  display: block;
  margin-top: 10px;
  color: #FF5E5E;
}
section.main div.buttons {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 8px;
}
@media (max-width: 640px) {
  section.main div.buttons {
    grid-template-columns: 1fr;
    grid-gap: 15px;
  }
}
section.main div.buttons button {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.28px;
  text-transform: uppercase;
}
section.main div.tinkoff {
  display: grid;
  margin-top: 42px;
}
@media (max-width: 640px) {
  section.main div.tinkoff {
    display: none;
  }
}
section.main div.tinkoff div.title {
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-template-columns: -webkit-max-content 1fr -webkit-max-content;
  grid-template-columns: max-content 1fr max-content;
  grid-gap: 6px;
  margin-bottom: 15px;
}
section.main div.tinkoff div.title strong {
  font-weight: 400;
  color: black;
}
section.main div.tinkoff div.title label.checkbox input:checked + span {
  background-color: #57DC6C;
}
section.main div.tinkoff div.title label.checkbox input:checked + span::after {
  left: 18px;
}
section.main div.tinkoff div.title label.checkbox span {
  display: block;
  cursor: pointer;
  position: relative;
  background-color: #E4E5E5;
  width: 36px;
  height: 20px;
  border-radius: 999px;
}
section.main div.tinkoff div.title label.checkbox span::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  display: block;
  width: 16px;
  height: 16px;
  background-color: white;
  border-radius: 999px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
section.main div.tinkoff div.list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 12px;
  margin-bottom: 24px;
}
section.main div.tinkoff div.list span {
  font-size: 14px;
}
section.main div.tinkoff div.list span::before {
  content: "";
  display: block;
  margin-bottom: 10px;
  border-radius: 15px;
  background-color: #E4E5E5;
  width: 100%;
  height: 8px;
}
section.main div.tinkoff button {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.28px;
  text-transform: uppercase;
  background-color: #241D13;
  color: white;
  padding: 18px 36px;
  margin-bottom: 10px;
}
section.main div.tinkoff button:hover {
  background-color: #3E382F;
}
section.main div.tinkoff div.note {
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  justify-self: center;
  grid-template-columns: -webkit-max-content 1fr;
  grid-template-columns: max-content 1fr;
  grid-gap: 5px;
  color: black;
}

section.description {
  margin-top: 100px;
  margin-bottom: 100px;
}
@media (max-width: 960px) {
  section.description {
    margin-top: 80px;
    margin-bottom: 80px;
  }
}
@media (max-width: 640px) {
  section.description {
    margin-top: 30px;
  }
}
section.description div.tabs_captions {
  background-color: #F3F3F3;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-template-columns: repeat(4, auto);
  border-radius: 5px;
  padding: 2px;
}
@media (max-width: 640px) {
  section.description div.tabs_captions {
    display: none;
  }
}
section.description div.tabs_captions span.tab_caption {
  display: block;
  cursor: pointer;
  padding: 10px;
  text-align: center;
  border-radius: 5px;
}
section.description div.tabs_captions span.tab_caption.active {
  pointer-events: none;
  background-color: #4E5154;
  color: white;
}
section.description div.tabs_captions span.tab_caption:hover {
  background-color: rgba(78, 81, 84, 0.05);
}
@media (max-width: 640px) {
  section.description div.tabs_contents {
    width: calc(100% + 40px);
    margin-left: -20px;
    border-bottom: 1px solid #E4E5E5;
  }
}
section.description div.tabs_contents div.tab_content {
  display: none;
  margin-top: 50px;
}
@media (max-width: 640px) {
  section.description div.tabs_contents div.tab_content {
    display: grid;
    margin-top: unset;
  }
}
section.description div.tabs_contents div.tab_content.active {
  display: grid;
}
section.description div.tabs_contents div.accordion_caption {
  cursor: pointer;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-template-columns: 1fr -webkit-max-content;
  grid-template-columns: 1fr max-content;
  grid-gap: 16px;
  padding: 20px;
  border-top: 1px solid #E4E5E5;
  display: none;
}
@media (max-width: 640px) {
  section.description div.tabs_contents div.accordion_caption {
    display: grid;
  }
}
section.description div.tabs_contents div.wrap {
  overflow: visible !important;
}
@media (max-width: 640px) {
  section.description div.tabs_contents div.wrap {
    overflow: hidden !important;
  }
}
@media (max-width: 640px) {
  section.description div.tabs_contents div.wrap div.content {
    padding: 20px;
    padding-top: unset;
  }
}
section.description div.description div.row {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 50px;
}
@media (max-width: 960px) {
  section.description div.description div.row {
    grid-template-columns: 1fr;
    grid-gap: 10px;
  }
}
@media (max-width: 640px) {
  section.description div.description div.content {
    font-size: 14px;
  }
}
section.description div.stock div.table {
  display: grid;
  grid-template-columns: 280px 1fr;
  max-width: 910px;
  border: 1px solid #E4E5E5;
  border-radius: 5px;
  overflow: hidden;
}
@media (max-width: 640px) {
  section.description div.stock div.table {
    grid-template-columns: 1fr;
    font-size: 14px;
  }
}
section.description div.stock div.table div.title {
  background-color: #C6D6E7;
  padding: 26px 20px;
  font-weight: 600;
  line-height: 1.2em;
}
section.description div.stock div.table div.column:first-child {
  border-right: 1px solid #E4E5E5;
}
section.description div.stock div.table div.column:first-child span.black {
  margin-bottom: 5px;
}
@media (max-width: 640px) {
  section.description div.stock div.table div.column:first-child span.black {
    margin-bottom: unset;
  }
}
section.description div.stock div.table div.content {
  padding: 20px;
  display: grid;
  grid-gap: 10px;
}
section.description div.stock div.table div.content span.gray {
  line-height: 1.2em;
  color: #A1A1A1;
}
section.description div.stock div.table div.content span.gray.small {
  font-size: 14px;
}
@media (max-width: 640px) {
  section.description div.stock div.table div.content span.gray.small {
    font-size: 12px;
  }
}
section.description div.stock div.table div.content h3.red {
  color: #FF5E5E;
}
section.description div.stock div.table div.content a.phone {
  margin-top: 5px;
  display: block;
  border: 1px solid #E4E5E5;
  border-radius: 5px;
  padding: 18px 32px;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-template-columns: -webkit-max-content auto;
  grid-template-columns: max-content auto;
  grid-gap: 10px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
section.description div.delivery div.content {
  max-width: 900px;
}
section.description div.delivery div.title {
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-template-columns: 1fr auto;
  grid-gap: 16px;
  margin-bottom: 16px;
}
@media (max-width: 640px) {
  section.description div.delivery div.title {
    font-size: 14px;
  }
}
section.description div.delivery div.title a {
  text-decoration: underline;
}
section.description div.delivery div.title a:hover {
  text-decoration: none;
}
section.description div.delivery table {
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 16px;
  line-height: 1.2em;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  overflow: hidden;
  width: 100%;
}
@media (max-width: 960px) {
  section.description div.delivery table {
    font-size: 14px;
  }
}
section.description div.delivery table thead {
  background-color: #C6D6E7;
  font-weight: 600;
}
@media (max-width: 640px) {
  section.description div.delivery table thead {
    display: none;
  }
}
section.description div.delivery table thead td {
  padding: 27px 20px;
  border: 1px solid #E4E5E5;
  border-bottom: unset;
}
@media (max-width: 640px) {
  section.description div.delivery table tbody {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    text-align: center;
    font-size: 12px;
  }
  section.description div.delivery table tbody tr {
    display: contents;
  }
  section.description div.delivery table tbody td:first-child {
    grid-column: 2 span;
    background-color: #C6D6E7;
    border: 1px solid #C6D6E7;
    padding: 13px 15px;
    text-align: left;
  }
  section.description div.delivery table tbody td:nth-child(3) {
    margin-left: -1px;
  }
  section.description div.delivery table tbody td[data-text]:before {
    content: attr(data-text);
    position: relative;
    display: block;
    padding: 12px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.2em;
    border-bottom: 1px solid #C6D6E7;
    width: calc(100% + 16px);
    left: -20px;
    top: -20px;
  }
}
section.description div.delivery table tbody td {
  padding: 20px;
  border: 1px solid #E4E5E5;
  border-top: unset;
  vertical-align: top;
}
section.description div.delivery table tbody td.onlymobile {
  display: none;
}
@media (max-width: 640px) {
  section.description div.delivery table tbody td.onlymobile {
    display: block;
  }
}
section.description div.delivery table strong {
  font-weight: 600;
}
section.description div.delivery table span {
  display: block;
  color: #A1A1A1;
  font-size: 14px;
  line-height: 1.2em;
  margin-top: 5px;
}
@media (max-width: 640px) {
  section.description div.delivery table span {
    font-size: 12px;
  }
}
section.description div.delivery table button {
  margin-top: 20px;
}
@media (max-width: 640px) {
  section.description div.delivery table button {
    margin-top: 16px;
  }
}
section.description div.delivery div.notes {
  display: grid;
  grid-gap: 16px;
  font-size: 14px;
  line-height: 1.2em;
  margin-top: 10px;
}
@media (max-width: 640px) {
  section.description div.delivery div.notes {
    font-size: 12px;
    grid-gap: 10px;
  }
}
section.description div.delivery div.notes div.note {
  display: grid;
  grid-template-columns: 20px 1fr;
}
section.description div.reviews div.content {
  display: grid;
  grid-template-columns: -webkit-max-content 1fr;
  grid-template-columns: max-content 1fr;
  grid-gap: 30px;
}
@media (max-width: 960px) {
  section.description div.reviews div.content {
    grid-template-columns: 1fr;
  }
}
section.description div.reviews div.total {
  max-width: 355px;
}
@media (max-width: 960px) {
  section.description div.reviews div.total {
    max-width: unset;
  }
}
section.description div.reviews div.total div.sticky {
  top: 100px;
  position: sticky;
}
@media (max-width: 960px) {
  section.description div.reviews div.total div.sticky {
    display: grid;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    grid-template-areas: "T B" "S S";
  }
}
@media (max-width: 640px) {
  section.description div.reviews div.total div.sticky {
    grid-template-columns: 1fr;
    grid-template-areas: "T" "S" "B";
    font-size: 14px;
  }
}
section.description div.reviews div.total div.text {
  grid-area: T;
  max-width: 320px;
}
section.description div.reviews div.total div.text h3 {
  margin-bottom: 10px;
}
@media (max-width: 640px) {
  section.description div.reviews div.total div.text h3 {
    font-size: 14px;
  }
}
section.description div.reviews div.total div.text span {
  display: block;
  color: #A1A1A1;
  line-height: 1.25em;
  margin-bottom: 16px;
}
section.description div.reviews div.total div.text strong {
  display: block;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.3em;
  color: black;
  margin-bottom: 15px;
}
@media (max-width: 640px) {
  section.description div.reviews div.total div.text strong {
    font-size: 14px;
    margin-bottom: 10px;
  }
}
section.description div.reviews div.total div.stars {
  grid-area: S;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-template-columns: -webkit-max-content -webkit-max-content;
  grid-template-columns: max-content max-content;
  grid-gap: 10px;
  margin-bottom: 24px;
}
section.description div.reviews div.total div.stars div.icons {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  grid-gap: 7px;
  line-height: 0em;
}
section.description div.reviews div.total div.stars div.icons div.star.empty svg path {
  fill: transparent;
  stroke: #94BADF;
  stroke-width: 2px;
  stroke-mode: inside;
  stroke-dashoffset: 10px;
}
section.description div.reviews div.total div.stars span {
  color: #B0B0B0;
  border-left: 1px solid #B0B0B0;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 10px;
  height: 100%;
}
section.description div.reviews div.total button {
  grid-area: B;
  min-width: 300px;
}
section.description div.reviews div.list {
  display: grid;
  grid-gap: 30px;
}
@media (max-width: 640px) {
  section.description div.reviews div.list {
    grid-gap: 20px;
  }
}
section.description div.reviews div.list div.review {
  display: grid;
  grid-template-areas: "N D" "T T" "I S";
  grid-template-columns: 1fr -webkit-max-content;
  grid-template-columns: 1fr max-content;
  grid-gap: 10px 30px;
  background-color: white;
  padding: 20px;
  border-radius: 10px;
  -webkit-box-shadow: 0px 0px 0px 0px rgba(222, 222, 222, 0.1), 0px 24px 53px 0px rgba(222, 222, 222, 0.1), 0px 96px 96px 0px rgba(222, 222, 222, 0.09), 0px 215px 129px 0px rgba(222, 222, 222, 0.05), 0px 383px 153px 0px rgba(222, 222, 222, 0.01), 0px 598px 167px 0px rgba(222, 222, 222, 0);
          box-shadow: 0px 0px 0px 0px rgba(222, 222, 222, 0.1), 0px 24px 53px 0px rgba(222, 222, 222, 0.1), 0px 96px 96px 0px rgba(222, 222, 222, 0.09), 0px 215px 129px 0px rgba(222, 222, 222, 0.05), 0px 383px 153px 0px rgba(222, 222, 222, 0.01), 0px 598px 167px 0px rgba(222, 222, 222, 0);
}
@media (max-width: 640px) {
  section.description div.reviews div.list div.review {
    grid-template-areas: "N S" "T T" "I I";
  }
}
section.description div.reviews div.list div.review span.name {
  grid-area: N;
  font-size: 20px;
  line-height: 1.25em;
  color: #241D13;
}
@media (max-width: 640px) {
  section.description div.reviews div.list div.review span.name {
    font-size: 16px;
  }
}
section.description div.reviews div.list div.review span.date {
  grid-area: D;
  justify-self: end;
  opacity: 0.5;
}
@media (max-width: 640px) {
  section.description div.reviews div.list div.review span.date {
    display: none;
  }
}
section.description div.reviews div.list div.review span.text {
  grid-area: T;
  opacity: 0.8;
}
@media (max-width: 640px) {
  section.description div.reviews div.list div.review span.text {
    font-size: 14px;
  }
}
section.description div.reviews div.list div.review div.images {
  grid-area: I;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 7px;
  margin-top: 6px;
}
section.description div.reviews div.list div.review div.images img {
  height: 105px;
}
section.description div.reviews div.list div.review div.stars {
  grid-area: S;
  display: grid;
  justify-self: end;
  align-self: end;
  grid-template-columns: repeat(5, 20px);
  grid-gap: 5px;
}
section.description div.reviews div.pagination {
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-auto-flow: column;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  grid-gap: 14px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #A1A1A1;
  margin-top: 20px;
  margin-bottom: unset;
}
@media (max-width: 640px) {
  section.description div.reviews div.pagination {
    margin-top: 10px;
    margin-bottom: 10px;
  }
}
section.description div.reviews div.pagination a.active {
  pointer-events: none;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2em;
  color: #C6D6E7;
}

section.products_slider {
  margin-top: 100px;
  margin-bottom: 100px;
}
@media (max-width: 960px) {
  section.products_slider {
    margin-top: 80px;
    margin-bottom: 80px;
  }
}
section.products_slider div.container {
  display: grid;
  grid-gap: 24px;
}
@media (max-width: 640px) {
  section.products_slider div.container {
    grid-gap: 16px;
  }
}
section.products_slider div.title {
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-template-columns: 1fr -webkit-max-content;
  grid-template-columns: 1fr max-content;
}
section.products_slider div.swiper.products {
  width: 100%;
  min-width: 0;
  overflow: visible;
}
section.products_slider div.swiper.products:hover div.swiper-navigation.onslider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 960px) {
  section.products_slider div.swiper.products div.swiper.product_gallery {
    pointer-events: none;
  }
}
@media (max-width: 960px) {
  section.products_slider div.swiper.products div.swiper.product_gallery div.navigation-thumbs {
    display: none;
  }
}
section.products_slider div.swiper.products div.swiper.product_gallery div.swiper-pagination {
  display: none;
}
section.products_slider div.swiper-navigation {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  grid-gap: 8px;
}
@media (max-width: 640px) {
  section.products_slider div.swiper-navigation {
    grid-gap: 5px;
  }
}
section.products_slider div.swiper-navigation div.arrow {
  cursor: pointer;
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  justify-items: center;
  border: 1px solid #C6D6E7;
  width: 57px;
  height: 57px;
  border-radius: 999px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
@media (max-width: 640px) {
  section.products_slider div.swiper-navigation div.arrow {
    width: 33px;
    height: 33px;
  }
}
section.products_slider div.swiper-navigation div.arrow svg {
  height: 13px;
  width: 8px;
}
@media (max-width: 640px) {
  section.products_slider div.swiper-navigation div.arrow svg {
    height: 7px;
    width: 5px;
  }
}
section.products_slider div.swiper-navigation div.arrow svg path {
  fill: #4E5154;
  stroke-width: 0.6px;
  stroke: #4E5154;
}
section.products_slider div.swiper-navigation div.arrow:last-child svg {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
section.products_slider div.swiper-navigation div.arrow.swiper-button-disabled {
  pointer-events: none;
  opacity: 0.25;
}
section.products_slider div.swiper-navigation div.arrow:hover {
  background-color: #C6D6E7;
}
section.products_slider div.swiper-navigation.onslider {
  display: none;
  position: absolute;
  top: 35%;
  left: 20px;
  width: calc(100% - 40px);
  z-index: 1;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  pointer-events: none;
}
@media (max-width: 960px) {
  section.products_slider div.swiper-navigation.onslider {
    display: none !important;
  }
}
section.products_slider div.swiper-navigation.onslider div.arrow {
  width: 46px;
  height: 46px;
  pointer-events: auto;
  background-color: white;
}
section.products_slider div.swiper-navigation.onslider div.arrow:hover {
  background-color: #C6D6E7;
}

section.seo {
  margin-top: 100px;
  margin-bottom: 100px;
}
@media (max-width: 960px) {
  section.seo {
    margin-top: 80px;
    margin-bottom: 80px;
  }
}
@media (max-width: 640px) {
  section.seo {
    margin-top: 50px;
  }
}
section.seo div.container {
  display: grid;
  grid-gap: 80px;
}
section.seo div.question {
  display: grid;
  justify-items: center;
  grid-gap: 20px;
  text-align: center;
}
@media (max-width: 640px) {
  section.seo div.question {
    font-size: 12px;
  }
}
section.seo div.question div.socials {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: -webkit-max-content;
  grid-auto-columns: max-content;
  grid-gap: 24px;
}
section.seo div.question div.socials svg {
  width: 27px;
  height: 27px;
}
section.seo div.question div.socials svg path {
  fill: #4E5154;
}
section.seo div.text {
  color: #A1A1A1;
}
section.seo div.text.full p {
  line-clamp: unset;
  -webkit-line-clamp: unset;
}
section.seo div.text.full a span:first-child {
  display: none;
}
section.seo div.text.full a span:last-child {
  display: inline;
}
@media (max-width: 640px) {
  section.seo div.text p {
    display: block;
    font-size: 12px;
    overflow: hidden;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
}
section.seo div.text a {
  display: none;
  margin-top: 10px;
  font-size: 12px;
  color: rgba(78, 81, 84, 0.43);
  text-decoration: underline;
}
section.seo div.text a:hover {
  text-decoration: none;
  color: #4E5154;
}
section.seo div.text a span:first-child {
  display: inline;
}
section.seo div.text a span:last-child {
  display: none;
}
@media (max-width: 640px) {
  section.seo div.text a {
    display: inline-block;
  }
}/*# sourceMappingURL=product.css.map */
/* End */


/* Start:/local/templates/beself/components/bitrix/catalog.element/.default/style.css?17630385116181*/
section.main div.sizes div.list label.active > span {
    border-color: #4E5154;
}

.product-wrapper {
    max-width: 417px;
}

@media screen and (max-width: 640px) {
    section.description div.tabs_contents div.wrap {
        padding-left: 20px;
        padding-right: 20px;
    }

    section.description div.tabs_contents div.wrap > div.content {
        padding-left: 0;
        padding-right: 0;
    }
}
.one_photo_slider .thumbs, section.main div.slider.one_photo_slider div.swiper-navigation{
    display:none;
}
section.main div.slider.one_photo_slider .gallery {
    grid-column-start:1;
    grid-column-end:3;
}


/* .colors.related-products */
section.main div.colors.related-products div.list {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    grid-gap: 10px 15px;
}

@media (max-width: 640px) { 
    section.main div.colors.related-products div.list {
        grid-template-columns: repeat(5, 1fr);
    }
}

section.main div.colors.related-products div.list a {
    display: block;
    aspect-ratio: 2 / 3;
    border-radius: 0;
    background-size: cover;
    background-position: center;
    border: 1px solid #E4E5E5;
}


section.main div.colors.related-products div.list a.active {
    border: 1px solid #4E5154;
}


section.description div.tabs_contents .wrap div.accordion,
section.description div.tabs_contents .wrap div.text {
    margin-bottom: 24px;
}

section.description div.tabs_contents .wrap div.accordion_caption {
    display: flex;
    border: 0;
    padding: 0;
    margin-bottom: 16px;
}

section.description div.tabs_contents .wrap div.accordion_caption img {
    display: none;
}

section.description div.tabs_contents .wrap div.accordion_overflow {
    overflow: visible!important;
}


.select-related-products {
    position: relative;
    max-width: 360px;
    margin: 16px 0;
}

.select-related-products .current {
    cursor: pointer;
    position: relative;
    background-color: #ffffff;
    border: 1px solid #e4e5e5;
    border-radius: 5px;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-template-columns: -webkit-max-content 1fr -webkit-max-content;
    grid-template-columns: max-content 1fr max-content;
    grid-gap: 15px;
    padding: 8px 54px 8px 8px;
}

.select-related-products .current img {
    width: 28px;
    height: 40px;
    object-fit: cover;
}

.select-related-products .current::after {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    right: 47px;
    bottom: 0;
    border-left: 1px solid #e4e5e5;
}

.select-related-products .current::before {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    width: 47px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='angle-down'%3E%3Cpath id='Vector' d='M9.38998 6.40992L9.39009 6.4098C9.46609 6.32656 9.55582 6.26123 9.65374 6.21691C9.75162 6.17261 9.85611 6.15 9.96129 6.15C10.0665 6.15 10.1709 6.17261 10.2688 6.21691C10.3667 6.26121 10.4564 6.3265 10.5324 6.40968C10.5324 6.40972 10.5324 6.40976 10.5325 6.4098L14.6049 10.8862L14.6049 10.8862L14.6059 10.8873C14.6826 10.9698 14.744 11.0687 14.7861 11.1785C14.8282 11.2883 14.85 11.4065 14.85 11.5261C14.85 11.6457 14.8282 11.7639 14.7861 11.8737C14.744 11.9835 14.6826 12.0824 14.6059 12.1649L14.6055 12.1654L10.5329 16.5898L10.5329 16.5897L10.5325 16.5902C10.4565 16.6734 10.3668 16.7388 10.2688 16.7831C10.1709 16.8274 10.0665 16.85 9.96129 16.85C9.8561 16.85 9.75162 16.8274 9.65374 16.7831C9.55582 16.7388 9.46609 16.6734 9.39009 16.5902L9.38998 16.5901C9.23748 16.4234 9.15 16.1955 9.15 15.9557C9.15 15.7159 9.23742 15.4881 9.38983 15.3214C9.38988 15.3214 9.38993 15.3213 9.38998 15.3213L12.7899 11.6277L12.8828 11.5268L12.7906 11.4253L9.39038 7.67916L9.38998 7.67872C9.23748 7.51206 9.15 7.28417 9.15 7.04432C9.15 6.80447 9.23748 6.57658 9.38998 6.40992Z' fill='%234E5154' stroke='white' stroke-width='0.3'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-size: 24px 24px;
    background-position: 50% 50%;
    background-size: 24px 24px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    transform: rotate(90deg);
    transition: transform 0.1s ease;
}

.select-related-products.active .current {
    border-radius: 5px 5px 0 0;
}

.select-related-products.active .current::before {
    transform: rotate(-90deg);
}

.select-related-products .dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    max-height: 228px;
    overflow: auto;
    border: 1px solid #e4e5e5;
    border-radius: 0 0 5px 5px;
    margin-top: -1px;
    background: #fff;
    box-shadow: 0 3px 10px -5px #00000020;
    z-index: 5;
    scrollbar-width: thin;
    scrollbar-color: #4E5154 #ffffff;
}

.select-related-products .dropdown::-webkit-scrollbar {
    width: 4px;
}

.select-related-products .dropdown::-webkit-scrollbar-track {
    background: #ffffff;
}

.select-related-products .dropdown::-webkit-scrollbar-thumb {
    background-color: #4E5154;
    border-radius: 6px;
    border: 1px solid #ffffff;
}

.select-related-products:not(.active) .dropdown {
    visibility: hidden;
}

.select-related-products .dropdown > * {
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-template-columns: -webkit-max-content 1fr -webkit-max-content;
    grid-template-columns: max-content 1fr max-content;
    grid-gap: 15px;
    padding: 8px 8px;
    transition: background-color 0.1s ease;
}

.select-related-products .dropdown > *:hover {
    background-color: #E6EDF4;
}

.select-related-products .dropdown img {
    width: 28px;
    height: 40px;
    object-fit: cover;
}

.whatsapp_questions{
    display: flex;
    flex-wrap: wrap;
    gap: 1em;
    margin-top: 1em;
    padding: 1em;
    border-radius: 9px;
    background: #eee;
}
.whatsapp_questions b{
    flex-basis:100%;
}
.whatsapp_questions:hover{
    color:#fff;
    background:#4E5154;
}
.whatsapp_questions:hover svg path{
    fill:#fff;
}
#yandex-pay-widget{
    grid-column-start: 1;
}
/* End */


/* Start:/local/components/mwi/reviews/templates/.default/style.css?1734619809558*/
.review-success {
    display: none;
}

.stars.error strong, .stars.error span {
    color: red !important;
}

form fieldset.checkbox.checkbox-policy label {
    position: relative;
}

form fieldset.checkbox.checkbox-policy input {
    display: block;   
    position: absolute;
    top: 10px;
    width: 20px;
    height: 20px;
    opacity: 0;
}

form fieldset.checkbox.checkbox-policy label span::before {
    border-color: #e4e5e5;
}

@media screen and (min-width: 768px) {
    .review-success {
        padding: 40px;
    }
}
/* End */
/* /local/templates/beself/components/mwi/catalog/.default/style.css?1734619810159 */
/* /local/templates/beself/css/product.css?173461981035751 */
/* /local/templates/beself/components/bitrix/catalog.element/.default/style.css?17630385116181 */
/* /local/components/mwi/reviews/templates/.default/style.css?1734619809558 */
