/* Shared styles for KeyLime Bay city landing pages (Clearwater + nearby cities) */
.cw-hero { position: relative; min-height: 70vh; background: url('media/hero.jpg') center/cover no-repeat; display:flex; align-items:center; justify-content:center; text-align:center; padding: 8rem 1.5rem 3rem; }
.cw-hero::after { content:''; position:absolute; inset:0; background: linear-gradient(180deg, rgba(0,0,0,.45), rgba(0,0,0,.68)); }
.cw-hero-inner { position:relative; z-index:2; color:#fff; max-width: 840px; }
.cw-eyebrow { font-family: Garamond, Georgia, serif; font-style: italic; font-size: 1.3rem; opacity:.92; margin:0 0 .4rem; }
.cw-hero h1 { font-family: Garamond, Georgia, serif; color:#fff; font-size: 3.2rem; line-height:1.12; margin:0 0 1rem; border:none; }
.cw-hero p.lead { font-size: 1.25rem; line-height:1.5; margin:0 auto 1.3rem; max-width: 640px; }
.cw-stars { font-size:1.05rem; letter-spacing:.04em; margin:0 0 1.8rem; }
.cw-stars b { color:#ffd24a; }
.cw-cta-row { display:flex; gap:1rem; justify-content:center; flex-wrap:wrap; }
.cw-btn { display:inline-block; text-decoration:none; font-weight:bold; font-size:1.05rem; letter-spacing:.04em; text-transform:uppercase; padding:1rem 2.1rem; border-radius:4px; transition:.2s; cursor:pointer; }
.cw-btn-primary { background:#00b36b; color:#fff; }
.cw-btn-primary:hover { background:#009152; }
.cw-btn-ghost { background:rgba(255,255,255,.12); color:#fff; border:2px solid #fff; }
.cw-btn-ghost:hover { background:#fff; color:#0a6b43; }
.cw-btn-outline { background:#fff; color:#0a6b43; border:2px solid #00b36b; }
.cw-btn-outline:hover { background:#00b36b; color:#fff; }

.cw-trust { display:flex; flex-wrap:wrap; justify-content:center; gap:1.2rem 3rem; background:#0a6b43; color:#fff; padding:1.5rem; text-align:center; }
.cw-trust div { font-size:.98rem; line-height:1.3; }
.cw-trust b { display:block; font-family:Garamond,Georgia,serif; font-size:1.55rem; }

.cw-featured { text-align:center; padding:2.3rem 1.5rem; background:#fff; border-bottom:1px solid #eee; }
.cw-featured-label { display:block; font-family:'Arial Narrow',Arial,sans-serif; text-transform:uppercase; letter-spacing:.22em; font-size:.8rem; color:#9a9a9a; margin-bottom:.8rem; }
.cw-featured-logo { display:inline-block; text-decoration:none; }
.cw-featured-logo img { height:68px; width:auto; max-width:280px; vertical-align:middle; }
.cw-featured-fallback { display:none; font-family:Georgia,'Times New Roman',serif; font-size:1.95rem; font-weight:700; color:#1a1a1a; letter-spacing:.005em; }

.cw-section { max-width:1100px; margin:0 auto; padding:4rem 1.5rem; }
.cw-section h2 { font-family:Garamond,Georgia,serif; font-size:2.4rem; color:#0a6b43; text-align:center; margin:0 0 .4rem; border:none; }
.cw-sub { text-align:center; font-style:italic; color:#666; font-size:1.15rem; margin:0 0 2.2rem; }

.cw-why { display:flex; gap:2.5rem; align-items:center; flex-wrap:wrap; }
.cw-why-img { flex:1 1 320px; align-self:stretch; min-height:320px; border-radius:8px; background:#e3efe9 center/cover no-repeat; }
.cw-why-txt { flex:1 1 360px; }
.cw-why-txt p { font-size:1.12rem; line-height:1.75; color:#444; }

.cw-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(155px,1fr)); gap:1rem; }
.cw-card { background:#f6faf8; border:1px solid #e3efe9; border-radius:8px; padding:1.6rem 1rem 1.4rem; text-align:center; transition:.2s; }
.cw-card:hover { border-color:#bfe3d2; box-shadow:0 4px 14px rgba(10,107,67,.08); }
.cw-card svg { width:40px; height:40px; display:block; margin:0 auto; }
.cw-card .lbl { margin-top:.8rem; font-weight:bold; color:#0a6b43; font-size:1rem; }

.cw-stamp { position:absolute; right:6%; bottom:7%; z-index:3; width:118px; height:118px; border-radius:50%; background:#00b36b; color:#fff; border:3px solid rgba(255,255,255,.92); box-shadow:0 6px 20px rgba(0,0,0,.35); display:flex; flex-direction:column; align-items:center; justify-content:center; transform:rotate(-10deg); }
.cw-stamp svg { width:32px; height:32px; }
.cw-stamp span { font-family:'Arial Narrow',Arial,sans-serif; font-weight:bold; font-size:.82rem; letter-spacing:.1em; text-transform:uppercase; line-height:1.05; text-align:center; margin-top:4px; }
@media (max-width:700px){ .cw-stamp{ width:84px; height:84px; right:4%; bottom:4%; } .cw-stamp svg{ width:24px; height:24px; } .cw-stamp span{ font-size:.62rem; } }

/* .cw-feat-badge styles live in nav.css so the badge can be shared site-wide (homepage + city pages) */

.cw-loc-wrap { background:#f6faf8; }
.cw-loc-map { display:block; width:100%; max-width:1000px; height:auto; margin:0 auto 1.8rem; border-radius:10px; box-shadow:0 6px 24px rgba(0,0,0,.12); }
.cw-loc-list { max-width:600px; margin:0 auto; list-style:none; padding:0; }
.cw-loc-list li { font-size:1.15rem; padding:.7rem .2rem; border-bottom:1px solid #e0ece6; display:flex; justify-content:space-between; align-items:center; }
.cw-loc-list li b { color:#0a6b43; white-space:nowrap; padding-left:1rem; }

.cw-rev-stars { text-align:center; font-size:1.2rem; color:#0a6b43; margin:0 0 1.4rem; }
.cw-rev-stars .s { color:#ffb300; font-size:1.5rem; letter-spacing:.05em; }
.cw-rev-text { text-align:center; max-width:700px; margin:0 auto 1.6rem; font-size:1.15rem; color:#444; line-height:1.75; }
.cw-quotes { display:grid; grid-template-columns:repeat(auto-fit,minmax(245px,1fr)); gap:1.2rem; max-width:1000px; margin:0 auto 2rem; }
.cw-quote { background:#f6faf8; border:1px solid #e3efe9; border-radius:8px; padding:1.5rem 1.4rem; text-align:left; }
.cw-quote .qstars { color:#ffb300; letter-spacing:.06em; font-size:1rem; }
.cw-quote p { font-size:1.02rem; line-height:1.6; color:#333; font-style:italic; margin:.6rem 0 .9rem; }
.cw-quote .qauthor { font-weight:bold; color:#0a6b43; font-size:.95rem; }
.cw-quote .qsrc { color:#9a9a9a; font-weight:normal; font-size:.85rem; }

.cw-final { background:#00b36b; color:#fff; text-align:center; padding:4.5rem 1.5rem; }
.cw-final h2 { color:#fff; font-family:Garamond,Georgia,serif; font-size:2.4rem; margin:0 0 1rem; border:none; }
.cw-final p { font-size:1.2rem; max-width:600px; margin:0 auto 1.9rem; }
.cw-final .cw-btn-primary { background:#fff; color:#0a6b43; }
.cw-final .cw-btn-primary:hover { background:#eafaf2; }
.cw-phone { display:inline-block; margin-top:1.3rem; font-size:1.45rem; color:#fff; text-decoration:none; font-weight:bold; }

@media (max-width:600px){
  .cw-hero h1{ font-size:1.85rem; }
  .cw-hero p.lead{ font-size:1.05rem; }
  .cw-section{ padding:3rem 1.2rem; }
  .cw-section h2,.cw-final h2{ font-size:1.8rem; }
  .cw-rec-body h2{ font-size:1.6rem; }
}

/* KeyLime Recommends (city pages) */
.cw-rec-wrap { background:#f6faf8; border-top:1px solid #eef4f1; border-bottom:1px solid #eef4f1; }
.cw-rec { display:flex; gap:2.5rem; align-items:center; flex-wrap:wrap; }
.cw-rec-img { flex:1 1 320px; align-self:stretch; min-height:300px; border-radius:8px; background:#e3efe9 center/cover no-repeat; }
.cw-rec-body { flex:1 1 360px; }
.cw-rec-eyebrow { font-family:'Arial Narrow',Arial,sans-serif; text-transform:uppercase; letter-spacing:.18em; font-size:.8rem; color:#00b36b; font-weight:bold; margin:0 0 .3rem; }
.cw-rec-body h2 { font-family:Garamond,Georgia,serif; font-size:2.1rem; color:#0a6b43; text-align:left; margin:0 0 .8rem; border:none; }
.cw-rec-desc { font-size:1.12rem; line-height:1.7; color:#444; margin:0 0 1.2rem; }
.cw-rec-links { display:flex; flex-wrap:wrap; gap:.6rem; }
.cw-rec-link { display:inline-block; text-decoration:none; background:#f6faf8; border:1px solid #bfe3d2; color:#0a6b43; font-weight:bold; font-size:.95rem; padding:.55rem 1rem; border-radius:6px; transition:.2s; }
.cw-rec-link:hover { background:#00b36b; color:#fff; border-color:#00b36b; }