/* ===== Client change batch — 27 Sep 2026. Loaded after style.css ===== */

/* 1. Trust strip → moving ticker, bigger */
.trust-wrap{padding:0}
.ticker{overflow:hidden;padding:26px 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.ticker-track{display:flex;align-items:center;width:max-content;animation:vcTick 38s linear infinite}
.ticker:hover .ticker-track{animation-play-state:paused}
.ticker-item{display:flex;align-items:center;gap:16px;padding:0 30px;font-family:var(--serif);font-size:28px;font-weight:600;color:#fff;white-space:nowrap;letter-spacing:.005em}
.ticker-item img{width:54px;height:54px;flex:none}
.ticker-sep{color:var(--gold);font-size:18px;flex:none}
@keyframes vcTick{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.ticker-track{animation:none;flex-wrap:wrap;width:auto;justify-content:center}.ticker-track [aria-hidden]{display:none}}

/* 2. "What's troubling you?" — 4 per row on desktop, pain-point photos */
@media (min-width:1041px){
  .concern-grid{grid-template-columns:repeat(4,1fr);gap:18px}
  .ccard{aspect-ratio:3/4}
  .ccard h3{font-size:25px}
  .ccard p{font-size:14px}
  .ccard-body{padding:18px 20px}
}
.ccard img{object-position:50% 35%}

/* 3. Map only once — "How a visit works" box without its map */
.consult{grid-template-columns:1fr}
.consult-text{padding:40px 48px}
.consult-text p{max-width:70ch}
@media (max-width:640px){.consult-text{padding:28px 22px}}

/* 4. Reviews with images */
.review.has-img{display:grid;grid-template-columns:230px 1fr;column-gap:34px;align-items:center;text-align:left;padding:24px 34px 24px 24px}
.review-img{grid-row:1/span 3;align-self:stretch;border-radius:14px;overflow:hidden;border:2px solid rgba(201,162,58,.6);min-height:200px}
.review-img img{width:100%;height:100%;object-fit:cover;display:block}
.review.has-img .q{margin:8px 0 10px}
.review.has-img p{margin:0 0 14px;max-width:none}
.review.has-img footer{justify-content:flex-start}
@media (max-width:640px){
  .review.has-img{grid-template-columns:1fr;text-align:center;padding:16px 16px 20px}
  .review-img{grid-row:auto;min-height:0;height:170px;margin-bottom:10px}
  .review.has-img footer{justify-content:center}
}

/* 5. Booking as its own page */
#bookView .book{min-height:calc(100vh - 78px);padding-top:clamp(48px,6vw,80px)}
.book-back{display:inline-block;margin:0 0 18px;color:var(--gold-2);font-size:15px;text-decoration:none}
.book-back:hover{color:#fff}

/* 6. WhatsApp chat button */
.wa-float{position:fixed;right:22px;bottom:22px;z-index:60;width:60px;height:60px;border-radius:50%;background:#25D366;display:grid;place-items:center;box-shadow:0 10px 26px rgba(0,0,0,.28);transition:transform .2s}
.wa-float:hover{transform:scale(1.08)}
.wa-float svg{width:32px;height:32px;fill:#fff}
.wa-float span{position:absolute;right:72px;background:#fff;color:var(--ink);font-size:14px;font-weight:500;padding:7px 12px;border-radius:10px;white-space:nowrap;box-shadow:0 6px 18px rgba(0,0,0,.15);opacity:0;transform:translateX(6px);transition:.2s;pointer-events:none}
.wa-float:hover span{opacity:1;transform:none}
@media (max-width:860px){.wa-float{bottom:86px;right:14px;width:54px;height:54px}.wa-float span{display:none}}

/* 7. Footer social icons */
.foot-social{display:flex;gap:10px}
.foot-social a{width:40px;height:40px;border-radius:50%;border:1px solid rgba(201,162,58,.55);display:grid;place-items:center;color:var(--gold-2);transition:background .2s,color .2s}
.foot-social a:hover{background:var(--gold);color:var(--forest-deep)}
.foot-social svg{width:18px;height:18px;fill:currentColor}