/* Berg Estate Design 1.0.0 - shared look matching News & Insights 1.1.0. Display only. */
.beds{--bd-navy:#1F2333;--bd-ov:linear-gradient(100deg,rgba(24,27,40,.94) 0%,rgba(36,43,82,.86) 50%,rgba(76,90,157,.72) 100%);--bd-chip:#4C5A9D;--bd-soft:#eef1fb;--bd-lav:#c9d0f2;--bd-sh:0 2px 6px rgba(31,35,51,.06),0 12px 28px rgba(31,35,51,.08);--bd-sh2:0 6px 14px rgba(31,35,51,.10),0 20px 40px rgba(31,35,51,.14)}
.beds-p-selling,.beds-p-home-evaluation,.beds-p-free-home-valuation,.beds-p-calgary-home-sellers-guide,.beds-p-marketing-strategy{--bd-chip:#B00000}
.beds-p-relocate-to-calgary,.beds-p-newcomer-mortgage-calgary{--bd-chip:#0B6E79}
.beds-p-calgary-market-update{--bd-chip:#3A4679}

/* ---------- headings: bolder Jost ---------- */
.beds :where(h1,h2){font-weight:600;letter-spacing:-.01em}
.beds :where(h3,h4){font-weight:600;letter-spacing:-.005em}
.beds .be-footer :where(h2,h3,h4){font-weight:600;letter-spacing:.08em}
/* section headings get a short Berg-blue rule, like the news article headings */
.beds .be-section:not(.be-center):not(.be-accent) > h2.wp-block-heading:not(.has-text-align-center){position:relative;padding-left:.85rem}
.beds .be-section:not(.be-center):not(.be-accent) > h2.wp-block-heading:not(.has-text-align-center):before{content:"";position:absolute;left:0;top:.18em;bottom:.12em;width:4px;border-radius:2px;background:var(--bd-chip)}

/* ---------- label chips (eyebrows) ---------- */
.beds .be-eyebrow:not(.beddf-crumbs),.beds .begd-eyebrow,.beds .be-lp-hero .be-eyebrow{display:inline-flex;align-items:center;gap:.4rem;width:auto;max-width:100%;box-sizing:border-box;padding:.32rem .8rem;border-radius:999px;background:var(--bd-chip);color:#fff!important;font-size:.72rem;font-weight:700;letter-spacing:.07em;line-height:1.3;box-shadow:0 2px 8px rgba(31,35,51,.18)}
.beds .be-eyebrow:not(.beddf-crumbs):before,.beds .begd-eyebrow:before{content:"";flex:0 0 auto;width:.45rem;height:.45rem;border-radius:50%;background:#fff;opacity:.85}
.beds .be-eyebrow:not(.beddf-crumbs) a{color:#fff!important}
.beds .be-center > .be-eyebrow,.beds .has-text-align-center.be-eyebrow,.beds .be-center .be-eyebrow{margin-left:auto!important;margin-right:auto!important}
.beds :where(.be-center,.be-lp-how-in,.has-text-align-center) > .be-eyebrow{display:table}
.beds .be-footer .be-eyebrow{display:block;padding:0;background:none;box-shadow:none;color:inherit!important;font-size:.8rem}
.beds .be-footer .be-eyebrow:before{display:none}

/* ---------- navy page banners ---------- */
.beds .be-hero:not(.be-lp-hero),.beds .be-page-hero,.beds .be-accent{position:relative;overflow:hidden;isolation:isolate;background:var(--bd-ov),var(--bd-navy)!important;color:#fff;border-bottom:0}
.beds .be-hero:not(.be-lp-hero):after,.beds .be-page-hero:after,.beds .be-accent:after{content:"";position:absolute;right:-8rem;top:-8rem;width:26rem;height:26rem;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.12),rgba(255,255,255,0) 70%);pointer-events:none;z-index:-1}
.beds :is(.be-hero,.be-page-hero,.be-accent) :is(h1,h2,h3,.wp-block-heading){color:#fff}
.beds :is(.be-hero,.be-page-hero) h1{font-weight:600;text-shadow:0 2px 18px rgba(0,0,0,.25)}
.beds :is(.be-hero,.be-page-hero,.be-accent) :is(.be-lead,p:not(.be-eyebrow),li,.ba-contact,small){color:rgba(255,255,255,.88)}
.beds :is(.be-hero,.be-page-hero,.be-accent) :is(p,li):not(.be-eyebrow) a:not(.wp-block-button__link):not(.ba-btn):not(.be-ev-btn){color:#fff}
.beds :is(.be-hero,.be-page-hero) .be-eyebrow:not(.beddf-crumbs){background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.55);box-shadow:none}
.beds :is(.be-hero,.be-page-hero,.be-accent) .wp-block-button:not(.is-style-red):not(.is-style-outline) .wp-block-button__link{background:#fff;border-color:#fff;color:var(--bd-navy)}
.beds :is(.be-hero,.be-page-hero,.be-accent) .wp-block-button:not(.is-style-red):not(.is-style-outline) .wp-block-button__link:hover{background:var(--bd-soft);border-color:var(--bd-soft)}
.beds :is(.be-hero,.be-page-hero,.be-accent) .wp-block-button.is-style-outline .wp-block-button__link{background:transparent;border-color:rgba(255,255,255,.75);color:#fff}
.beds :is(.be-hero,.be-page-hero,.be-accent) .wp-block-button.is-style-outline .wp-block-button__link:hover{background:rgba(255,255,255,.14);border-color:#fff}
.beds :is(.be-hero,.be-page-hero) .wp-block-button__link{box-shadow:0 6px 16px rgba(0,0,0,.18)}
/* breadcrumbs in banners */
.beds :is(.be-hero,.be-page-hero) :is(.be-crumbs,.ba-crumbs,nav[aria-label="Breadcrumb"]) :is(a,li,span,ol){color:rgba(255,255,255,.82)}
/* a white-backed photo inside a banner sits in a rounded white frame */
.beds :is(.be-hero,.be-accent) :is(.be-photo,.wp-block-image) img{mix-blend-mode:normal;border-radius:16px;box-shadow:0 18px 44px rgba(0,0,0,.28)}
/* forms that sit inside a banner keep a white card */
.beds :is(.be-hero,.be-accent) .be-form-wrap{background:#fff;color:var(--be-text,#2C2C2C);border-radius:16px;padding:1.2rem;box-shadow:0 18px 44px rgba(0,0,0,.25)}
.beds :is(.be-hero,.be-accent) .be-form-wrap :is(p,li,label,small,span){color:var(--be-text,#2C2C2C)}
.beds :is(.be-hero,.be-accent) .be-form-wrap a{color:var(--be-accent,#4C5A9D)}

/* home hero: navy with the team photo framed */
.beds .be-home-hero{position:relative;overflow:hidden;isolation:isolate;background:var(--bd-ov),var(--bd-navy)!important;color:#fff;border-bottom:0}
.beds .be-home-hero:after{content:"";position:absolute;right:-8rem;top:-8rem;width:30rem;height:30rem;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.12),rgba(255,255,255,0) 70%);pointer-events:none;z-index:-1}
.beds .be-home-hero h1{color:#fff;font-weight:600;text-shadow:0 2px 18px rgba(0,0,0,.25)}
.beds .be-home-hero h1 :is(mark,em,strong,span){color:#c9d0f2!important;background:none}
.beds .be-home-hero .be-lead{color:rgba(255,255,255,.88)}
.beds .be-home-hero .be-rating{color:#fff;background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.35)}
.beds .be-home-hero .be-rating *{color:inherit}
.beds .be-home-hero .be-rating .be-stars{color:#F5B301}
.beds .be-home-hero .be-tile{border:0;border-top:3px solid var(--be-accent,#4C5A9D);box-shadow:0 10px 26px rgba(0,0,0,.22)}
.beds .be-home-hero .be-tile-red{border-top-color:var(--be-red,#B00000)}
.beds .be-home-hero .be-hero-photo img{mix-blend-mode:normal;border-radius:18px 18px 0 0;background:#fff}
.beds .be-home-hero .be-hero-photo figcaption{box-shadow:0 10px 26px rgba(0,0,0,.25)}

/* photo banners that already exist (home evaluation, landing pages): stronger navy overlay + bolder title */
.beds .be-ev-hero h1,.beds .be-lp-hero h1{font-weight:600;letter-spacing:-.01em}
.beds .be-lp-hero:not(.be-lp-hero-split){background:var(--bd-ov),var(--bd-navy)}
.beds .be-lp-hero-split{position:relative;overflow:hidden;isolation:isolate;background:var(--bd-ov),var(--bd-navy)!important;color:#fff;border-bottom:0}
.beds .be-lp-hero-split :is(h1,h2){color:#fff}
.beds .be-lp-hero-split :is(.be-lead,p,li,span,small):not(.be-eyebrow){color:rgba(255,255,255,.9)}
.beds .be-lp-hero-split .be-lp-hero-text a:not(.wp-block-button__link){color:#fff}
.beds .be-lp-hero-split .be-eyebrow{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.55);box-shadow:none}
.beds .be-lp-hero-split .be-lp-hero-media img{border-radius:18px;box-shadow:0 18px 44px rgba(0,0,0,.3)}
.beds .be-lp-hero-split .be-lp-hero-media :is(figcaption,figcaption *){color:rgba(255,255,255,.75)}
.beds .be-lp-hero-split .be-lp-ico{background:rgba(255,255,255,.12);color:#fff}
.beds .be-lp-hero-split .be-lp-disclosure,.beds .be-lp-hero-split .be-lp-disclosure *{color:rgba(255,255,255,.75)}
.beds .be-lp-hero-split .be-form-wrap,.beds .be-lp-hero-split .be-lp-form{color:var(--be-text,#2C2C2C)}

/* ---------- cards: rounded, soft shadow, lift on hover, whole card clickable ---------- */
.beds :is(.be-card,.bg-card,.beddf-card,.begd-block,.be-tile,.besf2-card){border-radius:16px;transition:transform .2s ease,box-shadow .2s ease}
.beds :is(.be-card,.bg-card,.beddf-card){border-color:transparent;box-shadow:var(--bd-sh)}
.beds .be-card.be-card-img .wp-block-image img,.beds .be-card .wp-block-image img,.beds .bg-media img,.beds .beddf-card-media img{transition:transform .5s ease}
.beds .be-card .wp-block-image,.beds .bg-media,.beds .beddf-card-media{overflow:hidden}
@media (hover:hover){
 .beds :is(.be-card:has(.be-more a),.bg-card:has(h3 a),.beddf-card,.be-tile):hover{transform:translateY(-4px);box-shadow:var(--bd-sh2)}
 .beds :is(.be-card:has(.be-more a) .wp-block-image,.bg-card:has(h3 a) .bg-media,.beddf-card .beddf-card-media):hover img,
 .beds :is(.be-card:has(.be-more a),.bg-card:has(h3 a),.beddf-card):hover :is(.wp-block-image,.bg-media,.beddf-card-media) img{transform:scale(1.04)}
}
.beds .be-card:has(.be-more a){position:relative}
.beds .be-card:has(.be-more a) a{position:relative;z-index:2}
.beds .be-card:has(.be-more a) .be-more a{position:static}
.beds .be-card:has(.be-more a) .be-more a:after{content:"";position:absolute;inset:0;z-index:1}
.beds .be-card .be-more a{font-weight:700}
.beds .bg-card:has(h3 a){position:relative}
.beds .bg-card:has(h3 a) a{position:relative;z-index:2}
.beds .bg-card:has(h3 a) h3 a{position:static}
.beds .bg-card:has(h3 a) h3 a:after{content:"";position:absolute;inset:0;z-index:1}
.beds .beddf-card{position:relative;overflow:hidden}
.beds .beddf-card a{position:relative;z-index:2}
.beds .beddf-card .beddf-card-title a{position:static}
.beds .beddf-card .beddf-card-title a:after{content:"";position:absolute;inset:0;z-index:1}
.beds .beddf-card .beddf-card-media{border-bottom:4px solid var(--bd-chip)}
.beds .beddf-card .beddf-tag{border-radius:999px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;font-size:.68rem;box-shadow:0 2px 8px rgba(0,0,0,.25)}
.beds .beddf-card .beddf-price{font-weight:700;color:var(--bd-navy)}
.beds .beddf-card-title{font-weight:600}
.beds :is(.be-card,.bg-card) h3,.beds .bg-card h3 a{font-weight:600}

/* ---------- key-number tiles: navy ---------- */

.beds :is(.bg-facts,.bg-stats) > li{background:var(--bd-ov),var(--bd-navy)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:14px;color:#fff;box-shadow:0 14px 34px rgba(31,35,51,.18)}
.beds :is(.bg-facts,.bg-stats) > li b{color:#fff!important;font-weight:600}
.beds :is(.bg-facts,.bg-stats) > li :is(span,em,.bg-k,.bg-d,a){color:rgba(255,255,255,.85)!important}
.beds :is(.bg-facts,.bg-stats) > li a{text-decoration:none}
.beds :is(.bg-facts,.bg-stats) .bg-circ{background:rgba(255,255,255,.12)!important;color:#c9d0f2!important}
.beds :is(.bg-facts,.bg-stats) .bg-circ *{color:#c9d0f2!important}
.beds .bg-facts > li:has(> a){transition:transform .2s ease,box-shadow .2s ease}
.beds .bg-facts > li:has(> a):hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(31,35,51,.26)}
/* tiles in a navy banner turn glassy, like the news key-numbers box */
.beds .be-hero :is(.bg-facts,.bg-stats) > li{background:rgba(255,255,255,.09)!important;border:1px solid rgba(255,255,255,.16)!important;box-shadow:none}
/* listing key facts: navy box with glassy tiles, like the news key-numbers box */
.beds .beddf-keyfacts{gap:.6rem;padding:.75rem;background:var(--bd-ov),var(--bd-navy);border:0;border-radius:16px;box-shadow:0 14px 34px rgba(31,35,51,.18)}
.beds .beddf-keyfacts div{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.14);border-radius:12px}
.beds .beddf-keyfacts dt{color:rgba(255,255,255,.8)}
.beds .beddf-keyfacts dd{color:#fff;font-size:1.25rem}

/* ---------- takeaway / note boxes ---------- */
.beds :is(.bedr-note,.be-note,.be-callout,.be-privacy-ip){background:linear-gradient(135deg,#eef1fb 0%,#f7f8fd 100%);border:1px solid #d9def3;border-left:4px solid var(--bd-chip);border-radius:14px;padding:1rem 1.25rem}
.beds .be-checks li:before{color:var(--bd-chip)}

/* ---------- areas (community) pages ---------- */
.beds .be-hero .ba-hero-map,.beds .be-hero .ba-hero-img{border-radius:16px;overflow:hidden;box-shadow:0 18px 44px rgba(0,0,0,.3);border-color:rgba(255,255,255,.2)}
.beds .be-hero .ba-hero-img :is(figcaption,figcaption *){color:rgba(255,255,255,.75)}
.beds .be-hero .ba-btn:not(.ba-btn2){background:#fff;border-color:#fff;color:var(--bd-navy)}
.beds .be-hero .ba-btn2{background:transparent;border-color:rgba(255,255,255,.75);color:#fff}
.beds .be-hero .ba-qb,.beds .be-hero .ba-eb{color:#fff}
.beds .ba-sec,.beds .ba-panel,.beds .bg-panel,.beds .bg-chart{border-radius:16px}
.beds .ba-h2i{font-weight:600}

/* ---------- listings (DDF) ---------- */
.beds .beddf-detail .beddf-title{font-weight:600;letter-spacing:-.01em}
.beds .beddf-detail .beddf-price-lg{font-weight:700;color:var(--bd-navy)}
.beds .beddf-gallery-main{border-radius:16px;overflow:hidden}
.beds .beddf-inquiry{border-radius:16px;box-shadow:var(--bd-sh)}
.beds .beddf-search-wrap{border-radius:16px}

/* ---------- guides ---------- */
.beds .begd-block{box-shadow:var(--bd-sh)}
.beds .begd-cover img{border-radius:10px;box-shadow:0 12px 28px rgba(31,35,51,.2)}

/* ---------- mortgage app header ---------- */
.beds.be-mortgage-app .bemc-title{font-weight:600}

@media (prefers-reduced-motion:reduce){.beds *{transition:none!important}.beds :is(.be-card,.bg-card,.beddf-card,.be-tile):hover{transform:none!important}}
@media (max-width:640px){.beds .be-hero:not(.be-lp-hero):after,.beds .be-page-hero:after,.beds .be-home-hero:after{width:18rem;height:18rem;right:-6rem;top:-6rem}}

/* ---------- fixes after the first local review ---------- */
.beds .be-home-hero + .be-trust{margin-top:0!important}
body.ba-page.beds .be-hero:before{display:none}
body.ba-page.beds .be-hero{border-bottom:0}
.beds .be-hero .ba-btn:not(.ba-btn2){background:#fff!important;border:1.5px solid #fff;color:var(--bd-navy)!important}
.beds .be-hero .ba-btn2{background:transparent!important;border-color:rgba(255,255,255,.75)!important;color:#fff!important;text-decoration:none}
.beds .be-hero .ba-btn:hover{box-shadow:0 6px 16px rgba(0,0,0,.25)}
.beds .be-eyebrow:has(.ba-qb){background:none!important;border:0!important;padding:0;box-shadow:none}
.beds .be-eyebrow:has(.ba-qb):before{display:none}
.beds .be-hero .ba-eb{color:#c9d0f2!important}
.beds .ba-tiles > li{background:none!important;border:0!important;box-shadow:none!important}
.beds .be-hero .ba-tiles a{background:rgba(255,255,255,.09)!important;border:1px solid rgba(255,255,255,.16)!important;box-shadow:none;color:#fff}
.beds .be-hero .ba-tiles a:hover{background:rgba(255,255,255,.15)!important;box-shadow:0 10px 24px rgba(0,0,0,.25)}
.beds .be-hero .ba-tiles b{color:#fff!important}
.beds .be-hero .ba-tiles span:not(.bg-circ){color:rgba(255,255,255,.85)!important}
.beds .be-hero .ba-tiles .bg-circ{background:var(--tc)!important;color:#fff!important}
.beds .be-hero .ba-tiles .bg-circ *{color:#fff!important;stroke:#fff}
.beds .be-hero .ba-hero-img figcaption,.beds .be-hero .ba-hero-img figcaption *{color:var(--be-muted,#5D6170)!important;text-shadow:none}
.beds .be-hero .ba-hero-img figcaption a{text-decoration:underline}
.beds .be-hero .ba-btn{text-decoration:none!important}
/* listing page: the title block becomes a navy banner card */
.beds .beddf-detail .beddf-head{position:relative;overflow:hidden;isolation:isolate;background:var(--bd-ov),var(--bd-navy);color:#fff;border-radius:18px;padding:clamp(1.2rem,3vw,2rem) clamp(1.1rem,3vw,2rem);margin-bottom:1.2rem;box-shadow:0 18px 44px rgba(31,35,51,.22)}
.beds .beddf-detail .beddf-head:after{content:"";position:absolute;right:-6rem;top:-6rem;width:20rem;height:20rem;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.12),rgba(255,255,255,0) 70%);pointer-events:none;z-index:-1}
.beds .beddf-detail .beddf-head :is(h1,.beddf-title){color:#fff}
.beds .beddf-detail .beddf-head :is(p,span,strong,a,small){color:rgba(255,255,255,.9)!important}
.beds .beddf-detail .beddf-head .beddf-price-lg{color:#fff!important;font-weight:700}
.beds .beddf-detail .beddf-head a{text-decoration:underline}
.beds .be-lp-hero-split .be-lp-hero-text a:not(.wp-block-button__link){text-decoration:underline;text-underline-offset:2px}

/* 1.0.1 home hero team photo: transparent cut-out directly on the navy hero, faint glow behind the heads, bottom fades into the hero, name pill at the bottom */
.beds .be-home-hero .be-hero-photo.bed-cut{position:relative;isolation:isolate;padding-top:1.25rem}
.beds .be-home-hero .be-hero-photo.bed-cut:before{content:"";position:absolute;z-index:-1;left:50%;top:2%;width:96%;aspect-ratio:1.25;transform:translateX(-50%);border-radius:50%;background:radial-gradient(closest-side,rgba(201,208,242,.16),rgba(201,208,242,.07) 45%,rgba(201,208,242,0) 100%);pointer-events:none}
.beds .be-home-hero .be-hero-photo.bed-cut img{position:relative;mix-blend-mode:normal;background:none;border-radius:0;width:100%;height:auto}
.beds .be-home-hero .be-hero-photo.bed-cut figcaption{left:50%;right:auto;bottom:1rem;transform:translateX(-50%);display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:.15rem .5rem;width:max-content;max-width:calc(100% - 2rem);padding:.5rem 1.1rem;border-radius:999px;background:rgba(24,27,40,.72);border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 10px 26px rgba(0,0,0,.3);color:rgba(255,255,255,.82);font-size:.8rem;line-height:1.3;text-align:center;white-space:normal}
.beds .be-home-hero .be-hero-photo.bed-cut figcaption b{display:inline;color:#fff;font-size:.95rem;font-weight:600}
@media (max-width:640px){.beds .be-home-hero .be-hero-photo.bed-cut{padding-top:.75rem}.beds .be-home-hero .be-hero-photo.bed-cut figcaption{bottom:.75rem;padding:.4rem .9rem;font-size:.74rem}.beds .be-home-hero .be-hero-photo.bed-cut figcaption b{font-size:.86rem}}
/* 1.0.1 header names under the Berg Estate | eXp Realty logo (the lockup is in the theme; restyled here): a little larger, centred on the
   logo's divider line (it sits at 47.9% of the logo width, so the line is centred on the left 95.8%), same text, EN and RU identical */
.beds .be-logo-lockup{gap:9px}
.beds .be-logo-lockup .be-names{align-self:stretch;box-sizing:border-box;padding:0 4.2% 0 0;font-size:15px;font-weight:500;letter-spacing:.035em;line-height:1.05;text-align:center}
@media (min-width:1021px) and (max-width:1099px){.beds .be-logo-lockup{gap:8px}.beds .be-logo-lockup .be-names{font-size:14px}}
@media (min-width:768px) and (max-width:1020px){.beds .be-logo-lockup{gap:8px}.beds .be-logo-lockup .be-names{font-size:13.5px}}
@media (min-width:641px) and (max-width:767px){.beds .be-logo-lockup{gap:6px}.beds .be-logo-lockup .be-names{font-size:11.5px;letter-spacing:.02em}}
@media (max-width:640px){.beds .be-logo-lockup{gap:7px}.beds .be-logo-lockup .be-names{font-size:13.5px;letter-spacing:.03em}}
@media (max-width:380px){.beds .be-logo-lockup{gap:6px}.beds .be-logo-lockup .be-names{font-size:13px;letter-spacing:.02em}}