/* TIMOS MOTOR POWER CLUB — LAYOUT SPEC v4.3.97
   One source of truth. Fixed desktop geometry, explicit tablet/mobile geometry.
   Badge adapts to banner; banner never derives its height from badge content. */

:root{
  --tmpc-banner-home-h:320px;
  --tmpc-banner-section-h:280px;
  --tmpc-banner-pad-x:32px;
  --tmpc-banner-pad-y:28px;
  --tmpc-id-col:280px;
  --tmpc-home-badge-w:210px;
  --tmpc-section-badge-w:190px;
  --tmpc-red:#e21b23;
}

/* ---------- shared identity geometry ---------- */
.tmpc-member-badge-plate{
  position:relative!important;
  aspect-ratio:1122/1402!important;
  margin:0!important;
  background:transparent!important;
  box-shadow:none!important;
  filter:drop-shadow(0 14px 20px rgba(0,0,0,.30))!important;
  isolation:isolate!important;
  overflow:visible!important;
}
.tmpc-member-badge-plate:before,.tmpc-member-badge-plate:after{content:none!important;display:none!important}
.tmpc-badge-master{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:contain!important;background:transparent!important;display:block!important}
.tmpc-badge-digits{
  position:absolute!important;z-index:2!important;
  left:34.05%!important;top:39.15%!important;width:50%!important;height:16.5%!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  color:#fff!important;
  font-family:'TMPC Microgramma','Microgramma D Extended','Microgramma','Eurostile Extended','Arial Black',sans-serif!important;
  font-weight:700!important;font-style:normal!important;line-height:1!important;letter-spacing:.015em!important;
  white-space:nowrap!important;text-align:center!important;
  transform:skewX(-10deg)!important;transform-origin:50% 50%!important;
}
.tmpc-badge-nickname{
  position:absolute!important;z-index:2!important;
  left:14%!important;top:59.6%!important;width:72%!important;height:9.5%!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  overflow:hidden!important;padding:0 1%!important;
  color:#fff!important;
  font-family:'TMPC Microgramma','Microgramma D Extended','Microgramma','Eurostile Extended','Arial Black',sans-serif!important;
  font-weight:700!important;font-style:normal!important;line-height:1!important;letter-spacing:.01em!important;
  text-transform:uppercase!important;white-space:nowrap!important;text-overflow:ellipsis!important;
  transform:skewX(-10deg)!important;transform-origin:50% 50%!important;
}
.tmpc-badge-preview{display:none!important}

/* ---------- race lights ---------- */
.tmpc-race-lights{position:absolute!important;z-index:4!important;display:flex!important;gap:6px!important;align-items:center!important}
.tmpc-race-lights i{display:block!important;width:8px!important;height:8px!important;border-radius:1px!important;background:#303338;box-shadow:0 0 0 1px rgba(255,255,255,.08);animation:tmpc-race-light 2.4s ease-in-out infinite}
.tmpc-race-lights i:nth-child(1){--lamp:#36d65a;animation-delay:0s}
.tmpc-race-lights i:nth-child(2){--lamp:#ffd43b;animation-delay:.8s}
.tmpc-race-lights i:nth-child(3){--lamp:#ff3434;animation-delay:1.6s}
@keyframes tmpc-race-light{0%,24%,100%{background:#303338;opacity:.55;box-shadow:0 0 0 1px rgba(255,255,255,.08)}8%,16%{background:var(--lamp);opacity:1;box-shadow:0 0 9px var(--lamp)}}

/* ---------- HOME: fixed 320px desktop ---------- */
.tmpc-dashboard-hero{
  height:var(--tmpc-banner-home-h)!important;
  min-height:var(--tmpc-banner-home-h)!important;
  max-height:var(--tmpc-banner-home-h)!important;
  padding:var(--tmpc-banner-pad-y) var(--tmpc-banner-pad-x)!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) var(--tmpc-id-col)!important;
  align-items:center!important;gap:28px!important;
  border-radius:20px!important;overflow:hidden!important;
}
.tmpc-dashboard-hero .tmpc-hero-copy{align-self:center!important}
.tmpc-dashboard-hero h1{font-size:clamp(50px,5.4vw,72px)!important;line-height:.86!important;margin:10px 0 16px!important}
.tmpc-dashboard-hero p{font-size:14px!important;line-height:1.55!important;margin:0!important;max-width:650px!important}
.tmpc-member-identity{
  position:relative!important;
  width:var(--tmpc-id-col)!important;height:calc(var(--tmpc-banner-home-h) - (2 * var(--tmpc-banner-pad-y)))!important;
  justify-self:end!important;align-self:center!important;
  display:flex!important;align-items:flex-end!important;justify-content:center!important;
  padding:0!important;margin:0!important;
  background:transparent!important;border:0!important;box-shadow:none!important;
}
.tmpc-member-identity .tmpc-member-badge-plate{width:var(--tmpc-home-badge-w)!important;max-width:var(--tmpc-home-badge-w)!important}
.tmpc-member-identity .tmpc-badge-digits{font-size:66px!important}
.tmpc-member-identity .tmpc-badge-nickname{font-size:20px!important}
.tmpc-member-identity>.tmpc-race-lights{top:0!important;right:0!important}

/* ---------- section banners: fixed 280px desktop ---------- */
.tmpc-pagehead.tmpc-section-head{
  position:relative!important;
  height:var(--tmpc-banner-section-h)!important;
  min-height:var(--tmpc-banner-section-h)!important;
  max-height:var(--tmpc-banner-section-h)!important;
  padding:var(--tmpc-banner-pad-y) var(--tmpc-banner-pad-x)!important;
  margin-bottom:14px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) var(--tmpc-id-col)!important;
  grid-template-rows:1fr!important;
  align-items:center!important;gap:28px!important;
  overflow:hidden!important;border-radius:18px!important;
}
.tmpc-section-head-copy{grid-column:1!important;align-self:center!important;min-width:0!important}
.tmpc-section-head-copy small{display:block!important;margin:0 0 14px!important}
.tmpc-section-head-copy h1{font-size:clamp(52px,5.8vw,76px)!important;line-height:.92!important;margin:0 0 16px!important}
.tmpc-section-head-copy p{font-size:15px!important;line-height:1.5!important;margin:0!important;max-width:720px!important}
.tmpc-section-identity{
  position:relative!important;
  grid-column:2!important;grid-row:1!important;
  width:var(--tmpc-id-col)!important;height:calc(var(--tmpc-banner-section-h) - (2 * var(--tmpc-banner-pad-y)))!important;
  justify-self:end!important;align-self:center!important;
  display:flex!important;align-items:flex-end!important;justify-content:center!important;
  padding:0!important;margin:0!important;background:transparent!important;border:0!important;box-shadow:none!important;
}
.tmpc-section-identity .tmpc-member-badge-plate{width:var(--tmpc-section-badge-w)!important;max-width:var(--tmpc-section-badge-w)!important}
.tmpc-section-identity .tmpc-badge-digits{font-size:60px!important}
.tmpc-section-identity .tmpc-badge-nickname{font-size:18px!important}
.tmpc-section-identity .tmpc-race-lights{top:0!important;right:0!important}

/* ---------- metrics: original piston gets its own fixed cell ---------- */
.tmpc-metrics.tmpc-club-metrics{
  display:grid!important;grid-template-columns:1fr 1.45fr 1fr!important;gap:12px!important;margin:14px 0!important;align-items:stretch!important;
}
.tmpc-club-metrics>div{min-height:108px!important;padding:20px!important}
.tmpc-metric-likes{display:grid!important;grid-template-columns:minmax(90px,1fr) 190px!important;grid-template-rows:auto 1fr!important;column-gap:18px!important;align-items:center!important}
.tmpc-metric-likes>small,.tmpc-metric-likes>strong{grid-column:1!important}
.tmpc-metric-piston{grid-column:2!important;grid-row:1/3!important;display:flex!important;align-items:center!important;justify-content:flex-end!important}
.tmpc-metric-piston .tm-trim-button{margin:0!important;width:178px!important;height:58px!important;padding:0 18px 0 7px!important;gap:12px!important;transform:none!important}

.tmpc-garage-toolbar{
  min-height:116px!important;padding:16px 20px!important;margin-bottom:14px!important;
  display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:20px!important;
}
.tmpc-garage-metrics{display:grid!important;grid-template-columns:120px 120px 190px 120px!important;align-items:center!important;gap:12px!important}
.tmpc-garage-metric{min-height:72px!important;display:flex!important;flex-direction:column!important;justify-content:center!important}
.tmpc-garage-metric small{font-size:9px!important;letter-spacing:.14em!important;color:#777!important;margin-bottom:5px!important}
.tmpc-garage-metric strong{font-size:28px!important;line-height:1!important;color:#111!important}
.tmpc-garage-piston{display:flex!important;align-items:center!important;justify-content:center!important;min-width:190px!important}
.tmpc-garage-piston .tm-trim-button{margin:0!important;width:178px!important;height:58px!important;padding:0 18px 0 7px!important;gap:12px!important;transform:none!important}
.tmpc-garage-piston .tm-piston,.tmpc-metric-piston .tm-piston{width:43px!important;height:43px!important}
.tmpc-garage-piston .tm-trim-button>strong,.tmpc-metric-piston .tm-trim-button>strong{font-size:11px!important;letter-spacing:.08em!important}
.tmpc-garage-piston .tm-trim-button>b,.tmpc-metric-piston .tm-trim-button>b{min-width:28px!important;height:28px!important;font-size:11px!important}

/* ---------- tablet ---------- */
@media(max-width:900px){
 :root{--tmpc-banner-home-h:300px;--tmpc-banner-section-h:250px;--tmpc-banner-pad-x:24px;--tmpc-banner-pad-y:22px;--tmpc-id-col:220px;--tmpc-home-badge-w:180px;--tmpc-section-badge-w:165px}
 .tmpc-dashboard-hero,.tmpc-pagehead.tmpc-section-head{grid-template-columns:minmax(0,1fr) var(--tmpc-id-col)!important;gap:18px!important}
 .tmpc-member-identity .tmpc-badge-digits{font-size:56px!important}.tmpc-member-identity .tmpc-badge-nickname{font-size:17px!important}
 .tmpc-section-identity .tmpc-badge-digits{font-size:52px!important}.tmpc-section-identity .tmpc-badge-nickname{font-size:15px!important}
 .tmpc-section-head-copy h1{font-size:54px!important}.tmpc-dashboard-hero h1{font-size:54px!important}
 .tmpc-garage-toolbar{grid-template-columns:1fr!important}.tmpc-garage-metrics{grid-template-columns:repeat(4,minmax(0,1fr))!important}.tmpc-garage-toolbar .tmpc-primary{justify-self:start!important}
}

/* ---------- mobile ---------- */
@media(max-width:620px){
 :root{--tmpc-banner-home-h:430px;--tmpc-banner-section-h:360px;--tmpc-banner-pad-x:18px;--tmpc-banner-pad-y:18px;--tmpc-home-badge-w:165px;--tmpc-section-badge-w:150px}
 .tmpc-dashboard-hero,.tmpc-pagehead.tmpc-section-head{height:auto!important;min-height:var(--tmpc-banner-home-h)!important;max-height:none!important;grid-template-columns:1fr!important;grid-template-rows:auto 190px!important;gap:14px!important}
 .tmpc-pagehead.tmpc-section-head{min-height:var(--tmpc-banner-section-h)!important;grid-template-rows:auto 170px!important}
 .tmpc-member-identity,.tmpc-section-identity{grid-column:1!important;width:100%!important;height:100%!important;justify-self:stretch!important;align-items:flex-end!important;justify-content:center!important}
 .tmpc-member-identity .tmpc-badge-digits{font-size:52px!important}.tmpc-member-identity .tmpc-badge-nickname{font-size:16px!important}
 .tmpc-section-identity .tmpc-badge-digits{font-size:47px!important}.tmpc-section-identity .tmpc-badge-nickname{font-size:14px!important}
 .tmpc-section-head-copy h1{font-size:44px!important}.tmpc-dashboard-hero h1{font-size:46px!important}
 .tmpc-metrics.tmpc-club-metrics{grid-template-columns:1fr!important}.tmpc-metric-likes{grid-template-columns:1fr 178px!important}
 .tmpc-garage-metrics{grid-template-columns:1fr 1fr!important}.tmpc-garage-piston{justify-content:flex-start!important}.tmpc-garage-toolbar{padding:14px!important}
}

@media(prefers-reduced-motion:reduce){.tmpc-race-lights i{animation:none!important}.tmpc-race-lights i:nth-child(1){background:#36d65a!important}.tmpc-race-lights i:nth-child(2){background:#ffd43b!important}.tmpc-race-lights i:nth-child(3){background:#ff3434!important}}


/* ===== 4.3.98 — GARAGE PROFILE COMPACTION ONLY =====
   Outer Club navigation/banner geometry from 4.3.97 is intentionally untouched.
   This controls only the visual Garage profile below the toolbar. */

.tmpc-garage-profile{
  margin-top:0!important;
}

/* Empty/pre-profile cover: fixed compact height. Keep the approved dark/red tone,
   remove all decorative car geometry. */
.tmpc-garage-profile.is-preview-cover .tmpc-garage-cover{
  min-height:220px!important;
  height:220px!important;
  max-height:220px!important;
  background:
    radial-gradient(circle at 83% 38%,rgba(112,15,24,.72) 0%,rgba(52,14,20,.42) 28%,transparent 58%),
    linear-gradient(125deg,#101116 0%,#15161b 54%,#250d12 100%)!important;
  align-items:center!important;
}
.tmpc-garage-cover-art{
  position:absolute!important;
  inset:0!important;
  background:
    linear-gradient(117deg,transparent 0 57%,rgba(255,255,255,.025) 57% 58%,transparent 58% 100%)!important;
}
.tmpc-garage-carline,
.tmpc-garage-carline:before,
.tmpc-garage-wheel,
.tmpc-garage-road{
  display:none!important;
  content:none!important;
}

/* Real uploaded cover may breathe more, but never returns to the old huge 430px header. */
.tmpc-garage-cover.has-image{
  min-height:300px!important;
  height:300px!important;
  max-height:300px!important;
}
.tmpc-garage-cover-overlay{
  padding:24px 30px!important;
  max-width:680px!important;
}
.tmpc-garage-cover-overlay small{
  font-size:10px!important;
}
.tmpc-garage-cover-overlay h2{
  font-size:clamp(38px,4.3vw,56px)!important;
  margin:7px 0 6px!important;
}
.tmpc-garage-cover-overlay p{
  font-size:15px!important;
  margin:0!important;
}
.tmpc-preview-hint{
  margin-top:14px!important;
}

/* Specs begin immediately after cover. */
.tmpc-garage-profile-body{
  padding:14px 18px 18px!important;
}
.tmpc-garage-specgrid{
  margin-top:0!important;
}

@media(max-width:760px){
  .tmpc-garage-profile.is-preview-cover .tmpc-garage-cover{
    min-height:190px!important;
    height:190px!important;
    max-height:190px!important;
  }
  .tmpc-garage-cover.has-image{
    min-height:240px!important;
    height:240px!important;
    max-height:240px!important;
  }
  .tmpc-garage-cover-overlay{padding:20px!important}
  .tmpc-garage-cover-overlay h2{font-size:38px!important}
}