.subscription-landing__wrapper{display:grid;grid-template-columns:45fr 55fr;grid-template-areas:"images sidebar" "content sidebar";gap:60px;position:relative}.subscription-landing__images{grid-area:images}.subscription-landing__content{grid-area:content;display:flex;flex-direction:column;gap:60px}.subscription-landing__sidebar{grid-area:sidebar;position:relative}.subscription-landing__widget{position:sticky;top:20px;background:#fff}.subscription-landing__images{position:relative;width:100%;aspect-ratio:1 / 1;background:#f5f5f5;border-radius:16px;overflow:hidden}.subscription-landing__image{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .4s ease}.subscription-landing__image.active{opacity:1;z-index:1}.subscription-landing__image img{width:100%;height:100%;object-fit:cover}.subscription-landing__qualifiers{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;padding:2rem}.subscription-landing__qualifier{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:20px}.subscription-landing__qualifier img{width:40px;height:40px;object-fit:contain}.subscription-landing__qualifier p{font-family:Archivo SemiExpanded!important;font-size:1.2rem;margin:0;max-width:135px}.subscription-landing__why-subscribe h2,.subscription-landing__faq h2{font-size:32px;margin-bottom:16px;text-align:left}@media(max-width:989px){.subscription-landing__why-subscribe h2,.subscription-landing__faq h2,.subscription-landing__subheading{text-align:center}}.subscription-landing__subheading{text-align:left;margin-bottom:32px}.subscription-landing__benefit-card{border-radius:12px;padding:32px 12px;text-align:center;display:flex;flex-direction:column;height:100%;justify-content:space-between;position:relative;min-height:250px}.subscription-landing__benefit-card h3{margin-bottom:3rem;text-transform:uppercase;font-size:calc(var(--font-heading-h5-scale) * 1.6rem);font-family:Archivo SemiExpanded!important;max-width:135px;margin:0 auto}.subscription-landing__benefit-card img{width:25px;height:25px;margin:0 auto 16px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.subscription-landing__benefit-card p{font-size:1.25rem;margin:0;line-height:1.4}.quantity{border-color:#20292b}.subscription-landing__faq{margin-top:60px}.subscription-landing__faq-button-wrapper{margin-top:32px;text-align:center}@media(min-width:990px){.subscription-landing__faq-button-wrapper{text-align:left}}.subscription-landing__header{position:relative;margin-bottom:24px;min-height:100px}.subscription-landing__header-content{position:absolute;top:0;left:0;right:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s,visibility .3s}.subscription-landing__header-content.active{position:relative;opacity:1;visibility:visible;pointer-events:auto;z-index:1}.subscription-landing__title{font-family:Archivo SemiExpanded!important;text-transform:uppercase!important;font-size:calc(var(--font-heading-h2-scale) * 4rem);font-weight:700;margin:0 0 12px}.subscription-landing__price-row{display:flex;align-items:center;gap:12px;margin-bottom:12px}.subscription-landing__price-main{font-size:1.2rem;font-weight:600;font-family:Archivo SemiExpanded}.subscription-landing__price-compare{font-size:1.2rem;font-weight:600;font-family:Archivo SemiExpanded;text-decoration:line-through;opacity:20%}.subscription-landing__badge{border:1px solid #20292B;padding:.25rem .75rem;border-radius:50px;font-size:1.2rem;font-weight:600;font-family:Archivo SemiExpanded}.subscription-landing__description{font-size:calc(var(--font-subtitle-scale) * 1rem);color:#20292b;margin:0}.subscription-landing__product-selector{border-radius:16px;border:1px solid #20292B;margin-bottom:20px;overflow:hidden}.subscription-landing__selector-title{font-size:1.2rem;font-weight:600;margin:0;font-family:Archivo SemiExpanded;text-align:center;color:#f8ffcd;background-color:#20292b;padding:.5rem}.subscription-landing__products-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;padding:1rem}.subscription-landing__product-button{background:#fff;border:1px solid transparent;border-radius:16px;padding:.75rem;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:8px}.subscription-landing__product-button.active{border-color:#20292b;background:#fff}.subscription-landing__product-image{width:100%;aspect-ratio:1 / 1;border-radius:8px;overflow:hidden;background:#f5f5f5}@media screen and (max-width:499px){.subscription-landing__product-image{aspect-ratio:3 / 4}}.subscription-landing__product-image img{width:100%;height:100%;object-fit:cover}.subscription-landing__product-name{font-size:12px;font-weight:600;text-align:center}@media(max-width:499px){.subscription-landing__product-name{display:none}}.subscription-landing__variants{position:relative;min-height:50px;display:flex;align-items:center;justify-content:center;margin-top:16px}.subscription-landing__variant-group{position:absolute;top:0;left:0;right:0;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s,visibility .3s}.subscription-landing__variant-group.active{opacity:1;visibility:visible;pointer-events:auto;z-index:1}.subscription-landing__variant-input{position:absolute;opacity:0;pointer-events:none}.subscription-landing__variant-group label{border:1px solid #20292B;background:transparent;border-radius:50px;padding:.5rem 1rem;font-size:1.1rem;line-height:1!important;height:auto!important}.subscription-landing__product-name{font-family:Archivo SemiExpanded;text-transform:uppercase;font-size:1.1rem}.subscription-landing__variant-group label{opacity:1;transition:opacity .2s ease,border-color .2s ease;border-color:color-mix(in srgb,#20292b 45%,transparent);cursor:pointer}.subscription-landing__variant-group input.subscription-landing__variant-input:checked+label,.subscription-landing__variant-group label:hover{border-color:#20292b}.subscription-landing__variant-group input.subscription-landing__variant-input.disabled+label{opacity:.7}.subscription-landing .product-form__submit.is-sold-out .button__label-separator,.subscription-landing .product-form__submit.is-sold-out .button__label-price{display:none}.subscription-landing__variant-group .variant-pill__color-circle{display:inline-block;width:14px;height:14px;border-radius:50%;border:1px solid rgba(0,0,0,.1);margin-right:8px;vertical-align:middle;flex-shrink:0}.subscription-landing__variant-group label{display:inline-flex;align-items:center;gap:0}.subscription-widget__frequency-section{margin-bottom:20px}.product-form__buttons-row{margin-bottom:16px}.subscription-landing__footer{font-size:13px;text-align:center;color:#666}@media(max-width:989px){.subscription-landing__wrapper{display:flex;flex-direction:column;gap:40px}.subscription-landing__images{order:1}.subscription-landing__sidebar{order:2}.subscription-landing__content{order:3;display:flex;flex-direction:column;gap:40px}.subscription-landing__sidebar .product-callouts{display:none}.subscription-landing__widget{position:static}.subscription-landing__products-grid{grid-template-columns:repeat(5,1fr);gap:2px}.subscription-landing__product-button{padding:.5rem}@media screen and (max-width:499px){.subscription-landing__product-button{padding:.25rem;border-radius:8px}}.subscription-landing__product-name{font-size:1rem}.product-form__buttons-row{display:flex;gap:12px;align-items:stretch}.product-form__input.product-form__quantity{flex:0 0 auto;width:auto}.product-form__submit{flex:1}.subscription-landing__sidebar .button__label-separator,.subscription-landing__sidebar .button__label-price{display:none}.subscription-landing__qualifiers{grid-template-columns:repeat(2,1fr);padding:1rem}.subscription-landing__why-subscribe{position:relative;overflow:visible}.subscription-landing__benefits-wrapper{overflow:hidden;margin:0 -20px}.subscription-landing__benefits-grid{display:block;overflow:visible}.subscription-landing__benefit-card{width:calc(100vw - 60px);width:80vw;margin:0;display:flex;flex-direction:column;min-height:200px;justify-content:space-between}.subscription-landing__title{font-size:calc(var(--font-heading-h2-scale) * 2.5rem)}}@media(min-width:750px)and (max-width:989px){.subscription-landing__benefits-wrapper{margin:0;overflow:visible}.subscription-landing__benefit-card{width:100%;max-width:none}.why-subscribe-swiper .swiper-wrapper{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}}@media(min-width:990px){.subscription-landing__benefit-card{width:100%}.subscription-landing__benefits-wrapper{overflow:visible}.why-subscribe-swiper .swiper-wrapper{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/section-subscription-landing.css.map */