:root{--bg:#071016;--panel:#0c151b;--line:#35434b;--yellow:#ffd000;--green:#69c932}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:#fff;font-family:Arial,sans-serif}
.container{width:min(1480px,calc(100% - 40px));margin:auto}a{color:inherit}.top{background:#030709}.topin{height:66px;display:flex;align-items:center;gap:26px}
.brand{display:flex;align-items:center;text-decoration:none;min-width:250px}.brand span{font-size:42px;color:var(--yellow);margin-right:8px}.brand b{font-size:18px}.addr{flex:1;font-size:13px}.hours{font-size:13px}.phones{display:flex;flex-direction:column;font-weight:800;font-size:17px;white-space:nowrap}.phones a{text-decoration:none}
.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--yellow);color:#050505;text-decoration:none;font-weight:900;border-radius:4px;min-height:43px;padding:0 23px;font-size:12px;border:0;cursor:pointer}.compact{white-space:nowrap}.burger{display:none;background:none;border:1px solid #55626a;color:#fff;font-size:22px;border-radius:4px;padding:7px 10px}
nav{background:#101820;border-block:1px solid #2d3a42}.nav{height:50px;display:flex;align-items:center;justify-content:space-between;gap:18px}.nav a{font-size:11px;font-weight:800;text-decoration:none;white-space:nowrap}.nav a:hover{color:var(--yellow)}
.hero{background:linear-gradient(90deg,#061017f0,#06101790 36%,#06101720 68%,#06101790),url('assets/hero.jpg') center/cover no-repeat;min-height:500px}
.heroGrid{display:grid;grid-template-columns:1fr 350px;gap:45px;padding:38px 0}.hero label{font-size:20px}.hero h1{font-size:51px;line-height:1;margin:7px 0 16px}.hero h1 em{color:var(--yellow);font-style:normal}.hero .lead{font-size:17px;line-height:1.45;max-width:590px}
.marks{display:flex;gap:35px;margin:26px 0}.marks b{color:var(--yellow);font-size:12px}.marks small{display:block;color:#fff;margin:6px 0 0 20px}.acts{display:flex;gap:15px}.outline{border:1px solid #fff;padding:12px 22px;text-decoration:none;font-size:12px}
.hero aside{background:#08151eea;border:1px solid #64727a;border-radius:5px;padding:24px}.hero aside h2{font-size:34px;color:var(--green);margin:0}.hero aside h3{font-size:15px}.hero aside p{line-height:1.8}.hero aside .btn{margin-top:8px}
.quick{background:#0d161c;border-block:1px solid var(--line)}.qgrid{display:grid;grid-template-columns:repeat(5,1fr)}.qgrid>div{min-height:100px;padding:20px;border-right:1px solid #3c484f;color:var(--yellow);font-size:25px}.qgrid b,.qgrid small{display:block;margin-left:42px;margin-top:-24px;color:#fff;font-size:12px}.qgrid small{margin-top:6px;line-height:1.45}.qgrid i{color:var(--yellow);font-style:normal}
.cards{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;padding-top:14px}.cards article{height:300px;position:relative;border:1px solid #4d5960;border-radius:4px;overflow:hidden;background:#111}.cardimg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.overlay{position:absolute;inset:0;background:linear-gradient(0deg,#05090bf2 0,#05090b68 56%,#0001)}.ct{position:absolute;inset:0;padding:20px;display:flex;flex-direction:column;align-items:flex-start}.ct h3{margin-top:auto;font-size:23px;line-height:1.08;margin-bottom:10px}.ct h3 span{color:var(--green)}.ct p{font-size:12px;line-height:1.45;min-height:45px}.ct .btn{padding:0 25px;min-height:37px;font-size:10px}
.why{margin-top:15px;background:#0b141a}.whygrid{display:grid;grid-template-columns:1.55fr repeat(6,1fr)}.whygrid>div{min-height:170px;padding:20px 14px;border-right:1px solid #39464d;display:flex;flex-direction:column;justify-content:center;text-align:center;gap:8px;color:var(--yellow);font-size:29px}.whygrid b,.whygrid small{color:#fff;font-size:11px}.intro{text-align:left!important;align-items:flex-start}.intro h3{font-size:17px;margin:0}.intro strong{font-size:20px;color:#fff}.intro p{font-size:11px;color:#fff}
.acstrip{margin-top:15px;min-height:90px;border:1px solid #3b789d;background:#091b27;display:grid;grid-template-columns:1.25fr 1fr 1.3fr 280px;align-items:center;padding:12px 20px;overflow:hidden}.acstrip h3{font-size:17px}.acstrip p{font-size:11px;line-height:1.8}.gauge{align-self:stretch;background:url('assets/ac-gauges.jpg') center/cover no-repeat}
.works{padding:25px 0 45px;position:relative}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.gallery img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:center;border-radius:4px;border:1px solid #53616a}.all{display:flex;width:max-content;margin:15px auto 0;padding:12px 28px;border:1px solid #78838a;background:#0c1216;text-decoration:none;font-size:11px;font-weight:bold}
footer{background:#04090c;border-top:1px solid #29363d;padding:35px 0}.foot{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:45px}.foot p{font-size:12px;line-height:1.7;color:#c7d0d4}.foot a{text-decoration:none}
.subhero{padding:46px 0;background:linear-gradient(90deg,#07141d,#0b1720);border-bottom:1px solid var(--line)}.subhero h1{font-size:38px;line-height:1.12;margin:0 0 14px;max-width:1000px}.subhero p{color:#ccd5da;max-width:850px;line-height:1.6}
.pagegrid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:35px;padding:35px 0 50px}.contentbox{background:#0b141a;border:1px solid #26353d;border-radius:5px;padding:30px}.contentbox p,.contentbox li{line-height:1.75;color:#d7dde0}.contentbox h2,.contentbox h3{color:#fff}.contentbox a{color:var(--yellow)}
.sidebar{display:flex;flex-direction:column;gap:16px}.sidecard{background:#0d171e;border:1px solid #34434b;padding:20px;border-radius:5px}.sidecard h3{margin-top:0;color:var(--yellow)}.sidecard a{display:block;padding:7px 0;text-decoration:none;border-bottom:1px solid #26343b;font-size:13px}.sidecard a:hover{color:var(--yellow)}
@media(max-width:1050px){.addr{display:none}.nav{justify-content:flex-start;gap:25px;overflow:auto}.heroGrid{grid-template-columns:1fr 300px}.hero h1{font-size:42px}.cards{grid-template-columns:repeat(3,1fr)}.qgrid{grid-template-columns:repeat(3,1fr)}.whygrid{grid-template-columns:repeat(3,1fr)}.intro{grid-column:1/-1}.acstrip{grid-template-columns:1fr 1fr}.gauge{min-height:100px}.gallery{grid-template-columns:repeat(2,1fr)}.pagegrid{grid-template-columns:1fr}}
@media(max-width:700px){.container{width:calc(100% - 24px)}.topin{height:60px}.addr,.hours,.phones,.compact{display:none}.brand{min-width:0;flex:1}.brand span{font-size:30px}.brand b{font-size:13px}.burger{display:block}nav{display:none}.menuopen nav{display:block}.nav{height:auto;flex-direction:column;align-items:stretch;padding:8px 0}.nav a{padding:12px;border-bottom:1px solid #2d3a42}.heroGrid{display:flex;flex-direction:column;padding:26px 0}.hero h1{font-size:35px}.marks{flex-direction:column;gap:12px}.acts{flex-direction:column}.qgrid,.cards{grid-template-columns:1fr}.cards article{height:270px}.whygrid{grid-template-columns:1fr 1fr}.acstrip{grid-template-columns:1fr}.gallery{grid-template-columns:1fr}.foot{grid-template-columns:1fr;gap:15px}.subhero h1{font-size:29px}.contentbox{padding:20px}}

/* ===== V5 CHECKED FIXES ===== */
html,body{font-family:"Segoe UI",Tahoma,Arial,sans-serif}
body{font-size:15px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.brand{gap:10px;min-width:285px}
.brand .site-logo{width:54px;height:54px;object-fit:contain;object-position:center;flex:0 0 54px}
.brand b{font-family:"Segoe UI",Arial,sans-serif;font-size:18px;font-weight:800;line-height:1.05;letter-spacing:.1px}
.nav a{font-family:"Segoe UI",Arial,sans-serif;font-size:12px;font-weight:700;letter-spacing:.1px}
.hero h1,.subhero h1,.contentbox h1,.contentbox h2,.contentbox h3,.whygrid b,.card-body h3{
  font-family:"Segoe UI",Arial,sans-serif;font-weight:800;letter-spacing:-.25px
}
.hero h1{font-size:48px}
.hero .lead{font-size:16px;line-height:1.55}
.btn{font-family:"Segoe UI",Arial,sans-serif;font-size:12px;font-weight:800;letter-spacing:.1px}

/* Service card imagery has a dedicated proportional region: no stretching or extreme zoom */
.cards{align-items:stretch}
.cards article{
  height:320px;
  display:flex;
  flex-direction:column;
  position:relative;
  overflow:hidden;
  background:#0b1318;
  border:1px solid #46545c;
  border-radius:5px;
}
.cards .card-photo{
  display:block;
  width:100%;
  height:158px;
  flex:0 0 158px;
  object-fit:cover;
  object-position:center;
  transform:none!important;
  filter:none!important;
}
.cards .card-body{
  flex:1;
  display:flex;
  flex-direction:column;
  padding:16px 18px 17px;
  background:linear-gradient(180deg,#101a20,#081015);
  position:relative;
}
.cards .card-body:before{
  content:"";position:absolute;left:0;right:0;top:-34px;height:34px;
  background:linear-gradient(transparent,rgba(8,16,21,.98))
}
.cards .card-body h3{margin:0 0 8px;font-size:21px;line-height:1.05;position:relative}
.cards .card-body h3 span{color:#69c932}
.cards .card-body p{margin:0 0 12px;font-size:13px;line-height:1.42;color:#eef2f4;position:relative}
.cards .card-body .btn{margin-top:auto;width:max-content;min-height:38px;padding:0 23px;position:relative}
.cards .cardimg,.cards .overlay,.cards .ct{display:none!important}

.gallery img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover!important;object-position:center!important}

.contentbox{font-size:15px}
.contentbox p,.contentbox li{font-size:15px;line-height:1.75;color:#dbe1e4}
.contentbox h2{font-size:28px;line-height:1.2;margin:31px 0 13px}
.contentbox h3{font-size:21px;line-height:1.25;margin:25px 0 10px}
.contentbox hr{border:0;border-top:1px solid #34434b;margin:30px 0}
.contentbox img{max-width:100%;height:auto!important;object-fit:contain!important}

.contentbox .wp-block-buttons{display:flex!important;flex-wrap:wrap!important;gap:12px!important;margin:24px 0!important}
.contentbox .wp-block-button__link,.contentbox .wp-element-button{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  min-height:44px!important;padding:11px 24px!important;background:#ffd000!important;
  color:#050505!important;border:0!important;border-radius:4px!important;text-decoration:none!important;
  font-family:"Segoe UI",Arial,sans-serif!important;font-size:13px!important;line-height:1.2!important;font-weight:800!important
}

.page-cta{margin-top:34px;padding:25px;border:1px solid #3a4a53;border-radius:6px;background:linear-gradient(135deg,#101d24,#091116)}
.page-cta h3{margin:0 0 8px!important;font-size:22px!important}
.page-cta p{margin:0 0 17px!important;color:#d9e0e3}
.page-cta-actions{display:flex;gap:12px;flex-wrap:wrap}
.page-cta .btn.secondary{background:transparent;color:#fff;border:1px solid #7a878e}
.sidecard .btn{width:100%;color:#050505!important;text-align:center}

@media(max-width:700px){
 .brand{min-width:0}.brand .site-logo{width:40px;height:40px;flex-basis:40px}.brand b{font-size:13px}
 .hero h1{font-size:33px}
 .cards article{height:auto;min-height:300px}
 .cards .card-photo{height:auto;aspect-ratio:16/7;flex-basis:auto}
 .cards .card-body h3{font-size:20px}
 .contentbox p,.contentbox li{font-size:14px}
 .page-cta-actions{flex-direction:column}.page-cta-actions .btn{width:100%}
}

/* V6: primary positioning = engine repair */
.hero h1{max-width:720px}
@media(max-width:700px){.hero h1{font-size:32px}}

/* V7 requested fixes */
.works{padding:18px 0 28px}
.works h2,.works .all{display:none!important}
.gallery{margin-top:0}
.gallery img{aspect-ratio:16/10;object-fit:cover;object-position:center}
.hero aside h3{color:#fff}
.hero aside p{line-height:1.9}

/* V8: internal-page button visibility fix */
.contentbox a.btn,
.contentbox a.wp-block-button__link,
.contentbox a.wp-element-button,
.sidebar a.btn,
.page-cta a.btn{
  color:#050505!important;
  font-family:"Segoe UI",Tahoma,Arial,sans-serif!important;
  font-size:13px!important;
  line-height:1.2!important;
  font-weight:800!important;
  text-indent:0!important;
  letter-spacing:0!important;
  opacity:1!important;
  visibility:visible!important;
  text-shadow:none!important;
  -webkit-text-fill-color:#050505!important;
}
.page-cta a.btn.secondary{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}

/* ===== V9 VERIFIED BUTTON COMPONENT ===== */
a.btn.site-button,
button.btn.site-button,
input.btn.site-button,
a.btn,
.page-cta a.btn,
.sidebar a.btn,
.contentbox a.btn {
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:132px!important;
  min-height:42px!important;
  padding:10px 22px!important;
  background:#ffd000!important;
  background-image:none!important;
  border:0!important;
  border-radius:4px!important;
  color:#050505!important;
  -webkit-text-fill-color:#050505!important;
  font-family:"Segoe UI",Tahoma,Arial,sans-serif!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1.2!important;
  letter-spacing:.1px!important;
  text-indent:0!important;
  text-transform:none!important;
  text-decoration:none!important;
  text-shadow:none!important;
  opacity:1!important;
  visibility:visible!important;
  overflow:visible!important;
  white-space:normal!important;
  position:relative!important;
  z-index:2!important;
}
a.btn.secondary,
.page-cta a.btn.secondary {
  background:transparent!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  border:1px solid #7a878e!important;
}
a.btn::before,a.btn::after,
.site-button::before,.site-button::after {
  content:none!important;
  display:none!important;
}
.contentbox .wp-block-buttons,
.contentbox .wp-block-button {
  display:contents!important;
}

.special-services{padding:18px 0 24px}
.special-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.special-card{background:#0b141a;border:1px solid #43515a;border-radius:5px;overflow:hidden;display:flex;flex-direction:column}
.special-card img{width:100%;aspect-ratio:16/8;object-fit:cover;object-position:center}
.special-card .body{padding:17px 18px 18px;display:flex;flex-direction:column;flex:1}
.special-card h3{font-size:20px;line-height:1.1;margin:0 0 8px}
.special-card h3 span{color:#69c932}
.special-card p{font-size:13px;line-height:1.55;color:#dce3e6;margin:0 0 12px}
.special-card ul{font-size:12px;line-height:1.65;color:#e7ecee;padding-left:18px;margin:0 0 14px}
.special-card .btn{margin-top:auto;width:max-content}
.equipment-hero{min-height:430px;background:linear-gradient(90deg,#061017f2,#0610179a 38%,#06101724 70%,#0610178d),url('../assets/special-equipment-hero.jpg') center/cover no-repeat}
.equipment-hero .container{padding:42px 0}.equipment-hero h1{font-size:46px;line-height:1.02;margin:0 0 14px;max-width:760px}
.equipment-hero h1 span{color:#ffd000}.equipment-hero p{max-width:650px;font-size:16px;line-height:1.6}
.equipment-hero .hero-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}
.service-photo{width:100%;aspect-ratio:16/8;object-fit:cover;object-position:center;border-radius:5px;border:1px solid #46545c;margin:8px 0 24px}
@media(max-width:1000px){.special-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.special-grid{grid-template-columns:1fr}.equipment-hero h1{font-size:32px}.equipment-hero .hero-links{flex-direction:column}.equipment-hero .hero-links .btn{width:100%}}

/* V11 HQ image refresh */
.card-photo,
.special-card img,
.service-photo,
.gallery img,
.heroimg,
.sidephoto,
.pagegrid img {
  image-rendering:auto;
  object-fit:cover;
  object-position:center;
}
.cards article{background:#0b1318}
.cards .card-photo{height:170px;flex-basis:170px}
.special-card img{aspect-ratio:16/9}
.gallery img{aspect-ratio:16/10}

/* V13 — expanded realistic works gallery */
.works .gallery{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
}
.works .gallery img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:4/3!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:5px!important;
  border:1px solid #3d4b54!important;
}
@media(max-width:1000px){.works .gallery{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:600px){.works .gallery{grid-template-columns:1fr!important}}

/* V14 diverse gallery */
.works .gallery{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
}
.works .gallery img{
  width:100%!important;
  height:auto!important;
  aspect-ratio:4/3!important;
  object-fit:cover!important;
  object-position:center!important;
}
@media(max-width:1000px){.works .gallery{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:600px){.works .gallery{grid-template-columns:1fr!important}}


/* V15: align all service card buttons */
.special-card,
.card,
.service-card,
.services-card {
 display:flex!important;
 flex-direction:column!important;
 height:100%!important;
}

.special-card .body,
.card .body,
.service-card .body,
.services-card .body {
 display:flex!important;
 flex-direction:column!important;
 flex:1!important;
}

.special-card a.btn,
.card a.btn,
.service-card a.btn,
.services-card a.btn {
 margin-top:auto!important;
}

.special-grid,
.cards,
.services-grid {
 align-items:stretch!important;
}


/* V16 HARD FIX - identical card heights and button positions */
.special-grid,
.services-grid,
.cards-grid,
.cards {
    display:grid!important;
    align-items:stretch!important;
}

.special-card,
.service-card,
.card {
    display:flex!important;
    flex-direction:column!important;
    min-height:430px!important;
}

.special-card .body,
.service-card .body,
.card .body {
    display:flex!important;
    flex-direction:column!important;
    flex:1 1 auto!important;
    height:100%!important;
}

.special-card p,
.service-card p,
.card p {
    min-height:42px!important;
}

.special-card ul,
.service-card ul,
.card ul {
    min-height:55px!important;
}

.special-card a.btn,
.service-card a.btn,
.card a.btn {
    margin-top:auto!important;
    position:relative!important;
    bottom:auto!important;
}

@media(max-width:700px){
 .special-card,
 .service-card,
 .card {
    min-height:0!important;
 }
}

/* ===== V17 FIRST APPROVED STYLE ===== */

.cards{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:12px!important;
  align-items:stretch!important;
}

.main-service-card{
  display:grid!important;
  grid-template-rows:150px 1fr!important;
  min-height:355px!important;
  height:100%!important;
  overflow:hidden!important;
  background:#0b141a!important;
  border:1px solid #46545c!important;
  border-radius:5px!important;
}

.main-service-photo{
  width:100%!important;
  height:150px!important;
  object-fit:cover!important;
  object-position:center!important;
  display:block!important;
}

.main-service-body{
  display:grid!important;
  grid-template-rows:auto minmax(54px,1fr) 42px!important;
  gap:9px!important;
  padding:16px 18px 16px!important;
  min-height:205px!important;
}

.main-service-body h3{
  margin:0!important;
  font-size:21px!important;
  line-height:1.05!important;
  font-weight:800!important;
}

.main-service-body h3 span{color:#69c932!important}

.main-service-body p{
  margin:0!important;
  font-size:13px!important;
  line-height:1.45!important;
  min-height:0!important;
  align-self:start!important;
}

.main-service-btn{
  width:100%!important;
  height:42px!important;
  min-height:42px!important;
  margin:0!important;
  align-self:end!important;
  justify-self:stretch!important;
}

.special-grid{
  align-items:stretch!important;
}
.special-card{
  display:grid!important;
  grid-template-rows:auto 1fr!important;
  height:100%!important;
}
.special-card .body{
  display:grid!important;
  grid-template-rows:auto auto 1fr 42px!important;
  gap:8px!important;
  height:100%!important;
}
.special-card .body .btn{
  width:100%!important;
  margin:0!important;
  align-self:end!important;
}

.works .gallery{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
  margin-top:0!important;
}
.works .gallery img{
  width:100%!important;
  height:auto!important;
  aspect-ratio:16/10!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:5px!important;
  border:1px solid #43515a!important;
}

@media(max-width:1200px){
  .cards{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:800px){
  .cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .works .gallery{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:560px){
  .cards{grid-template-columns:1fr!important}
  .main-service-card{grid-template-rows:auto 1fr!important;min-height:0!important}
  .main-service-photo{height:auto!important;aspect-ratio:16/8!important}
  .works .gallery{grid-template-columns:1fr!important}
}

/* V19: preserve original gallery + 8 new distinct service photos */
.works .gallery{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}
.works .gallery img{width:100%!important;aspect-ratio:4/3!important;object-fit:cover!important;object-position:center!important}
@media(max-width:900px){.works .gallery{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:520px){.works .gallery{grid-template-columns:1fr!important}}

/* V21 engine brands block */
.engine-brands{
 padding:40px 20px;
 background:#091218;
 text-align:center;
}
.engine-brands h2{
 color:#fff;
 font-size:30px;
}
.engine-brands-text{
 color:#d9d9d9;
 max-width:800px;
 margin:0 auto 25px;
}
.engine-brands-grid{
 display:grid;
 grid-template-columns:repeat(4,1fr);
 gap:14px;
}
.engine-brand-card{
 min-height:210px;
 padding:24px;
 background:#111d24;
 border:1px solid #34434c;
 color:#fff;
 text-decoration:none;
 display:flex;
 flex-direction:column;
 text-align:left;
}
.engine-brand-card h3{
 color:#ffd000;
 font-size:24px;
 margin:0 0 15px;
}
.engine-brand-card p{
 flex:1;
}
.engine-brand-card span{
 background:#ffd000;
 color:#000;
 padding:12px 20px;
 font-weight:bold;
 text-align:center;
}
@media(max-width:900px){
 .engine-brands-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:550px){
 .engine-brands-grid{grid-template-columns:1fr}
}

.special-brands{padding:40px 0;background:#0b141a;text-align:center}
.special-brands h2{color:#fff}
.special-brands-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:25px}
.special-brands-grid div{background:#111d24;border:1px solid #394851;padding:22px;text-align:left}
.special-brands-grid h3{color:#ffd000}
.special-brands-grid a{display:inline-block;background:#ffd000;color:#000;padding:10px 18px;font-weight:700;text-decoration:none}
@media(max-width:800px){.special-brands-grid{grid-template-columns:1fr}}

/* V26 engines main section */
.engine-photo-section{
  padding:36px 0 40px;
}
.engine-photo-section h2{
  text-align:center;
  color:#fff;
  font-size:32px;
  margin:0 0 10px;
}
.engine-photo-section > p{
  text-align:center;
  color:#dce3e6;
  max-width:860px;
  margin:0 auto 24px;
  line-height:1.6;
}
.engine-photo-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}
.engine-photo-card{
  display:flex;
  flex-direction:column;
  background:#101a20;
  border:1px solid #40505a;
  border-radius:4px;
  overflow:hidden;
}
.engine-photo-card img{
  width:100%;
  height:220px;
  object-fit:cover;
  object-position:center;
  display:block;
}
.engine-photo-card h3{
  color:#ffd000;
  font-size:24px;
  margin:16px 18px 8px;
}
.engine-photo-card p{
  color:#dfe5e8;
  padding:0 18px;
  line-height:1.55;
  flex:1;
}
.engine-photo-card a{
  margin:16px 18px 18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  background:#ffd000;
  color:#000;
  font-weight:800;
  text-decoration:none;
  padding:10px 18px;
}
@media(max-width:1100px){
  .engine-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
  .engine-photo-grid{grid-template-columns:1fr}
}


/* V27 premium engine cards */
.engine-photo-section{
    background:linear-gradient(180deg,#0b141a,#071015);
    padding:55px 25px;
    margin-top:25px;
    border-top:1px solid #263640;
}

.engine-photo-section h2{
    font-size:38px;
    letter-spacing:.5px;
}

.engine-photo-section > p{
    font-size:17px;
    max-width:900px;
}

.engine-photo-grid{
    gap:20px;
}

.engine-photo-card{
    position:relative;
    min-height:430px;
    border-radius:10px;
    overflow:hidden;
    background:#101820;
    transition:.25s;
    box-shadow:0 8px 25px rgba(0,0,0,.35);
}

.engine-photo-card:hover{
    transform:translateY(-5px);
}

.engine-photo-card img{
    height:260px;
    filter:brightness(.82);
    transition:.3s;
}

.engine-photo-card:hover img{
    filter:brightness(1);
    transform:scale(1.03);
}

.engine-photo-card h3{
    font-size:28px;
    margin-top:18px;
}

.engine-photo-card p{
    font-size:15px;
    min-height:75px;
}

.engine-photo-card a{
    border-radius:4px;
    margin-top:auto;
}

.engine-photo-card:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:3px;
    background:#ffd000;
}

@media(max-width:1100px){
 .engine-photo-grid{
    grid-template-columns:repeat(2,1fr);
 }
}

@media(max-width:600px){
 .engine-photo-grid{
    grid-template-columns:1fr;
 }
 .engine-photo-section h2{
    font-size:28px;
 }
}