.product-accordion{padding:5% 0 0}.product-accordion .inner{display:flex;flex-wrap:wrap;align-items:center}@media screen and (max-width: 1024px){.product-accordion .inner{flex-wrap:nowrap!important}}.product-accordion .accordion-image{flex:0 0 25%}@media screen and (max-width: 1600px){.product-accordion .accordion-image{flex:0 0 20%}}@media screen and (max-width: 768px){.product-accordion .accordion-image img{max-height:500px;-o-object-fit:contain;object-fit:contain}}@media screen and (max-width: 600px){.product-accordion .accordion-image img{max-height:450px;-o-object-fit:contain;object-fit:contain}}.product-accordion .desktop-statement{display:flex;gap:1rem;flex:0 0 75%;min-height:550px}@media screen and (max-width: 1024px){.product-accordion .desktop-statement{display:none}}.product-accordion .desktop-statement .statement{border-radius:12px;background:#293520;color:#fff;flex-basis:auto;padding:2rem;display:flex;flex-direction:column;justify-content:flex-end;position:relative;z-index:3;background-repeat:no-repeat;background-attachment:local;background-size:cover;transition:all .3s ease-out;will-change:flex-basis;flex:0 0 calc(20% - 1rem);overflow:hidden}.product-accordion .desktop-statement .statement.active{flex:0 0 calc(40% - 1rem)}.product-accordion .desktop-statement .statement.active .accordion-content{transform:translateY(0);transition:transform .3s ease-out .3s}.product-accordion .desktop-statement .statement.active .accordion-content .accordion-description{transform:translateY(0);opacity:1}.product-accordion .desktop-statement .statement:after{content:"";position:absolute;bottom:0;left:0;right:0;height:400px;opacity:.85;z-index:-1;background:linear-gradient(to top,black,transparent)}.product-accordion .desktop-statement .statement img{position:absolute;width:500px;min-height:550px;height:auto;-o-object-fit:cover;object-fit:cover;top:0;left:0}.product-accordion .desktop-statement .statement .accordion-content{position:absolute;bottom:2rem;left:1rem;right:1rem;transform:translateY(calc(100% - 3rem));transition:transform .3s ease-out}.product-accordion .desktop-statement .statement .accordion-content .accordion-description{transform:translateY(100%);opacity:0;transition:transform .3s ease-out,opacity .3s ease-out .3s}.product-accordion .desktop-statement .statement h4{color:#fff;text-transform:uppercase;font-weight:700;font-size:16px;margin:.5rem 0px}.product-accordion .desktop-statement .statement .statement-image{position:absolute;top:0;left:0;right:0;bottom:0;z-index:-2}.product-accordion .mobile-statement{display:none;flex:1 1 65%;margin-left:5%;width:70%;overflow:hidden;border-radius:12px}@media screen and (max-width: 1024px){.product-accordion .mobile-statement{display:block}}@media screen and (max-width: 600px){.product-accordion .mobile-statement{margin:2.5rem auto}}.product-accordion .mobile-statement .statement-pagination{justify-content:center;margin-top:2rem}.product-accordion .mobile-statement .statement-pagination .swiper-pagination-bullet{background:#bfa95d;width:1.2rem;height:1.2rem}.product-accordion .mobile-statement .statement{border-radius:12px;background:#293520;color:#fff;flex-basis:auto;padding:2rem;display:flex;flex-direction:column;justify-content:flex-end;position:relative;z-index:3;background-repeat:no-repeat;background-attachment:local;background-size:cover;transition:all .3s ease-out;will-change:flex-basis;min-height:500px;overflow:hidden}@media screen and (max-width: 768px){.product-accordion .mobile-statement .statement{min-height:375px}}.product-accordion .mobile-statement .statement:after{content:"";position:absolute;bottom:0;left:0;right:0;height:400px;opacity:.85;z-index:-1;background:linear-gradient(to top,black,transparent)}.product-accordion .mobile-statement .statement img{position:absolute;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;top:0;left:0}.product-accordion .mobile-statement .statement .accordion-content{position:absolute;bottom:2rem;left:1rem;right:1rem}.product-accordion .mobile-statement .statement h4{color:#fff;text-transform:uppercase;font-weight:700;font-size:16px;margin:.5rem 0px}.product-accordion .mobile-statement .statement .statement-image{position:absolute;top:0;left:0;right:0;bottom:0;z-index:-2}@media screen and (max-width: 600px){.product-accordion .accordion-image{display:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/product-accordion.css.map */