.coupon-popup{--_offset-x: var(--coupon-popup-offset-x-mobile, 12px);--_offset-y: var(--coupon-popup-offset-y-mobile, 12px);--_width: min(var(--coupon-popup-width-mobile, 360px), 100vw - 2 * var(--_offset-x));--_padding: var(--coupon-popup-padding-mobile, 18px);--_heading-size: var(--coupon-popup-heading-size-mobile, 24px);--_shift: 2.4rem;--_dir-x: -1;--_dir-y: 1;--_rtl: 1;--_hidden-transform: none;position:fixed;inset:auto;z-index:calc(var(--z-header, 800) + 50);display:block;width:var(--_width);font-family:var(--font-body-family);line-height:1.4;letter-spacing:normal;text-align:start;text-transform:none;opacity:0;transform:var(--_hidden-transform);pointer-events:none;transition:opacity var(--coupon-popup-anim-duration, .45s) ease,transform var(--coupon-popup-anim-duration, .45s) cubic-bezier(.4,0,1,1)}.coupon-popup[hidden]{display:none!important}.coupon-popup.is-visible{opacity:1;transform:none;pointer-events:auto;transition-timing-function:ease,cubic-bezier(.22,1,.36,1)}[dir=rtl] .coupon-popup{--_rtl: -1}@media screen and (min-width:750px){.coupon-popup{--_offset-x: var(--coupon-popup-offset-x, 24px);--_offset-y: var(--coupon-popup-offset-y, 24px);--_width: min(var(--coupon-popup-width, 360px), 100vw - 2 * var(--_offset-x));--_padding: var(--coupon-popup-padding, 24px);--_heading-size: var(--coupon-popup-heading-size, 30px)}}@media screen and (max-width:749px){.coupon-popup[data-position-mobile^=top]{--_dir-y: -1;inset-block-start:calc(var(--_offset-y) + env(safe-area-inset-top,0px));transform-origin:top}.coupon-popup[data-position-mobile^=bottom]{--_dir-y: 1;inset-block-end:calc(var(--_offset-y) + env(safe-area-inset-bottom,0px));transform-origin:bottom}.coupon-popup[data-position-mobile$=start]{--_dir-x: -1;inset-inline-start:calc(var(--_offset-x) + env(safe-area-inset-left,0px))}.coupon-popup[data-position-mobile$=end]{--_dir-x: 1;inset-inline-end:calc(var(--_offset-x) + env(safe-area-inset-right,0px))}}@media screen and (min-width:750px){.coupon-popup[data-position^=top]{--_dir-y: -1;inset-block-start:var(--_offset-y);transform-origin:top}.coupon-popup[data-position^=bottom]{--_dir-y: 1;inset-block-end:var(--_offset-y);transform-origin:bottom}.coupon-popup[data-position$=start]{--_dir-x: -1;inset-inline-start:var(--_offset-x)}.coupon-popup[data-position$=end]{--_dir-x: 1;inset-inline-end:var(--_offset-x)}}body:has(cart-drawer.is-visible) .coupon-popup--cart{z-index:calc(var(--z-modals, 900) + 10)}.coupon-popup--cart .coupon-popup__button{display:none}@media screen and (max-width:749px){.coupon-popup--cart[data-position-mobile]{--_dir-y: -1;inset-block:calc(var(--_offset-y) + env(safe-area-inset-top,0px)) auto;transform-origin:top}}@media screen and (min-width:750px){.coupon-popup--cart[data-position]{--_dir-x: -1;inset-inline:var(--_offset-x) auto}}.coupon-popup[data-animation=slide]{--_hidden-transform: translateX(calc(var(--_dir-x) * var(--_rtl) * var(--_shift)))}.coupon-popup[data-animation=rise]{--_hidden-transform: translateY(calc(var(--_dir-y) * var(--_shift)))}.coupon-popup[data-animation=zoom]{--_hidden-transform: scale(.92)}@media(prefers-reduced-motion:reduce){.coupon-popup[data-animation]{--_hidden-transform: none;transition-duration:.15s}}.coupon-popup__card{position:relative;overflow:hidden;border:var(--coupon-popup-border-width, 0) solid var(--coupon-popup-color-border, transparent);border-radius:var(--coupon-popup-radius, 12px);background-color:var(--coupon-popup-color-background, #fff);color:var(--coupon-popup-color-text, #111);box-shadow:0 1.2rem 4rem rgba(0,0,0,var(--coupon-popup-shadow-opacity, .18))}.coupon-popup__content{display:flex;flex-direction:column;align-items:flex-start;gap:var(--coupon-popup-gap, 12px);padding:var(--_padding)}.coupon-popup--align-center .coupon-popup__content{align-items:center;text-align:center}.coupon-popup__content>:first-child{margin-inline-end:2.8rem}.coupon-popup--align-center .coupon-popup__content>:first-child{margin-inline:2.8rem}.coupon-popup--progress-bottom:not(.coupon-popup--no-progress) .coupon-popup__content{padding-block-end:calc(var(--_padding) + var(--coupon-popup-progress-height, 4px))}.coupon-popup--progress-top:not(.coupon-popup--no-progress) .coupon-popup__content{padding-block-start:calc(var(--_padding) + var(--coupon-popup-progress-height, 4px))}.coupon-popup__badge{display:inline-block;padding:.4em .9em;border-radius:var(--coupon-popup-inner-radius, 6px);background-color:var(--coupon-popup-color-badge-background, #cd9b77);color:var(--coupon-popup-color-badge-text, #fff);font-size:var(--coupon-popup-badge-size, 11px);font-weight:600;line-height:1.2;letter-spacing:.08em;text-transform:uppercase}.coupon-popup__heading{margin:0;font-family:var(--coupon-popup-heading-font, var(--font-heading-family));font-weight:var(--coupon-popup-heading-weight, 700);font-size:var(--_heading-size);line-height:1.1;color:var(--coupon-popup-color-heading, #132d40)}.coupon-popup__text{margin:0;font-size:var(--coupon-popup-text-size, 14px);line-height:1.5}.coupon-popup__text a{color:inherit;text-decoration:underline}.coupon-popup__code{-webkit-appearance:none;appearance:none;display:flex;flex-direction:column;align-items:center;gap:.2rem;width:100%;margin:0;padding:1rem 1.2rem;border:1.5px var(--coupon-popup-code-border-style, dashed) var(--coupon-popup-color-code-border, #cd9b77);border-radius:var(--coupon-popup-inner-radius, 6px);background-color:var(--coupon-popup-color-code-background, #f5ebdf);color:var(--coupon-popup-color-code-text, #132d40);font:inherit;text-align:center;letter-spacing:normal;text-transform:none}button.coupon-popup__code{cursor:pointer;transition:transform .15s ease}button.coupon-popup__code:active{transform:scale(.98)}.coupon-popup__code-value{font-size:var(--coupon-popup-code-size, 18px);font-weight:700;line-height:1.2;letter-spacing:.12em;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all}.coupon-popup__code-hint{font-size:calc(var(--coupon-popup-text-size, 14px) * .85);line-height:1.3;opacity:.75}.coupon-popup__code.is-copied .coupon-popup__code-hint{font-weight:600;opacity:1}.coupon-popup__button{display:flex;align-items:center;justify-content:center;width:100%;min-height:4.4rem;padding:1rem 1.6rem;border-radius:var(--coupon-popup-inner-radius, 6px);background-color:var(--coupon-popup-color-button-background, #111);color:var(--coupon-popup-color-button-text, #fff);font-size:var(--coupon-popup-button-size, 13px);font-weight:600;line-height:1.2;letter-spacing:.06em;text-align:center;text-decoration:none;text-transform:uppercase;transition:opacity .2s ease}.coupon-popup__button:hover{opacity:.88}.coupon-popup__close{-webkit-appearance:none;appearance:none;position:absolute;inset-block-start:.6rem;inset-inline-end:.6rem;z-index:1;display:flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;margin:0;padding:0;border:0;border-radius:50%;background:transparent;color:var(--coupon-popup-color-close, currentColor);cursor:pointer;transition:background-color .2s ease}.coupon-popup--progress-top:not(.coupon-popup--no-progress) .coupon-popup__close{inset-block-start:calc(.6rem + var(--coupon-popup-progress-height, 4px))}.coupon-popup__close:hover{background-color:color-mix(in srgb,currentColor 10%,transparent)}.coupon-popup__close svg{width:var(--coupon-popup-close-size, 14px);height:var(--coupon-popup-close-size, 14px)}.coupon-popup__progress{position:absolute;inset-inline:0;inset-block-end:0;height:var(--coupon-popup-progress-height, 4px);overflow:hidden;background-color:var(--coupon-popup-color-progress-track, #f5ebdf)}.coupon-popup--progress-top .coupon-popup__progress{inset-block:0 auto}.coupon-popup--no-progress .coupon-popup__progress{opacity:0}.coupon-popup__progress-bar{display:block;height:100%;background-color:var(--coupon-popup-color-progress, #cd9b77);transform-origin:left center}[dir=rtl] .coupon-popup__progress-bar{transform-origin:right center}.coupon-popup.is-counting .coupon-popup__progress-bar{animation:coupon-popup-countdown var(--coupon-popup-duration, 15s) linear forwards}.coupon-popup.is-paused .coupon-popup__progress-bar{animation-play-state:paused}@keyframes coupon-popup-countdown{0%{transform:scaleX(1)}to{transform:scaleX(0)}}
/*# sourceMappingURL=/cdn/shop/t/102/assets/section-coupon-popup.css.map */