.cdt{display:flex;flex-direction:column;gap:clamp(6px,1vw,10px);font-variant-numeric:tabular-nums;background:linear-gradient(135deg,rgba(var(--color-button),.1),rgba(var(--color-background),.95));border:1px solid rgba(var(--color-button),.3);border-radius:clamp(6px,.8vw,8px);padding:clamp(8px,1.2vw,12px);box-shadow:0 4px 12px rgba(var(--color-foreground),.15);width:100%;margin:clamp(8px,1.2vw,12px) 0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.cdt__label{font-size:clamp(.85em,1.4vw,1em);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:rgb(var(--color-button));text-align:center;margin-bottom:clamp(-4px,-.5vw,-2px);text-shadow:0 1px 2px rgba(var(--color-background),.8)}.cdt__row{display:inline-flex;align-items:center;gap:clamp(4px,.8vw,8px);justify-content:center}.cdt__cell{display:inline-flex;align-items:baseline;gap:clamp(2px,.4vw,4px);flex-direction:column;text-align:center}.cdt__num{min-width:2.2ch;text-align:center;font-weight:700;font-size:clamp(1em,1.6vw,1.2em);color:rgb(var(--color-button));background:rgba(var(--color-background),.95);padding:clamp(2px,.4vw,4px) clamp(4px,.8vw,6px);border-radius:clamp(3px,.5vw,4px);border:1px solid rgba(var(--color-button),.4);box-shadow:0 2px 4px rgba(var(--color-foreground),.1)}.cdt__lab{opacity:.8;font-size:clamp(.7em,1.2vw,.85em);color:rgb(var(--color-foreground));font-weight:500;text-transform:uppercase;letter-spacing:.05em}.cdt__sep{opacity:.6;font-weight:600;color:rgb(var(--color-button));font-size:clamp(1.1em,1.8vw,1.3em)}.cdt--card{font-size:clamp(.85em,1.4vw,1em);margin:clamp(8px,1.2vw,12px) 0;background:linear-gradient(135deg,rgba(var(--color-button),.15),rgba(var(--color-background),.95));border:1px solid rgba(var(--color-button),.4);transition:all .3s ease}.cdt--card:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(var(--color-foreground),.2);border-color:rgba(var(--color-button),.6)}.cdt--card .cdt__num{font-size:clamp(.95em,1.5vw,1.1em);padding:clamp(2px,.4vw,3px) clamp(3px,.6vw,4px);min-width:2.5ch;background:rgba(var(--color-background),.95);border-color:rgba(var(--color-button),.4);box-shadow:0 2px 4px rgba(var(--color-foreground),.1)}.cdt--card .cdt__lab{font-size:clamp(.65em,1.1vw,.8em);font-weight:500;margin-top:clamp(1px,.2vw,2px)}.cdt--card .cdt__row{justify-content:center;gap:clamp(4px,.8vw,6px)}.cdt--card .cdt__sep{color:rgba(var(--color-button),.8);text-shadow:0 1px 2px rgba(var(--color-background),.8);font-size:clamp(1em,1.6vw,1.2em)}.cdt--product{font-size:clamp(1em,1.6vw,1.2em);margin:clamp(12px,2vw,16px) 0}.cdt--product .cdt__num{font-size:clamp(1.2em,1.8vw,1.4em);padding:clamp(4px,.6vw,6px) clamp(6px,1vw,8px)}.cdt--product .cdt__lab{font-size:clamp(.75em,1.2vw,.9em)}.cdt--urgent{animation:pulse-urgent 2s infinite;border-color:#ff450080;background:linear-gradient(135deg,#ff450026,#ff8c0014)}.cdt--urgent .cdt__label{color:#ff4500;text-shadow:0 1px 2px rgba(255,255,255,.8)}.cdt--urgent .cdt__num{color:#ff4500;border-color:#ff450066;font-weight:700}.cdt--urgent .cdt__sep{color:#ff4500cc}.cdt--critical{animation:pulse-critical 1s infinite;border-color:#dc143c99;background:linear-gradient(135deg,#dc143c33,#ff450026)}.cdt--critical .cdt__label{color:#dc143c;text-shadow:0 1px 2px rgba(255,255,255,.9);animation:shake .82s cubic-bezier(.36,.07,.19,.97) infinite;transform:translateZ(0)}.cdt--critical .cdt__num{color:#dc143c;border-color:#dc143c80;background:#fffffff2;font-weight:800;box-shadow:0 2px 8px #dc143c33}.cdt--critical .cdt__sep{color:#dc143ce6}@keyframes pulse-urgent{0%,to{box-shadow:0 2px 8px #ff450033;transform:scale(1)}50%{box-shadow:0 4px 16px #ff450066;transform:scale(1.02)}}@keyframes pulse-critical{0%,to{box-shadow:0 2px 8px #dc143c4d;transform:scale(1)}50%{box-shadow:0 6px 20px #dc143c99;transform:scale(1.05)}}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(1px,0,0)}30%,50%,70%{transform:translate3d(-2px,0,0)}40%,60%{transform:translate3d(2px,0,0)}}@media screen and (max-width: 749px){.cdt{padding:clamp(6px,1vw,8px)}.cdt__row{gap:clamp(3px,.6vw,4px)}.cdt__num{padding:clamp(1px,.3vw,2px) clamp(2px,.5vw,3px)}}@media (prefers-contrast: high){.cdt{border-width:2px}.cdt__num{border-width:2px;background:rgb(var(--color-background))}}@media (prefers-reduced-motion: reduce){.cdt--urgent,.cdt--critical{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/137/assets/product-countdown.css.map */