.product-countdown{display:block;position:relative;color:var(--pc-color,inherit);background:var(--pc-bg,transparent);border-radius:var(--btn-fixed-border-radius,4px);padding:15px 17px 14px;line-height:1.4;min-width:0}
.product-countdown [hidden],.product-countdown[hidden]{display:none!important}
.product-countdown__grid{display:flex;justify-content:center;gap:8px;min-width:0;direction:ltr}
.product-countdown__unit{container-type:inline-size;position:relative;min-width:0;text-align:center;flex:0 1 var(--pc-box-mobile,65px);background:var(--pc-box-bg,transparent);border-radius:var(--btn-fixed-border-radius,4px);padding:6px 4px}
.product-countdown__number{display:inline-block;position:relative;font-variant-numeric:tabular-nums;line-height:1;white-space:nowrap;font-size:min(calc(3rem * var(--pc-scale-mobile,1)),75cqi);font-weight:600}
.product-countdown__previous{pointer-events:none;position:absolute;inset:0;background:var(--pc-bg,transparent)}
.product-countdown__label{display:block;font-family:var(--font-body-family);font-size:12px;text-transform:uppercase;overflow-wrap:anywhere}
.product-countdown__long{display:none}
.product-countdown[data-long="true"] .product-countdown__long{display:inline}
.product-countdown[data-long="true"] .product-countdown__short{display:none}
.product-countdown[data-long="false"] .product-countdown__unit{display:inline-flex;align-items:baseline;justify-content:center;gap:2px}
.product-countdown[data-timer-style="headline"] .product-countdown__number{font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-style:var(--font-heading-style)}
.product-countdown[data-timer-style="body"] .product-countdown__number{font-family:var(--font-body-family);font-weight:var(--font-body-weight);font-style:var(--font-body-style)}
.product-countdown__content{display:flex;gap:16px;align-items:center}
.product-countdown__intro{flex:1;min-width:0}
.product-countdown__timer{flex:0 1 var(--pc-width,60%);max-width:var(--pc-width,60%);min-width:0}
.product-countdown__heading{margin-bottom:8px;overflow-wrap:anywhere}
.product-countdown__heading>*{margin:0;color:inherit;font:inherit}
.product-countdown[data-text-style="heading"] .product-countdown__heading{font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-style:var(--font-heading-style);font-size:calc(2rem * var(--pc-heading-mobile, .6))}
.product-countdown[data-text-style="body"] .product-countdown__heading{font-family:var(--font-body-family);font-weight:var(--font-body-weight);font-size:calc(1rem * var(--pc-heading-mobile,.6))}
.product-countdown__code{display:inline-flex;align-items:center;flex-wrap:wrap;gap:8px;border:1px dashed currentColor;padding:4px 4px 4px 12px;border-radius:var(--btn-fixed-border-radius,4px);overflow-wrap:anywhere;max-width:100%}
.product-countdown__code>span{min-width:0;max-width:100%;-webkit-user-select:all;-moz-user-select:all;user-select:all}
.product-countdown__copy{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:inherit;font-size:12px;border:1px solid currentColor;border-radius:var(--btn-fixed-border-radius,4px);background:transparent;color:inherit;cursor:pointer;padding:4px 8px;min-height:32px;min-width:80px}
.product-countdown__copy:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.product-countdown__status{font-size:12px;min-height:1.4em;overflow-wrap:anywhere}
.product-countdown__end{overflow-wrap:anywhere;text-align:center}
.product-countdown__error{font-size:12px;overflow-wrap:anywhere}
.product-countdown--countdown_timer{margin-block:2em}
.product-countdown--countdown_timer .product-countdown__content{display:block}
.product-countdown--countdown_timer .product-countdown__heading{position:absolute;top:0;inset-inline-start:1rem;transform:translateY(-60%);padding:.3rem .5rem;border-radius:.4rem;background:#3c462d;color:#fff;font-size:inherit;max-width:calc(100% - 2rem)}
.product-countdown--countdown_timer .product-countdown__timer{width:100%;max-width:100%}
.product-countdown--countdown_timer .product-countdown__grid{display:grid;grid-template-columns:repeat(var(--pc-columns,4),minmax(0,1fr));max-width:420px;margin-inline:auto;gap:0}
.product-countdown--countdown_timer .product-countdown__unit{background:none;padding:0}
.product-countdown--countdown_timer .product-countdown__number{font-size:30px;min-width:2ch}
.product-countdown--countdown_timer .product-countdown__unit:not(:last-child)::after{content:':';position:absolute;right:-.12em;top:-.075em;font-size:30px;line-height:1;font-weight:600}
.product-countdown--countdown_timer .product-countdown__label{margin-top:.2em;font-size:14px}
.product-countdown--countdown_timer[data-labels="false"] .product-countdown__label{position:absolute;width:1px;height:1px;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%)}
@media(min-width:900px){.product-countdown__unit{flex-basis:var(--pc-box,55px);padding:8px 4px}.product-countdown__number{font-size:min(calc(3rem * var(--pc-scale,1)),75cqi)}}
@media(min-width:1200px){.product-countdown[data-text-style="heading"] .product-countdown__heading{font-size:calc(2rem * var(--pc-heading,.6))}.product-countdown[data-text-style="body"] .product-countdown__heading{font-size:calc(1rem * var(--pc-heading,.6))}}
@media(min-width:900px) and (max-width:1199px){.product-countdown__number{font-size:min(calc(3rem * var(--pc-scale,1) * .8),75cqi)}}
@media(max-width:768px){.product-countdown--countdown_timer{padding-inline:12px}.product-countdown--countdown_timer .product-countdown__heading{font-size:14px}.product-countdown--countdown_timer .product-countdown__number,.product-countdown--countdown_timer .product-countdown__unit:not(:last-child)::after{font-size:clamp(20px,6.5vw,28px)}}
@media(min-width:769px) and (max-width:999px){.product-countdown--countdown_timer .product-countdown__number,.product-countdown--countdown_timer .product-countdown__unit:not(:last-child)::after{font-size:22.5px}}
@media(max-width:599px),(min-width:900px) and (max-width:999px){.product-countdown--countdown_discount .product-countdown__content{flex-direction:column}.product-countdown--countdown_discount .product-countdown__intro,.product-countdown--countdown_discount .product-countdown__timer{width:100%;max-width:100%;text-align:center}}
@media(max-width:380px){.product-countdown--countdown_timer{padding-inline:8px}.product-countdown--countdown_timer .product-countdown__number,.product-countdown--countdown_timer .product-countdown__unit:not(:last-child)::after{font-size:clamp(18px,5.8vw,22px)}}
@media(prefers-reduced-motion:reduce){.product-countdown *{animation:none!important;transition:none!important}}

.product-countdown__digit{display:inline-block;position:relative}