.heading-with-block{padding-top:var(--padding-top-desktop);padding-bottom:var(--padding-bottom-desktop)}.heading-with-block .custom-width{padding:0 20px;width:100%;max-width:var(--custom-width);margin:0 auto}.heading-with-block-header h2.heading{font-size:var(--heading-size-desktop);line-height:1.25;letter-spacing:0;margin:0;color:var(--heading-color)}.heading-with-block-header+.heading-with-block-body{margin-top:50px}.heading-with-block-slider ul{padding:0;margin:0;list-style:none;display:flex;flex-wrap:wrap;gap:32px}.heading-with-block-slider ul li.swiper-slide{width:calc(33.33% - 32px * 2/3);height:unset}.heading-with-block-item{position:relative;border-radius:24px;overflow:hidden;cursor:pointer;transform:translateZ(0);transition:transform .4s cubic-bezier(.25,.46,.45,.94)}.heading-with-block-item .block-item-media{padding-top:100%;position:relative}.heading-with-block-item .block-item-media svg,.heading-with-block-item .block-item-media img{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;object-fit:cover;display:block}.heading-with-block-item .block-item-info{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;box-sizing:border-box;padding:32px;display:flex;flex-direction:column;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s cubic-bezier(.25,.46,.45,.94),visibility .3s cubic-bezier(.25,.46,.45,.94);z-index:15;background:#f5f2f0fa}.heading-with-block-item .block-item-info-wrap{font-size:18px;line-height:1.6;color:#000;transform:translateY(10px);opacity:0;transition:transform .4s cubic-bezier(.25,.46,.45,.94),opacity .4s cubic-bezier(.25,.46,.45,.94);transition-delay:.1s}.block-item-info-wrap p{margin:0}.heading-with-block-item h2.overlay-title{margin:0;position:absolute;bottom:0;left:0;right:0;padding:32px;color:#fff;z-index:2;font-weight:500;font-size:24px;line-height:1.3;letter-spacing:-.01em;pointer-events:none}.heading-with-block-item .toggle-btn{position:absolute;bottom:32px;right:32px;width:48px;height:48px;border:2px solid #f5f2f099;border-radius:50%;background:#f5f2f01a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;transform:translateZ(0);will-change:transform,background-color,border-color;transition:transform .3s cubic-bezier(.25,.46,.45,.94),background-color .3s cubic-bezier(.25,.46,.45,.94),border-color .3s cubic-bezier(.25,.46,.45,.94),opacity .3s cubic-bezier(.25,.46,.45,.94);cursor:pointer;z-index:16;pointer-events:auto;-webkit-tap-highlight-color:transparent;box-sizing:border-box}.heading-with-block-item .toggle-btn svg{width:20px;height:20px;stroke:#f5f2f0;stroke-width:2.5;will-change:transform;transition:transform .3s cubic-bezier(.25,.46,.45,.94)}@media(max-width:1024px){.heading-with-block-slider ul{gap:24px}.heading-with-block-slider ul li.swiper-slide{width:calc(50% - 12px)}}@media(min-width:749px){.heading-with-block-item:hover .toggle-btn{transform:scale(1.1);border-color:#35312e;transition:transform .3s cubic-bezier(.25,.46,.45,.94)}.heading-with-block-item:hover .toggle-btn svg{transform:rotate(45deg);stroke:#35312e;transition:transform .3s cubic-bezier(.25,.46,.45,.94)}.heading-with-block-item:hover .block-item-info-wrap{transform:translateY(0);opacity:1;transition:transform .4s cubic-bezier(.25,.46,.45,.94),opacity .4s cubic-bezier(.25,.46,.45,.94)}.heading-with-block-item:hover .block-item-info{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .3s cubic-bezier(.25,.46,.45,.94),visibility .3s cubic-bezier(.25,.46,.45,.94)}.heading-with-block-slider{padding:10px}.heading-with-block-item:hover{transform:scale(1.04)}}@media(max-width:749px){.heading-with-block{padding-top:var(--padding-top-mobile);padding-bottom:var(--padding-bottom-mobile)}.heading-with-block-header h2.heading{font-size:var(--heading-size-mobile)}.heading-with-block-header+.heading-with-block-body{margin-top:30px}.heading-with-block-body{margin:0 -20px}.heading-with-block-slider ul{flex-wrap:unset}.heading-with-block-slider.swiper-initialized ul{gap:0}.heading-with-block-slider{padding:0 20px}.heading-with-block-slider ul li.swiper-slide{width:288px}.heading-with-block-item{padding-top:118%}.heading-with-block-item .block-item-media{padding-top:0;position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%}.heading-with-block-item h2.overlay-title{padding:20px;font-size:18px}.heading-with-block-item .toggle-btn{bottom:20px;right:20px;width:40px;height:40px}.heading-with-block-item .toggle-btn svg{width:16px;height:16px}.heading-with-block-item .block-item-info{padding:20px}.heading-with-block-item .block-item-info-wrap{font-size:15px}.heading-with-block-item.is--active .toggle-btn{transform:scale(1.1);border-color:#35312e;transition:transform .3s cubic-bezier(.25,.46,.45,.94)}.heading-with-block-item.is--active .toggle-btn svg{transform:rotate(45deg);stroke:#35312e;transition:transform .3s cubic-bezier(.25,.46,.45,.94)}.heading-with-block-item.is--active .block-item-info-wrap{transform:translateY(0);opacity:1;transition:transform .4s cubic-bezier(.25,.46,.45,.94),opacity .4s cubic-bezier(.25,.46,.45,.94)}.heading-with-block-item.is--active .block-item-info{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .3s cubic-bezier(.25,.46,.45,.94),visibility .3s cubic-bezier(.25,.46,.45,.94)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/heading-with-block.css.map */