/* Engine marks beside the brand heading, aligned across product cards. */
.brand-card .brand-name.has-engine-logo{position:relative;min-height:78px;padding-right:112px}
.brand-card .engine-brand-logo{position:absolute;right:0;top:50%;transform:translateY(-50%);width:100px;height:68px;display:flex;align-items:center;justify-content:center;letter-spacing:0}
.brand-card .engine-brand-logo img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;mix-blend-mode:normal}


.brand-card .engine-brand-pair{position:absolute;right:0;top:0;bottom:0;width:100px;display:flex;flex-direction:column;justify-content:center;gap:10px}
.brand-card .engine-brand-pair .engine-brand-logo{position:static;transform:none;width:100%;height:28px}
@media(min-width:901px){.category-diesel .brand-card .brand-name.has-engine-logo{min-height:60px;padding-right:92px}.category-diesel .engine-brand-logo{width:82px;height:55px}}
@media(max-width:500px){.brand-card .brand-name.has-engine-logo{padding-right:92px}.brand-card .engine-brand-logo{width:82px}.brand-card .engine-brand-pair{width:82px}}

/* Align marks to the upper-right corner of each card. */
.brand-card{position:relative}
.brand-card .brand-name.has-engine-logo{position:static;padding-right:0}
.brand-card .brand-card-top{padding-right:130px;min-height:56px}
.brand-card .engine-brand-logo{top:16px;right:16px;transform:none;width:90px;height:52px}
.brand-card .engine-brand-logo.logo-weichai,.brand-card .engine-brand-logo.logo-mitsubishi,.brand-card .engine-brand-logo.logo-volvo{width:124px;height:56px}
.brand-card .engine-brand-pair{top:14px;right:16px;bottom:auto;width:124px;height:62px;gap:8px}
.brand-card .engine-brand-pair .engine-brand-logo{width:100%;height:26px}
@media(min-width:901px){.category-diesel .brand-card .brand-name.has-engine-logo{padding-right:0;margin-top:8px}}
@media(max-width:500px){.brand-card .engine-brand-logo{right:12px}.brand-card .engine-brand-logo.logo-weichai,.brand-card .engine-brand-logo.logo-mitsubishi,.brand-card .engine-brand-logo.logo-volvo{width:110px}.brand-card .brand-card-top{padding-right:120px}}

/* Give generator photos the space recovered from the heading gap. */
.category-diesel .brand-card .brand-product-image{margin:8px -10px 0}
.category-diesel .brand-card .brand-image-stage{padding:0}
.category-diesel .brand-card .brand-image-stage img{object-fit:contain;object-position:center;width:100%;height:100%}

/* Shared card geometry for gas and diesel catalogs. */
.category-screen .brand-card .brand-name,
.category-screen .brand-card .brand-name.has-engine-logo{min-height:78px;margin:8px 0 4px;padding-right:0}
.category-screen .brand-card .brand-product-image{margin:8px -10px 0}
.category-screen .brand-card .brand-name h3{font-size:clamp(16px,1.45vw,22px);line-height:1.45;margin:4px 0}
@media(min-width:901px){
  .category-screen .brand-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:minmax(0,1fr);gap:16px;max-width:none}
  .category-screen .brand-card{padding:16px}
  .category-screen .brand-card .brand-name>span{font-size:9px;letter-spacing:1px}
  /* Match the 34px pagination controls plus their 14px bottom spacing. */
  .category-gas #main::after{content:"";display:block;flex:0 0 48px}
}
@media(max-width:900px){
  .category-screen .brand-card{min-height:460px;padding:25px}
  .category-screen .brand-card .brand-product-image{flex:1;display:flex;flex-direction:column}
  .category-screen .brand-card .series-image-link{flex:1;display:grid}
  .category-screen .brand-card .brand-image-stage{min-height:220px;height:100%}
  .category-screen .brand-card .brand-image-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
}

/* Keep the Volvo mark at the standard engine-logo size. */
.category-screen .brand-card .engine-brand-logo.logo-volvo{width:90px;height:52px}
@media(min-width:901px){.category-diesel .brand-card .engine-brand-logo.logo-volvo{width:82px;height:55px}}
