.product-coupon{--coupon-success: #004040;--coupon-notch-size: 1.6rem;position:relative;display:flex;flex-direction:column;gap:1.4rem;padding:1.6rem 1.8rem;border:2px dashed var(--coupon-accent);border-radius:1.2rem;background:var(--coupon-background);color:var(--coupon-text);font-family:var(--font-body-family)}.product-coupon[hidden]{display:none}.product-coupon:before,.product-coupon:after{content:"";position:absolute;top:50%;width:var(--coupon-notch-size);height:var(--coupon-notch-size);border:2px dashed var(--coupon-accent);border-radius:50%;background:rgb(var(--color-background));transform:translateY(-50%);clip-path:inset(0 0 0 50%)}.product-coupon:before{left:calc(var(--coupon-notch-size) / -2 - 2px)}.product-coupon:after{right:calc(var(--coupon-notch-size) / -2 - 2px);clip-path:inset(0 50% 0 0)}.product-coupon__main{display:flex;align-items:center;gap:1.4rem}.product-coupon__badge{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:6.4rem;height:6.4rem;border-radius:50%;background:var(--coupon-accent);color:#fff;font-weight:var(--font-body-weight-bolder, 700);font-size:1.9rem;line-height:1;transform:rotate(-8deg);box-shadow:0 .4rem 1.2rem -.4rem var(--coupon-accent);animation:product-coupon-pulse 2.4s ease-in-out infinite}.product-coupon__content{display:flex;flex-direction:column;gap:.4rem;min-width:0}.product-coupon__content p{margin:0}.product-coupon__heading{color:var(--coupon-accent);font-weight:var(--font-body-weight-bolder, 700);font-size:1.5rem;letter-spacing:.06em;line-height:1.2;text-transform:uppercase}.product-coupon__text{font-size:1.4rem;line-height:1.4}.product-coupon__price{font-size:1.5rem;line-height:1.3}.product-coupon__price-value{color:var(--coupon-accent);font-size:1.9rem;font-weight:var(--font-body-weight-bolder, 700)}.product-coupon__price-original{margin-inline-start:.4rem;opacity:.6;white-space:nowrap}.product-coupon__toggle-wrapper{position:relative}.product-coupon__toggle{display:flex;align-items:center;gap:1.2rem;width:100%;min-height:4.8rem;padding:.8rem 1.4rem;border:2px solid var(--coupon-accent);border-radius:var(--buttons-radius, .8rem);background:#fff;color:var(--coupon-text);font-family:var(--font-body-family);font-size:1.4rem;line-height:1.3;text-align:start;cursor:pointer;transition:border-color .2s ease,opacity .2s ease}.product-coupon__toggle.is-loading{opacity:.6;cursor:progress}.product-coupon.is-disabled .product-coupon__toggle{border-color:#0003;color:#00000080;cursor:not-allowed}.product-coupon.is-disabled .product-coupon__switch{background:#0000001a}.product-coupon.is-disabled .product-coupon__switch-thumb{box-shadow:none}.product-coupon__tooltip{max-width:min(32rem,calc(100vw - 4rem));padding:.6rem 1.2rem;font-family:var(--font-body-family);font-size:1.3rem;line-height:1.4;text-align:center;white-space:normal;pointer-events:none}.product-coupon__tooltip[hidden]{display:none}.product-coupon__toggle:focus-visible{outline:2px solid var(--coupon-accent);outline-offset:2px}.product-coupon__switch{position:relative;flex-shrink:0;width:4.4rem;height:2.4rem;border-radius:1.2rem;background:#0003;transition:background-color .2s ease}.product-coupon__switch-thumb{position:absolute;top:.3rem;left:.3rem;width:1.8rem;height:1.8rem;border-radius:50%;background:#fff;box-shadow:0 .1rem .3rem #00000040;transition:transform .2s ease}.product-coupon__toggle-code{letter-spacing:.06em}.product-coupon__toggle-label--applied{display:none}.product-coupon.is-applied,.product-coupon.is-applied:before,.product-coupon.is-applied:after{border-style:solid;border-color:var(--coupon-success)}.product-coupon.is-applied .product-coupon__toggle{border-color:var(--coupon-success)}.product-coupon.is-applied .product-coupon__switch{background:var(--coupon-success)}.product-coupon.is-applied .product-coupon__switch-thumb{transform:translate(2rem)}[dir=rtl] .product-coupon.is-applied .product-coupon__switch-thumb{transform:translate(-2rem)}[dir=rtl] .product-coupon__switch-thumb{right:.3rem;left:auto}.product-coupon.is-applied .product-coupon__toggle-label--default{display:none}.product-coupon.is-applied .product-coupon__toggle-label--applied{display:inline}.product-coupon__message{margin:0;font-size:1.3rem;line-height:1.4}.product-coupon__message:empty{display:none}.product-coupon__message.is-error{color:#d02e2e}@keyframes product-coupon-pulse{0%,to{transform:rotate(-8deg) scale(1)}50%{transform:rotate(-8deg) scale(1.08)}}@media(prefers-reduced-motion:reduce){.product-coupon__badge{animation:none}.product-coupon__switch,.product-coupon__switch-thumb{transition:none}}@media(max-width:399px){.product-coupon{padding:1.4rem}.product-coupon__badge{width:5.2rem;height:5.2rem;font-size:1.6rem}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/component-product-coupon.css.map */
