.product-offers{--offers-stub-background: rgb(var(--offers-accent-rgb, var(--color-foreground)));container-type:inline-size;display:flex;flex-direction:column;gap:1.4rem;width:100%;min-width:0;margin:1.6rem 0;padding-block:var(--offers-padding-block-start, 0px) var(--offers-padding-block-end, 0px);padding-inline:var(--offers-padding-inline-start, 0px) var(--offers-padding-inline-end, 0px);border:var(--offers-border-width, 0px) solid var(--offers-border-color, transparent);border-radius:var(--offers-radius, 0px);background-color:var(--offers-background, transparent);color:var(--offers-text, rgb(var(--color-foreground)))}.product-offers--clip{overflow:clip}@supports (color: color-mix(in srgb,red,blue)){.product-offers{--offers-stub-background: color-mix(in srgb, rgb(var(--offers-accent-rgb, var(--color-foreground))) 80%, #000)}}@supports (color: oklch(from red l c h)){.product-offers{--offers-stub-background: oklch( from rgb(var(--offers-accent-rgb, var(--color-foreground))) calc(l*.8) calc(c*1.2) h )}}.product-offers__header{display:flex;align-items:center;gap:.8rem;min-width:0}.product-offers__icon{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:2.6rem;height:2.6rem;border-radius:50%;background-color:var(--offers-stub-background);color:var(--offers-badge-text, #fff)}.product-offers__icon .icon{width:1.2rem;height:1.2rem}.product-offers__heading{margin:0;min-width:0;overflow-wrap:anywhere;font-size:1.5rem;font-weight:600;line-height:1.25;letter-spacing:.01em}.product-offers__rail{display:flex;align-items:stretch;gap:var(--offers-card-gap, 12px);margin:0;padding:0;list-style:none;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory;scroll-behavior:smooth;scrollbar-width:none;margin-inline:calc(var(--offers-padding-inline-start, 0px) * -1) calc(var(--offers-padding-inline-end, 0px) * -1);padding-inline:var(--offers-padding-inline-start, 0px) var(--offers-padding-inline-end, 0px);scroll-padding-inline:var(--offers-padding-inline-start, 0px) var(--offers-padding-inline-end, 0px);margin-block:-.6rem -1.4rem;padding-block:.6rem 1.4rem}.product-offers__rail::-webkit-scrollbar{display:none}.product-offers__rail:focus-visible{outline:2px solid rgb(var(--offers-accent-rgb, var(--color-foreground)));outline-offset:2px}@container (min-width: 384px){.product-offers__rail{flex-wrap:wrap;margin:0;padding:0;overflow:visible;scroll-snap-type:none}}@media(prefers-reduced-motion:reduce){.product-offers__rail{scroll-behavior:auto}}.product-offers__placeholder-text,.product-offer__placeholder-text{margin:0;font-size:1.4rem;font-style:italic}.product-offer{--offer-notch: .7rem;--offer-stub-width: 8.4rem;--offer-radius: var(--offers-card-radius, 14px);--offer-stub-color: var(--offers-stub-background, rgb(var(--offers-accent-rgb, var(--color-foreground))));position:relative;display:flex;flex:0 0 var(--offers-mobile-peek, 88%);min-width:0;max-width:100%;margin:0;border-radius:var(--offer-radius);scroll-snap-align:start;text-align:start;box-shadow:0 1px 1px #00000014,0 4px 7px #0000000f}@container (min-width: 384px){.product-offer{flex:1 1 max(24rem,calc((100% - (var(--offers-card-gap, 12px) * (var(--offers-columns, 2) - 1))) / var(--offers-columns, 2)))}}.product-offers__rail>.product-offer:only-child{flex:1 1 100%}.product-offer__stub{position:relative;display:flex;flex:0 0 var(--offer-stub-width);flex-direction:column;align-items:center;justify-content:center;gap:.5rem;min-width:0;padding:1.4rem .8rem;border-start-start-radius:var(--offer-radius);border-end-start-radius:var(--offer-radius);background-color:var(--offer-stub-color);background-image:linear-gradient(155deg,#ffffff24,#fff0 42%,#0000 58%,#0000001a);color:var(--offers-badge-text, #fff);text-align:center;-webkit-mask:radial-gradient(circle at 100% 0,transparent var(--offer-notch),#000 calc(var(--offer-notch) + .5px)) top / 100% 51% no-repeat,radial-gradient(circle at 100% 100%,transparent var(--offer-notch),#000 calc(var(--offer-notch) + .5px)) bottom / 100% 51% no-repeat;mask:radial-gradient(circle at 100% 0,transparent var(--offer-notch),#000 calc(var(--offer-notch) + .5px)) top / 100% 51% no-repeat,radial-gradient(circle at 100% 100%,transparent var(--offer-notch),#000 calc(var(--offer-notch) + .5px)) bottom / 100% 51% no-repeat}.product-offer__stub:after{content:"";position:absolute;inset-block:calc(var(--offer-notch) + .5rem);inset-inline-end:0;width:1px;background-image:linear-gradient(to bottom,var(--offers-divider-color, rgb(255 255 255 / .6)) 55%,transparent 55%);background-size:1px .7rem;opacity:.75}.product-offer__value{max-width:100%;font-family:var(--font-heading-family);font-size:2.6rem;font-weight:700;line-height:1;letter-spacing:-.02em;font-variant-numeric:lining-nums;overflow-wrap:anywhere}.product-offer__value--long{font-size:2rem}.product-offer__value--longer{font-size:1.6rem;line-height:1.1}.product-offer__value-caption{max-width:100%;padding-inline-start:.16em;font-size:1.1rem;font-weight:700;line-height:1.1;letter-spacing:.16em;text-transform:uppercase;overflow-wrap:anywhere}.product-offer__stub-icon{display:flex;width:2rem;height:2rem}.product-offer__stub-icon .icon{width:100%;height:100%}.product-offer__body{display:flex;flex:1 1 auto;flex-direction:column;align-items:flex-start;justify-content:center;gap:.4rem;min-width:0;padding-block:1.4rem;padding-inline:1.6rem 1.4rem;border-start-end-radius:var(--offer-radius);border-end-end-radius:var(--offer-radius);background-color:var(--offers-card-background, rgb(var(--color-background)));-webkit-mask:radial-gradient(circle at 0 0,transparent var(--offer-notch),#000 calc(var(--offer-notch) + .5px)) top / 100% 51% no-repeat,radial-gradient(circle at 0 100%,transparent var(--offer-notch),#000 calc(var(--offer-notch) + .5px)) bottom / 100% 51% no-repeat;mask:radial-gradient(circle at 0 0,transparent var(--offer-notch),#000 calc(var(--offer-notch) + .5px)) top / 100% 51% no-repeat,radial-gradient(circle at 0 100%,transparent var(--offer-notch),#000 calc(var(--offer-notch) + .5px)) bottom / 100% 51% no-repeat}.product-offer__label{display:inline-flex;max-width:100%;margin-block-end:.2rem;padding:.25em .7em;border-radius:999px;background-color:rgba(var(--offers-accent-rgb, var(--color-foreground)),.14);color:var(--offer-stub-color);font-size:1.1rem;font-weight:700;line-height:1.25;letter-spacing:.08em;text-transform:uppercase;overflow-wrap:anywhere}.product-offer__title{margin:0;min-width:0;max-width:100%;overflow-wrap:anywhere;font-size:1.5rem;font-weight:600;line-height:1.3;letter-spacing:-.005em}.product-offer__description{margin:0;min-width:0;max-width:100%;overflow-wrap:anywhere;font-size:1.3rem;line-height:1.45;color:var(--offers-description-color, rgba(var(--color-foreground), .75))}.product-offer__description p{margin:0}.product-offer__description p+p{margin-block-start:.4em}.product-offer__description strong{color:var(--offers-text, rgb(var(--color-foreground)));font-weight:600}.product-offer__copy{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1rem;max-width:100%;margin-block-start:.6rem}.product-offer__code-button{position:relative;display:inline-flex;align-items:center;gap:.7rem;max-width:100%;min-height:3.2rem;margin:0;padding-block:.5rem;padding-inline:1.2rem 1rem;border:1px dashed var(--offers-code-border, currentColor);border-radius:.8rem;background-color:transparent;color:var(--offers-code-color, currentColor);font-family:var(--font-body-family);font-size:1.3rem;font-weight:700;line-height:1.2;letter-spacing:.08em;cursor:pointer;-webkit-appearance:none;appearance:none;transition:background-color .16s ease,transform .12s ease-out}.product-offer__code-button:before{content:"";position:absolute;top:-.6rem;right:-.4rem;bottom:-.6rem;left:-.4rem}.product-offer__code-button:active{transform:scale(.97)}.product-offer__code-button:focus-visible{outline:2px solid var(--offers-code-border, currentColor);outline-offset:2px}@supports (background-color: color-mix(in srgb,red,blue)){.product-offer__code-button{background-color:color-mix(in srgb,var(--offers-code-border, currentColor) 7%,transparent)}@media(hover:hover){.product-offer__code-button:hover{background-color:color-mix(in srgb,var(--offers-code-border, currentColor) 15%,transparent)}}}.product-offer__code-text{overflow-wrap:anywhere}.product-offer__code-icon{display:flex;flex-shrink:0;width:1.4rem;height:1.4rem}.product-offer__code-icon .icon,.product-offer__copy-check .icon{width:100%;height:100%}.product-offer__copy-message{display:inline-flex;align-items:center;gap:.4rem;color:var(--offers-code-color, currentColor);font-size:1.2rem;font-weight:600;line-height:1.2;animation:product-offer-copied .2s ease-out}.product-offer__copy-message[hidden]{display:none}.product-offer__copy-check{display:flex;width:1.4rem;height:1.4rem}.product-offer__copy:has(.product-offer__copy-message:not([hidden])) .product-offer__code-button{border-style:solid}@keyframes product-offer-copied{0%{opacity:0;transform:translate(-.4rem)}}@media(prefers-reduced-motion:reduce){.product-offer__code-button,.product-offer__copy-message{transition:none;animation:none}.product-offer__code-button:active{transform:none}}.product-offer:dir(rtl) .product-offer__stub{-webkit-mask:radial-gradient(circle at 0 0,transparent var(--offer-notch),#000 calc(var(--offer-notch) + .5px)) top / 100% 51% no-repeat,radial-gradient(circle at 0 100%,transparent var(--offer-notch),#000 calc(var(--offer-notch) + .5px)) bottom / 100% 51% no-repeat;mask:radial-gradient(circle at 0 0,transparent var(--offer-notch),#000 calc(var(--offer-notch) + .5px)) top / 100% 51% no-repeat,radial-gradient(circle at 0 100%,transparent var(--offer-notch),#000 calc(var(--offer-notch) + .5px)) bottom / 100% 51% no-repeat}.product-offer:dir(rtl) .product-offer__body{-webkit-mask:radial-gradient(circle at 100% 0,transparent var(--offer-notch),#000 calc(var(--offer-notch) + .5px)) top / 100% 51% no-repeat,radial-gradient(circle at 100% 100%,transparent var(--offer-notch),#000 calc(var(--offer-notch) + .5px)) bottom / 100% 51% no-repeat;mask:radial-gradient(circle at 100% 0,transparent var(--offer-notch),#000 calc(var(--offer-notch) + .5px)) top / 100% 51% no-repeat,radial-gradient(circle at 100% 100%,transparent var(--offer-notch),#000 calc(var(--offer-notch) + .5px)) bottom / 100% 51% no-repeat}.product-offer--placeholder{opacity:.5}
/*# sourceMappingURL=/cdn/shop/t/14/assets/component-product-offers.css.map */