/* 1.2.1: Compact cards, larger thumbnails and a full-width four-column catalogue. */
body.raad-page.rjd-cream .rj-grid,
body.raad-page.rjd-cream #rj-catalog .rj-grid,
body.raad-page.rjd-cream .rjv-directory .rjv-model-grid,
body.raad-page.rjd-cream .rjv-directory .rjv-brand-grid{
 display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:stretch;
}
/* The compact homepage brand strip keeps its horizontal browsing behavior. */
body.raad-page.rjd-cream .rj-card,
body.raad-page.rjd-cream .rjv-directory .rjv-model-card,
body.raad-page.rjd-cream .rjv-directory .rjv-brand-card{
 min-width:0;height:100%;border:1px solid #e5dbcb;border-radius:14px;background:#fffefa;
 box-shadow:0 3px 12px #46351b05;overflow:hidden;display:flex;flex-direction:column;
 transition:border-color .18s ease,box-shadow .18s ease;
}
body.raad-page.rjd-cream .rj-card:hover,
body.raad-page.rjd-cream .rjv-directory .rjv-model-card:hover,
body.raad-page.rjd-cream .rjv-directory .rjv-brand-card:hover{
 border-color:#b79b69;box-shadow:0 8px 22px #634d2510;transform:none;
}
body.raad-page.rjd-cream .rj-card:focus-within,
body.raad-page.rjd-cream .rjv-directory .rjv-model-card:focus-visible,
body.raad-page.rjd-cream .rjv-directory .rjv-brand-card:focus-visible{border-color:#94703c;box-shadow:0 0 0 2px #d6bd934d}
body.raad-page.rjd-cream .rj-card .rj-image{
 display:flex;align-items:center;justify-content:center;aspect-ratio:4/3;padding:0;margin:0;
 background:#fff;border-bottom:1px solid #eee7db;flex:none;overflow:hidden;
}
body.raad-page.rjd-cream .rj-card .rj-image img{display:block;object-fit:cover;object-position:center;width:100%;height:100%;max-height:none;transform:none}
body.raad-page.rjd-cream .rj-card-body{padding:11px 12px;display:flex;flex-direction:column;align-items:stretch;flex:1;min-width:0;gap:0}
body.raad-page.rjd-cream .rj-card .rj-badges{gap:5px;align-items:flex-start;align-content:flex-start;min-height:0}
body.raad-page.rjd-cream .rj-card .rj-badge,
body.raad-page.rjd-cream .rj-card .rj-condition{font-size:10px;line-height:1.6;padding:2px 6px;border-radius:6px;max-width:100%;overflow-wrap:anywhere}
body.raad-page.rjd-cream .rj-card h3{font-size:15px;font-weight:700;line-height:1.55;min-height:0;margin:7px 0 4px;color:#302f2a;overflow-wrap:anywhere}
body.raad-page.rjd-cream .rj-card h3 a{color:inherit;text-decoration:none}
body.raad-page.rjd-cream .rj-card .rj-fitment,
body.raad-page.rjd-cream .rj-card .rj-sku{font-size:11px;line-height:1.65;margin:1px 0;color:#706655;overflow-wrap:anywhere}
body.raad-page.rjd-cream .rj-card .rj-sku bdi{font-family:Arial,sans-serif;letter-spacing:.15px}
body.raad-page.rjd-cream .rj-card-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);margin-top:auto;padding-top:9px;gap:7px;align-items:stretch}
body.raad-page.rjd-cream .rj-card-actions>a:first-child{display:flex;justify-content:center;align-items:center;min-height:42px;line-height:1.5;font-size:11px;color:#76572c;border:1px solid #e7dcc9;border-radius:7px;padding:6px 3px;text-decoration:none;background:#fbf7ef}
body.raad-page.rjd-cream .rj-card-actions>.rj-button{width:100%;min-height:42px;display:flex;align-items:center;justify-content:center;font-size:12px;line-height:1.65;font-weight:700;padding:7px 5px;border-radius:7px;background:linear-gradient(115deg,#e5cea1,#c29c5f);border:1px solid #c2a06a;color:#342b1e!important}
body.raad-page.rjd-cream .rj-card .rj-placeholder{font-size:15px;text-align:center;line-height:1.8;color:#887657}
body.raad-page.rjd-cream .rj-card .rj-placeholder small{font-size:11px}
/* Smaller text panels leave more space for the car and make images. */
body.raad-page.rjd-cream .rjv-directory .rjv-model-card{padding:0}
body.raad-page.rjd-cream .rjv-directory .rjv-model-image-stage{aspect-ratio:16/10;background:#fff;border-bottom:1px solid #eee7db;flex:none}
body.raad-page.rjd-cream .rjv-directory .rjv-model-image-stage .rjv-model-photo{object-fit:contain;object-position:center;background:#fff;padding:0;transform:none}
body.raad-page.rjd-cream .rjv-directory .rjv-model-logo-badge{inset-block-start:9px;inset-inline-start:9px;width:50px;height:34px;border:1px solid #e8decb;border-radius:8px;background:#fffefaf2;box-shadow:0 2px 5px #46351b06}
body.raad-page.rjd-cream .rjv-directory .rjv-model-logo-badge .rjv-logo{width:36px;height:23px}
body.raad-page.rjd-cream .rjv-directory .rjv-model-card-body{display:flex;flex-direction:column;flex:1;min-width:0;padding:10px 12px}
body.raad-page.rjd-cream .rjv-directory .rjv-model-card-body .rjv-model-en{font-size:11px;line-height:1.6;letter-spacing:.2px;color:#847054;overflow-wrap:anywhere;margin:0 0 3px;min-height:0}
body.raad-page.rjd-cream .rjv-directory .rjv-model-card-body .rjv-card-line{align-items:flex-start;gap:7px;margin:0 0 7px}
body.raad-page.rjd-cream .rjv-directory .rjv-model-card-body h3{font-size:17px;line-height:1.5;font-weight:700;margin:0;min-height:0;overflow-wrap:anywhere;color:#34312b}
body.raad-page.rjd-cream .rjv-directory .rjv-model-card-body .rjv-card-meta{margin-top:auto;padding-top:6px;border-top:1px solid #eee7db;font-size:11px;line-height:1.8;color:#78684f}
body.raad-page.rjd-cream .rjv-directory .rjv-round-arrow{width:30px;height:30px;flex:none;border-radius:50%;font-size:17px;background:#f3ecdf;color:#8a6936;transform:none}
body.raad-page.rjd-cream .rjv-directory .rjv-brand-card{padding:12px 14px 10px;min-height:0}
body.raad-page.rjd-cream .rjv-directory .rjv-brand-card .rjv-logo-stage{height:78px;margin-bottom:7px}
body.raad-page.rjd-cream .rjv-directory .rjv-brand-card .rjv-logo{width:155px;height:74px;transform:none}
body.raad-page.rjd-cream .rjv-directory .rjv-brand-card .rjv-card-line strong{font-size:17px;line-height:1.65;overflow-wrap:anywhere}
body.raad-page.rjd-cream .rjv-directory .rjv-brand-caption{font-size:10px;line-height:1.6;letter-spacing:.7px;color:#82745d;margin:2px 0 7px;overflow-wrap:anywhere}
body.raad-page.rjd-cream .rjv-directory .rjv-brand-card .rjv-card-bottom{margin-top:auto;padding-top:7px;border-color:#eee7db;gap:8px}
body.raad-page.rjd-cream .rjv-directory .rjv-card-bottom .rjv-card-meta{font-size:11px;color:#78684f}
/* Move the filters above the results so desktop cards can use the full width. */
@media(min-width:901px){
 body.raad-page.rjd-cream #rj-catalog.rjd-catalog-ready>.rj-container{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
 body.raad-page.rjd-cream #rj-catalog.rjd-catalog-ready>.rj-container>*{grid-column:1}
 body.raad-page.rjd-cream #rj-catalog.rjd-catalog-ready .rj-filters{grid-column:1;grid-row:auto;display:grid;grid-template-columns:minmax(155px,1.5fr) repeat(4,minmax(105px,1fr)) 75px 64px;gap:12px;align-items:end;padding:13px;margin:0}
 body.raad-page.rjd-cream #rj-catalog .rjd-filter-title{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
 body.raad-page.rjd-cream #rj-catalog .rj-filters>.rj-button{grid-column:auto}
 body.raad-page.rjd-cream #rj-catalog .rjd-reset{display:flex;align-items:center;justify-content:center;min-height:43px}
}
@media(min-width:901px) and (max-width:1023px){
 body.raad-page.rjd-cream #rj-catalog.rjd-catalog-ready .rj-filters{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:1023px){
 body.raad-page.rjd-cream .rj-grid,
 body.raad-page.rjd-cream #rj-catalog .rj-grid,
 body.raad-page.rjd-cream .rjv-directory .rjv-model-grid,
 body.raad-page.rjd-cream .rjv-directory .rjv-brand-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
}
@media(max-width:700px){
 body.raad-page.rjd-cream .rj-grid,
 body.raad-page.rjd-cream #rj-catalog .rj-grid,
 body.raad-page.rjd-cream .rjv-directory .rjv-model-grid,
 body.raad-page.rjd-cream .rjv-directory .rjv-brand-grid{gap:11px}
 body.raad-page.rjd-cream .rj-card,
 body.raad-page.rjd-cream .rjv-directory .rjv-model-card,
 body.raad-page.rjd-cream .rjv-directory .rjv-brand-card{border-radius:11px}
 body.raad-page.rjd-cream .rj-card .rj-image{padding:0;aspect-ratio:1.12}
 body.raad-page.rjd-cream .rj-card-body{padding:9px}
 body.raad-page.rjd-cream .rj-card h3{font-size:13px;line-height:1.55;min-height:0;margin-top:6px}
 body.raad-page.rjd-cream .rj-card .rj-badge,
 body.raad-page.rjd-cream .rj-card .rj-condition{font-size:9px;padding:2px 4px}
 body.raad-page.rjd-cream .rj-card-actions{padding-top:8px;gap:5px}
 body.raad-page.rjd-cream .rj-card-actions>a:first-child{font-size:10px}
 body.raad-page.rjd-cream .rj-card-actions>.rj-button{font-size:10px;padding-inline:3px}
 body.raad-page.rjd-cream .rjv-directory .rjv-model-card-body{padding:9px}
 body.raad-page.rjd-cream .rjv-directory .rjv-model-card-body h3{font-size:15px}
 body.raad-page.rjd-cream .rjv-directory .rjv-model-card-body .rjv-card-line{gap:6px}
 body.raad-page.rjd-cream .rjv-directory .rjv-model-card-body .rjv-model-en{font-size:10px}
 body.raad-page.rjd-cream .rjv-directory .rjv-model-card-body .rjv-round-arrow{width:25px;height:25px;font-size:15px}
 body.raad-page.rjd-cream .rjv-directory .rjv-model-image-stage .rjv-model-photo{padding:0}
 body.raad-page.rjd-cream .rjv-directory .rjv-model-logo-badge{width:40px;height:28px;inset-block-start:6px;inset-inline-start:6px}
 body.raad-page.rjd-cream .rjv-directory .rjv-model-logo-badge .rjv-logo{width:29px;height:19px}
 body.raad-page.rjd-cream .rjv-directory .rjv-brand-card{padding:10px;min-height:0}
 body.raad-page.rjd-cream .rjv-directory .rjv-brand-card .rjv-logo-stage{height:70px;margin-bottom:6px}
 body.raad-page.rjd-cream .rjv-directory .rjv-brand-card .rjv-logo{width:125px;height:68px}
 body.raad-page.rjd-cream .rjv-directory .rjv-brand-card .rjv-card-line strong{font-size:16px}
}
@media(max-width:360px){
 body.raad-page.rjd-cream .rj-grid,
 body.raad-page.rjd-cream #rj-catalog .rj-grid,
 body.raad-page.rjd-cream .rjv-directory .rjv-model-grid{grid-template-columns:minmax(0,1fr)}
 body.raad-page.rjd-cream .rj-card h3{font-size:15px;min-height:0}
 body.raad-page.rjd-cream .rj-card .rj-badges{min-height:0}
 body.raad-page.rjd-cream .rj-card .rj-image{aspect-ratio:4/3}
 body.raad-page.rjd-cream .rj-card-body{padding:11px}
 body.raad-page.rjd-cream .rjv-directory .rjv-model-card-body h3{min-height:0}
}
@media(prefers-reduced-motion:reduce){
 body.raad-page.rjd-cream .rj-card,
 body.raad-page.rjd-cream .rjv-directory .rjv-model-card,
 body.raad-page.rjd-cream .rjv-directory .rjv-brand-card{transition:none}
}