.newsletter-section{display:block}.newsletter-modal .drawer__header{border-block-end:0;padding-block-end:0}.newsletter-modal .text-center :is(.heading,.social-icons){justify-content:center}.newsletter-modal .text-right :is(.heading,.social-icons){justify-content:flex-end}.newsletter-modal .rich-text>.rte+.heading{margin-block-start:var(--sp-1d5)}@media screen and (max-width:639px){.js .newsletter-modal .drawer__inner{height:auto}}@media screen and (min-width:640px){.newsletter-modal .drawer__header{z-index:1;position:absolute;inset-block-start:0;inset-inline-end:0;padding:var(--sp-4)}.newsletter-modal .drawer__inner{--image-width: 0px;width:auto;max-width:unset;margin:var(--sp-8d5)}.newsletter-modal .drawer__inner:not(.center-0){position:absolute}.newsletter-modal .newsletter__image+.drawer__scrollable{padding:var(--sp-11) var(--sp-8d5)}.newsletter-modal .newsletter-grid{max-width:30rem}.newsletter-modal .drawer__scrollable{max-width:min(min(30rem,calc(100vw - var(--image-width) - var(--sp-8d5) * 2)))}.newsletter-modal .newsletter__image{width:0;transition:width var(--animation-smooth)}.newsletter-modal .newsletter-grid.with-image{--image-width: 310px;transition:max-width var(--animation-smooth)}.newsletter-modal.show-image .newsletter-grid.with-image{max-width:calc(30rem + var(--image-width))}.newsletter-modal.show-image .newsletter__image{width:var(--image-width);aspect-ratio:1 / 1}}/*! newsletter-bar */.newsletter-bar{inset-block-end:var(--sp-12);width:min(8vw,168px)}.newsletter-bar.left-0{inset-inline-start:0}.newsletter-bar.right-0{inset-inline-end:0}.newsletter-bar__link{display:block;position:relative;border-radius:var(--rounded-lg, 12px);overflow:hidden;text-decoration:none;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.newsletter-bar__link:hover{transform:translateY(-2px)}.newsletter-bar__bg{display:block;width:100%;height:auto;object-fit:cover}.newsletter-bar__overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:var(--sp-4);text-align:center}.newsletter-bar__heading{display:flex;flex-direction:column;font-size:var(--text-sl, 1.875rem);font-weight:700;text-transform:uppercase;letter-spacing:.05em;line-height:1.2;color:#000}.newsletter-bar__price{font-size:2em}@media screen and (min-width:640px){.newsletter-bar{margin-inline:var(--sp-6)}.has-dropdown-menu .newsletter-bar{z-index:15}}
/*# sourceMappingURL=/cdn/shop/t/44/assets/newsletter-popup.css.map */
