/* Scoped RCKTC palette, spacing, surfaces and red highlights from the site reference. */
.rcktc-garage{--rg-bg:var(--rcktc-bg,#07111f);--rg-red:var(--rcktc-red,#ff2a2a);--rg-text:var(--rcktc-text,#e8edf5);--rg-card:var(--rcktc-card,linear-gradient(180deg,rgba(10,18,35,.82),rgba(4,9,18,.96)));color:var(--rg-text);font-family:inherit;width:100%;max-width:1220px;margin:0 auto;padding:20px 0 64px;line-height:1.6;isolation:isolate;overflow-wrap:anywhere}
.rcktc-garage *{box-sizing:border-box}
.rcktc-garage h1,.rcktc-garage h2,.rcktc-garage h3{color:#fff;line-height:1.1;max-width:none;position:static;transform:none;letter-spacing:-.025em}
.rcktc-garage h1{font-size:clamp(42px,8vw,76px);margin:8px 0 16px;font-weight:800}
.rcktc-garage h2{font-size:clamp(28px,4vw,42px);margin:32px 0 22px}
.rcktc-garage h3{font-size:clamp(25px,3vw,34px);margin:14px 0 22px}
.rcktc-garage p{color:#dbe3ee;max-width:none;line-height:1.65}
.rcktc-garage a{color:#fff;text-decoration:underline;text-underline-offset:4px}
.rcktc-garage a:hover{color:#cfe0ff}
.rcktc-garage .rg-intro{max-width:70ch;margin:0 0 20px;color:var(--rcktc-text-soft,#dbe3ee);font-size:clamp(15px,1.5vw,18px);line-height:1.65;text-wrap:pretty}
.rcktc-garage .rg-nav,.rcktc-garage .rg-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px;margin:16px 0 26px}
.rcktc-garage .rg-nav{padding:12px 0;border-block:1px solid rgba(255,255,255,.1)}
.rcktc-garage .rg-nav a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none}
.rcktc-garage .rcktc-garage-card{position:relative;background:var(--rg-card);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:24px;box-shadow:0 18px 45px rgba(0,0,0,.35);margin-bottom:24px;overflow:hidden}
.rcktc-garage .rcktc-garage-card::before{content:"";position:absolute;top:0;left:18px;right:18px;height:2px;background:linear-gradient(90deg,transparent,var(--rg-red),transparent);pointer-events:none}
.rcktc-garage .rg-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:28px 0}
.rcktc-garage .rg-garage-card{padding:0;margin:0;text-decoration:none;transition:transform .25s,border-color .25s}
.rcktc-garage .rg-garage-card:hover{transform:translateY(-4px);border-color:rgba(255,42,42,.4)}
.rcktc-garage .rg-garage-card img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.rcktc-garage .rg-garage-card h2{font-size:22px;margin:20px}
.rcktc-garage button,.rcktc-garage .rg-button{font:inherit;font-size:15px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:linear-gradient(180deg,#e10600,#b30000);color:#fff;cursor:pointer;text-decoration:none;line-height:1.3;touch-action:manipulation}
.rcktc-garage button:hover,.rcktc-garage .rg-button:hover{background:#ff1a1a;color:#fff}
.rcktc-garage button:disabled{opacity:.55;cursor:wait}
.rcktc-garage :focus-visible{outline:3px solid #cfe0ff;outline-offset:4px}
.rcktc-garage .rg-badge{font-size:12px;letter-spacing:.08em;color:#fff;background:rgba(255,42,42,.13);border:1px solid rgba(255,42,42,.4);border-radius:999px;padding:7px 12px;display:inline-block}
.rcktc-garage .rg-gallery{display:flex;flex-wrap:wrap;gap:10px}
.rcktc-garage .rg-gallery button{padding:0;background:transparent;overflow:hidden;border:0}
.rcktc-garage .rg-thumb{width:76px;height:76px;border-radius:8px}
.rcktc-garage .rg-thumb img{width:100%;height:100%;object-fit:cover}
.rcktc-garage .rg-description{white-space:normal;margin:24px 0}
.rcktc-garage .rg-previous{padding:0}
.rcktc-garage .rg-previous>summary{display:flex;align-items:center;gap:18px;padding:16px;font-size:20px;font-weight:700}
.rcktc-garage .rg-previous>summary img{width:80px;height:64px;object-fit:cover;border-radius:8px}
.rcktc-garage .rg-previous>summary span:last-child{margin-left:auto}
.rcktc-garage .rg-previous .rg-car{border:0;box-shadow:none;margin:0;background:transparent}
.rcktc-garage .rg-previous .rg-car::before{display:none}
.rcktc-garage .rg-section-title{font-size:20px;letter-spacing:.07em}
.rcktc-garage summary{cursor:pointer;min-height:44px;padding:10px 0}
.rcktc-garage .rcktc-garage-form{display:grid;gap:20px;max-width:640px;margin:24px 0}
.rcktc-garage .rg-car-form{max-width:820px}
.rcktc-garage label{display:block;font-weight:600;color:#fff}
.rcktc-garage input:not([type=radio]):not([type=checkbox]),.rcktc-garage textarea,.rcktc-garage select{display:block;width:100%;min-width:0;max-width:100%;margin-top:8px;background:#0b1728;color:#fff;border:1px solid rgba(255,255,255,.24);border-radius:6px;padding:13px;font:inherit;font-size:16px;min-height:48px}
.rcktc-garage input[type=file]{white-space:normal;padding:10px;font-size:14px}
.rcktc-garage input[type=checkbox],.rcktc-garage input[type=radio]{accent-color:var(--rg-red);width:20px;height:20px;vertical-align:middle;flex-shrink:0}
.rcktc-garage .rg-check{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.rcktc-garage fieldset{margin:0;padding:16px;min-width:0;border:1px solid rgba(255,255,255,.15);border-radius:10px}
.rcktc-garage legend{color:#fff;padding:0 8px}
.rcktc-garage .rg-edit-images,.rcktc-garage .rg-file-preview,.rcktc-garage .rg-cover-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.rcktc-garage .rg-edit-image{min-width:0;padding:10px;border:1px solid rgba(255,255,255,.16);border-radius:8px;font-size:13px}
.rcktc-garage .rg-edit-image img{width:100%;height:110px;object-fit:cover;border-radius:5px}
.rcktc-garage .rg-edit-image label{font-size:13px;padding:10px 0}
.rcktc-garage .rg-edit-image button{font-size:12px;background:transparent;padding:8px}
.rcktc-garage .rg-cover-grid label{position:relative}
.rcktc-garage .rg-cover-grid img{width:100%;height:140px;object-fit:cover;border-radius:8px;border:3px solid transparent}
.rcktc-garage .rg-cover-grid input:checked+img{border-color:var(--rg-red)}
.rcktc-garage .rg-cover-grid input{position:absolute;top:8px;left:8px}
.rcktc-garage .rg-rating{margin-top:24px;padding-top:18px;border-top:1px solid rgba(255,255,255,.12)}
.rcktc-garage .rg-rating-summary>span,.rcktc-garage .rg-raters span{color:#ffcc66}
.rcktc-garage .rg-rating-form{gap:12px}
.rcktc-garage .rg-stars{display:flex;flex-wrap:wrap;gap:8px}
.rcktc-garage .rg-stars label{display:flex;align-items:center;gap:6px;min-height:48px;padding:4px}
.rcktc-garage .rg-raters p{display:flex;justify-content:space-between;gap:12px;max-width:460px}
.rcktc-garage .rg-danger-zone{margin-top:30px;padding:16px;border:1px solid rgba(255,60,60,.4);border-radius:10px;max-width:640px}
.rcktc-garage .rg-danger-zone summary{color:#ffb1b1;font-weight:700}
.rcktc-garage .rg-account{display:grid;grid-template-columns:auto 1fr;gap:10px 24px}
.rcktc-garage .rg-account dd{margin:0;min-width:0}
.rcktc-garage .rg-feedback:not(:empty){margin:16px 0;padding:16px;border:1px solid #566c85;background:#0b1728;border-radius:8px}
.rcktc-garage .rg-feedback.rg-error{border-color:var(--rg-red);color:#ffd1d1}
.rcktc-garage .rg-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.rcktc-garage .rg-dialog{background:#07111f;color:#fff;border:1px solid rgba(255,255,255,.25);border-radius:16px;padding:28px;max-width:min(560px,calc(100vw - 24px));max-height:90dvh;overflow:auto;box-shadow:0 24px 60px #0008}
.rcktc-garage .rg-dialog::backdrop{background:rgba(0,0,0,.85)}
.rcktc-garage .rg-dialog h2{margin-top:0}
.rcktc-garage .rg-lightbox{width:calc(100vw - 24px);max-width:1200px;padding:12px}
.rcktc-garage .rg-lightbox img{display:block;width:100%;height:calc(85dvh - 130px);object-fit:contain;touch-action:pan-y}
.rcktc-garage .rg-lightbox-bar{display:flex;align-items:center;gap:8px}
.rcktc-garage .rg-lightbox-bar [data-close]{margin-left:auto}
.rcktc-garage .rg-caption{text-align:center;margin:8px 0}
@media(max-width:900px){.rcktc-garage .rg-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.rcktc-garage{padding:10px 0 48px}.rcktc-garage .rg-grid{grid-template-columns:1fr;gap:18px}.rcktc-garage .rcktc-garage-card{padding:16px;border-radius:14px}.rcktc-garage .rg-garage-card{padding:0}.rcktc-garage .rg-previous{padding:0}.rcktc-garage .rg-edit-images,.rcktc-garage .rg-file-preview,.rcktc-garage .rg-cover-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rcktc-garage .rg-dialog{padding:18px}.rcktc-garage .rg-lightbox{padding:8px}.rcktc-garage .rg-lightbox-bar button{padding:10px}.rcktc-garage .rg-account{grid-template-columns:1fr;gap:2px}.rcktc-garage .rg-account dd{margin-bottom:14px}.rcktc-garage .rg-nav{gap:8px 18px}.rcktc-garage fieldset{padding:10px}}
@media(prefers-reduced-motion:reduce){.rcktc-garage *{transition:none!important;scroll-behavior:auto!important}}

/* User garage only. Keep the overview, account, forms and lightbox untouched. */
.rcktc-garage .rg-showroom {
  --rg-showroom-border: var(--rcktc-border, rgba(255,255,255,.06));
  --rg-showroom-deep: var(--rcktc-bg-deep, #050a14);
  --rg-showroom-soft: var(--rcktc-text-soft, #dbe3ee);
}
.rcktc-garage .rg-showroom-heading { margin: 30px 0 24px; }
.rcktc-garage .rg-showroom-heading h2 { margin: 0 0 18px; font-size: clamp(27px,3.2vw,40px); }
.rcktc-garage .rg-showroom .rg-garage-tools { gap: 10px 18px; margin: 0; font-size: 13px; }
.rcktc-garage .rg-showroom .rg-garage-tools .rg-button { min-height: 44px; padding: 11px 16px; font-size: 13px; }
.rcktc-garage .rg-showroom .rg-car-count { margin-left: auto; color: #9aaabd; font-size: 12px; white-space: nowrap; }
/* The site reference resets article surfaces with !important; restore only showroom cards. */
.rcktc-garage .rg-showroom .rg-car {
  display: grid;
  grid-template-areas: "heading" "media" "info";
  grid-template-columns: minmax(0,1fr);
  gap: 0;
  padding: 0;
  margin: 0 0 32px;
  border-radius: var(--rcktc-radius,18px);
  background: var(--rg-card) !important;
  border: 1px solid rgba(255,255,255,.1) !important;
  box-shadow: var(--rcktc-shadow,0 18px 45px rgba(0,0,0,.35)) !important;
}
.rcktc-garage .rg-showroom .rg-car::before { left: 24px; right: 24px; height: 1px; opacity: .85; }
.rcktc-garage .rg-showroom .rg-car-heading { grid-area: heading; min-width: 0; padding: 24px 20px 18px; }
.rcktc-garage .rg-showroom .rg-badge { padding: 6px 10px; font-size: 10px; letter-spacing: .12em; background: rgba(255,42,42,.08); }
.rcktc-garage .rg-showroom .rg-car-heading h3 { margin: 14px 0 0; font-size: clamp(27px,3vw,38px); line-height: 1.12; }
.rcktc-garage .rg-showroom .rg-gallery {
  grid-area: media;
  align-self: start;
  align-content: start;
  min-width: 0;
  gap: 9px;
  padding: 0 12px 16px;
}
.rcktc-garage .rg-showroom .rg-gallery button {
  flex-shrink: 0;
  border: 1px solid rgba(255,255,255,.09);
  background: var(--rg-showroom-deep);
  box-shadow: none;
  transition: border-color .2s ease, background .2s ease;
}
.rcktc-garage .rg-showroom .rg-gallery button:hover { border-color: rgba(255,42,42,.5); background: #0c1624; }
.rcktc-garage .rg-showroom .rg-gallery > button.rg-main-image {
  display: grid;
  place-items: center;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  min-height: 0;
  padding: 0;
  margin-bottom: 0;
  border-radius: 16px;
  position: relative;
  isolation: isolate;
  cursor: zoom-in;
  background: var(--rg-showroom-deep);
}
/* Style the actual direct-child image, independent of its WordPress width/height attributes. */
.rcktc-garage .rg-showroom .rg-gallery > button.rg-main-image > img.rg-hero-image {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  min-height: 0;
  margin: 0;
  aspect-ratio: auto;
  object-fit: cover;
  object-position: center;
  background: transparent;
  border-radius: 0;
}
.rcktc-garage .rg-showroom .rg-gallery .rg-thumb { width: 62px; height: 54px; min-height: 0; padding: 4px; border-radius: 8px; }
.rcktc-garage .rg-showroom .rg-thumb img { width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 4px; }
.rcktc-garage .rg-showroom .rg-main-image::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  background: linear-gradient(180deg,transparent 65%,rgba(5,10,20,.08) 82%,rgba(5,10,20,.3) 100%);
  pointer-events: none;
}
.rcktc-garage .rg-showroom .rg-car-info { grid-area: info; min-width: 0; padding: 4px 20px 20px; }
.rcktc-garage .rg-showroom .rg-description { margin: 0 0 22px; color: var(--rg-showroom-soft); font-size: 15px; line-height: 1.8; }
.rcktc-garage .rg-showroom .rg-rating { margin: 0; padding: 18px 0 0; border-top-color: rgba(255,255,255,.08); }
.rcktc-garage .rg-showroom .rg-rating-summary { margin: 0 0 8px; font-size: 15px; font-weight: 600; }
.rcktc-garage .rg-showroom .rg-rating-summary>span { margin-right: 6px; }
.rcktc-garage .rg-showroom .rg-rating>details>summary { color: #a9b7c9; font-size: 13px; }
.rcktc-garage .rg-showroom .rg-rating>a { display: inline-flex; align-items: center; min-height: 44px; font-size: 13px; }
.rcktc-garage .rg-showroom .rg-rating-form { gap: 12px; margin: 18px 0 12px; }
.rcktc-garage .rg-showroom .rg-rating-form fieldset { padding: 0; border: 0; }
.rcktc-garage .rg-showroom .rg-rating-form legend { padding: 0; color: #a9b7c9; font-size: 12px; }
.rcktc-garage .rg-showroom .rg-stars { gap: 4px; }
.rcktc-garage .rg-showroom .rg-stars label { gap: 4px; padding: 4px 2px; font-size: 13px; }
.rcktc-garage .rg-showroom .rg-rating-form button { justify-self: start; padding: 10px 16px; min-height: 44px; font-size: 13px; }
.rcktc-garage .rg-showroom .rg-car-tools { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0 20px; margin-top: 20px; padding-top: 10px; border-top: 1px solid var(--rg-showroom-border); }
.rcktc-garage .rg-showroom .rg-car-tools .rg-actions { margin: 0; }
.rcktc-garage .rg-showroom .rg-car-tools .rg-actions a { display: inline-flex; align-items: center; min-height: 44px; color: #a9b7c9; font-size: 12px; text-decoration-color: rgba(169,183,201,.3); }
.rcktc-garage .rg-showroom .rg-car-tools .rg-danger-zone { margin: 0; padding: 0; max-width: 100%; border: 0; border-radius: 0; }
.rcktc-garage .rg-showroom .rg-car-tools .rg-danger-zone summary { color: #a9b7c9; font-size: 12px; font-weight: 400; }
.rcktc-garage .rg-showroom .rg-car-tools .rg-danger-zone[open] { flex-basis: 100%; padding: 12px; border: 1px solid rgba(255,60,60,.25); border-radius: 8px; }
.rcktc-garage .rg-showroom .rg-car-tools .rg-danger-zone[open] summary { color: #ffb1b1; }
.rcktc-garage .rg-showroom .rg-section-title { margin: 40px 0 16px; font-size: 12px; font-weight: 600; letter-spacing: .15em; color: #a9b7c9; }
.rcktc-garage .rg-showroom .rg-previous { margin: 0 0 12px; padding: 0; border-radius: 12px; border-color: rgba(255,255,255,.08); box-shadow: 0 8px 24px rgba(0,0,0,.16); }
.rcktc-garage .rg-showroom .rg-previous::before { display: none; }
.rcktc-garage .rg-showroom .rg-previous>summary { list-style: none; gap: 14px; padding: 12px; font-size: 16px; font-weight: 600; }
.rcktc-garage .rg-showroom .rg-previous>summary::-webkit-details-marker { display: none; }
.rcktc-garage .rg-showroom .rg-previous>summary::marker { content: ""; }
.rcktc-garage .rg-showroom .rg-previous>summary img { flex-shrink: 0; width: 72px; height: 58px; padding: 4px; object-fit: contain; border: 1px solid var(--rg-showroom-border); border-radius: 7px; background: var(--rg-showroom-deep); }
.rcktc-garage .rg-showroom .rg-expand { display: grid; place-items: center; flex-shrink: 0; width: 32px; height: 32px; margin-left: auto; border: 1px solid rgba(255,255,255,.1); border-radius: 50%; background: rgba(255,255,255,.025); }
.rcktc-garage .rg-showroom .rg-expand::after { content: ""; width: 7px; height: 7px; border-right: 1px solid #a9b7c9; border-bottom: 1px solid #a9b7c9; transform: translateY(-2px) rotate(45deg); transition: transform .2s ease; }
.rcktc-garage .rg-showroom .rg-previous[open] .rg-expand::after { transform: translateY(2px) rotate(225deg); }
.rcktc-garage .rg-showroom .rg-previous[open]>summary { border-bottom: 1px solid var(--rg-showroom-border); }
.rcktc-garage .rg-showroom .rg-previous .rg-car {
  grid-template-areas: "media" "info";
  margin: 0;
  padding-top: 14px;
  border: 0 !important;
  border-radius: 0;
  background: transparent !important;
  box-shadow: none !important;
}
.rcktc-garage .rg-showroom .rg-previous .rg-car-heading { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
@media (min-width: 820px) {
  .rcktc-garage .rg-showroom .rg-car { grid-template-columns: minmax(0,1.45fr) minmax(0,1fr); grid-template-rows: auto 1fr; grid-template-areas: "media heading" "media info"; }
  .rcktc-garage .rg-showroom .rg-car-heading { padding: 30px 26px 20px 0; }
  .rcktc-garage .rg-showroom .rg-car-info { padding: 0 26px 24px 0; }
  .rcktc-garage .rg-showroom .rg-gallery { padding: 22px; }
  .rcktc-garage .rg-showroom .rg-gallery > button.rg-main-image { aspect-ratio: 2.4 / 1; }
  .rcktc-garage .rg-showroom .rg-previous .rg-car { grid-template-rows: auto; grid-template-areas: "media info"; padding-top: 0; }
  .rcktc-garage .rg-showroom .rg-previous .rg-car-info { padding-top: 22px; }
}