/* Cityyframe website refresh (26-10-2026): same look as the app — Inter text, Bricolage headings, blue + yellow, softer cards. Loaded after styles.css. */
:root{--cf-blue:#0b4a8b;--cf-blue-2:#1565c0;--cf-yellow:#ffc93c;--cf-ink:#0f172a;--cf-muted:#5b6474;--cf-line:#e7ebf1;--cf-soft:#f5f8fc}
body{font-family:'Inter',Roboto,sans-serif;color:var(--cf-ink)}
.section-title{font-family:'Bricolage Grotesque','Inter',sans-serif;font-weight:700;font-size:30px;letter-spacing:-.3px;color:var(--cf-ink)}
.section-subtitle{font-size:15px;color:var(--cf-muted)}
.section-header{margin-bottom:22px}
@media (max-width:575px){.section-title{font-size:24px}}

/* category tiles */
.categorysection{padding-top:28px}
.category-card{background:#fff;border:1px solid var(--cf-line);border-radius:18px;box-shadow:0 1px 2px rgba(15,23,42,.04);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.category-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(11,74,139,.14);border-color:#cfe0f5}
.category-card__icon img{transition:transform .25s ease}
.category-card:hover .category-card__icon img{transform:scale(1.08)}
.category-card__label{font-weight:600;font-size:13.5px;color:var(--cf-ink)}

/* property cards */
.listing-card{border-radius:16px;border:1px solid var(--cf-line);box-shadow:0 4px 18px rgba(15,23,42,.07);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;font-family:'Inter',sans-serif}
.listing-card:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(15,23,42,.14)}
.listing-card .card-image{overflow:hidden}
.listing-card .card-image img{transition:transform .5s ease}
.listing-card:hover .card-image img{transform:scale(1.06)}
.listing-card .price{font-family:'Bricolage Grotesque','Inter',sans-serif;font-weight:700;font-size:20px;color:var(--cf-blue)}
.listing-card .meta{display:inline-block;background:#fff4d6;color:#7a5200;border-radius:20px;padding:2px 10px;font-size:12px;font-weight:600;margin:4px 0 6px}
.listing-card .title a{font-weight:600;color:var(--cf-ink)}
.listing-card .badge-featured{background:var(--cf-yellow);color:#0b2545;font-weight:700;border-radius:20px;padding:3px 10px;font-size:11px;letter-spacing:.3px}
.listing-card .card-body.featured{border-left-color:var(--cf-yellow)}

/* section backgrounds for rhythm */
.newly-added{background:var(--cf-soft);padding-top:48px;padding-bottom:48px}
.insights{padding-top:48px}

/* buttons */
.main-btn,.main-btn-2{border-radius:12px;font-weight:600}
.carousel-btn{border-radius:50%;box-shadow:0 6px 16px rgba(15,23,42,.15);background:#fff;color:var(--cf-blue);border:1px solid var(--cf-line)}
.carousel-btn:hover{background:var(--cf-blue);color:#fff}

/* cities */
.location-card{border-radius:18px;overflow:hidden;box-shadow:0 6px 20px rgba(15,23,42,.10)}
.location-card__image{transition:transform .5s ease}
.location-card:hover .location-card__image{transform:scale(1.07)}
.location-card__overlay{background:linear-gradient(180deg,rgba(11,37,69,0) 35%,rgba(11,37,69,.85) 100%)}
.location-card__name{font-family:'Bricolage Grotesque','Inter',sans-serif;font-weight:700;font-size:22px}
.location-card__count{display:inline-block;width:fit-content;align-self:flex-start;background:var(--cf-yellow);color:#0b2545;border-radius:20px;padding:2px 10px;font-weight:600;font-size:12px;margin-top:4px}

/* blog cards */
.insights .post-item{border:1px solid var(--cf-line);border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 4px 16px rgba(15,23,42,.06);transition:transform .2s ease,box-shadow .2s ease;height:100%}
.insights .post-item:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(15,23,42,.12)}
.insights .post-item-body{padding:16px 18px 18px}
.insights .meta-category{color:var(--cf-blue);font-weight:600}
.insights .readmore-btn{color:var(--cf-blue);font-weight:600}

/* plan cards */
.box-pricing{border-radius:18px;overflow:hidden;box-shadow:0 6px 22px rgba(15,23,42,.08);transition:transform .2s ease}
.box-pricing:hover{transform:translateY(-4px)}

/* trust strip (new, home page) */
.cf-trust{padding:8px 0 40px}
.cf-trust__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.cf-trust__item{background:#fff;border:1px solid var(--cf-line);border-radius:16px;padding:18px 18px;display:flex;gap:14px;align-items:center}
.cf-trust__num{font-family:'Bricolage Grotesque','Inter',sans-serif;font-weight:800;font-size:28px;color:var(--cf-blue);line-height:1}
.cf-trust__icon{flex:0 0 46px;height:46px;border-radius:14px;background:#eaf2fc;display:flex;align-items:center;justify-content:center;color:var(--cf-blue)}
.cf-trust__label{font-size:13.5px;color:var(--cf-muted);margin-top:4px}
.cf-trust__title{font-weight:700;font-size:15px}
@media (max-width:991px){.cf-trust__grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:480px){.cf-trust__grid{grid-template-columns:1fr}}

.cf-app__title,.cf-spaces__box h3{font-family:'Bricolage Grotesque','Inter',sans-serif;letter-spacing:-.3px}

/* footer polish */
.footer{background:#0b1b2e}
.footer__copyright{background:#081422}