/* TRUNKO Fleet — soft photographic cards, as requested.
   Additive, home-only CSS: does not affect booking, detail pages or nav. */
.trk-av-section .trk-av-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
  align-items:stretch;
}
.trk-av-section .trk-av-card.trk-av-card--image-bg {
  position:relative;
  isolation:isolate;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  min-height:clamp(365px,32vw,445px);
  padding:0;
  overflow:hidden;
  border:1px solid #e7e9ed;
  border-radius:24px;
  background:linear-gradient(135deg,#f7f8fa 0%,#e9edf1 100%);
  box-shadow:0 14px 35px rgba(20,35,53,.09);
  transition:transform .25s ease,box-shadow .25s ease;
}
.trk-av-section .trk-av-card.trk-av-card--image-bg:hover{
  transform:translateY(-5px);
  box-shadow:0 22px 48px rgba(20,35,53,.14);
}
/* The admin-supplied image is the card background, not a separate picture block. */
.trk-av-section .trk-av-card--image-bg .trk-av-image-link {
  position:absolute;
  inset:0;
  z-index:0;
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  height:100%;
  overflow:hidden;
  background:transparent;
  text-decoration:none;
}
.trk-av-section .trk-av-card--image-bg .trk-av-image-link img {
  display:block;
  width:100%;
  height:100%;
  max-width:none;
  padding:clamp(10px,1.8vw,24px);
  object-fit:contain;
  object-position:center 43%;
  opacity:.76;
  filter:none;
  transform:scale(1.1);
  transition:transform .4s ease,opacity .4s ease;
}
.trk-av-section .trk-av-card--image-bg:hover .trk-av-image-link img {
  transform:scale(1.16);
  opacity:.88;
}
.trk-av-section .trk-av-card--image-bg .trk-av-no-image {
  color:#566478;
  height:100%;
  min-height:0;
  background:linear-gradient(135deg,#f7f8fa,#e9edf1);
}
/* Faded white wash like the supplied reference image. */
.trk-av-section .trk-av-card--image-bg::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(180deg,
    rgba(255,255,255,.28) 0%,
    rgba(255,255,255,.09) 36%,
    rgba(255,255,255,.68) 68%,
    rgba(255,255,255,.97) 100%);
}
.trk-av-section .trk-av-card--image-bg .trk-av-card-body {
  position:relative;
  z-index:2;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  width:100%;
  min-height:0;
  padding:25px 24px 23px;
  margin-top:auto;
  background:transparent;
  box-shadow:none;
  color:#152234;
  pointer-events:none;
}
.trk-av-section .trk-av-card--image-bg .trk-av-service {
  color:#ed6b00;
  font-size:11px;
  font-weight:800;
  letter-spacing:.16em;
}
.trk-av-section .trk-av-card--image-bg h3{
  color:#122033;
  font-size:clamp(22px,2vw,28px);
  line-height:1.15;
  letter-spacing:-.02em;
  margin:9px 0 21px;
}
.trk-av-section .trk-av-card--image-bg .trk-av-card-actions{
  display:flex;
  gap:10px;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
}
.trk-av-section .trk-av-card--image-bg .trk-av-card-actions a {
  pointer-events:auto;
  position:relative;
  z-index:3;
}
.trk-av-section .trk-av-card--image-bg .trk-av-details {
  display:inline-flex;
  align-items:center;
  color:#14263a!important;
  font-size:13px;
  font-weight:800;
  text-decoration:none;
  white-space:nowrap;
}
.trk-av-section .trk-av-card--image-bg .trk-av-details:hover {color:#f27608!important;}
.trk-av-section .trk-av-card--image-bg .trk-av-book{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#fff!important;
  background:#ff790b;
  padding:12px 17px;
  font-weight:800;
  text-decoration:none;
  border-radius:11px;
  white-space:nowrap;
  transition:background .2s ease;
}
.trk-av-section .trk-av-card--image-bg .trk-av-book:hover {background:#e66c00;}
.trk-av-section .trk-av-card--image-bg:focus-within{
  outline:3px solid #ff790b;
  outline-offset:3px;
}
@media(max-width:1000px){
  .trk-av-section .trk-av-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;}
  .trk-av-section .trk-av-card.trk-av-card--image-bg{min-height:385px;}
}
@media(max-width:640px){
  .trk-av-section .trk-av-grid{grid-template-columns:minmax(0,1fr);gap:16px;}
  .trk-av-section .trk-av-card.trk-av-card--image-bg{min-height:365px;}
  .trk-av-section .trk-av-card--image-bg .trk-av-card-body{padding:21px 20px;}
  .trk-av-section .trk-av-card--image-bg .trk-av-image-link img{object-position:center 40%;}
}
@media(prefers-reduced-motion:reduce){
  .trk-av-section .trk-av-card--image-bg,
  .trk-av-section .trk-av-card--image-bg .trk-av-image-link img{transition:none!important;}
}