.product-tabs-hero{width:100%;background-image:var(--bg-desktop);background-size:cover;background-position:center center;background-repeat:no-repeat;transition:background-image .4s ease-in-out;position:relative}.product-tabs-hero:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0006}.hero-inner-container{display:flex;flex-direction:column;align-items:center;padding:76px 20px 148px;position:relative;gap:44px}.hero-tabs-nav-wrapper{width:100%;display:flex;justify-content:center;margin-left:170px;width:auto}.hero-tabs-nav{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:50px;justify-content:center;align-items:flex-start;height:max-content}.tab-trigger{display:flex;flex-direction:column;align-items:center;cursor:pointer;opacity:.6;transition:opacity .3s ease,transform .3s ease;text-align:center;opacity:1;width:min-content;height:100%}.tab-trigger.active .tab-icon-thumb{border-color:#3bc3db}.tab-icon-thumb{width:100px;height:100px;border-radius:50%;border:2px solid transparent;background-color:#fff;overflow:hidden;display:flex;align-items:center;justify-content:center;margin-bottom:13px;transition:border-color .3s ease,box-shadow .3s ease}.tab-icon-thumb img{width:100%;height:100%;object-fit:cover}.tab-label{font-family:var(--font-heading-family);font-weight:400;font-size:20px;line-height:normal;text-align:center;vertical-align:middle;color:#fff}.hero-main-display{width:100%}.hero-panel-content{display:none;grid-template-columns:1fr 1.1fr;align-items:center;width:100%;max-width:1150px;margin:auto}.hero-panel-content.active{display:flex}.hero-grid-left{display:flex;justify-content:center;align-items:center}.main-product-jar{max-height:440px;width:auto;object-fit:contain;filter:drop-shadow(0px 15px 30px rgba(0,0,0,.6));display:block}.hero-grid-right{display:flex;justify-content:flex-start;align-items:center}.hero-meta-box{color:#fff}.hero-brand-logo{margin-bottom:26px}.hero-brand-logo img{max-height:60px;height:100%;min-height:60px;display:block;width:auto;object-fit:contain}.hero-title{font-family:var(--font-heading-family);font-weight:400;font-size:40px;line-height:normal;color:#fff;text-transform:uppercase;max-width:500px;margin:0}.hero-description{padding-top:20px}.hero-description p{font-family:var(--font-body-family);font-size:25px;line-height:normal;margin:0 0 40px;width:100%;max-width:653px}.hero-btn-wrapper{width:100%}.hero-cta-btn{display:flex;background-color:#fff;color:#111;border-radius:50px;text-decoration:none;font-family:var(--font-heading-family);font-weight:400;font-size:20px;line-height:normal;text-transform:uppercase;transition:transform .2s ease,background-color .2s ease,box-shadow .2s ease;box-shadow:0 4px 15px #0003;height:60px;width:auto;min-width:194px;max-width:max-content;align-items:center;justify-content:center;padding:0 20px}.hero-cta-btn:hover{background-color:var(--secondary-color)}.hero-grid-right .hero-grid-left{display:none}@media(max-width:991px){.hero-tabs-nav-wrapper{margin-left:0}.main-product-jar{width:100%}}@media screen and (max-width:767px){.product-tabs-hero{background-image:var(--bg-mobile)}.hero-tabs-nav-wrapper{margin:0}.hero-inner-container{padding:40px 15px 46px;gap:27px}.hero-tabs-nav{gap:32px}.tab-icon-thumb{width:62px;height:62px;margin-bottom:8px}.tab-label{font-size:12px}.hero-brand-logo img{max-height:80px;min-height:80px}.hero-panel-content.active{display:flex;flex-direction:column;align-items:center;text-align:center;gap:25px}.hero-grid-right{order:1}.hero-meta-box{display:flex;flex-direction:column;align-items:center}.hero-brand-logo{margin-bottom:20px}.hero-title{font-size:35px;text-align:center;margin-bottom:20px}.hero-description p{font-size:16px;text-align:center;margin:0 0 6px}.hero-grid-left{order:2;justify-content:center;width:100%}.main-product-jar{max-height:363px;min-height:363px}.hero-btn-wrapper{order:3;display:flex;justify-content:center;margin-top:15px}.hero-grid-left{display:none}.hero-grid-right .hero-grid-left{display:block}}@media screen and (max-width:767px){.hero-tabs-nav-wrapper{width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0;justify-content:flex-start}.hero-tabs-nav-wrapper::-webkit-scrollbar{display:none}.hero-tabs-nav{display:flex;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;gap:20px;width:max-content;padding:0;margin:0}.tab-trigger{flex:0 0 auto}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/product-tabs-hero.css.map */