:root{
  --yf-contrast: var(--e-global-color-text, var(--wp--preset--color--background, #fff));
  --yf-dark: var(--e-global-color-secondary, rgba(0,0,0,.9));
}

.yachtfinder{position:relative}
.yachtfinder__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.yachtfinder__title{margin:0;font-size:22px;line-height:1.2}
.yachtfinder__body{position:relative}

.yachtfinder__contacts{position:absolute;left:-56px;top:0;display:flex;flex-direction:column;gap:8px;}
.yachtfinder__contact{width:44px;height:44px;border-radius:0;display:flex;align-items:center;justify-content:center;background:var(--yf-dark);color:var(--yf-contrast);text-decoration:none;box-shadow:0 6px 14px rgba(0,0,0,.18);}
.yachtfinder__contactIcon{font-size:18px;line-height:1}

.yachtfinder__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;}
@media (max-width:1024px){.yachtfinder__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.yachtfinder__contacts{left:0;top:-56px;flex-direction:row}}
@media (max-width:640px){.yachtfinder__grid{grid-template-columns:1fr}.yachtfinder__contacts{position:static;flex-direction:row;margin-bottom:12px}}

.yachtfinder__loading,.yachtfinder__empty{padding:16px;border:1px solid rgba(0,0,0,.08);border-radius:0;}

.yachtfinder__card{display:flex;flex-direction:column;border-radius:0;padding:12px;box-shadow:0 0 0 1px rgba(0,0,0,.06);transition:box-shadow .2s ease, transform .2s ease;background:transparent}
.yachtfinder__cardLink{display:block;color:inherit;text-decoration:none}
.yachtfinder__imgWrap{position:relative;border-radius:0;overflow:hidden}
.yachtfinder__img{width:100%;height:220px;object-fit:cover;display:block;transition:transform .35s ease}
.yachtfinder__img--ph{background:rgba(0,0,0,.06)}
.yachtfinder__heart{position:absolute;right:14px;top:12px;color:#fff;font-size:26px;line-height:1;text-shadow:0 2px 10px rgba(0,0,0,.35);}

.yachtfinder__info{padding-top:10px}
.yachtfinder__topLine{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}
.yachtfinder__title2{font-weight:800;font-size:22px;line-height:1.1;margin-bottom:6px;text-transform:uppercase}
.yachtfinder__distance{font-size:14px;white-space:nowrap;color:rgba(0,0,0,.8)}
.yachtfinder__sub{color:rgba(0,0,0,.65);margin-bottom:4px}
.yachtfinder__sub2{color:rgba(0,0,0,.65);margin-bottom:8px}
.yachtfinder__row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.yachtfinder__meta{display:flex;align-items:center;gap:10px;color:rgba(0,0,0,.6)}
.yachtfinder__metaItem{display:inline-flex;align-items:center;gap:6px}
.yachtfinder__price{font-weight:700;white-space:nowrap}

.yachtfinder__bookBtn{
  margin-top:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  padding:14px 16px;
  border-radius:0;
  background: var(--yf-btn-bg, #000);
  color: var(--yf-btn-text, #fff);
  font-weight:700;
  letter-spacing:.02em;
}
.yachtfinder__bookBtn:hover{background: var(--yf-btn-bg-hover, var(--yf-btn-bg, #111));}


/* Hover/active effects (desktop + mobile touch) */
.yachtfinder__card:hover,
.yachtfinder__card:focus-within,
.yachtfinder__card.is-hover{
  box-shadow:0 10px 24px rgba(0,0,0,.10);
}
.yachtfinder__card:hover .yachtfinder__img,
.yachtfinder__card:focus-within .yachtfinder__img,
.yachtfinder__card.is-hover .yachtfinder__img{
  transform:scale(1.04);
}
.yachtfinder__card:hover .yachtfinder__bookBtn,
.yachtfinder__card:focus-within .yachtfinder__bookBtn,
.yachtfinder__card.is-hover .yachtfinder__bookBtn{
  background: var(--yf-btn-bg-hover, var(--yf-btn-bg, #111));
}