.promo-offer-widget, .promo-offer-widget * { box-sizing: border-box; }
.promo-offer-widget{position:fixed;z-index:55;left:25px;bottom:25px;width:440px;height:250px;overflow:hidden;border:4px solid #fff;border-radius:6px;background-color:#f0f1f5;box-shadow:0 4px 24px rgb(11 13 11 / .12);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(calc(100% + 40px));transition:opacity 0.45s ease,transform 0.55s cubic-bezier(.22,1,.36,1),visibility 0s linear 0.55s}
.promo-offer-widget--visible{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);transition-delay:0s}
.promo-offer-widget__link{position:absolute;z-index:1;inset:0;display:block;color:#0b0d0b;text-decoration:none}
.promo-offer-widget__media{position:absolute;bottom:0;right:0;display:block;width:auto;height:100%;overflow:hidden;-webkit-mask:url("/assets/4929e0fa-promo-offer-mask.svg") center / 100% 100% no-repeat;mask:url("/assets/4929e0fa-promo-offer-mask.svg") center / 100% 100% no-repeat;pointer-events:none;aspect-ratio:238/250}
.promo-offer-widget__media img{object-fit:contain}
.promo-offer-widget__content{position:absolute;top:50%;left:28px;display:flex;width:304px;flex-direction:column;align-items:flex-start;gap:8px;transform:translateY(-50%);font-family:"RobotoFlex",sans-serif;font-weight:800;line-height:1;letter-spacing:-.02em;text-transform:uppercase}
.promo-offer-widget__title{display:block;width:100%;font-size:40px}
.promo-offer-widget__price{display:flex;align-items:baseline;justify-content:center;padding:9px 24px;border-radius:6px;background-color:#1ABC1A;color:#fff;font-size:40px;white-space:nowrap}
.promo-offer-widget__price small{margin-left:5px;font:inherit;font-size:24px;letter-spacing:-.02em}
.promo-offer-widget__arrow{position:absolute;right:28px;bottom:28px;display:flex;width:52px;height:52px;align-items:center;justify-content:center;border-radius:6px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M1 13 13 1M6 1h7v7' stroke='%230b0d0b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 14px 14px no-repeat;transition:background-color 0.2s ease,transform 0.2s ease}
.promo-offer-widget__link:hover .promo-offer-widget__arrow,.promo-offer-widget__link:focus-visible .promo-offer-widget__arrow{background-color:#1ABC1A;transform:translate(2px,-2px)}
.promo-offer-widget__close{cursor:pointer;position:absolute;z-index:3;top:-4px;right:-4px;display:flex;width:32px;height:32px;padding:0;align-items:center;justify-content:center;border:0;border-radius:6px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10' fill='none'%3E%3Cpath d='M9.125.875.875 9.125M.875.875l8.25 8.25' stroke='%231f1a18' stroke-opacity='.4' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 9.75px 9.75px no-repeat}
@media (max-width:575px){.promo-offer-widget{left:16px;bottom:16px;width:calc(100% - 32px);max-width:328px;height:186px;border-width:3px;border-radius:4px;box-shadow:0 3px 18px rgb(11 13 11 / .12);transform:translateY(calc(100% + 16px))}
.promo-offer-widget--visible{transform:translateY(0)}
.promo-offer-widget__media{top:-12.67px;left:147.6px;width:254.52px;height:210.96px}
.promo-offer-widget__content{left:25px;width:226.62px;gap:5px}
.promo-offer-widget__title,.promo-offer-widget__price{font-size:28px}
.promo-offer-widget__price{padding:6.7px 17.9px;border-radius:4px}
.promo-offer-widget__price small{margin-left:4px;font-size:17.9px}
.promo-offer-widget__arrow{right:25px;bottom:25px;width:40px;height:40px;border-radius:4px}
.promo-offer-widget__close{top:-3px;right:-3px;width:28px;height:28px;border-radius:4px;background-size:8.7px 8.7px}
}
@media (prefers-reduced-motion:reduce){.promo-offer-widget{transition-duration:0.01ms}
}

/* Subtle arm movement; the cabinet, copy and price stay still. */
.promo-offer-widget__base { display: block; width: 100%; clip-path: polygon(0 60%, 100% 60%, 100% 100%, 0 100%); }
.promo-offer-widget__arm { position: absolute; top: 0; left: 0; width: 100%; aspect-ratio: 238 / 250; transform-origin: 87% 60%; }
.promo-offer-widget__arm > img { display: block; width: 100%; clip-path: polygon(0 0, 100% 0, 100% 61%, 0 61%); }
.promo-offer-widget.is-welding .promo-offer-widget__arm { animation: promo-arm-weld 4.8s ease-in-out both; }
@keyframes promo-arm-weld {
  0%, 12%, 100% { transform: rotate(0); }
  35%, 65% { transform: rotate(-1.5deg); }
  78% { transform: rotate(-.6deg); }
}

@media (prefers-reduced-motion: reduce) {
  .promo-offer-widget__base { clip-path: none; }
  .promo-offer-widget__arm { display: none; }
}

/* Keep the promotion available without covering product details. */
.promo-offer-widget.promo-offer-widget--compact { width: 270px; max-width: calc(100vw - 32px); height: 68px; border-width: 2px; background: #fff; }
.promo-offer-widget--compact .promo-offer-widget__media { display: none; }
.promo-offer-widget--compact .promo-offer-widget__content { left: 14px; width: auto; gap: 4px; font-family: Onest,sans-serif; text-transform: none; letter-spacing: 0; }
.promo-offer-widget--compact .promo-offer-widget__title { width: auto; font-size: 11px; line-height: 1.3; font-weight: 400; }
.promo-offer-widget--compact .promo-offer-widget__price { padding: 0; background: transparent; color: #0b0d0b; font-size: 21px; line-height: 1.1; font-weight: 600; }
.promo-offer-widget--compact .promo-offer-widget__price small { font-size: 17px; }
.promo-offer-widget--compact .promo-offer-widget__arrow { right: 9px; bottom: 7px; width: 28px; height: 28px; background-size: 12px; }
.promo-offer-widget--compact .promo-offer-widget__close { width: 24px; height: 24px; top: -2px; right: -2px; }
@media (max-width: 575px) {
  .promo-offer-widget { bottom: calc(84px + env(safe-area-inset-bottom)); }
}