.product-story{position:relative}.product-story .story-container{display:-ms-grid;display:grid;-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr;gap:16px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.product-story .story-content{padding-right:clamp(12px,2.5vw,40px);-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;opacity:0;-webkit-transform:translateX(-30px);-ms-transform:translateX(-30px);transform:translate(-30px);-webkit-animation:fadeInLeft .8s ease forwards;animation:fadeInLeft .8s ease forwards}.product-story .story-heading{font-size:clamp(24px,4.2vw,38px);font-weight:700;color:var(--color-foreground);text-transform:uppercase;margin:0 0 clamp(12px,2.2vw,24px) 0;line-height:1;letter-spacing:0;opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px);-webkit-animation:fadeInUp .6s ease forwards;animation:fadeInUp .6s ease forwards;-webkit-animation-delay:.2s;animation-delay:.2s}.product-story .story-heading span{font:inherit;display:block;opacity:0;-webkit-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px);-webkit-animation:fadeInUp .5s ease forwards;animation:fadeInUp .5s ease forwards}.product-story .story-heading span:nth-child(1){-webkit-animation-delay:.3s;animation-delay:.3s}.product-story .story-heading span:nth-child(2){-webkit-animation-delay:.4s;animation-delay:.4s}.product-story .story-heading span:nth-child(3){-webkit-animation-delay:.5s;animation-delay:.5s}.product-story .story-description{font:inherit;opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px);-webkit-animation:fadeInUp .6s ease forwards;animation:fadeInUp .6s ease forwards;-webkit-animation-delay:.6s;animation-delay:.6s}.product-story .button-container{margin:16px 0;opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px);-webkit-animation:fadeInUp .6s ease forwards;animation:fadeInUp .6s ease forwards;-webkit-animation-delay:.8s;animation-delay:.8s}.product-story .story-image{position:relative;width:100%;padding-top:100%;overflow:hidden;opacity:0;-webkit-transform:translateX(30px);-ms-transform:translateX(30px);transform:translate(30px);-webkit-animation:fadeInRight .8s ease forwards;animation:fadeInRight .8s ease forwards;-webkit-animation-delay:.3s;animation-delay:.3s}.product-story .story-image img{position:absolute;top:0;left:0;width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover;opacity:0;-webkit-transition:opacity .4s ease,-webkit-transform .4s ease;transition:opacity .4s ease,transform .4s ease;-o-transition:opacity .4s ease,transform .4s ease;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}.product-story .story-image img.loaded{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.product-story .badges-wrapper{width:100%;margin-top:clamp(24px,8vw,120px);overflow:hidden;position:relative}.product-story .badges-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:20px;opacity:0;-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px);-webkit-animation:fadeInUp .6s ease forwards;animation:fadeInUp .6s ease forwards;-webkit-animation-delay:1s;animation-delay:1s}.product-story .badge-item{width:120px;height:120px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;opacity:0;-webkit-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8);-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.product-story .badges-row.loaded .badge-item{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.product-story .badge-item:nth-child(1){-webkit-transition-delay:.1s;transition-delay:.1s}.product-story .badge-item:nth-child(2){-webkit-transition-delay:.2s;transition-delay:.2s}.product-story .badge-item:nth-child(3){-webkit-transition-delay:.3s;transition-delay:.3s}.product-story .badge-item:nth-child(4){-webkit-transition-delay:.4s;transition-delay:.4s}.product-story .badge-item:nth-child(5){-webkit-transition-delay:.5s;transition-delay:.5s}.product-story .badge-item img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;opacity:0;-webkit-transition:opacity .4s ease;-o-transition:opacity .4s ease;transition:opacity .4s ease}.product-story .badge-item img.loaded{opacity:1}.product-story .story-image{background:#f5f5f5;-webkit-transition:background .4s ease;-o-transition:background .4s ease;transition:background .4s ease}.product-story .story-image img.loaded~.story-image,.product-story .story-image:has(img.loaded),.product-story .story-image img.loaded{background:transparent}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-30px);transform:translate(-30px)}to{opacity:1;-webkit-transform:translateX(0);transform:translate(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-30px);transform:translate(-30px)}to{opacity:1;-webkit-transform:translateX(0);transform:translate(0)}}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(30px);transform:translate(30px)}to{opacity:1;-webkit-transform:translateX(0);transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(30px);transform:translate(30px)}to{opacity:1;-webkit-transform:translateX(0);transform:translate(0)}}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes spin{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@media screen and (max-width:768px){.product-story .story-container{-ms-grid-columns:1fr;grid-template-columns:1fr;gap:32px;display:flex;flex-direction:column-reverse}}@media screen and (max-width:989px){.product-story .story-content{padding-right:0;-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px);-webkit-animation:fadeInUp .8s ease forwards;animation:fadeInUp .8s ease forwards}.product-story .story-image{-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px);-webkit-animation:fadeInUp .8s ease forwards;animation:fadeInUp .8s ease forwards;-webkit-animation-delay:.3s;animation-delay:.3s}.product-story .story-heading{font-size:clamp(20px,6.2vw,32px)}}@media screen and (max-width:576px){.product-story .story-heading{font-size:clamp(18px,7.2vw,26px)}.product-story .story-description{font-size:clamp(13px,3.8vw,15px)}.product-story .badges-wrapper{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;scroll-snap-type:x mandatory;-webkit-scrollbar-width:none;-ms-overflow-style:none;scrollbar-width:none;padding:0;margin:16px -20px 0;width:calc(100% + 40px);position:relative;will-change:scroll-position}.product-story .badges-wrapper::-webkit-scrollbar{display:none;width:0;height:0}.product-story .badges-row{gap:10px;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 20px;display:-webkit-box;display:-ms-flexbox;display:flex;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:100%;cursor:grab;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.product-story .badges-row:active{cursor:grabbing}.product-story .badge-item{width:80px;height:80px;min-width:80px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;scroll-snap-align:center;scroll-snap-stop:always}}.product-story img[loading=lazy]{opacity:0;-webkit-transition:opacity .4s ease;-o-transition:opacity .4s ease;transition:opacity .4s ease}.product-story img[loading=lazy].loaded{opacity:1}
/*# sourceMappingURL=/cdn/shop/t/8/assets/section-product-story.css.map */