.hero-section{padding:15px}.hero-row{display:flex;flex-direction:column;gap:24px;height:auto}.hero-left{width:100%;background-color:#0f54520d;border-radius:24px;padding:0;position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:420px}.hero-slides-viewport{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.hero-slides-track{display:flex;height:100%;will-change:transform;transition:transform .4s ease}.hero-slide{min-width:100%;position:relative;display:flex;flex-direction:column;overflow:hidden}.hero-left-content{position:relative;z-index:10;max-width:512px;padding:56px}.hero-left h1{font-family:Fraunces,serif;font-size:32px;font-weight:600;color:#003c3a;line-height:1.2;margin-bottom:24px;transition:opacity .3s}.hero-left p{font-family:Inter,sans-serif;font-size:16px;color:#3f4948;max-width:300px;margin-bottom:40px;transition:opacity .3s}.btn-shop-now-primary{display:inline-block;background-color:#4db964;color:#fff;padding:16px 40px;border-radius:9999px;border:none;font-family:Space Grotesk,sans-serif;font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transition:filter .2s,transform .2s,box-shadow .2s;text-decoration:none}.btn-shop-now-primary:hover{filter:brightness(1.1);transform:translateY(-4px)}.btn-shop-now-primary:active{transform:scale(.95)}.hero-left-img-wrap{position:absolute;top:0;right:0;height:100%;width:100%;pointer-events:none}.hero-left-img-wrap img{width:100%;height:100%;object-fit:cover;transform-origin:center;transition:opacity .3s}.hero-nav-buttons{position:absolute;bottom:40px;right:40px;display:flex;gap:16px;z-index:20}.hero-nav-btn{width:48px;height:48px;border-radius:9999px;background-color:#fff;border:none;display:flex;align-items:center;justify-content:center;color:#003c3a;cursor:pointer;box-shadow:0 1px 3px #0000001f;transition:box-shadow .2s,transform .2s}.hero-nav-btn:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-4px)}.hero-nav-btn:active{transform:scale(.9)}.hero-right{width:100%;background-color:#4db964;border-radius:24px;padding:56px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;min-height:340px}.hero-right-content{position:relative;z-index:10}.hero-right h2{font-family:Space Grotesk,sans-serif;font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;margin-bottom:16px}.hero-right-discount{font-family:Space Grotesk,sans-serif;font-size:48px;font-weight:700;color:#003c3a;margin-bottom:16px}.hero-right p{font-family:Inter,sans-serif;font-size:16px;color:#ffffffe6;margin-bottom:32px;display:none}.hero-right p span{font-weight:700}.btn-shop-now-secondary{display:inline-block;background-color:#f1fcf8;color:#003c3a;padding:12px 32px;border-radius:9999px;border:none;font-family:Space Grotesk,sans-serif;font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:box-shadow .2s,transform .2s;text-decoration:none}.btn-shop-now-secondary:hover{box-shadow:0 10px 15px -3px #00000026;transform:translateY(-4px)}.btn-shop-now-secondary:active{transform:scale(.95)}.hero-right-img-wrap{position:absolute;top:0;right:0;pointer-events:none}.hero-right-img-wrap img{width:100%;height:auto}.hero-left-img-wrap picture{display:block;height:100%}@media(max-width:767px){.hero-left h1{font-size:26px;margin-bottom:0}.hero-right{min-height:400px;padding:20px}.hero-right h2{margin-bottom:0}.hero-left{min-height:540px}.hero-slide{flex:1}.hero-left-content{padding:30px 0 30px 25px;flex:1;display:flex;flex-direction:column}.hero-left-content .btn-shop-now-primary{margin-top:auto;width:150px}.hero-nav-buttons{top:0;right:0;bottom:0;left:0;bottom:unset;right:unset;width:100%;height:100%;display:flex;justify-content:space-between;align-items:center;padding:0 16px;pointer-events:none}.hero-nav-buttons .hero-nav-btn{pointer-events:auto}}@media(min-width:1024px){.hero-row{flex-direction:row;height:600px}.hero-left{width:65%;min-height:unset}.hero-left-content{padding:64px}.hero-left h1{font-size:52px}.hero-right{width:35%;padding:64px;min-height:unset}.hero-right-discount{font-size:56px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/hero.css.map */