/* Brand Invest V8 — unified gold architectural icon and Istanbul illustration system */
:root {
  --v8-navy: #031a33;
  --v8-navy-2: #071f3b;
  --v8-gold: #d9a63a;
  --v8-gold-light: #f0c86a;
  --v8-gold-deep: #b9821f;
  --v8-gold-line: rgba(217, 166, 58, .34);
  --v8-shadow: 0 24px 70px rgba(3, 26, 51, .16);
}
.brand-v8 .v8-icon-frame,
.brand-v8 .v8-card-icon,
.brand-v8 .v8-step-icon,
.brand-v8 .v8-address-icon,
.brand-v8 .v8-fact-icon {
  display: inline-grid;
  place-items: center;
  flex: 0 0 auto;
  background: radial-gradient(circle at 35% 25%, #0b2c50 0, var(--v8-navy) 68%);
  border: 1px solid var(--v8-gold-line);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 12px 28px rgba(3,26,51,.16);
}
.brand-v8 .v8-icon-frame { width: 72px; height: 72px; border-radius: 18px; }
.brand-v8 .v8-icon-frame img { width: 48px; height: 48px; object-fit: contain; }
.brand-v8 .goal-icon.v8-icon-frame { margin-bottom: 24px; font-size: 0; color: transparent; }
.brand-v8 .v8-card-icon { width: 62px; height: 62px; border-radius: 16px; margin-bottom: 20px; }
.brand-v8 .v8-card-icon img { width: 42px; height: 42px; object-fit: contain; }
.brand-v8 .v8-fact-icon { width: 46px; height: 46px; border-radius: 13px; margin-bottom: 13px; }
.brand-v8 .v8-fact-icon img { width: 30px; height: 30px; object-fit: contain; }
.brand-v8 .v8-address-icon { width: 70px; height: 70px; border-radius: 18px; margin-bottom: 18px; }
.brand-v8 .v8-address-icon img { width: 46px; height: 46px; object-fit: contain; }
.brand-v8 .v8-step-icon { width: 58px; height: 58px; border-radius: 15px; margin-bottom: 14px; }
.brand-v8 .v8-step-icon img { width: 38px; height: 38px; object-fit: contain; }
.brand-v8 .timeline .step { min-height: 172px; position: relative; display: flex; flex-direction: column; align-items: flex-start; }
[dir="rtl"] .brand-v8 .timeline .step { align-items: flex-end; }
.brand-v8 .timeline .step-num { position: absolute; inset-block-start: 14px; inset-inline-end: 16px; color: rgba(217,166,58,.58); font-size: .74rem; letter-spacing: .1em; }
.brand-v8 .timeline .step small { font-size: .82rem; line-height: 1.55; }
.brand-v8 .v8-accordion-icon { display: inline-grid; place-items: center; width: 34px; height: 34px; border-radius: 9px; background: var(--v8-navy); border: 1px solid var(--v8-gold-line); margin-inline-end: 12px; }
.brand-v8 .v8-accordion-icon img { width: 22px; height: 22px; object-fit: contain; }
.brand-v8 .v8-service-label { display: inline-flex; align-items: center; }
.brand-v8 .v8-button-icon { width: 20px; height: 20px; object-fit: contain; margin-inline-end: 9px; }
.brand-v8 .btn-primary .v8-button-icon { filter: drop-shadow(0 2px 4px rgba(0,0,0,.18)); }
.brand-v8 .whatsapp-float { display: grid; place-items: center; font-size: 0; background: var(--v8-navy) !important; border: 1px solid rgba(240,200,106,.66); box-shadow: 0 15px 34px rgba(3,26,51,.3), inset 0 0 0 1px rgba(255,255,255,.04); }
.brand-v8 .whatsapp-float img { width: 34px; height: 34px; object-fit: contain; }
.brand-v8 .mobile-bar a { display: inline-flex; align-items: center; justify-content: center; }
.brand-v8 .mobile-bar a .v8-button-icon { width: 19px; height: 19px; }

/* The bespoke Istanbul illustration becomes the recurring visual signature. */
.brand-v8 .page-hero {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  background-image: linear-gradient(90deg, rgba(3,26,51,.98), rgba(3,26,51,.78));
  background-position: center, right center;
  background-size: cover, min(900px, 70vw) auto;
  background-repeat: no-repeat;
}
[dir="rtl"] .brand-v8 .page-hero {
  background-image: linear-gradient(270deg, rgba(3,26,51,.98), rgba(3,26,51,.78));
  background-position: center, left center;
}
.brand-v8 .page-hero::after { content: ""; position: absolute; inset: auto 0 0; height: 1px; background: linear-gradient(90deg, transparent, var(--v8-gold), transparent); opacity: .7; }
.brand-v8 .page-hero .container { position: relative; z-index: 1; }

.brand-v8 .v8-city-showcase { padding-block: clamp(38px, 6vw, 86px); }
.brand-v8 .v8-city-card { background: var(--v8-navy); border-radius: 30px; overflow: hidden; box-shadow: var(--v8-shadow); border: 1px solid rgba(217,166,58,.24); display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(300px, .75fr); min-height: 520px; }
[dir="rtl"] .brand-v8 .v8-city-card { grid-template-columns: minmax(300px, .75fr) minmax(0, 1.55fr); }
.brand-v8 .v8-city-visual { margin: 0; min-height: 100%; overflow: hidden; order: 0; background: #031a33; }
[dir="rtl"] .brand-v8 .v8-city-visual { order: 2; }
.brand-v8 .v8-city-visual img { width: 100%; height: 100%; min-height: 520px; object-fit: cover; object-position: center; display: block; transition: transform .9s cubic-bezier(.2,.7,.2,1); }
.brand-v8 .v8-city-card:hover .v8-city-visual img { transform: scale(1.025); }
.brand-v8 .v8-city-copy { padding: clamp(38px, 5vw, 78px); display: flex; flex-direction: column; justify-content: center; color: #fff; position: relative; }
.brand-v8 .v8-city-copy::before { content: ""; position: absolute; inset-block: 14%; inset-inline-start: 0; width: 1px; background: linear-gradient(transparent, var(--v8-gold), transparent); }
[dir="rtl"] .brand-v8 .v8-city-copy::before { inset-inline-start: auto; inset-inline-end: 0; }
.brand-v8 .v8-city-copy .display { font-size: clamp(2.25rem, 4vw, 4.6rem); max-width: 650px; }
.brand-v8 .v8-city-copy p { color: rgba(255,255,255,.72); max-width: 610px; font-size: 1.05rem; line-height: 1.9; margin-bottom: 28px; }
.brand-v8 .v8-city-copy .btn { align-self: flex-start; }
[dir="rtl"] .brand-v8 .v8-city-copy .btn { align-self: flex-end; }

.brand-v8 .warm-band { display: grid; grid-template-columns: minmax(0, .92fr) minmax(360px, 1.08fr); align-items: center; gap: clamp(30px, 5vw, 70px); overflow: hidden; padding-block: clamp(36px, 5vw, 70px); }
[dir="rtl"] .brand-v8 .warm-band { grid-template-columns: minmax(360px, 1.08fr) minmax(0, .92fr); }
.brand-v8 .warm-band > :not(.v8-band-art) { grid-column: 1; }
[dir="rtl"] .brand-v8 .warm-band > :not(.v8-band-art) { grid-column: 2; }
.brand-v8 .v8-band-art { grid-column: 2; grid-row: 1 / span 5; width: 100%; max-height: 430px; object-fit: cover; border-radius: 24px; border: 1px solid rgba(217,166,58,.28); box-shadow: 0 22px 55px rgba(3,26,51,.2); }
[dir="rtl"] .brand-v8 .v8-band-art { grid-column: 1; }

.brand-v8 .goal-card,
.brand-v8 .why-card,
.brand-v8 .benefit-card,
.brand-v8 .article-card,
.brand-v8 .contact-card,
.brand-v8 .area-card { border-color: rgba(217,166,58,.2); }
.brand-v8 .goal-card:hover,
.brand-v8 .why-card:hover,
.brand-v8 .benefit-card:hover,
.brand-v8 .article-card:hover,
.brand-v8 .contact-card:hover,
.brand-v8 .area-card:hover { border-color: rgba(217,166,58,.55); box-shadow: 0 24px 60px rgba(3,26,51,.12); }
.brand-v8 .benefit-card { position: relative; overflow: hidden; }
.brand-v8 .benefit-card::after { content: ""; position: absolute; inset-inline-end: -50px; inset-block-start: -50px; width: 130px; height: 130px; border: 1px solid rgba(217,166,58,.14); transform: rotate(45deg); pointer-events: none; }
.brand-v8 .article-card .v8-card-icon,
.brand-v8 .area-card .v8-card-icon { transition: transform .35s ease; }
.brand-v8 .article-card:hover .v8-card-icon,
.brand-v8 .area-card:hover .v8-card-icon { transform: translateY(-4px); }
.brand-v8 .contact-card { position: relative; overflow: hidden; }
.brand-v8 .contact-card::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 3px; background: linear-gradient(var(--v8-gold-light), var(--v8-gold-deep)); opacity: .8; }
[dir="rtl"] .brand-v8 .contact-card::before { left: auto; right: 0; }
.brand-v8 .soft-panel .v8-address-icon + h2 { margin-top: 0; }

.brand-v8 .filter-bar::before { content: ""; width: 32px; height: 32px; flex: 0 0 32px; background: url('../images/v8/icons/filters.png') center/contain no-repeat; }
.brand-v8 .favorite { color: var(--v8-gold-deep); border-color: rgba(217,166,58,.34); }
.brand-v8 .project-card:hover .project-image img { transform: scale(1.025); }

@media (max-width: 980px) {
  .brand-v8 .v8-city-card,
  [dir="rtl"] .brand-v8 .v8-city-card { grid-template-columns: 1fr; }
  .brand-v8 .v8-city-visual,
  [dir="rtl"] .brand-v8 .v8-city-visual { order: 0; min-height: 360px; }
  .brand-v8 .v8-city-visual img { min-height: 360px; }
  .brand-v8 .v8-city-copy::before { inset-block: 0 auto; inset-inline: 12% 12%; width: auto; height: 1px; background: linear-gradient(90deg, transparent, var(--v8-gold), transparent); }
  .brand-v8 .warm-band,
  [dir="rtl"] .brand-v8 .warm-band { grid-template-columns: 1fr; }
  .brand-v8 .warm-band > :not(.v8-band-art),
  [dir="rtl"] .brand-v8 .warm-band > :not(.v8-band-art),
  .brand-v8 .v8-band-art,
  [dir="rtl"] .brand-v8 .v8-band-art { grid-column: 1; }
  .brand-v8 .v8-band-art { grid-row: auto; order: -1; max-height: 330px; }
}
@media (max-width: 640px) {
  .brand-v8 .v8-icon-frame { width: 58px; height: 58px; border-radius: 15px; }
  .brand-v8 .v8-icon-frame img { width: 38px; height: 38px; }
  .brand-v8 .v8-city-card { border-radius: 22px; min-height: 0; }
  .brand-v8 .v8-city-visual,
  .brand-v8 .v8-city-visual img { min-height: 250px; }
  .brand-v8 .v8-city-copy { padding: 32px 24px 38px; }
  .brand-v8 .v8-city-copy .display { font-size: 2.35rem; }
  .brand-v8 .page-hero { background-size: cover, auto 82%; background-position: center, center bottom; }
  .brand-v8 .timeline .step { min-height: 150px; }
  .brand-v8 .warm-band { padding: 22px; }
}
@media (prefers-reduced-motion: reduce) {
  .brand-v8 .v8-city-visual img,
  .brand-v8 .article-card .v8-card-icon,
  .brand-v8 .area-card .v8-card-icon { transition: none; }
}

/* ============================================================
   V11 — Unified gold SVG line-icon set (replaces muddy PNG icons)
   Swapped centrally via content:url so every page stays consistent.
   ============================================================ */
.brand-v8 img[src$="v8/icons/consultation.png"]{content:url(../images/v8/icons-svg/consultation.svg)}
.brand-v8 img[src$="v8/icons/filters.png"]{content:url(../images/v8/icons-svg/filters.svg)}
.brand-v8 img[src$="v8/icons/location.png"]{content:url(../images/v8/icons-svg/location.svg)}
.brand-v8 img[src$="v8/icons/legal-review.png"]{content:url(../images/v8/icons-svg/legal-review.svg)}
.brand-v8 img[src$="v8/icons/contract.png"]{content:url(../images/v8/icons-svg/contract.svg)}
.brand-v8 img[src$="v8/icons/handover.png"]{content:url(../images/v8/icons-svg/handover.svg)}
.brand-v8 img[src$="v8/icons/settlement.png"]{content:url(../images/v8/icons-svg/settlement.svg)}
.brand-v8 img[src$="v8/icons/support.png"]{content:url(../images/v8/icons-svg/support.svg)}
.brand-v8 img[src$="v8/icons/investment.png"]{content:url(../images/v8/icons-svg/investment.svg)}
.brand-v8 img[src$="v8/icons/property.png"]{content:url(../images/v8/icons-svg/property.svg)}
.brand-v8 img[src$="v8/icons/passport.png"]{content:url(../images/v8/icons-svg/passport.svg)}
.brand-v8 img[src$="v8/icons/buildings.png"]{content:url(../images/v8/icons-svg/buildings.svg)}
.brand-v8 img[src$="v8/icons/security.png"]{content:url(../images/v8/icons-svg/security.svg)}
.brand-v8 img[src$="v8/icons/appointment.png"]{content:url(../images/v8/icons-svg/appointment.svg)}
.brand-v8 img[src$="v8/icons/document.png"]{content:url(../images/v8/icons-svg/document.svg)}
.brand-v8 img[src$="v8/icons/email.png"]{content:url(../images/v8/icons-svg/email.svg)}
.brand-v8 img[src$="v8/icons/phone.png"]{content:url(../images/v8/icons-svg/phone.svg)}
.brand-v8 img[src$="v8/icons/payment.png"]{content:url(../images/v8/icons-svg/payment.svg)}
.brand-v8 img[src$="v8/icons/language.png"]{content:url(../images/v8/icons-svg/language.svg)}
.brand-v8 .v8-icon-frame img,.brand-v8 .v8-step-icon img,.brand-v8 .v8-accordion-icon img,.brand-v8 .v8-card-icon img,.brand-v8 .v8-fact-icon img,.brand-v8 .v8-address-icon img{object-fit:contain}
.brand-v8 .filter-bar::before{background:url('../images/v8/icons-svg/filters.svg') center/contain no-repeat!important}