/* Start:/local/components/sf/news.detail/templates/blog.detail/style.css?16790540368815*/
.blog-detail__body h2 {
    font-family: var(--font-family-base);
    color: #7e2832;
    font-weight: 700;
    text-transform: uppercase
}

@media screen and (min-width:1440px) {
    .blog-detail__body h2 {
        font-size: 24px
    }
}

@media screen and (min-width:1024px) and (max-width:1439px) {
    .blog-detail__body h2 {
        font-size: 1.765vw
    }
}

@media screen and (min-width:1440px) {
    .blog-detail__body h2 {
        line-height: 32px
    }
}

@media screen and (min-width:1024px) and (max-width:1439px) {
    .blog-detail__body h2 {
        line-height: 2.353vw
    }
}

.blog-detail__body h3 {
    font-family: var(--font-family-base);
    color: #7e2832;
    font-weight: 500;
    text-transform: none
}

@media screen and (min-width:1440px) {
    .blog-detail__body h3 {
        font-size: 20px
    }
}

@media screen and (min-width:1024px) and (max-width:1439px) {
    .blog-detail__body h3 {
        font-size: 1.471vw
    }
}

@media screen and (min-width:1440px) {
    .blog-detail__body h3 {
        line-height: 24px
    }
}

@media screen and (min-width:1024px) and (max-width:1439px) {
    .blog-detail__body h3 {
        line-height: 1.765vw
    }
}

@media screen and (max-width:1023px) {

    .blog-detail__body h2,
    .blog-detail__body h3 {
        font-size: 4.267vw
    }
}

@media screen and (min-width:1024px) and (max-width:1023px) and (orientation:portrait) {

    .blog-detail__body h2,
    .blog-detail__body h3 {
        font-size: 3.20025vw
    }
}

@media screen and (max-width:1023px) {

    .blog-detail__body h2,
    .blog-detail__body h3 {
        line-height: 6.4vw
    }
}

@media screen and (min-width:1024px) and (max-width:1023px) and (orientation:portrait) {

    .blog-detail__body h2,
    .blog-detail__body h3 {
        line-height: 4.8vw
    }
}

@media screen and (max-width:1023px) {

    .blog-detail__body h2,
    .blog-detail__body h3 {
        text-transform: none
    }
}

.blog-detail__subtitle {
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    color: #36242a
}

@media screen and (min-width:1440px) {
    .blog-detail__subtitle {
        font-size: 16px
    }
}

@media screen and (min-width:1024px) and (max-width:1439px) {
    .blog-detail__subtitle {
        font-size: 1.176vw
    }
}

@media screen and (max-width:1023px) {
    .blog-detail__subtitle {
        font-size: 4.267vw
    }
}

@media screen and (min-width:1024px) and (max-width:1023px) and (orientation:portrait) {
    .blog-detail__subtitle {
        font-size: 3.20025vw
    }
}

.blog-detail__body,
.blog-detail__navigation .blog-detail__title {
    font-family: var(--font-family-base);
    font-size: 14px;
    line-height: 20px;
    color: #36242a
}

.blog-detail__navigation .blog-detail__subtitle {
    font-family: var(--font-family-base);
    font-size: 12px;
    line-height: 16px;
    color: #36242a
}

.blog-detail {
    padding: 0 128px
}

@media screen and (max-width:1023px) {
    .blog-detail {
        padding: 17.067vw 0 8.533vw 0
    }
}

.blog-detail__media {
    width: 100%;
    border-radius: 16px;
    overflow: hidden;
    height: 270px;
    margin-bottom: 64px
}

@media screen and (max-width:1023px) {
    .blog-detail__media {
        height: 44.8vw
    }
}

@media screen and (max-width:1023px) {
    .blog-detail__media {
        margin-bottom: 8.533vw
    }
}

.blog-detail__img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.blog-detail__header {
    max-width: 70%;
    margin-bottom: 48px
}

@media screen and (max-width:1023px) {
    .blog-detail__header {
        margin-bottom: 8.533vw
    }
}

@media screen and (max-width:1023px) {
    .blog-detail__header {
        max-width: 100%
    }
}

.blog-detail__info {
    display: flex;
    gap: 32px;
    margin-top: 16px
}

@media screen and (max-width:1023px) {
    .blog-detail__info {
        margin-top: 2.133vw
    }
}

.blog-detail__subtitle {
    font-weight: 500
}

.blog-detail__body {
    margin: 0 0 32px 0;
    max-width: 70%
}

@media screen and (max-width:1023px) {
    .blog-detail__body {
        margin: 0 0 6.4vw 0
    }
}

@media screen and (max-width:1023px) {
    .blog-detail__body {
        max-width: 100%
    }
}

.blog-detail__body img {
    width: 100%;
    height: 400px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 16px;
    overflow: hidden;
    margin: 32px 0
}

@media screen and (max-width:1023px) {
    .blog-detail__body img {
        margin: 4.267vw 0
    }
}

.blog-detail__body h2 {
    color: #36242a
}

.blog-detail__body h3 {
    color: #36242a
}

.blog-detail__body p {
    margin: 0
}

.blog-detail__body p:not(:last-child) {
    margin-bottom: 16px
}

.blog-detail__products {
    margin-top: 50px
}

.blog-detail__more {
    margin-top: 10px;
    display: none;
    width: 100%;
    box-sizing: border-box;
    background-color: #f5f5f5;
    padding: 10px;
    cursor: pointer;
    font-size: 14px;
    text-align: center;
    border-radius: 5px
}

.blog-detail__navigation {
    padding: 32px 0 64px 0
}

@media screen and (max-width:1023px) {
    .blog-detail__navigation {
        padding: 0 0 8.533vw 0
    }
}

.blog-detail__navigation .blog-detail__layout {
    width: 100%;
    display: grid;
    gap: 16px;
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "prev next"
}

.blog-detail__navigation .blog-detail__link {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 8px;
    text-decoration: none;
    transition: all 250ms ease
}

.blog-detail__navigation .blog-detail__link:hover {
    opacity: .8
}

.blog-detail__navigation .blog-detail__link::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-95%);
    width: 24px;
    height: 24px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

@media screen and (max-width:1023px) {
    .blog-detail__navigation .blog-detail__link::before {
        top: 0;
        transform: none
    }
}

.blog-detail__navigation .blog-detail__prev {
    align-items: flex-start;
    padding-left: 32px;
    grid-area: prev
}

.blog-detail__navigation .blog-detail__prev::before {
    left: 0;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M10.7 6.72501C10.9 6.92501 10.996 7.16668 10.988 7.45001C10.98 7.73335 10.8757 7.97501 10.675 8.17501L7.85 11L19 11C19.2833 11 19.521 11.096 19.713 11.288C19.905 11.48 20.0007 11.7173 20 12C20 12.2833 19.904 12.521 19.712 12.713C19.52 12.905 19.2827 13.0007 19 13L7.85 13L10.7 15.85C10.9 16.05 11 16.2877 11 16.563C11 16.8383 10.9 17.0757 10.7 17.275C10.5 17.475 10.2623 17.575 9.987 17.575C9.71166 17.575 9.47433 17.475 9.275 17.275L4.7 12.7C4.6 12.6 4.529 12.4917 4.487 12.375C4.445 12.2583 4.42433 12.1333 4.425 12C4.425 11.8667 4.446 11.7417 4.488 11.625C4.53 11.5083 4.60066 11.4 4.7 11.3L9.3 6.70001C9.48333 6.51668 9.71233 6.42501 9.987 6.42501C10.2617 6.42501 10.4993 6.52501 10.7 6.72501Z' fill='%237E2832'/%3e%3c/svg%3e")
}

.blog-detail__navigation .blog-detail__next {
    align-items: flex-end;
    padding-right: 32px;
    grid-area: next
}

@media screen and (max-width:1023px) {
    .blog-detail__navigation .blog-detail__next {
        align-items: flex-start
    }
}

.blog-detail__navigation .blog-detail__next::before {
    right: 0;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M13.3 17.275C13.1 17.075 13.004 16.8333 13.012 16.55C13.02 16.2667 13.1243 16.025 13.325 15.825L16.15 13H5C4.71667 13 4.479 12.904 4.287 12.712C4.095 12.52 3.99934 12.2827 4 12C4 11.7167 4.096 11.479 4.288 11.287C4.48 11.095 4.71734 10.9993 5 11H16.15L13.3 8.14999C13.1 7.94999 13 7.71232 13 7.43699C13 7.16165 13.1 6.92432 13.3 6.72499C13.5 6.52499 13.7377 6.42499 14.013 6.42499C14.2883 6.42499 14.5257 6.52499 14.725 6.72499L19.3 11.3C19.4 11.4 19.471 11.5083 19.513 11.625C19.555 11.7417 19.5757 11.8667 19.575 12C19.575 12.1333 19.554 12.2583 19.512 12.375C19.47 12.4917 19.3993 12.6 19.3 12.7L14.7 17.3C14.5167 17.4833 14.2877 17.575 14.013 17.575C13.7383 17.575 13.5007 17.475 13.3 17.275Z' fill='%237E2832'/%3e%3c/svg%3e")
}

.blog-detail__navigation .blog-detail__title {
    display: block;
    color: #7e2832;
    font-weight: 500
}

.blog-detail__navigation .blog-detail__subtitle {
    display: block;
    color: #8f8488;
    font-weight: 400
}

.blog-detail__section-more {
    padding: 64px 0
}

@media screen and (max-width:1023px) {
    .blog-detail__section-more {
        padding: 8.533vw 0
    }
}

.blog-detail__section-more .blog-list__wrap {
    padding: 32px 0 0 0
}
/* End */


/* Start:/local/components/sf/section.list/templates/.default/style.css?16790541651968*/
.blog-section__title {
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	color: #36242a
}

@media screen and (min-width:1440px) {
	.blog-section__title {
		font-size: 20px
	}
}

@media screen and (min-width:1024px) and (max-width:1439px) {
	.blog-section__title {
		font-size: 1.471vw
	}
}

@media screen and (max-width:1023px) {
	.blog-section__title {
		font-size: 4.267vw
	}
}

@media screen and (min-width:1024px) and (max-width:1023px) and (orientation:portrait) {
	.blog-section__title {
		font-size: 3.20025vw
	}
}

.blog-section__wrap {
	background: rgba(252, 247, 243, .56);
	padding: 0 0 64px 0
}

@media screen and (max-width:1023px) {
	.blog-section__wrap {
		padding: 0 0 8.533vw 0
	}
}

.blog-section__wrap .header-page {
	padding: 60px 0 48px 0 !important
}

@media screen and (max-width:1023px) {
	.blog-section__wrap .header-page {
		padding: 8vw 0 6.4vw 0 !important
	}
}

.blog-section__list {
	--columns: 4;
	display: flex;
	flex-wrap: wrap;
	gap: var(--gap);
	--gap: 32px
}

@media screen and (max-width:1023px) {
	.blog-section__list {
		--gap: 4.267vw
	}
}

@media screen and (max-width:1023px) {
	.blog-section__list {
		--columns: 2
	}
}

.blog-section__item {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: calc(100% / var(--columns) - var(--gap) + var(--gap)/ var(--columns));
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 16px;
	overflow: hidden;
	transition: all 250ms ease;
	height: 90px
}

@media screen and (max-width:1023px) {
	.blog-section__item {
		height: 16vw
	}
}

.blog-section__item::before {
	content: "";
	position: absolute;
	opacity: 1;
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	background: linear-gradient(0deg, rgba(0, 0, 0, .2), rgba(0, 0, 0, .2));
	z-index: 1
}

.blog-section__item:hover {
	opacity: .8
}

.blog-section__title {
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 700;
	z-index: 2
}
/* End */
/* /local/components/sf/news.detail/templates/blog.detail/style.css?16790540368815 */
/* /local/components/sf/section.list/templates/.default/style.css?16790541651968 */