@font-face{font-family:'Bebas Neue';src:url('https://citytyresauto.com.au/wp-content/uploads/2026/09/BebasNeue-Regular.ttf') format('truetype');font-display:swap}
.ctbm-showcase{background:#fff;color:#111;padding:72px 0 76px;border-top:1px solid #ece8df;border-bottom:5px solid #ef1b23;font-family:Arial,Helvetica,sans-serif}.ctbm-shell{width:min(1460px,calc(100% - 48px));margin:0 auto}.ctbm-intro{text-align:center;max-width:900px;margin:0 auto 38px}.ctbm-intro>span{display:inline-flex;align-items:center;gap:12px;color:#ef1b23;font-size:10px;font-weight:900;letter-spacing:.24em}.ctbm-intro>span:before{content:"";width:38px;height:2px;background:#ef1b23}.ctbm-intro h2{font:400 clamp(46px,5vw,72px)/.94 'Bebas Neue',Arial,sans-serif;margin:12px 0 14px;letter-spacing:.015em}.ctbm-intro p{max-width:760px;margin:0 auto;color:#696969;font-size:14px;line-height:1.65}.ctbm-benefit{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(520px,.9fr);background:#ffd400;margin:0 0 48px;min-height:150px;position:relative;overflow:hidden;border-bottom:5px solid #ef1b23}.ctbm-benefit:after{content:"";position:absolute;right:-60px;bottom:-80px;width:300px;height:260px;opacity:.08;background:linear-gradient(45deg,#111 25%,transparent 25%,transparent 75%,#111 75%),linear-gradient(45deg,#111 25%,transparent 25%,transparent 75%,#111 75%);background-size:42px 42px;background-position:0 0,21px 21px;transform:rotate(-8deg)}.ctbm-benefit-copy{padding:30px 34px;position:relative;z-index:1}.ctbm-benefit-copy>span{display:block;color:#ef1b23;font-size:9px;font-weight:900;letter-spacing:.2em;margin-bottom:7px}.ctbm-benefit-copy strong{display:block;font:400 34px/.95 'Bebas Neue',sans-serif}.ctbm-benefit-copy p{margin:9px 0 0;max-width:610px;font-size:12px;line-height:1.5;color:#3d3600}.ctbm-benefit-items{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid rgba(0,0,0,.13);position:relative;z-index:1}.ctbm-benefit-items>div{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:20px;border-right:1px solid rgba(0,0,0,.13)}.ctbm-benefit-items b{font:400 28px/1 'Bebas Neue',sans-serif;color:#ef1b23;margin-bottom:7px}.ctbm-benefit-items span{font-size:10px;font-weight:900;letter-spacing:.1em}.ctbm-row{display:grid;grid-template-columns:230px 1fr;gap:34px;padding:0 0 34px;border-bottom:1px solid #e6e3da}.ctbm-row+.ctbm-row{padding-top:34px}.ctbm-row:last-child{border-bottom:0;padding-bottom:0}.ctbm-row-label{padding-top:7px}.ctbm-row-label>span{display:block;font:400 28px/1 'Bebas Neue',sans-serif;margin-bottom:8px}.ctbm-row-label p{margin:0;color:#777;font-size:11px;line-height:1.45}.ctbm-brands-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.ctbm-brand{min-height:106px;border:1px solid #e7e4dc;background:#fff;display:flex;align-items:center;justify-content:center;padding:18px 16px;transition:transform .18s ease,border-color .18s ease,background .18s ease}.ctbm-brand:hover{transform:translateY(-2px);border-color:#ffd400;background:#fffdf3}.ctbm-brand a{display:flex;align-items:center;justify-content:center;width:100%;height:100%;text-decoration:none!important}.ctbm-brand img{display:block;max-width:190px;width:auto;height:var(--ctbm-logo-h);object-fit:contain;object-position:center}.ctbm-wordmark{font:900 21px/1 Arial,Helvetica,sans-serif;letter-spacing:-.035em;text-align:center;color:#262626}.ctbm-row-other .ctbm-brand{min-height:86px}.ctbm-row-other .ctbm-wordmark{font-size:18px;color:#3b3b3b}@media(max-width:980px){.ctbm-benefit{grid-template-columns:1fr}.ctbm-benefit-items{border-left:0;border-top:1px solid rgba(0,0,0,.13)}.ctbm-row{grid-template-columns:1fr;gap:18px}.ctbm-brands-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:640px){.ctbm-showcase{padding:48px 0}.ctbm-shell{width:calc(100% - 28px)}.ctbm-intro{margin-bottom:26px}.ctbm-intro h2{font-size:48px}.ctbm-intro p{font-size:12px}.ctbm-benefit{margin-bottom:34px}.ctbm-benefit-copy{padding:24px 20px}.ctbm-benefit-copy strong{font-size:30px}.ctbm-benefit-items{grid-template-columns:1fr 1fr 1fr}.ctbm-benefit-items>div{padding:16px 7px}.ctbm-benefit-items span{font-size:8px;line-height:1.25}.ctbm-row{padding-bottom:26px}.ctbm-row+.ctbm-row{padding-top:26px}.ctbm-brands-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ctbm-brand{min-height:88px;padding:14px 10px}.ctbm-brand img{max-width:135px;max-height:48px}.ctbm-wordmark{font-size:16px}.ctbm-row-other .ctbm-wordmark{font-size:15px}}


/* v2.0.1 heading consistency */
.ctbm-intro h2{
  color:#151515!important;
  font-size:clamp(58px,4.6vw,68px)!important;
  line-height:.94!important;
  font-weight:400!important;
  letter-spacing:.01em!important;
}
@media(max-width:640px){
  .ctbm-intro h2{font-size:48px!important;}
}


/* v2.1.0 — simplified brand section, workshop support band removed */
.ctbm-showcase{
  padding:68px 0 72px!important;
  border-top:1px solid #ece8df!important;
  border-bottom:5px solid #ef1b23!important;
}
.ctbm-intro{
  max-width:940px!important;
  margin:0 auto 46px!important;
}
.ctbm-benefit{display:none!important}
.ctbm-row{
  display:block!important;
  padding:0 0 38px!important;
  border-bottom:1px solid #e6e3da!important;
}
.ctbm-row+.ctbm-row{padding-top:34px!important}
.ctbm-row:last-child{border-bottom:0!important;padding-bottom:0!important}
.ctbm-row-label{
  padding:0!important;
  margin:0 0 18px!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:28px!important;
}
.ctbm-row-label>span{
  font:400 32px/1 'Bebas Neue',sans-serif!important;
  margin:0!important;
  color:#151515!important;
  letter-spacing:.01em!important;
}
.ctbm-row-label p{
  margin:0!important;
  max-width:520px!important;
  text-align:right!important;
  color:#767676!important;
  font-size:11px!important;
  line-height:1.45!important;
}
.ctbm-brands-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
}
.ctbm-brand{
  min-height:130px!important;
  padding:20px 18px!important;
}
.ctbm-row-other .ctbm-brand{min-height:110px!important}
@media(max-width:980px){
  .ctbm-row-label{align-items:flex-start!important;flex-direction:column!important;gap:7px!important}
  .ctbm-row-label p{text-align:left!important;max-width:620px!important}
  .ctbm-brands-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:640px){
  .ctbm-showcase{padding:48px 0 52px!important}
  .ctbm-intro{margin-bottom:34px!important}
  .ctbm-row{padding-bottom:30px!important}
  .ctbm-row+.ctbm-row{padding-top:28px!important}
  .ctbm-row-label{margin-bottom:14px!important}
  .ctbm-row-label>span{font-size:28px!important}
  .ctbm-brands-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .ctbm-brand{min-height:100px!important;padding:14px 10px!important}
}


/* v2.2.0 — premium editorial brand showcase */
.ctbm-showcase{background:#fff!important;padding:78px 0 82px!important;border-top:0!important;border-bottom:0!important;overflow:hidden!important}
.ctbm-shell{width:min(1500px,calc(100% - 56px))!important;margin:0 auto!important}
.ctbm-intro{max-width:none!important;margin:0 0 42px!important;display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr)!important;gap:72px!important;align-items:end!important;text-align:left!important}
.ctbm-intro-title>span{display:inline-flex!important;align-items:center!important;gap:12px!important;color:#ef1b23!important;font-size:10px!important;font-weight:900!important;letter-spacing:.24em!important}
.ctbm-intro-title>span:before{content:"";width:38px;height:2px;background:#ef1b23}
.ctbm-intro h2{margin:10px 0 0!important;color:#151515!important;font-size:clamp(58px,5.2vw,76px)!important;line-height:.9!important;font-weight:400!important;letter-spacing:.005em!important}
.ctbm-intro-copy{border-left:3px solid #ef1b23!important;padding:6px 0 6px 28px!important}
.ctbm-intro-copy p{margin:0!important;max-width:600px!important;color:#3f3f3f!important;font-size:15px!important;line-height:1.65!important}

.ctbm-featured-panel{background:#111315!important;border-bottom:5px solid #ef1b23!important;position:relative!important;overflow:hidden!important;padding:0!important;margin:0 0 30px!important}
.ctbm-featured-panel:after{content:"";position:absolute;right:-90px;top:-70px;width:390px;height:260px;opacity:.10;background:linear-gradient(45deg,#fff 25%,transparent 25%,transparent 75%,#fff 75%),linear-gradient(45deg,#fff 25%,transparent 25%,transparent 75%,#fff 75%);background-size:44px 44px;background-position:0 0,22px 22px;transform:rotate(-8deg);pointer-events:none}
.ctbm-featured-head{display:grid!important;grid-template-columns:auto 1fr!important;gap:36px!important;align-items:center!important;padding:22px 26px!important;border-bottom:1px solid rgba(255,255,255,.10)!important;position:relative!important;z-index:1!important}
.ctbm-featured-head>div{display:flex!important;align-items:center!important;gap:14px!important}
.ctbm-featured-head small,.ctbm-row-label small{display:grid!important;place-items:center!important;width:42px!important;height:42px!important;background:#ffd400!important;color:#ef1b23!important;font:400 24px/1 'Bebas Neue',sans-serif!important}
.ctbm-featured-head span{font:400 34px/1 'Bebas Neue',sans-serif!important;color:#fff!important;letter-spacing:.01em!important}
.ctbm-featured-head p{margin:0!important;text-align:right!important;color:#bfc1c3!important;font-size:11px!important;line-height:1.5!important}
.ctbm-brands-grid-popular{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:1px!important;background:#2b2e31!important;position:relative!important;z-index:1!important}
.ctbm-featured-panel .ctbm-brand{min-height:154px!important;background:#fff!important;border:0!important;padding:24px 18px!important;transform:none!important}
.ctbm-featured-panel .ctbm-brand:hover{background:#fff9d9!important;transform:none!important}

.ctbm-other-panel{background:#f6f4ee!important;padding:24px 26px 26px!important;border-left:6px solid #ffd400!important}
.ctbm-other-panel .ctbm-row-label{display:grid!important;grid-template-columns:auto 1fr!important;gap:28px!important;align-items:center!important;margin:0 0 18px!important;padding:0!important}
.ctbm-other-panel .ctbm-row-label>div{display:flex!important;align-items:center!important;gap:14px!important}
.ctbm-other-panel .ctbm-row-label span{font:400 30px/1 'Bebas Neue',sans-serif!important;color:#151515!important;margin:0!important}
.ctbm-other-panel .ctbm-row-label p{margin:0!important;text-align:right!important;color:#6a6a6a!important;font-size:11px!important;line-height:1.45!important}
.ctbm-brands-grid-other{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}
.ctbm-other-panel .ctbm-brand{min-height:100px!important;background:#fff!important;border:1px solid #e5e0d4!important;padding:18px 14px!important}

.ctbm-brand{position:relative!important;overflow:hidden!important}
.ctbm-brand:before{content:"";position:absolute;left:0;bottom:0;width:0;height:3px;background:#ef1b23;transition:width .22s ease}
.ctbm-brand:hover:before{width:100%}
.ctbm-brand img{max-width:210px!important;height:var(--ctbm-logo-h)!important;max-height:72px!important;filter:none!important}
.ctbm-wordmark{font:900 24px/1 Arial,Helvetica,sans-serif!important;letter-spacing:-.04em!important;color:#1c1c1c!important}
.ctbm-row,.ctbm-benefit{display:none!important}

@media(max-width:1050px){
  .ctbm-intro{grid-template-columns:1fr!important;gap:22px!important;align-items:start!important}
  .ctbm-intro-copy{max-width:760px!important}
  .ctbm-featured-head,.ctbm-other-panel .ctbm-row-label{grid-template-columns:1fr!important;gap:10px!important}
  .ctbm-featured-head p,.ctbm-other-panel .ctbm-row-label p{text-align:left!important}
  .ctbm-brands-grid-popular,.ctbm-brands-grid-other{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:700px){
  .ctbm-showcase{padding:52px 0 56px!important}
  .ctbm-shell{width:calc(100% - 28px)!important}
  .ctbm-intro{margin-bottom:28px!important}
  .ctbm-intro h2{font-size:50px!important}
  .ctbm-intro-copy{padding-left:18px!important}
  .ctbm-intro-copy p{font-size:12px!important}
  .ctbm-featured-head{padding:18px!important}
  .ctbm-featured-head span{font-size:29px!important}
  .ctbm-brands-grid-popular,.ctbm-brands-grid-other{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .ctbm-featured-panel .ctbm-brand{min-height:112px!important;padding:16px 10px!important}
  .ctbm-brand img{max-width:135px!important;max-height:52px!important}
  .ctbm-wordmark{font-size:17px!important}
  .ctbm-other-panel{padding:18px!important}
  .ctbm-other-panel .ctbm-row-label span{font-size:27px!important}
}


/* v2.3.0 — large logos + seamless scrolling marquee */
.ctbm-featured-panel{overflow:hidden!important}
.ctbm-marquee{position:relative!important;overflow:hidden!important;background:#fff!important;border-top:1px solid #e5e2da!important}
.ctbm-marquee:before,.ctbm-marquee:after{content:"";position:absolute;top:0;bottom:0;width:72px;z-index:4;pointer-events:none}
.ctbm-marquee:before{left:0;background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.92) 35%,rgba(255,255,255,0) 100%)}
.ctbm-marquee:after{right:0;background:linear-gradient(270deg,#fff 0%,rgba(255,255,255,.92) 35%,rgba(255,255,255,0) 100%)}
.ctbm-marquee-track{display:flex!important;width:max-content!important;will-change:transform!important;animation:ctbm-marquee var(--ctbm-duration,28s) linear infinite!important}
.ctbm-marquee-track.ctbm-marquee-reverse{animation-name:ctbm-marquee-reverse!important}
.ctbm-marquee-set{display:flex!important;flex:none!important;align-items:stretch!important}
.ctbm-marquee .ctbm-brand{width:330px!important;min-width:330px!important;height:190px!important;min-height:190px!important;border:0!important;border-right:1px solid #e5e2da!important;background:#fff!important;padding:24px 32px!important;display:flex!important;align-items:center!important;justify-content:center!important;position:relative!important;transform:none!important}
.ctbm-marquee .ctbm-brand:after{content:"";position:absolute;left:18%;right:18%;bottom:0;height:3px;background:#ef1b23;transform:scaleX(0);transform-origin:center;transition:transform .22s ease}
.ctbm-marquee .ctbm-brand:hover:after{transform:scaleX(1)}
.ctbm-marquee .ctbm-brand img{display:block!important;width:auto!important;height:var(--ctbm-logo-h)!important;max-width:255px!important;max-height:130px!important;object-fit:contain!important;object-position:center!important}
.ctbm-marquee .ctbm-wordmark{font-size:30px!important;line-height:1!important;padding:0 12px!important}
.ctbm-pause-hover:hover .ctbm-marquee-track{animation-play-state:paused!important}
.ctbm-other-panel{overflow:hidden!important}
.ctbm-marquee-other{border-top:0!important;border:1px solid #e7e4dc!important}
.ctbm-marquee-other .ctbm-brand{width:280px!important;min-width:280px!important;height:150px!important;min-height:150px!important}
.ctbm-marquee-other .ctbm-brand img{max-width:220px!important;max-height:100px!important}
@keyframes ctbm-marquee{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
@keyframes ctbm-marquee-reverse{from{transform:translate3d(-50%,0,0)}to{transform:translate3d(0,0,0)}}
@media(max-width:980px){
  .ctbm-marquee:before,.ctbm-marquee:after{width:42px}
  .ctbm-marquee .ctbm-brand{width:280px!important;min-width:280px!important;height:170px!important;min-height:170px!important;padding:20px 26px!important}
  .ctbm-marquee .ctbm-brand img{max-width:225px!important;max-height:118px!important}
  .ctbm-marquee-other .ctbm-brand{width:240px!important;min-width:240px!important;height:140px!important;min-height:140px!important}
}
@media(max-width:640px){
  .ctbm-marquee:before,.ctbm-marquee:after{width:24px}
  .ctbm-marquee .ctbm-brand{width:220px!important;min-width:220px!important;height:138px!important;min-height:138px!important;padding:16px 18px!important}
  .ctbm-marquee .ctbm-brand img{height:min(var(--ctbm-logo-h),92px)!important;max-width:180px!important;max-height:92px!important}
  .ctbm-marquee .ctbm-wordmark{font-size:22px!important}
  .ctbm-marquee-other .ctbm-brand{width:200px!important;min-width:200px!important;height:120px!important;min-height:120px!important}
  .ctbm-marquee-other .ctbm-brand img{max-width:160px!important;max-height:78px!important}
}
@media(prefers-reduced-motion:reduce){.ctbm-marquee-track{animation:none!important}}