/* Shared clock behavior, two deliberately different presentation densities. */
.scoop-price [data-flash-price]{display:inline-flex;align-items:baseline;flex-wrap:wrap;gap:10px;margin:0;font-size:clamp(30px,3vw,42px);font-weight:600;color:#702f3d}
.scoop-price [data-flash-price] span{font-size:inherit;font-weight:inherit;color:inherit;margin:0}
.scoop-price [data-flash-price] del{font-size:18px;font-weight:400;color:#826e63}
.scoop-price [data-flash-price] ins{background:none;text-decoration:none}
.sf-offer{box-sizing:border-box;min-width:0;max-width:100%;color:#702f3d;font-family:'DM Sans',Arial,sans-serif;line-height:1.4}
.sf-offer [hidden]{display:none!important}
.sf-saving{display:flex;align-items:center;gap:6px;width:fit-content;max-width:100%;font-size:14px;font-weight:700;line-height:1.35;letter-spacing:.02em;text-transform:uppercase}
.sf-saving svg{display:block;flex:0 0 16px;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round}
.sf-label{margin:0;font-size:12px;color:#75635a;font-weight:400}
.sf-clock{display:flex;align-items:flex-start;gap:4px;min-width:0;max-width:100%;width:fit-content;font-variant-numeric:tabular-nums;white-space:nowrap}
.sf-time{display:grid;gap:3px;text-align:center}
.sf-time strong{display:block;min-width:2ch;font-size:24px;font-weight:600;line-height:1.1;font-variant-numeric:tabular-nums;transform-origin:center}
.sf-time small{font-size:8px;font-weight:400;line-height:1.2;letter-spacing:.05em;color:#75635a}
.sf-colon{font-size:22px;font-weight:400;line-height:1.1}
.sf-expired{margin:0;font-size:12px;color:#75635a}
.sf-offer [data-flash-tick="a"]{animation:sf-tick-a 160ms ease-out}
.sf-offer [data-flash-tick="b"]{animation:sf-tick-b 160ms ease-out}
/* Product: a shallow ribbon, saving at left and a clock at right on phones too. */
.sf-offer--product{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:center;gap:3px 16px;margin:16px 0 20px;padding:14px 16px;border:0;border-left:3px solid #702f3d;background:#eee3d8}
.sf-offer--product .sf-saving{grid-column:1;grid-row:1}
.sf-offer--product .sf-label{grid-column:1;grid-row:2}
.sf-offer--product .sf-clock{grid-column:2;grid-row:1/3}
.sf-offer--product .sf-expired{grid-column:1/-1}
.sf-offer--product[data-flash-state="expired"]{border-color:#d8cbc3;background:transparent;padding-block:6px}
/* Card: a compact festive clock; the separate saving badge stays on the photo. */
.hc-card{position:relative}
.sf-offer--card{position:static;display:grid;grid-template-columns:minmax(0,1fr);gap:5px;align-self:flex-start;width:100%;max-width:208px;margin:10px 0 0;padding:9px 12px 10px;border:1px solid #b99a64;border-radius:6px;background:#702f3d;color:#fff8eb;box-shadow:0 2px 0 #b99a6426}
.sf-offer--card .sf-saving{position:absolute;top:10px;left:10px;z-index:1;max-width:calc(100% - 20px);padding:6px 8px;border-radius:2px;background:#702f3d;color:#fffaf2;font-size:11px;pointer-events:none}
.sf-offer--card .sf-saving svg{flex-basis:14px;width:14px;height:14px}
.sf-offer--card .sf-label{display:flex;align-items:center;gap:5px;font-size:10px;line-height:14px;color:#fff1da;letter-spacing:.04em}
.sf-offer--card .sf-label::before{content:"";width:12px;height:12px;flex:0 0 12px;background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23e6c68c' stroke-width='1.4' stroke-linecap='round'%3E%3Ccircle cx='8' cy='8' r='6'/%3E%3Cpath d='M8 4v4l3 2'/%3E%3C/svg%3E")}
.sf-offer--card .sf-label::after{content:"";margin-left:auto;width:26px;height:14px;background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 16' fill='%23e6c68c'%3E%3Cpath d='m9 0 2.5 5.5L17 8l-5.5 2.5L9 16l-2.5-5.5L1 8l5.5-2.5Z'/%3E%3Cpath d='m25 1 1.2 2.8L29 5l-2.8 1.2L25 9l-1.2-2.8L21 5l2.8-1.2Z' opacity='.65'/%3E%3C/svg%3E")}
.sf-offer--card .sf-clock{gap:5px;align-items:center;width:100%;justify-content:space-between}
.sf-offer--card .sf-time{display:block}
.sf-offer--card .sf-time strong{font-size:19px;line-height:25px;letter-spacing:.02em;color:#fff8eb}
.sf-offer--card .sf-time{flex:1;border:1px solid #e6c68c38;border-radius:3px;background:#fff8eb0d}
.sf-offer--card .sf-colon{font-size:16px;line-height:25px;color:#e6c68c}
.sf-offer--card .sf-expired{color:#fff1da}
.sf-offer--card .sf-time small{display:none}
@media(max-width:359px){.sf-offer--product{column-gap:10px;padding:12px}.sf-offer--product .sf-saving{font-size:12px}.sf-offer--product .sf-time strong{font-size:21px}}
@media(min-width:1000px){.sf-offer--product{padding:16px 20px}.sf-offer--product .sf-saving{font-size:16px}.sf-offer--product .sf-time strong{font-size:28px}.sf-offer--product .sf-colon{font-size:26px}.sf-offer--card .sf-saving{font-size:12px}}
@keyframes sf-tick-a{from{transform:translateY(1px);opacity:.75}to{transform:none;opacity:1}}
@keyframes sf-tick-b{from{transform:translateY(1px);opacity:.75}to{transform:none;opacity:1}}
@media(prefers-reduced-motion:reduce){.sf-offer [data-flash-tick]{animation:none;transform:none}}