/* VEIC 2027 — Scheduled Form Opening / Closure Countdown (v2.341.0; sizes + opening state v2.342.0).
 * All selectors are scoped to .veic-cr-countdown.
 *
 * SIZING (v2.342.0): every length that must scale is written as calc(<v2.341.0 value> * var(--cd-k)).
 * --cd-k is the size factor set by the modifier class below; Medium is 1, so Medium computes to EXACTLY the
 * v2.341.0 values (and a countdown with no modifier class renders as Medium). No transform:scale() is used.
 * The existing 600px / 360px breakpoints are kept and only their base values are multiplied, so every size
 * shrinks proportionally on phones; width stays calc(100% - 32px) so a Large block never forces its 860px
 * maximum onto a narrow screen. */
.veic-cr-countdown{
    --cd-k:1;
    --cd-maxw:680px;
    box-sizing:border-box;
    width:calc(100% - 32px);
    max-width:var(--cd-maxw);
    margin:18px auto;
    padding:calc(18px * var(--cd-k)) calc(16px * var(--cd-k)) calc(14px * var(--cd-k));
    border-radius:14px;
    text-align:center;
    background:radial-gradient(ellipse at 50% 0%,#12409a 0%,#0a2766 45%,#061a47 100%);
    border:1px solid rgba(79,160,255,.35);
    box-shadow:0 6px 22px rgba(6,26,71,.28),inset 0 0 28px rgba(47,140,255,.10);
    font-family:"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
    line-height:1.2;
    color:#fff;
}
.veic-cr-countdown--small{--cd-k:.85;--cd-maxw:480px;}
.veic-cr-countdown--medium{--cd-k:1;--cd-maxw:680px;}
.veic-cr-countdown--large{--cd-k:1.25;--cd-maxw:860px;}
.veic-cr-countdown *,
.veic-cr-countdown *::before,
.veic-cr-countdown *::after{box-sizing:border-box;}
.veic-cr-countdown .veic-cr-countdown__heading{
    margin:0 0 calc(14px * var(--cd-k));
    padding:0;
    font-size:calc(17px * var(--cd-k));
    font-weight:700;
    letter-spacing:.4px;
    color:#fff;
    text-transform:none;
}
.veic-cr-countdown .veic-cr-countdown__grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:calc(12px * var(--cd-k));
    margin:0;
    padding:0;
}
.veic-cr-countdown .veic-cr-countdown__card{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    min-width:0;
    margin:0;
    padding:calc(14px * var(--cd-k)) calc(4px * var(--cd-k)) calc(12px * var(--cd-k));
    border-radius:12px;
    border:1px solid #2f8cff;
    background:linear-gradient(160deg,#0f3a8f 0%,#0a2766 55%,#08225c 100%);
    box-shadow:0 0 12px rgba(47,140,255,.38),inset 0 0 10px rgba(47,140,255,.14);
}
.veic-cr-countdown .veic-cr-countdown__num{
    display:block;
    margin:0;
    padding:0;
    font-size:calc(32px * var(--cd-k));
    font-weight:800;
    line-height:1.1;
    color:#fff;
    white-space:nowrap;
    font-variant-numeric:tabular-nums;
}
.veic-cr-countdown .veic-cr-countdown__label{
    display:block;
    margin:calc(6px * var(--cd-k)) 0 0;
    padding:0;
    font-size:calc(11px * var(--cd-k));
    font-weight:700;
    letter-spacing:1px;
    text-transform:uppercase;
    color:#4fc3ff;
}
.veic-cr-countdown .veic-cr-countdown__note{
    margin:calc(12px * var(--cd-k)) 0 0;
    padding:0;
    font-size:calc(12.5px * var(--cd-k));
    color:#b9d4ff;
}
.veic-cr-countdown.veic-cr-countdown--expired{
    background:linear-gradient(160deg,#2a2f3d 0%,#1c2030 100%);
    border-color:rgba(160,174,192,.35);
    box-shadow:0 6px 18px rgba(0,0,0,.2);
}
.veic-cr-countdown .veic-cr-countdown__expired-title{
    margin:0 0 6px;
    padding:0;
    font-size:calc(18px * var(--cd-k));
    font-weight:700;
    color:#fff;
}
.veic-cr-countdown .veic-cr-countdown__expired-text{
    margin:0;
    padding:0;
    font-size:calc(14px * var(--cd-k));
    color:#cbd5e0;
}
/* v2.342.0 — opening timer reached zero: keeps the blue theme (it is good news), adds the manual refresh button. */
.veic-cr-countdown .veic-cr-countdown__refresh{
    display:inline-block;
    margin:calc(10px * var(--cd-k)) 0 0;
    padding:calc(9px * var(--cd-k)) calc(22px * var(--cd-k));
    border:1px solid #4fc3ff;
    border-radius:999px;
    background:#fff;
    color:#0a2766;
    font:inherit;
    font-size:calc(14px * var(--cd-k));
    font-weight:700;
    line-height:1.2;
    cursor:pointer;
}
.veic-cr-countdown .veic-cr-countdown__refresh:hover,
.veic-cr-countdown .veic-cr-countdown__refresh:focus{background:#e6f3ff;outline:2px solid #4fc3ff;outline-offset:2px;}
@media (max-width:600px){
    .veic-cr-countdown--small{--cd-k:.9;}
    .veic-cr-countdown--large{--cd-k:1.1;}
    .veic-cr-countdown{padding:calc(14px * var(--cd-k)) calc(10px * var(--cd-k)) calc(12px * var(--cd-k));border-radius:12px;}
    .veic-cr-countdown .veic-cr-countdown__heading{font-size:calc(15px * var(--cd-k));margin-bottom:calc(12px * var(--cd-k));}
    .veic-cr-countdown .veic-cr-countdown__grid{gap:calc(8px * var(--cd-k));}
    .veic-cr-countdown .veic-cr-countdown__card{padding:calc(11px * var(--cd-k)) calc(2px * var(--cd-k)) calc(9px * var(--cd-k));border-radius:10px;}
    .veic-cr-countdown .veic-cr-countdown__num{font-size:calc(24px * var(--cd-k));}
    .veic-cr-countdown .veic-cr-countdown__label{font-size:calc(9.5px * var(--cd-k));letter-spacing:.6px;margin-top:calc(4px * var(--cd-k));}
    .veic-cr-countdown .veic-cr-countdown__note{font-size:calc(11.5px * var(--cd-k));}
}
@media (max-width:360px){
    .veic-cr-countdown--large{--cd-k:1;}
    .veic-cr-countdown .veic-cr-countdown__grid{gap:calc(5px * var(--cd-k));}
    .veic-cr-countdown .veic-cr-countdown__num{font-size:calc(20px * var(--cd-k));}
    .veic-cr-countdown .veic-cr-countdown__label{font-size:calc(8.5px * var(--cd-k));letter-spacing:.3px;}
}
