.ple-countdown{position:relative;isolation:isolate;overflow:hidden;border-block:1px solid color-mix(in srgb,var(--ple-accent) 32%,#1b2230);background:radial-gradient(ellipse at 3% 50%,color-mix(in srgb,var(--ple-accent) 20%,transparent),transparent 42%),radial-gradient(ellipse at 100% 40%,rgba(249,115,22,.1),transparent 28%),#090d16}
.ple-countdown::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(110deg,transparent 20%,color-mix(in srgb,var(--ple-accent) 12%,transparent) 45%,transparent 70%);opacity:.55;animation:ple-light 14s ease-in-out infinite;pointer-events:none}
.ple-countdown-backdrop{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;opacity:.25}
.ple-countdown-inner{display:grid;grid-template-columns:minmax(130px,200px) minmax(180px,1fr) minmax(270px,330px) auto;align-items:center;gap:24px;min-height:152px;padding-block:20px}
.ple-countdown-logo{display:flex;align-items:center;justify-content:center;min-width:0;height:135px}
.ple-countdown-logo img{display:block;width:100%;height:calc(90px * var(--ple-logo-scale,1));max-height:135px;object-fit:contain;animation:ple-logo-in .6s ease-out both}
.ple-countdown-copy{min-width:0;border-left:1px solid rgba(210,219,236,.15);padding-left:24px}
.ple-countdown-kicker{display:block;color:#c2a9dd;font:700 10px/1.3 var(--body, sans-serif);letter-spacing:.19em;text-transform:uppercase}
.ple-countdown-copy h2{margin:6px 0;color:#f5f2f9;font:800 clamp(22px,2vw,30px)/1.05 var(--display,sans-serif);text-transform:uppercase;overflow-wrap:anywhere}
.ple-countdown-tagline{margin:0;color:#c7c0d0;font-size:13px;line-height:1.4}
.ple-countdown-date{margin:7px 0 0;color:#9fa8ba;font-size:11px;line-height:1.4}
.ple-countdown-clock{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;text-align:center;padding:14px 10px;border:1px solid rgba(210,219,236,.12);border-radius:10px;background:rgba(5,9,16,.78);box-shadow:0 4px 16px rgba(0,0,0,.16)}
.ple-countdown-unit{min-width:0;border-left:1px solid rgba(210,219,236,.12)}
.ple-countdown-unit:first-child{border:0}
.ple-countdown-unit strong{display:block;color:#f0c568;font:800 clamp(28px,3vw,42px)/1 var(--display,sans-serif);font-variant-numeric:tabular-nums;transition:color .18s ease}
.ple-countdown-unit strong.ple-tick{color:#fff2d0}
.ple-countdown-unit span{display:block;margin-top:7px;color:#bdc2ce;font:700 9px/1.3 var(--body,sans-serif);letter-spacing:.08em;text-transform:uppercase}
.ple-countdown-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:12px 17px;border:1px solid #aa7d2c;border-radius:4px;background:linear-gradient(135deg,rgba(180,125,22,.15),rgba(31,24,8,.5));color:#f4d58e;font:800 12px/1.2 var(--display,sans-serif);letter-spacing:.07em;text-transform:uppercase;text-decoration:none;white-space:nowrap}
.ple-countdown-button:focus-visible,.ple-countdown-logo:focus-visible{outline:2px solid #f4d58e;outline-offset:4px}
.ple-countdown-live{margin:0;color:#f4d58e;font:800 24px/1.1 var(--display,sans-serif);text-transform:uppercase;text-align:center}
.ple-countdown [hidden]{display:none!important}
@keyframes ple-light{0%,100%{transform:translateX(-12%);opacity:.35}50%{transform:translateX(12%);opacity:.65}}
@keyframes ple-logo-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-width:1100px){.ple-countdown-inner{grid-template-columns:150px minmax(180px,1fr) minmax(240px,300px);gap:18px}.ple-countdown-button{grid-column:3;justify-self:center}.ple-countdown-logo,.ple-countdown-copy{grid-row:1 / span 2}.ple-countdown-clock{grid-column:3}.ple-countdown-copy{padding-left:18px}}
@media(max-width:700px){.ple-countdown-inner{grid-template-columns:100px minmax(0,1fr);gap:14px;min-height:0;padding-block:16px}.ple-countdown-logo,.ple-countdown-copy{grid-row:1}.ple-countdown-logo{height:113px}.ple-countdown-logo img{height:calc(75px * var(--ple-logo-scale,1));max-height:113px}.ple-countdown-copy{padding-left:14px}.ple-countdown-kicker{font-size:8px;letter-spacing:.1em}.ple-countdown-copy h2{font-size:23px}.ple-countdown-tagline{font-size:11px}.ple-countdown-date{font-size:10px}.ple-countdown-clock,.ple-countdown-live{grid-column:1 / -1}.ple-countdown-clock{width:100%;max-width:380px;justify-self:center}.ple-countdown-unit strong{font-size:32px}.ple-countdown-button{grid-column:1 / -1;width:100%;max-width:380px;justify-self:center;padding:10px 16px}}
@media(max-width:600px) and (pointer:coarse){.ple-countdown::after{animation:none;transform:none}.ple-countdown-logo img{animation:none}.ple-countdown-unit strong{transition:none}}
@media(prefers-reduced-motion:reduce){.ple-countdown::after,.ple-countdown-logo img{animation:none}.ple-countdown-unit strong{transition:none}}

.ple-countdown-no-accent{background:#090d16;border-color:#1b2230}
.ple-countdown-no-accent::after{display:none}
.ple-countdown-no-accent .ple-countdown-kicker{color:#bdc2ce}
.ple-date-phone{display:none}
@media(max-width:600px) and (max-device-width:600px) and (pointer:coarse){
    .ple-countdown-inner{grid-template-columns:108px minmax(0,1fr);gap:10px;padding-block:12px}
    .ple-countdown-logo{height:90px}
    .ple-countdown-logo img{height:calc(82px * var(--ple-logo-scale,1));max-height:90px}
    .ple-countdown-copy{padding-left:10px}
    .ple-countdown-kicker{font-size:9px;letter-spacing:.07em;line-height:1.4}
    .ple-countdown-copy h2{font-size:22px;margin-block:4px}
    .ple-countdown-date{font-size:11px;margin-top:5px}
    .ple-date-full{display:none}
    .ple-date-phone{display:inline}
    .ple-countdown-clock{padding:10px 8px}
    .ple-countdown-unit span{margin-top:5px}
    .ple-countdown-button{min-height:44px;box-sizing:border-box;padding:10px 16px}
}
