/* Start:/local/templates/derlak/components/bitrix/catalog/catalog/style.css?17760685891632*/
.catalog-wrap{
    display: grid;
    grid-template-columns: 1fr;
    gap: 32px;
    padding-left: 25px;
    padding-right: 25px;
}
@media (min-width: 768px) {
    .catalog-wrap:has(.catalog-filter){
        grid-template-columns: 244px 1fr;
    }
}
.catalog-filter{
    grid-row: span 2;
    flex-shrink: 0;
}

.catalog-list{
    width: 100%;
    padding-bottom: 50px;
}
.catalog-list__cont{
    align-items: stretch;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    min-width: 0;
    gap: 50px 0;
}
.catalog-section-desc{
    text-align: center;
    margin: 30px 0;
}
.catalog-section-desc h2,
.catalog-section-desc .h2{
    font-size: 52px;
    text-transform: uppercase;
}
.section-content-wrap{
    padding-top: 50px;
    background-image: linear-gradient(0turn, rgba(243, 240, 227, 1) 0%, rgba(238, 235, 220, 1) 100%);
}

@media (max-width: 800px) {
    .catalog-wrap{
        grid-template-columns: 1fr;
    }
}
@media (min-width: 640px) {
    .catalog-head{
        grid-column: span 2;
    }
}
@media (max-width: 639px) {
    .catalog-section-desc h2,
    .catalog-section-desc .h2{
        font-size: 30px;
    }
    .catalog-wrap {
        grid-template-columns: 1fr;
        padding-left: 15px;
        padding-right: 15px;
        gap: 15px;
    }
    .catalog-filter{
        display: none;
    }
    .is-active.catalog-filter,
    .catalog-filter:has(.filter-checked-button){
        display: block;
    }

    .mobile-catalog-head-buttons{
        order: 1;
    }
    .catalog-filter{
        order: 2;
    }
    .catalog-head{
        order: 3;
    }
    .catalog-list{
        order: 4;
    }
}
/* End */


/* Start:/local/templates/derlak/components/bitrix/catalog.element/.default/style.css?17760685898649*/
.grid{
    display:grid;
    grid-template-columns: 420px 1fr;
    gap:40px;
    align-items:start;
  }

  /* PRODUCT GALLERY */
  .gallery{display:flex;flex-direction:column;gap:14px;align-items:center; position: relative}
.gallery-label{
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 5;
    color: #ffffff;
    background-color: #ff4a4a;
    border-radius: 100px;
    box-sizing: border-box;
    font-family: "FF Good Pro Comp", sans-serif;
    font-weight: 500;
    font-size: 22px;
    padding: 0 10px;
    text-align: center;
    white-space: nowrap;
    height: 34px;
    display: flex;
    align-items: center;
}
.gallery-label--new{

}
.gallery-label + .gallery-label{
    right: 90px;
}
.main-photo {
	width: 460px;
	height: 460px;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}
  .main-photo img{max-width:100%;max-height:100%;object-fit:contain; display:block}

  .thumbs{
      display:flex;
      gap:10px;
      margin-top:6px;
      flex-wrap: wrap;
  }
  @media (min-width: 1160px) {
      .thumbs{
          max-width: 360px;
      }
  }
  .thumb{width: 60px;
    height: 60px;
    overflow: hidden;
    cursor: pointer;
    opacity: 0.85;
    border: 2px solid transparent;
  box-sizing: content-box}
  .thumb.active{border-color: rgba(0, 0, 0, .15);opacity:1}
  .thumb img{width:100%;height:100%;object-fit:cover}

  /* PRODUCT INFO (right column) */
  .product-title{font-family:'PT Serif', serif;font-size:40px;color:var(--muted);line-height:1.02;margin:0 0 4px}
  .product-artnumber{
      font-family: 'FF Good Pro Comp', Arial, sans-serif;
      font-size: 30px;
      font-weight: 500;
  }
.content-wrapper p.lead {
    /* max-width: 520px; */
    color: #444;
    line-height: 1.6;
    margin-bottom: 20px;
    font-size: 20px;
    font-family: 'Roboto';
}
  .variants{margin:18px 0}
  .variants-title {
    font-family: 'FF Good Pro Comp', Arial, sans-serif;
    color: #894615;
    font-size: 34px;
    font-weight: 500;
    line-height: 140%;
    margin-bottom: 16px;
}
.variant-items{
  display:flex;
  gap:6px;
  flex-wrap:wrap
}
.variant {
    padding: 13px 19px;
    background: transparent;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 10px;
    border-radius: 30px;
    border: 1px solid var(--c-6-b-9-af, #C6B9AF);
    color: var(--111111, #111);
    text-align: center;
    font-family: "FF Good Pro Comp";
    font-size: 26px;
    font-style: normal;
    font-weight: 500;
    line-height: 90%;
}
span.variant-art {
    color: var(--c-6-b-9-af, #C6B9AF);
    font-family: "FF Good Pro Comp";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    padding-top: 3px;
}
.variant input{
  display:none
}
.variant.selected {
    padding: 12px 18px;
    border-radius: 30px;
    border: 2px solid var(--898-b-49, #898B49);
    background: var(--ffffff, #FFF);
}
span.variant-label {
    display: flex;
    gap: 10px;
    align-items: center;
	position: relative;
}
span.dot {
    content: "";
    width: 17px;
    height: 17px;
    border: 1px solid #C6B9AF;
    border-radius: 50%;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}
.variant.selected span.dot:before {
    content: "";
    width: 9px;
    height: 9px;
    display: block;
    background: #898B49;
    border-radius: 50%;
}
.price {
    margin: 31px 0 22px;
    font-family: 'FF Good Pro Comp', Arial, sans-serif;
    color: #894615;
    font-size: 34px;
    font-weight: 500;
	line-height: 140%;
}
#productPrice {
    font-size: 52px;
}
  /* TABS */
.tabs {
    margin-top: 66px;
    display: flex;
    gap: 40px;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.tab-nav {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: stretch;
}
.tab-nav button {
    background: transparent;
    border: 0;
    cursor: pointer;
    padding: 0 0 10px;
    color: var(--Style, #894615);
    text-align: center;
    font-family: "FF Good Pro Comp";
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    border-bottom: 2px solid white;
    flex: 1 0 auto;
}
.tab-nav button.active {
    color: #898B49;
    position: relative;
    border-color: #898B49;
}
  .tab-nav button.active::after{content:'';position:absolute;left:0;right:0;height:4px;background:var(--olive);bottom:-14px;border-radius:4px}

  .tab-content > *{margin-top:28px}
  .tab-content > #advantages{
    margin-top: 0;
  }
  /* Advantages carousel (simple) */
  .advantages{
    display:flex;gap:26px;align-items:center;justify-content:center;background:transparent;padding:34px 20px;border-radius:12px;
  }
  .adv-list{display:flex;gap:20px;flex:1;align-items:center;justify-content:center}
  .adv-item{display:flex;gap:14px;align-items:center;background:var(--card);padding:12px 18px;border-radius:999px;box-shadow:0 6px 18px rgba(0,0,0,0.04);min-width:260px}
  .adv-item .icon{width:40px;height:40px;border-radius:999px;background:#f3f3f3;display:flex;align-items:center;justify-content:center;font-weight:700}
  .adv-item .text{font-size:14px;color:#5b4a3f}
.content-wrapper .product-title {
    font-weight: 500;
    font-size: 72px;
    font-family: 'FF Good Pro Comp', Arial, sans-serif;
    color: #894615;
    text-align: left;
    letter-spacing: 1px;
    line-height: .9 !important;
	text-transform: none;
}
.composition {
    display: flex;
    gap: 20px;
    flex-direction: row-reverse;
}

.composition-img {
    flex: 1 0 57%;
}

.composition-desc {
    font-size: 18px;
    font-weight: 400;
    padding-top: 5px;
}
.composition-tbl{
    padding-top: 28px;
    margin-top: 28px;
    margin-bottom: 28px;
    border-top: 1px solid #fff;
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    font-size: 16px;
    font-weight: 300;
    width: 100%;
    justify-content: space-between;
}
.composition-tbl__col-name{
    font-weight: 700;
    margin-bottom: 5px;
}
.feeding {
    display: flex;
    gap: 40px;
}

.feeding-img {
    flex: 0 0 auto;
}

.feeding-desc {
    font-size: 18px;
    font-weight: 400;
    padding-top: 5px;
}

  .product-reviews h3 {
    font-weight: 500;
    font-size: 72px;
    font-family: 'FF Good Pro Comp', Arial, sans-serif;
    color: #894615;
    margin-bottom: 30px;
    text-align: left;
    letter-spacing: 1px;
    line-height: .9 !important;
    text-transform: none;
}

.reviews-grid {
    display: flex;
    gap: 40px;
    margin-bottom: 40px;
}

.review-item {
    border-radius: 14.32px;
    background: var(--ffffff, #FFF);
    padding: 30px;
    display: flex;
    flex-direction: column;
    flex: 1;
    max-width: 360px;
}

.review-header strong {
    color: var(--Style, #5B5B5B);
    font-family: "FF Good Pro Comp";
    font-size: 34px;
    font-style: normal;
    font-weight: 500;
    line-height: 90%; /* 30.6px */
    margin-bottom: 4px;
    display: block;
}

span.review-date {
    color: var(--c-6-b-9-af, #C6B9AF);
    font-family: Roboto;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 27.9px; /* 155% */
    margin-bottom: 4px;
    display: block;
}

.review-stars {
    margin-bottom: 24px;
}

.review-text {
    color: #111;
    font-family: Roboto;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 25.2px */
    flex: 1;
}

span.review-toggle {
    color: var(--3-e-72-ad, #3E72AD);
    font-family: Roboto;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.review-info {
    flex: 1;
}

a.review-link {
    color: var(--3-e-72-ad, #3E72AD);
    font-family: Roboto;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 25.2px */
    margin-top: 24px;
    cursor: pointer;
}

.product-reviews {
    max-width: 1560px;
    margin: 50px auto;
}

.reviews-more {
    margin: 50px auto 0;
    text-align: center;
}

button.btn-more {
    background: #0E8F26;
    border: 0;
    padding: 16px 26px;
    border-radius: 4px;
    color: var(--f-3-f-0-e-3, #F3F0E3);
    text-align: center;
    font-family: "FF Good Pro Comp";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 90%; /* 14.4px */
    letter-spacing: 0.16px;
    text-transform: uppercase;
}

.product-wrap {
    margin-top: 50px;
}
@media screen and (max-width: 1200px){
    .feeding {
         flex-wrap: wrap;
    }
    .feeding > *{
        flex: auto;
    }
}
@media screen and (max-width: 479px) {
    .tab-nav button {
        font-size: 32px;
    }
    .main-photo{
        width: 100%;
    }
}
/* End */


/* Start:/local/templates/derlak/components/bitrix/catalog.section/.default/style.css?17760685893433*/
.recommended .catalog-block-header {
    color: #894615;
    font-family: "FF Good Pro Comp", sans-serif;
    font-size: 62px;
    font-style: normal;
    font-weight: 500;
    line-height: 90%; /* 73.8px */
    border: 0;
    padding: 0;
    margin: 50px 0 50px;
}
.catalog-recommended {
    max-width: 1560px;
    margin: 0 auto 50px;
    position: relative;
}
.catalog-item{
    display: flex;
}
.catalog-item.swiper-slide{
    height: auto;
}
.catalog-item:not(.swiper-slide){
    width: 25%;
    padding: 0 20px;
    box-sizing: border-box;
}
.catalog-recommended-item{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 20px;
    width: 100%;
    height: 100%;
}
.item-name {
    color: #894615;
    font-family: "FF Good Pro Comp", sans-serif;
    font-size: 42px;
    font-style: normal;
    font-weight: 500;
    line-height: 90%;
    border: 0;
    padding: 0;
    margin: 0 0 10px;
    display: block;
}
.item-image{
    display: flex;
    align-items: end;
    position: relative;
    justify-content: center;
    height: 400px;
    margin-bottom: 20px;
}
.item-image-label{
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 5;
    color: #ffffff;
    background-color: #ff4a4a;
    border-radius: 100px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    font-family: "FF Good Pro Comp", sans-serif;
    font-weight: 500;
    font-size: 22px;
    padding: 0 10px;
    text-align: center;
    white-space: nowrap;
    height: 34px;
}
.item-image-label + .item-image-label{
    right: 90px;
}
.item-image-label--new{

}
.item-image__first,
.item-image__second{
    transition: opacity 0.5s;
}
.item-image__second{
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    opacity: 0;
}
.item-image:hover .item-image__second{
    opacity: 1;
}
.item-image:has(.item-image__second):hover .item-image__first{
    opacity: 0;
}
.item-image img{
    max-width: 100%;
    height: auto;
    max-height: 100%;
    width: auto;
}
.item-price {
    color: var(--Style, #894615);
    font-kerning: none;
    font-feature-settings: 'liga' off;
    font-family: "FF Good Pro Comp", sans-serif;
    font-size: 52px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    margin: 0 0 13px 0;
    text-align: center;
}
.item-actions-row .actions {
    justify-content: center;
}
.recommended-button-next, .recommended-button-prev {
    position: absolute;
    top: 50%;
}

.recommended-button-next {
    right: -100px;
}

.recommended-button-prev {
    left: -100px;
}

.item-info-column,
.item-name{
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.item-preview-text{
    text-align: center;
}
@media (max-width: 1500px) {
    .catalog-item:not(.swiper-slide){
        width: 33.333333%;
    }
    .item-name,
    .item-price{
        font-size: 36px;
    }
    .item-preview-text{
        font-size: 14px;
    }
}
@media (max-width: 1200px) {
    .catalog-item:not(.swiper-slide){
        width: 50%;
    }
}
@media (max-width: 767px) {
    .item-image{
        height: 250px;
    }
    .catalog-item {
        box-sizing: border-box;
        padding: 0 10px;
    }
    .item-actions-row .actions{
        flex-direction: column;
    }
    .item-actions-row .actions > *{
        width: 100%;
        justify-content: space-between;
    }
}


/* End */
/* /local/templates/derlak/components/bitrix/catalog/catalog/style.css?17760685891632 */
/* /local/templates/derlak/components/bitrix/catalog.element/.default/style.css?17760685898649 */
/* /local/templates/derlak/components/bitrix/catalog.section/.default/style.css?17760685893433 */