.cf-main{display:grid;grid-template-columns:530fr 640fr;gap:clamp(40px,6.6vw,94px);padding:80px 64px;border-radius:14px}.cf-title{font-size:clamp(40px,5vw,72px);font-weight:800;line-height:110%;letter-spacing:-2.88px;text-transform:lowercase;color:var(--main-text-color)}.cf-image-wrapper{position:relative;max-width:427px;aspect-ratio:427/443}.cf-left{display:flex;flex-direction:column;gap:10px}.cf-bg-image{width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:0}.cf-bg-image img{width:100%}.cf-main-image img{width:100%;height:auto;position:relative;z-index:2}.cf-right__blocks{display:flex;flex-direction:column;gap:24px}.cf-accordion-item{display:block;padding:16px 24px;border-radius:14px;background-color:#fff}.cf-content{padding-top:16px}.cf-content>*{font-size:16px;color:var(--main-text-color);font-weight:500;line-height:120%}.cf-content p{margin:0}.cf-accordion-item__title{color:var(--main-text-color);font-family:var(--font-body-family);font-size:24px;font-style:normal;font-weight:700;line-height:120%;letter-spacing:0}.cf-summary{display:flex;justify-content:space-between;gap:10px;align-items:center}.cf-icon{flex-shrink:0;position:relative;width:24px;height:24px;border-radius:100px;background-color:var(--main-text-color)}.cf-icon .hor,.cf-icon .vert{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:block;width:12px;height:2px;border-radius:2px;background-color:#fff;transition:all .25s ease}.cf-icon .vert{transform:translate(-50%,-50%) rotate(90deg)}.cf-details[open] .cf-icon .vert,.cf-details[open] .cf-icon .hor{transform:translate(-50%,-50%) rotate(360deg)}.faq-item-image{transform:scale(0);transition:all .3s ease}.item-image-expand{animation:scaleUp .3s forwards}.item-image-shrink{animation:scaleDown .3s forwards}@keyframes scaleUp{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes scaleDown{0%{transform:scale(1)}to{transform:scale(0)}}@media (max-width: 875px){.cf-main{grid-template-columns:1fr!important;padding:50px 40px}.cf-left{align-items:center}.cf-title{text-align:center}}@media (max-width: 768px){.cf-image-wrapper{display:none}.cf-main{padding:40px 16px;gap:24px!important}.cf-left{align-items:initial}.cf-title{text-align:left}.cf-accordion-item__title{font-size:18px}}
/*# sourceMappingURL=/cdn/shop/t/38/assets/section-custom-faq.css.map */