/* Plate Trader live activity blocks. Loaded only when a block is switched on. */
.r2Live,.r2LiveSide,.r2Slim{box-sizing:border-box;font-family:'Inter',Arial,sans-serif;color:#1C1821}
.r2Live *,.r2LiveSide *,.r2Slim *{box-sizing:border-box}
.r2Live[hidden],.r2LiveSide[hidden],.r2Slim[hidden],.r2LiveSell[hidden]{display:none}

.r2LivePlate{display:inline-block;background:#FEE04E;border:3px solid #1C1821;border-radius:7px;padding:5px 14px 2px;font:24px/1.1 'UKNumberPlate','Cabin',sans-serif;letter-spacing:.04em;color:#000;white-space:nowrap}
.r2LiveDot{display:inline-block;width:12px;height:12px;margin-right:10px;border-radius:50%;background:#00BC80;box-shadow:0 0 0 5px rgba(0,188,128,.2);vertical-align:middle;animation:r2LivePulse 2.4s ease-in-out infinite}
@keyframes r2LivePulse{0%,100%{box-shadow:0 0 0 4px rgba(0,188,128,.22)}50%{box-shadow:0 0 0 7px rgba(0,188,128,.08)}}
@media (prefers-reduced-motion:reduce){.r2LiveDot{animation:none}}

/* home and sell blocks */
.r2Live{background:#fff;padding:34px 24px 0;text-align:center}
.r2Live>*{max-width:1100px;margin-left:auto;margin-right:auto}
.r2LiveHead h2{margin:0;font:700 24px/1.25 'Cabin',sans-serif;color:#1C1821}
.r2LiveHead p{margin:4px 0 0;font:400 14px/1.4 'Inter',sans-serif;color:#4A4650}
.r2LiveCards{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:20px}
.r2LiveCards>.r2LiveCard{flex:0 0 calc(25% - 10.5px);min-width:0}
.r2LiveCards>.r2LiveCard:nth-child(n+5){display:none}
.r2LiveCard{display:flex;flex-direction:column;align-items:center;gap:9px;padding:15px 12px 14px;background:#f8f8f8;border:1px solid #E6E6E6;border-radius:10px;text-align:center;text-decoration:none;color:#1C1821}
a.r2LiveCard:hover{border-color:#1C1821}
.r2LiveNow{background:#fff;border-color:#00BC80}
.r2LiveWhat{display:block;font:600 14px/1.3 'Inter',sans-serif;color:#1C1821}
.r2LiveWhen{display:block;font:400 13px/1.2 'Inter',sans-serif;color:#4A4650}
.r2LiveNow .r2LiveWhen{font-weight:700;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#00BC80}
.r2LiveStats{display:flex;margin-top:30px}
.r2LiveStat{flex:1 1 0;min-width:0;padding:0 14px;text-align:center}
.r2LiveStat b{display:block;font:700 28px/1.1 'Cabin',sans-serif;color:#1C1821}
.r2LiveStat span{display:block;margin-top:4px;font:400 14px/1.35 'Inter',sans-serif;color:#4A4650}

/* sell page: green strip first, then the cards, then a divider */
.r2LiveSell{box-sizing:border-box;font-family:'Inter',Arial,sans-serif;color:#1C1821}
.r2LiveSell>.r2Live{padding:34px 24px 36px;border-bottom:1px solid #E6E6E6}

/* strip under the cards (home) */
.r2Live>.r2LiveBar{max-width:none;margin:34px -24px 0;background:#E4F6EE;color:#1C1821;padding:20px 24px}
.r2LiveBar .r2SlimItem b{color:#0B7A55}

/* valuation bar */
.r2Slim{background:#E4F6EE;color:#1C1821;padding:20px 24px}
.r2SlimIn{display:flex;flex-wrap:wrap;justify-content:space-around;align-items:center;gap:8px 24px;max-width:1100px;margin:0 auto;text-align:center;font:400 15px/1.4 'Inter',sans-serif}
.r2SlimItem b{font:700 22px/1 'Cabin',sans-serif;color:#0B7A55}
.r2Slim .r2LiveDot{width:10px;height:10px;margin-right:9px}

/* search results side box (desktop only) */
.r2LiveSide{margin-top:20px;padding:16px 14px;background:#fff;border:1px solid #E6E6E6;border-radius:10px}
.r2LiveSide .r2LiveHead h2{font:700 16px/1.3 'Cabin',sans-serif}
.r2LiveSide .r2LiveDot{width:10px;height:10px;margin-right:8px}
.r2LiveSideNote{margin:14px 0 0;padding-top:12px;border-top:1px solid #E6E6E6;font:400 13px/1.4 'Inter',sans-serif;color:#4A4650}
.r2LiveRows{display:flex;flex-direction:column;gap:12px;margin-top:14px}
.r2LiveRow{display:flex;align-items:center;gap:10px;text-decoration:none;color:#1C1821}
a.r2LiveRow:hover .r2LivePlate{border-color:#000}
.r2LiveRow .r2LivePlate{flex:0 0 auto;min-width:84px;text-align:center;padding:3px 8px 1px;font-size:15px;border-width:2px;border-radius:5px}
.r2LiveRowTxt{display:block;min-width:0}
.r2LiveRowTxt .r2LiveWhat{font-size:13px}
.r2LiveRowTxt .r2LiveWhen{margin-top:2px;font-size:12px}

@media (max-width:1023px){
 .r2LiveSide{display:none!important}
}
@media (max-width:768px){
 .r2Live{padding:28px 16px 0}
 .r2LiveSell>.r2Live{padding:28px 16px 30px}
 .r2Live>.r2LiveBar{margin:26px -16px 0;padding:16px}
 .r2LiveHead h2{font-size:21px}
 .r2LiveCards{gap:10px}
 .r2LiveCards>.r2LiveCard{flex:0 0 calc(50% - 5px)}
 .r2LiveCards.r2LiveSwipe{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:6px;margin-right:-16px;padding-right:16px;scrollbar-width:none}
 .r2LiveCards.r2LiveSwipe::-webkit-scrollbar{display:none}
 .r2LiveCards.r2LiveSwipe>.r2LiveCard{display:flex;flex:0 0 62%;scroll-snap-align:start}
 .r2LiveCard{padding:13px 8px 12px}
 .r2LivePlate{font-size:21px;padding:4px 11px 1px}
 .r2LiveWhat{font-size:13px}
 .r2LiveStats{display:grid;grid-template-columns:1fr 1fr;gap:20px 0;margin-top:24px}
 .r2LiveStat{padding:0 8px}
 .r2LiveStat:nth-child(3):last-child{grid-column:1 / -1}
 .r2LiveStat b{font-size:26px}
 .r2Slim{padding:16px}
 .r2SlimIn{flex-direction:column;gap:6px}
}

/* No layout jump: reserve the strip's space while it loads, then fade it in */
.r2LiveSell[hidden],.r2Slim[data-live][hidden]{display:block;visibility:hidden;min-height:63px}
.r2Live[data-live="home"][hidden]{display:block;visibility:hidden;min-height:303px}
.r2LiveSell[hidden].r2LiveOff,.r2Slim[data-live][hidden].r2LiveOff,.r2Live[data-live="home"][hidden].r2LiveOff{display:none;min-height:0}
.r2LiveSell:not([hidden]),.r2Slim[data-live]:not([hidden]),.r2Live[data-live="home"]:not([hidden]){animation:r2LiveIn .35s ease}
@keyframes r2LiveIn{from{opacity:0}to{opacity:1}}
@media (max-width:800px){
 .r2LiveSell[hidden],.r2Slim[data-live][hidden]{min-height:113px}
 }
@media (max-width:900px){
 .r2Live[data-live="home"][hidden]{min-height:352px}
}
@media (max-width:768px){
 .r2Live[data-live="home"][hidden]{min-height:360px}
}
@media (prefers-reduced-motion:reduce){
 .r2LiveSell:not([hidden]),.r2Slim[data-live]:not([hidden]),.r2Live[data-live="home"]:not([hidden]){animation:none}
}

/* strips that arrive with the page (server-rendered) appear straight away, no fade */
.r2LiveSell[data-ssr],.r2Slim[data-ssr]{animation:none!important}

/* home block when only the green strip is showing (no recent activity cards) */
.r2Live.r2LiveBarOnly{padding-top:0;padding-bottom:0}
.r2Live.r2LiveBarOnly>.r2LiveBar{margin-top:0;margin-bottom:0}