/* The Ekin Collection carousels (ekin-collection.js): home page and Search Homes. */
.ekin-collection{--ec-green:#0f2f2c;--ec-gold:#c99a3f;--ec-gold-soft:#e5c98d;--ec-cream:#f7f3ea;--ec-ink:#1f2a28;--ec-muted:#5f6b68;padding:56px 6vw 52px;background:var(--ec-cream);color:var(--ec-ink)}
.ekin-collection[hidden]{display:none}
/* Keeping its room until its rows are in (ekin-collection.js): unseen, and out of screen readers' way. */
.ekin-collection.is-waiting{visibility:hidden}
/* While the homes are on their way (the home page): the section holds its place with cards of the same shape, so what
   peeks under the top on a phone is this section, not the lifestyle cards it would push down once the homes arrive
   (Lighthouse layout shift, 30 October 2026). The tabs and arrows keep their room until there is something to choose. */
.ekin-collection.is-loading :is(.ekin-collection-tabs,.ekin-collection-arrow){visibility:hidden}
.ekin-card-placeholder{pointer-events:none;box-shadow:none}
.ekin-card-placeholder .ekin-card-photo{background:#e8e1d2}
.ekin-card-placeholder .ekin-card-body>span{display:block;width:72%;height:13px;border-radius:4px;background:#efe9dd}
.ekin-card-placeholder .ekin-card-body>span:nth-child(1){width:46%;height:26px}
.ekin-card-placeholder .ekin-card-body>span:nth-child(2){width:84%;height:20px}
.ekin-card-placeholder .ekin-card-body>span:nth-child(4){width:64%;height:19px;margin-top:16px}
.ekin-card-placeholder .ekin-card-body>span:nth-child(5){width:56%;height:16px}
.ekin-collection-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:18px 32px;max-width:1240px;margin:0 auto 26px}
.ekin-collection-kicker{margin:0 0 10px;color:#8a6a2c;font:700 11px/1.2 "Montserrat","Avenir Next",Arial,sans-serif;letter-spacing:.28em;text-transform:uppercase}
.ekin-collection h2{margin:0;color:var(--ec-green);font:500 clamp(1.8rem,3.4vw,2.6rem)/1.1 "Playfair Display",serif}
.ekin-collection-tabs{display:inline-flex;gap:4px;padding:4px;border:1px solid rgba(15,47,44,.16);border-radius:999px;background:#fff}
.ekin-collection-tabs button{min-height:40px;padding:0 20px;border:0;border-radius:999px;background:transparent;color:var(--ec-green);font:600 13px/1 "Montserrat","Avenir Next",Arial,sans-serif;letter-spacing:.04em;cursor:pointer}
.ekin-collection-tabs button[aria-selected=true]{background:var(--ec-green);color:#fff;box-shadow:inset 0 -2px 0 var(--ec-gold)}
.ekin-collection-tabs button:hover:not([aria-selected=true]){color:#8a6a2c}
.ekin-collection-tabs button:focus-visible,.ekin-collection-arrow:focus-visible,.ekin-card a:focus-visible,.ekin-card-save:focus-visible,.ekin-collection-all:focus-visible{outline:2px solid var(--ec-gold);outline-offset:3px}
.ekin-collection-stage{position:relative;max-width:1240px;margin:0 auto}
.ekin-collection-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 48px)/3);gap:24px;margin:0 0 -20px;padding:4px 2px 30px;list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}
.ekin-collection-track::-webkit-scrollbar{display:none}
.ekin-collection-arrow{position:absolute;top:34%;z-index:2;display:grid;place-items:center;width:46px;height:46px;border:1px solid rgba(15,47,44,.18);border-radius:50%;background:#fff;color:var(--ec-green);font:400 26px/1 Georgia,serif;box-shadow:0 8px 24px rgba(15,47,44,.14);cursor:pointer;transition:background .2s,color .2s,opacity .2s}
.ekin-collection-arrow.prev{left:-22px}.ekin-collection-arrow.next{right:-22px}
.ekin-collection-arrow:hover:not(:disabled){background:var(--ec-green);color:var(--ec-gold-soft)}
.ekin-collection-arrow:disabled{opacity:0;pointer-events:none}
.ekin-card{position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid rgba(15,47,44,.1);border-radius:14px;background:#fff;box-shadow:0 10px 30px rgba(15,47,44,.08);scroll-snap-align:start;transition:transform .25s,box-shadow .25s}
.ekin-card:hover{transform:translateY(-3px);box-shadow:0 16px 36px rgba(15,47,44,.14)}
.ekin-card-photo{display:block;aspect-ratio:4/3;overflow:hidden;background:linear-gradient(135deg,#123b37,#0b2522)}
.ekin-card-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s}
.ekin-card:hover .ekin-card-photo img{transform:scale(1.04)}
.ekin-card-photo.is-empty{position:relative}
.ekin-card-photo.is-empty::after{content:"ME";position:absolute;inset:0;display:grid;place-items:center;color:rgba(229,201,141,.55);font:500 42px/1 "Playfair Display",serif;letter-spacing:.08em}
.ekin-card-badge{position:absolute;top:14px;left:14px;display:flex;flex-direction:column;gap:2px;max-width:calc(100% - 80px);margin:0;padding:7px 12px;border-radius:8px;background:var(--ec-gold);color:#1c1608;box-shadow:0 6px 16px rgba(0,0,0,.18);font:600 12px/1.25 "Montserrat","Avenir Next",Arial,sans-serif}
.ekin-card-badge strong{font-size:10px;letter-spacing:.18em;text-transform:uppercase}
.ekin-card-save{position:absolute;top:12px;right:12px;display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:50%;background:rgba(255,255,255,.94);color:var(--ec-green);font:400 21px/1 Arial,sans-serif;box-shadow:0 4px 14px rgba(0,0,0,.16);cursor:pointer}
.ekin-card-save.is-saved{color:#b0472f}
.ekin-card-body{display:flex;flex:1;flex-direction:column;gap:6px;padding:18px 20px 20px}
.ekin-card-price{margin:0;color:var(--ec-green);font:600 1.45rem/1.1 "Playfair Display",serif}
.ekin-card-address{margin:0;font:600 15px/1.35 "Montserrat","Avenir Next",Arial,sans-serif}
.ekin-card-address a{color:var(--ec-ink);text-decoration:none}
.ekin-card-address a:hover{text-decoration:underline;text-decoration-color:var(--ec-gold)}
.ekin-card-city{margin:0;color:var(--ec-muted);font-size:13px}
.ekin-card-facts{display:flex;flex-wrap:wrap;gap:4px 16px;margin:6px 0 0;padding:10px 0 0;border-top:1px solid rgba(15,47,44,.1);list-style:none;color:var(--ec-ink);font-size:13px;font-weight:600}
.ekin-card-listed{margin:2px 0 0;color:var(--ec-muted);font-size:11.5px;line-height:1.4}
.ekin-card-view{align-self:flex-start;margin-top:auto;padding-top:10px;color:#8a6a2c;font:700 12px/1 "Montserrat","Avenir Next",Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;text-decoration:none}
.ekin-card-view:hover{color:var(--ec-green)}
.ekin-collection-all{display:table;margin:26px auto 0;padding:13px 26px;border:1px solid var(--ec-green);border-radius:999px;color:var(--ec-green);font:700 12px/1 "Montserrat","Avenir Next",Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;transition:background .2s,color .2s}
.ekin-collection-all:hover{background:var(--ec-green);color:#fff}
@media(max-width:1024px){.ekin-collection-track{grid-auto-columns:calc((100% - 24px)/2)}}
@media(max-width:720px){
  .ekin-collection{padding:42px 16px 40px}
  .ekin-collection-head{align-items:flex-start}
  .ekin-collection-tabs{width:100%}.ekin-collection-tabs button{flex:1;padding:0 10px}
  .ekin-collection-track{grid-auto-columns:84%;gap:14px}
  .ekin-collection-arrow{display:none}
}
@media(prefers-reduced-motion:reduce){.ekin-card,.ekin-card-photo img,.ekin-collection-arrow{transition:none}.ekin-card:hover{transform:none}.ekin-card:hover .ekin-card-photo img{transform:none}}
.ekin-card-featured{align-self:flex-start;margin:0 0 2px;padding:3px 10px;border:1px solid var(--ec-gold);border-radius:999px;color:#8a6a2c;font:700 10px/1.4 "Montserrat","Avenir Next",Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase}
/* Home page: the Search Homes lifestyle cards under the collection, then its "View all" link. */
.home-lifestyle{--ec-green:#0f2f2c;--ec-gold:#c99a3f;padding:0 6vw 56px;background:#f7f3ea}
.ekin-collection[hidden]+.home-lifestyle{padding-top:56px}
/* That padding changes when the collection appears or hides, which stops Chrome keeping the visitor's
   place while it is the scroll anchor; anchoring on the calculator below keeps /#calculators in place. */
.home-lifestyle{overflow-anchor:none}
.home-lifestyle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:1240px;margin:0 auto}
.home-lifestyle .lifestyle-card{position:relative;display:block;min-width:0;aspect-ratio:16/10;border-radius:10px;overflow:hidden;background:#0b2f2d;color:#fff;text-align:left;text-decoration:none}
.home-lifestyle .lifestyle-card img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.home-lifestyle .lifestyle-card:not(.lifestyle-banner) img{position:absolute;inset:0 0 auto;height:84%;object-position:center top}
.home-lifestyle .lifestyle-card-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(11,47,45,.55) 62%,#0b2f2d 86%);pointer-events:none}
.home-lifestyle .lifestyle-card-icon{position:absolute;z-index:1;left:18px;top:18px;display:grid;place-items:center;width:46px;height:46px;border:1px solid rgba(217,176,98,.75);border-radius:50%;background:rgba(11,47,45,.88);color:#e2c07a;box-shadow:0 6px 18px rgba(0,0,0,.25)}
.home-lifestyle .lifestyle-card-icon svg{width:22px;height:22px}
.home-lifestyle .lifestyle-card-copy{position:absolute;left:0;right:72px;bottom:0;padding:0 22px 20px}
.home-lifestyle .lifestyle-card-copy strong{display:block;font:500 22px/1.2 "Playfair Display",Georgia,serif}
.home-lifestyle .lifestyle-card-copy small{display:block;margin-top:4px;font-size:13px;line-height:1.5;opacity:.92}
.home-lifestyle .lifestyle-card-arrow{position:absolute;right:18px;bottom:18px;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:#fff;color:#17383e;font-size:17px;transition:background .2s ease}
.home-lifestyle .lifestyle-card:hover img,.home-lifestyle .lifestyle-card:focus-visible img{transform:scale(1.045)}
.home-lifestyle .lifestyle-card:hover .lifestyle-card-arrow,.home-lifestyle .lifestyle-card:focus-visible .lifestyle-card-arrow{background:var(--gold)}
.home-lifestyle .lifestyle-card:focus-visible{outline:3px solid #c9a050;outline-offset:3px}
.home-lifestyle .lifestyle-banner{grid-column:1/-1;display:flex;align-items:center;min-height:290px;aspect-ratio:auto;border-radius:12px}
.home-lifestyle .lifestyle-banner img{position:absolute;top:0;right:0;width:60%;object-position:center 60%}
.home-lifestyle .lifestyle-banner .lifestyle-card-overlay{background:linear-gradient(90deg,#0b2f2d 0%,#0b2f2d 40%,rgba(11,47,45,.7) 48%,rgba(11,47,45,.15) 62%,rgba(11,47,45,0) 72%)}
.home-lifestyle .invest-banner-copy{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;padding:36px 48px}
.home-lifestyle .invest-banner-icon{position:static;margin-bottom:16px}
.home-lifestyle .invest-banner-kicker{color:#d9b062;font-size:12px;font-weight:700;letter-spacing:.28em;text-transform:uppercase}
.home-lifestyle .invest-banner-kicker::after{content:"";display:block;width:150px;height:1px;margin:14px 0 18px;background:rgba(201,160,80,.7)}
.home-lifestyle .invest-banner-title{font:500 clamp(32px,3.3vw,46px)/1.1 "Playfair Display",Georgia,serif}
.home-lifestyle .invest-banner-sub{margin-top:10px;color:rgba(255,255,255,.92);font-size:16px;line-height:1.5}
.home-lifestyle .invest-banner-cta{display:inline-flex;align-items:center;gap:12px;margin-top:24px;padding:13px 30px;border-radius:999px;background:#d4a24c;color:#12262b;font-size:15px;font-weight:700;transition:background .2s ease,box-shadow .2s ease}
.home-lifestyle .lifestyle-banner:hover .invest-banner-cta,.home-lifestyle .lifestyle-banner:focus-visible .invest-banner-cta{background:#e2b45a;box-shadow:0 10px 24px rgba(0,0,0,.25)}
.home-lifestyle .ekin-collection-all{margin-top:30px}
/* Three narrow cards: taller, with a smaller icon, so a title on two lines stays clear of it. */
@media(min-width:901px) and (max-width:1100px){.home-lifestyle .lifestyle-card:not(.lifestyle-banner){aspect-ratio:5/4}.home-lifestyle .lifestyle-card:not(.lifestyle-banner) .lifestyle-card-icon{left:14px;top:14px;width:38px;height:38px}}
@media(max-width:900px){.home-lifestyle-grid{grid-template-columns:1fr}.home-lifestyle .lifestyle-card{aspect-ratio:16/9}}
@media(max-width:720px){.home-lifestyle{padding:0 16px 40px}.ekin-collection[hidden]+.home-lifestyle{padding-top:42px}}
@media(max-width:700px){
  .home-lifestyle .lifestyle-card{aspect-ratio:4/3}
  .home-lifestyle .lifestyle-banner{flex-direction:column;align-items:stretch;min-height:0;aspect-ratio:auto}
  .home-lifestyle .lifestyle-banner img{position:relative;width:100%;height:190px}
  .home-lifestyle .lifestyle-banner .lifestyle-card-overlay{inset:0 0 auto;height:190px;background:linear-gradient(180deg,rgba(11,47,45,0) 50%,#0b2f2d 100%)}
  .home-lifestyle .invest-banner-copy{padding:20px 22px 26px}
  .home-lifestyle .invest-banner-cta{align-self:stretch;justify-content:center}
  .home-lifestyle .lifestyle-card-icon{left:14px;top:14px;width:40px;height:40px}
}
@media(prefers-reduced-motion:reduce){.home-lifestyle .lifestyle-card img{transition:none}.home-lifestyle .lifestyle-card:hover img,.home-lifestyle .lifestyle-card:focus-visible img{transform:none}}
/* Arabic, right to left (html dir="rtl"): the carousel track keeps scrolling left to right
   (ekin-collection.js reads scrollLeft from the left edge), with each card's own text
   right to left; the badge, heart and lifestyle icons and arrows turn. Price, address
   and city read left to right, on the right edge like the rest of the card. */
[dir="rtl"] .ekin-collection-track,[dir="rtl"] .ekin-collection-arrow{direction:ltr}
[dir="rtl"] .ekin-card{direction:rtl}
[dir="rtl"] .ekin-card-badge{left:auto;right:14px}
[dir="rtl"] .ekin-card-save{left:12px;right:auto}
[dir="rtl"] :is(.ekin-card-price,.ekin-card-address,.ekin-card-city){direction:ltr;unicode-bidi:isolate;text-align:right}
[dir="rtl"] .ekin-card-facts>li{unicode-bidi:isolate}
[dir="rtl"] .home-lifestyle .lifestyle-card{text-align:right}
[dir="rtl"] .home-lifestyle .lifestyle-card-icon{left:auto;right:18px}
[dir="rtl"] .home-lifestyle .lifestyle-card-copy{left:72px;right:0}
[dir="rtl"] .home-lifestyle .lifestyle-card-arrow{left:18px;right:auto;transform:scaleX(-1)}
[dir="rtl"] .home-lifestyle .lifestyle-banner img{left:0;right:auto}
@media(min-width:701px){[dir="rtl"] .home-lifestyle .lifestyle-banner .lifestyle-card-overlay{background:linear-gradient(270deg,#0b2f2d 0%,#0b2f2d 40%,rgba(11,47,45,.7) 48%,rgba(11,47,45,.15) 62%,rgba(11,47,45,0) 72%)}}
@media(min-width:901px) and (max-width:1100px){[dir="rtl"] .home-lifestyle .lifestyle-card:not(.lifestyle-banner) .lifestyle-card-icon{right:14px}}
@media(max-width:700px){[dir="rtl"] .home-lifestyle .lifestyle-card-icon{right:14px}}

/* Arabic, Simplified Chinese, Japanese and Korean: the open-house badge label at 11px at least. */
html:is(:lang(ar),:lang(zh-CN),:lang(ja),:lang(ko)) .ekin-card-badge strong{font-size:11px}