.offers-overlap{--offers-overlap: var(--offers-overlap-mobile,56px);display:block;padding-block:var(--offers-padding-top,40px) var(--offers-padding-bottom,40px)}.offers-overlap:not(.page-width){padding-inline:clamp(16px,3vw,48px)}.offers-overlap__track{display:flex;align-items:stretch;gap:20px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;scrollbar-width:none}.offers-overlap__track::-webkit-scrollbar{display:none}.offers-overlap__track:focus-visible{outline:2px solid currentColor;outline-offset:5px}.offers-overlap__slide{flex:0 0 100%;min-width:0;padding-block-start:var(--offers-overlap,56px);scroll-snap-align:start;scroll-snap-stop:always}.offers-overlap__card{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr);height:100%;padding:24px;border-radius:var(--offers-radius,24px);background:var(--offer-background,#4a321f);color:var(--offer-foreground,#f5e8e2)}.offers-overlap__card:before{content:"";position:absolute;z-index:-1;top:10px;right:10px;bottom:10px;left:10px;border:1px solid color-mix(in srgb,var(--offer-foreground,#f5e8e2) 17%,transparent);border-radius:max(0px,calc(var(--offers-radius,24px) - 8px));pointer-events:none}.offers-overlap__copy{position:relative;z-index:2;min-width:0;align-self:center;padding:8px 0 10px}.offers-overlap__eyebrow{display:flex;align-items:center;gap:9px;margin:0 0 18px;font-size:10px;font-weight:500;line-height:1.5;letter-spacing:.18em;text-transform:uppercase}.offers-overlap__eyebrow:before{content:"";flex:0 0 6px;width:6px;height:6px;border-radius:50%;background:var(--offer-accent,#f5e8e2)}.offers-overlap__heading{margin:0;color:inherit;font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-style:var(--font-heading-style);font-size:clamp(30px,8vw,40px);line-height:1.07;letter-spacing:-.045em;overflow-wrap:anywhere;text-wrap:balance}.offers-overlap__text{max-width:40ch;margin-block:18px 24px;color:color-mix(in srgb,var(--offer-foreground,#f5e8e2) 84%,transparent);font-size:14px;line-height:1.7;overflow-wrap:anywhere}.offers-overlap__text>:first-child{margin-top:0}.offers-overlap__text>:last-child{margin-bottom:0}.offers-overlap__button{--action-fill: var(--offer-foreground,#f5e8e2);--action-label: var(--offer-background,#4a321f);--action-active: var(--offer-foreground,#f5e8e2);--action-surface: var(--offer-background,#4a321f)}.offers-overlap__arrow,.offers-overlap__arrow svg{display:block;width:17px;height:17px}.offers-overlap__visual{position:relative;grid-row:1;min-width:0;height:clamp(230px,65vw,330px);margin-block:calc(-1 * var(--offers-overlap,56px)) 10px}.offers-overlap__halo{position:absolute;top:12%;right:6%;bottom:0;left:6%;border:1px solid color-mix(in srgb,var(--offer-accent,#f5e8e2) 30%,transparent);border-radius:50%;transform:rotate(-20deg);pointer-events:none}.offers-overlap__halo:after{content:"";position:absolute;top:16px;right:16px;bottom:16px;left:16px;border:1px solid color-mix(in srgb,var(--offer-accent,#f5e8e2) 12%,transparent);border-radius:inherit}.offers-overlap__product{position:absolute;top:-16px;right:0;bottom:-4px;left:0;transform:rotate(var(--offer-rotation,-5deg));pointer-events:none}.offers-overlap__product img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:contain;object-position:center top;filter:drop-shadow(0 18px 15px rgba(74,50,31,.12))}.offers-overlap__hook{position:absolute;z-index:1;inset-inline-end:-3px;bottom:5px;display:grid;place-items:center;width:clamp(104px,26vw,120px);aspect-ratio:1;padding:14px;border-radius:50%;background:var(--offer-accent,#f5e8e2);color:var(--offer-background,#4a321f);text-align:center;transform:rotate(10deg);box-shadow:0 10px 20px #4a321f14}.offers-overlap__hook:before{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;border:1px solid color-mix(in srgb,var(--offer-background,#4a321f) 28%,transparent);border-radius:inherit}.offers-overlap__hook span{position:relative;max-width:100%;font-size:clamp(12px,3.3vw,16px);font-weight:500;line-height:1.12;letter-spacing:-.025em;overflow-wrap:anywhere}.offers-overlap__controls{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px}.offers-overlap__controls[hidden]{display:none}.offers-overlap__dots,.offers-overlap__arrows{display:flex;align-items:center;gap:4px}.offers-overlap__dot{display:grid;place-items:center;width:32px;height:44px;padding:0;border:0;background:transparent;color:inherit;cursor:pointer}.offers-overlap__dot span{width:6px;height:6px;border-radius:10px;background:currentColor;opacity:.25;transition:width .22s ease,opacity .22s ease}.offers-overlap__dot[aria-current=true] span{width:25px;opacity:1}.offers-overlap__control{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid color-mix(in srgb,currentColor 20%,transparent);border-radius:50%;background:transparent;color:inherit;cursor:pointer;transition:background .22s ease}.offers-overlap__control span,.offers-overlap__control svg{display:block;width:18px;height:18px}.offers-overlap__control--previous span,[dir=rtl] .offers-overlap__control span,[dir=rtl] .offers-overlap__arrow{transform:rotate(180deg)}[dir=rtl] .offers-overlap__control--previous span{transform:none}.offers-overlap__control:disabled{opacity:.3;cursor:default}.offers-overlap :is(.offers-overlap__dot,.offers-overlap__control):focus-visible{outline:2px solid currentColor;outline-offset:3px}@media(hover:hover){.offers-overlap__control:not(:disabled):hover{background:color-mix(in srgb,currentColor 6%,transparent)}}@media(min-width:750px){.offers-overlap{--offers-overlap: var(--offers-overlap-desktop,86px)}.offers-overlap__card{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:24px;min-height:350px;padding:clamp(32px,4vw,64px)}.offers-overlap__copy{padding-block:12px}.offers-overlap__heading{font-size:clamp(34px,3.9vw,58px)}.offers-overlap__text{font-size:15px}.offers-overlap__visual{grid-row:auto;height:100%;min-height:280px;margin:0}.offers-overlap__product{inset:calc(-1 * var(--offers-overlap) - 70px) -10px -10px}.offers-overlap__halo{top:0;right:0;bottom:-12px;left:0}.offers-overlap__hook{inset-inline-end:-8px;bottom:-10px;width:clamp(100px,10vw,140px)}.offers-overlap__hook span{font-size:clamp(14px,1.4vw,20px)}}@media(prefers-reduced-motion:reduce){.offers-overlap__dot span,.offers-overlap__control{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/offers-overlap.css.map */