.ajd-wrap{margin:24px 0;padding:18px;border-radius:14px;background:#fff;box-shadow:0 4px 22px #00000012}
.ajd-head{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:18px}
.ajd-head h2{margin:0;color:var(--ajd-color,#8224e3);font-size:clamp(22px,3vw,30px);font-weight:800}
.ajd-timer{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.ajd-label{font-size:13px;color:#555}
.ajd-timer>span:not(.ajd-label){display:flex;flex-direction:column;align-items:center;min-width:46px;padding:7px;border-radius:8px;background:var(--ajd-color,#8224e3);color:white}
.ajd-timer b{font-size:18px}.ajd-timer small{font-size:10px}
.ajd-slider{position:relative;display:flex;align-items:center;gap:8px}
.ajd-viewport{overflow:hidden;flex:1;min-width:0}
.ajd-track{display:flex;gap:14px;transition:transform .45s ease;will-change:transform}
.ajd-card{box-sizing:border-box;flex:0 0 calc((100% - 42px)/4);min-width:0;border:1px solid #eee;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;background:#fff}
.ajd-image{display:flex;aspect-ratio:1/1;align-items:center;justify-content:center;background:#f8f8f8;overflow:hidden}
.ajd-image img{width:100%;height:100%;object-fit:contain}
.ajd-info{padding:12px;display:flex;flex:1;flex-direction:column;gap:9px}
.ajd-name{color:#222;text-decoration:none;font-weight:600;font-size:14px;line-height:1.4}
.ajd-price{color:var(--ajd-color,#8224e3);font-weight:700}
.ajd-button{margin-top:auto;display:block;text-align:center;padding:10px 7px;border-radius:7px;background:var(--ajd-color,#8224e3);color:#fff!important;text-decoration:none!important;font-weight:700}
.ajd-arrow{flex:0 0 34px;width:34px;height:42px;border:0;border-radius:8px;background:var(--ajd-color,#8224e3);color:#fff;font-size:28px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}
.ajd-arrow:disabled{opacity:.35;cursor:not-allowed}
.ajd-ended{color:#b42318;font-weight:700}
@media(max-width:900px){.ajd-card{flex-basis:calc((100% - 14px)/2)}}
@media(max-width:600px){.ajd-wrap{padding:12px}.ajd-card{flex-basis:100%}.ajd-track{gap:10px}.ajd-slider{gap:5px}.ajd-arrow{flex-basis:28px;width:28px;height:36px;font-size:24px}.ajd-info{padding:9px}.ajd-name{font-size:13px}.ajd-timer>span:not(.ajd-label){min-width:39px;padding:6px}.ajd-timer b{font-size:16px}}
