*{box-sizing:border-box}
html{scroll-behavior:smooth}
:root{--navy:#1F2A3A;--ivory:#F4F0E8;--beige:#C7C2B8;--gold:#C8A96A;--grey:#8B939C;--display:'Cormorant Garamond',serif;--ui:'Montserrat',sans-serif}
body{margin:0;background:var(--ivory);color:var(--navy);font-family:var(--ui);font-size:14px}
.wrap{width:min(1480px,91vw);margin:0 auto}
.site-header{height:124px;background:#071d31;color:#fff;border-bottom:1px solid rgba(200,169,106,.15);position:relative;z-index:30}
.header-top{height:72px;position:relative;display:flex;align-items:center;justify-content:flex-end}
.brand{position:absolute;left:50%;top:4px;transform:translateX(-50%);display:block}
.brand img{display:block;width:250px;height:64px;object-fit:contain;object-position:center}
.header-contact{display:flex;align-items:center;gap:23px;margin-left:auto}
.header-contact a{color:#f0e9dd;text-decoration:none;font-size:11px;white-space:nowrap}
.header-contact a:hover{color:var(--gold)}
.header-contact-btn{border:1px solid var(--gold);padding:9px 20px;color:var(--gold)!important;border-radius:3px}
.backoffice-btn{width:38px;height:38px;border:1px solid var(--gold);border-radius:3px;display:flex!important;align-items:center;justify-content:center;padding:7px}
.backoffice-btn svg{width:23px;height:23px;fill:var(--gold)}
.header-bottom{height:52px;position:relative;display:flex;align-items:center;justify-content:center}
.header-bottom nav{display:flex;justify-content:center;align-items:center;gap:34px}
.header-bottom nav a,.header-tools a{color:#e3e7eb;text-decoration:none;font-size:12px}
.header-bottom nav a:hover,.header-tools a:hover{color:var(--gold)}
.header-tools{position:absolute;right:0;display:flex;align-items:center;gap:25px}
.hero{height:430px;position:relative;background:#0a2034;background-image:linear-gradient(90deg,rgba(3,18,32,.88) 0%,rgba(4,20,34,.57) 42%,rgba(5,17,29,.11) 76%),var(--hero);background-size:cover;background-position:center;z-index:5}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(1,12,22,.02),rgba(1,12,22,.14))}
.hero-content{position:relative;z-index:2;padding-top:38px;color:#fff}
.hero h1{font-family:var(--display);font-size:66px;line-height:.88;font-weight:500;margin:0 0 20px;letter-spacing:-1px}
.hero h1 span,.hero h1 em{display:block;font-style:normal}
.hero h1 em{color:#d3a45c;margin-top:8px}
.hero-content p{max-width:445px;line-height:1.55;font-size:13px;color:#f2f2ef;margin:0}
.hero-actions{display:flex;gap:18px;align-items:center;margin-top:20px}
.gold-btn{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#d9b36f,#c8944c);color:#fff;padding:13px 25px;border-radius:4px;text-decoration:none;box-shadow:0 6px 18px rgba(0,0,0,.18);font-weight:500}
.text-link{color:#fff;text-decoration:none;border:1px solid rgba(200,169,106,.55);padding:12px 20px;border-radius:4px}
.text-link:hover{border-color:var(--gold);color:var(--gold)}
.search-panel{position:absolute;z-index:6;left:50%;bottom:-1px;transform:translateX(-50%);width:min(1480px,91vw);background:#071f34;border:1px solid rgba(200,169,106,.48);border-radius:5px;display:grid;grid-template-columns:1.05fr 1.05fr 1.35fr .85fr .85fr .86fr;padding:14px 20px;gap:15px;box-shadow:0 8px 22px rgba(0,0,0,.30)}
.search-panel label{color:#dce3e9;font-size:11px}
.search-panel select,.search-panel input{margin-top:6px;width:100%;height:40px;border:1px solid #51677b;background:#0d2a44;color:#e8edf0;border-radius:4px;padding:0 12px;outline:none;font-family:var(--ui)}
.search-panel input::placeholder{color:#718496}
.search-btn{height:43px;align-self:end;background:linear-gradient(135deg,#d8b06d,#c8954a);color:#fff;border:0;border-radius:4px;font:500 13px var(--ui);cursor:pointer}
.loc-wrap{position:relative}
.suggestions{display:none;position:absolute;top:47px;left:0;right:0;max-height:250px;overflow:auto;background:white;color:var(--navy);border:1px solid #ddd;z-index:99;box-shadow:0 8px 20px rgba(0,0,0,.15)}
.suggestions.show{display:block}
.suggestions button{display:block;width:100%;padding:9px 12px;border:0;border-bottom:1px solid #eee;background:white;text-align:left;cursor:pointer}
.suggestions button:hover{background:#f5f0e6}
.discovery{background:#f7f4ee;padding:18px 0 10px}
.discovery-grid{display:grid;grid-template-columns:360px 1fr;gap:38px}
.discovery h2,.popular h2,.bottom-show h2,.related h2{font:500 22px var(--display);margin:0 0 10px}
.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}
.category-grid a{height:70px;background:#fbfaf7;border:1px solid #ded8ce;border-radius:5px;text-decoration:none;color:var(--navy);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}
.category-grid a:hover{border-color:var(--gold);transform:translateY(-1px)}
.category-grid b{font-size:25px;color:#cb9446;font-weight:400;line-height:1}
.category-grid span{font-size:9px}
.section-head{display:flex;justify-content:space-between;align-items:center}
.section-head a{font-size:10px;color:#4d5660;text-decoration:none}
.featured-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.property-card{background:#fbfaf7;border:1px solid #ded8ce;border-radius:5px;overflow:hidden;min-width:0;box-shadow:0 2px 6px rgba(10,28,45,.04)}
.property-card a{text-decoration:none;color:inherit}
.image-wrap{height:108px;position:relative;background:#e9e4dc}
.card-image{height:100%;background-size:cover;background-position:center}
.no-photo{display:flex;align-items:center;justify-content:center;font:600 22px var(--display);color:#9a8b75}
.badge{position:absolute;top:7px;left:8px;background:#d5a256;color:#fff;font-size:8px;padding:5px 8px;border-radius:3px}
.heart{position:absolute;right:7px;top:6px;background:rgba(10,29,48,.55);border:1px solid rgba(255,255,255,.5);color:#fff;width:27px;height:27px;border-radius:50%;cursor:pointer}
.card-body{display:flex;justify-content:space-between;padding:8px 9px 5px;gap:8px}
.card-body div{min-width:0}
.card-body strong{display:block;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.card-body small{font-size:8px;color:#697078}
.price{font-size:10px;color:#a87835;white-space:nowrap}
.card-facts{display:flex;gap:12px;padding:6px 9px;border-top:1px solid #e3ded6;font-size:8px;color:#4d5660}
.trust-strip{background:#071f34;color:#fff;padding:14px 0}
.trust-grid{display:grid;grid-template-columns:repeat(6,1fr)}
.trust-grid>div{display:flex;gap:11px;padding:0 16px;border-right:1px solid rgba(255,255,255,.19)}
.trust-grid>div:last-child{border-right:0}
.trust-grid b{font-size:26px;color:var(--gold);font-weight:400}
.trust-grid strong{display:block;color:#d2a258;font-size:10px;margin-bottom:2px}
.trust-grid small{display:block;color:#cbd1d7;font-size:8px;line-height:1.35}
.popular{background:#f7f4ee;padding:10px 0}
.popular-in{display:flex;align-items:center;gap:25px}
.popular h2{white-space:nowrap;margin:0}
.area-pills{display:flex;gap:9px;flex:1;overflow:auto}
.area-pills a{white-space:nowrap;border:1px solid #ded8ce;border-radius:5px;padding:7px 18px;color:#4d5660;text-decoration:none;font-size:9px;background:#fbfaf7}
.area-pills a:hover{border-color:var(--gold);color:#9a6b2b}
.bottom-show{background:#061e32;color:#fff;padding:10px 0 18px}
.bottom-show h2{color:#fff;margin-bottom:8px}
.slideshow-shell{position:relative;padding:0 28px}
.mini-scroll{display:flex;gap:14px;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:2px}
.mini-scroll::-webkit-scrollbar{display:none}
.mini-card{position:relative;flex:0 0 260px;height:112px;background:#1b2d3f;background-size:cover;background-position:center;border:1px solid rgba(255,255,255,.16);border-radius:5px;overflow:hidden;color:#fff;text-decoration:none;scroll-snap-align:start}
.mini-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,16,28,.85),rgba(4,16,28,.12))}
.mini-card>div{position:relative;z-index:2;padding:8px 10px;display:flex;flex-direction:column;align-items:flex-start}
.mini-card b{background:#d4a158;color:#fff;font-size:7px;padding:3px 6px;border-radius:2px}
.mini-card strong{font-size:10px;margin-top:5px}
.mini-card small{font-size:8px}
.mini-card em{font-style:normal;font-size:10px;font-weight:700;margin-top:2px}
.slide-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:34px;height:34px;border-radius:50%;border:1px solid var(--gold);background:#061e32;color:var(--gold);font-size:23px;line-height:1;cursor:pointer}
.slide-prev{left:-14px}.slide-next{right:-14px}
.slide-nav:hover{background:var(--gold);color:#061e32}
.empty-card{padding:30px;background:#fff;border:1px dashed #cfc7ba;color:#68717a}
.empty-card.wide{grid-column:1/-1}
.empty-dark{color:#d8dde2;padding:20px}
.footer{background:#051829;color:#cfd5da;padding:30px 0}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}
.footer h4{color:var(--gold);margin-top:0}
.footer-logo{width:260px}
.footer p{font-size:11px;line-height:1.6}
.page-title{background:#071f34;color:white;padding:55px 0 35px}
.page-title h1{font:500 48px var(--display);margin:0}
.eyebrow{font:600 10px var(--ui);letter-spacing:2px;color:#bd8d49;text-transform:uppercase}
.listing{padding:25px 0 60px}
.listing-search{display:grid;grid-template-columns:2fr 1fr 1fr 1fr .7fr;gap:10px;position:relative}
.listing-search input,.listing-search select,.listing-search button{height:42px;border:1px solid #d4cdc2;background:white;padding:0 12px;font-family:var(--ui)}
.listing-search button{background:var(--gold);color:white;border-color:var(--gold)}
.listing-suggestions{top:44px;max-width:40%}
.result-count{margin:18px 0;color:#727b84;font-size:11px}
.listing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.listing-grid .image-wrap{height:180px}
.listing-grid .card-body strong{font-size:13px}
.listing-grid .card-body small,.listing-grid .card-facts{font-size:10px}
.listing-grid .price{font-size:12px}
.detail-page{padding:35px 0 50px}
.back-link{color:#68717a;text-decoration:none}
.detail-grid{display:grid;grid-template-columns:1.5fr .8fr;gap:35px;margin-top:18px}
.detail-gallery{height:520px;background:#e8e2d9;overflow:hidden}
.detail-img{display:none;width:100%;height:100%;object-fit:cover}
.detail-img.active{display:block}
.detail-no-image{height:100%;display:flex;align-items:center;justify-content:center;background:#0d2235;color:var(--gold);font:600 60px var(--display)}
.detail-thumbs{display:flex;gap:8px;margin-top:8px;overflow:auto}
.detail-thumbs button{border:0;padding:0;background:none}
.detail-thumbs img{width:90px;height:65px;object-fit:cover}
.detail-info h1{font:500 44px/1 var(--display);margin:5px 0 10px}
.detail-area{color:#69727b}
.detail-price{font:600 24px var(--ui);color:#b68036;margin:20px 0}
.facts{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:15px 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd}
.description{line-height:1.8;color:#4e5963}
.wide-btn{width:100%;justify-content:center}
.related{background:#071f34;color:white;padding:25px 0 35px}
.admin-page{min-height:70vh;padding:50px 0;background:#f5f1e9}
.admin-login{width:min(420px,92vw);margin:auto;background:white;border:1px solid #ded7cb;padding:35px;display:flex;flex-direction:column;gap:15px}
.admin-login img{width:240px;background:#071f34;padding:8px}
.admin-login h1{font:500 32px var(--display);margin:0}
.admin-login label,.admin-grid label{font-size:11px;font-weight:600}
.admin-login input,.admin-grid input,.admin-grid textarea{display:block;width:100%;margin-top:6px;padding:10px;border:1px solid #d2cbc0;font-family:var(--ui)}
.admin-login button,.admin-save{background:var(--navy);color:white;border:0;padding:12px 20px}
.admin-error{background:#ffe6e6;padding:10px;color:#8b2525}
.admin-ok{background:#e7f5e9;padding:10px;color:#256333;margin:10px 0}
.admin-editor{width:min(1050px,92vw);margin:auto;background:white;padding:30px;border:1px solid #ded7cb}
.admin-head{display:flex;justify-content:space-between;align-items:center}
.admin-head h1{font:500 38px var(--display);margin:0}
.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:20px 0}
.admin-grid .span2{grid-column:1/-1}
.admin-grid textarea{min-height:90px}
.admin-grid textarea.code{font-family:Consolas,monospace;min-height:160px}
.admin-grid label.check{display:flex;gap:8px;align-items:center}
.admin-grid label.check input{width:auto;margin:0}
.admin-editor details{margin-top:25px}
.admin-editor pre{max-height:350px;overflow:auto;background:#071f34;color:#d8e1e8;padding:15px;font-size:11px}
@media(min-width:1700px){
  .wrap{width:min(1660px,91vw)}
  .site-header{height:138px}.header-top{height:80px}.brand img{width:285px;height:72px}
  .header-contact a{font-size:12px}.header-bottom{height:58px}.header-bottom nav{gap:40px}
  .header-bottom nav a,.header-tools a{font-size:13px}
  .hero{height:465px}.hero-content{padding-top:43px}.hero h1{font-size:76px}.hero-content p{font-size:14px;max-width:475px}
  .search-panel{width:min(1660px,91vw);padding:16px 22px}
  .discovery-grid{grid-template-columns:400px 1fr;gap:44px}.image-wrap{height:125px}
  .mini-card{flex-basis:300px;height:124px}
}
@media(max-width:1100px){
  .header-contact{gap:12px}.header-contact .header-email{display:none}.header-bottom nav{gap:16px}.header-tools{display:none}
  .search-panel{grid-template-columns:repeat(3,1fr)}.hero{height:510px}.discovery-grid{grid-template-columns:1fr}
  .featured-grid{grid-template-columns:repeat(2,1fr)}.trust-grid{grid-template-columns:repeat(3,1fr);gap:15px}.listing-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:760px){
  .site-header{height:auto}.header-top{height:78px;justify-content:center}.brand{position:static;transform:none}.brand img{width:205px;height:65px}
  .header-contact{display:none}.header-bottom{height:auto;padding:8px 0}.header-bottom nav{overflow:auto;justify-content:flex-start;padding:7px 0}
  .hero{height:650px}.hero h1{font-size:44px}.search-panel{grid-template-columns:1fr 1fr;width:92vw;padding:12px}
  .discovery{padding-top:25px}.category-grid{grid-template-columns:repeat(2,1fr)}.featured-grid,.listing-grid{grid-template-columns:1fr 1fr}
  .trust-grid{grid-template-columns:1fr 1fr}.popular-in{display:block}.area-pills{margin-top:8px}.listing-search{grid-template-columns:1fr}
  .detail-grid{grid-template-columns:1fr}.detail-gallery{height:340px}.footer-grid{grid-template-columns:1fr}.admin-grid{grid-template-columns:1fr}.admin-grid .span2{grid-column:auto}
}
@media(max-width:480px){
  .featured-grid,.listing-grid{grid-template-columns:1fr}.search-panel{grid-template-columns:1fr;bottom:-150px}.hero{height:800px}
  .discovery{padding-top:170px}.trust-grid{grid-template-columns:1fr}.hero-content{padding-top:35px}
}

/* ============================================================
   ORAMA PORTAL R6.2.4 - LARGE TEXT / WIDE SCREEN SCALE FIX
   Visual-only. Designed for large desktop resolutions and
   browser zoom-out where CSS viewport becomes very wide.
   ============================================================ */

/* Slightly larger baseline on normal desktop */
@media (min-width: 1280px) {
  body {
    font-size: 15px;
  }

  .header-contact a {
    font-size: 13px;
  }

  .header-bottom nav a,
  .header-tools a {
    font-size: 14px;
  }

  .hero h1 {
    font-size: 76px;
  }

  .hero-content p {
    font-size: 15px;
    max-width: 520px;
  }

  .gold-btn,
  .text-link {
    font-size: 14px;
  }

  .search-panel label {
    font-size: 13px;
  }

  .search-panel select,
  .search-panel input,
  .search-btn {
    font-size: 14px;
  }

  .discovery h2,
  .popular h2,
  .bottom-show h2,
  .related h2 {
    font-size: 27px;
  }

  .category-grid span {
    font-size: 11px;
  }

  .card-body strong {
    font-size: 13px;
  }

  .card-body small {
    font-size: 10px;
  }

  .price {
    font-size: 13px;
  }

  .card-facts {
    font-size: 10px;
  }

  .trust-grid strong {
    font-size: 12px;
  }

  .trust-grid small {
    font-size: 10px;
  }

  .area-pills a {
    font-size: 11px;
  }

  .mini-card strong {
    font-size: 12px;
  }

  .mini-card small {
    font-size: 10px;
  }

  .mini-card em {
    font-size: 12px;
  }

  .footer p {
    font-size: 13px;
  }
}

/* Large desktop / 2K */
@media (min-width: 1700px) {
  .wrap {
    width: min(1840px, 92vw);
  }

  .site-header {
    height: 156px;
  }

  .header-top {
    height: 92px;
  }

  .brand {
    top: 4px;
  }

  .brand img {
    width: 330px;
    height: 84px;
  }

  .header-contact {
    gap: 28px;
  }

  .header-contact a {
    font-size: 14px;
  }

  .header-contact-btn {
    padding: 11px 24px;
  }

  .backoffice-btn {
    width: 44px;
    height: 44px;
  }

  .header-bottom {
    height: 64px;
  }

  .header-bottom nav {
    gap: 44px;
  }

  .header-bottom nav a,
  .header-tools a {
    font-size: 15px;
  }

  .hero {
    height: 540px;
  }

  .hero-content {
    padding-top: 54px;
  }

  .hero h1 {
    font-size: 90px;
    line-height: .9;
  }

  .hero-content p {
    font-size: 17px;
    max-width: 570px;
  }

  .hero-actions {
    margin-top: 26px;
  }

  .gold-btn,
  .text-link {
    font-size: 16px;
    padding: 15px 28px;
  }

  .search-panel {
    width: min(1840px, 92vw);
    padding: 18px 24px;
    gap: 18px;
  }

  .search-panel label {
    font-size: 14px;
  }

  .search-panel select,
  .search-panel input {
    height: 48px;
    font-size: 15px;
  }

  .search-btn {
    height: 50px;
    font-size: 16px;
  }

  .discovery {
    padding: 24px 0 16px;
  }

  .discovery-grid {
    grid-template-columns: 440px 1fr;
    gap: 48px;
  }

  .discovery h2,
  .popular h2,
  .bottom-show h2,
  .related h2 {
    font-size: 31px;
  }

  .category-grid {
    gap: 12px;
  }

  .category-grid a {
    height: 92px;
  }

  .category-grid b {
    font-size: 34px;
  }

  .category-grid span {
    font-size: 13px;
  }

  .featured-grid {
    gap: 16px;
  }

  .image-wrap {
    height: 155px;
  }

  .badge {
    font-size: 10px;
    padding: 6px 9px;
  }

  .heart {
    width: 33px;
    height: 33px;
    font-size: 17px;
  }

  .card-body {
    padding: 11px 12px 8px;
  }

  .card-body strong {
    font-size: 15px;
  }

  .card-body small {
    font-size: 12px;
  }

  .price {
    font-size: 15px;
  }

  .card-facts {
    padding: 8px 12px;
    gap: 17px;
    font-size: 12px;
  }

  .trust-strip {
    padding: 18px 0;
  }

  .trust-grid b {
    font-size: 34px;
  }

  .trust-grid strong {
    font-size: 14px;
  }

  .trust-grid small {
    font-size: 11px;
  }

  .popular {
    padding: 14px 0;
  }

  .area-pills {
    gap: 12px;
  }

  .area-pills a {
    padding: 9px 22px;
    font-size: 13px;
  }

  .bottom-show {
    padding: 14px 0 24px;
  }

  .slideshow-shell {
    padding: 0 36px;
  }

  .mini-scroll {
    gap: 18px;
  }

  .mini-card {
    flex-basis: 360px;
    height: 150px;
  }

  .mini-card > div {
    padding: 12px 14px;
  }

  .mini-card b {
    font-size: 9px;
    padding: 4px 7px;
  }

  .mini-card strong {
    font-size: 15px;
  }

  .mini-card small {
    font-size: 12px;
  }

  .mini-card em {
    font-size: 15px;
  }

  .slide-nav {
    width: 42px;
    height: 42px;
    font-size: 29px;
  }

  .footer {
    padding: 40px 0;
  }

  .footer-logo {
    width: 310px;
  }

  .footer h4 {
    font-size: 17px;
  }

  .footer p {
    font-size: 14px;
  }
}

/*
  Extra-wide CSS viewport.
  This is the important tier for 4K displays or browser zoom-out:
  the previous max-width kept the whole site tiny in the middle.
*/
@media (min-width: 2200px) {
  .wrap {
    width: 90vw;
    max-width: 3000px;
  }

  .site-header {
    height: 178px;
  }

  .header-top {
    height: 104px;
  }

  .brand img {
    width: 390px;
    height: 98px;
  }

  .header-contact {
    gap: 34px;
  }

  .header-contact a {
    font-size: 17px;
  }

  .header-contact-btn {
    padding: 13px 29px;
    font-size: 17px !important;
  }

  .backoffice-btn {
    width: 50px;
    height: 50px;
  }

  .backoffice-btn svg {
    width: 30px;
    height: 30px;
  }

  .header-bottom {
    height: 74px;
  }

  .header-bottom nav {
    gap: 54px;
  }

  .header-bottom nav a,
  .header-tools a {
    font-size: 18px;
  }

  .header-tools {
    gap: 34px;
  }

  .hero {
    height: 650px;
  }

  .hero-content {
    padding-top: 68px;
  }

  .hero h1 {
    font-size: 112px;
    line-height: .9;
    margin-bottom: 28px;
  }

  .hero-content p {
    font-size: 21px;
    max-width: 700px;
    line-height: 1.55;
  }

  .hero-actions {
    gap: 24px;
    margin-top: 31px;
  }

  .gold-btn,
  .text-link {
    font-size: 19px;
    padding: 18px 34px;
  }

  .search-panel {
    width: 90vw;
    max-width: 3000px;
    padding: 23px 30px;
    gap: 22px;
    border-width: 2px;
  }

  .search-panel label {
    font-size: 17px;
  }

  .search-panel select,
  .search-panel input {
    height: 59px;
    font-size: 18px;
    padding: 0 16px;
  }

  .search-btn {
    height: 61px;
    font-size: 20px;
  }

  .discovery {
    padding: 31px 0 22px;
  }

  .discovery-grid {
    grid-template-columns: 560px 1fr;
    gap: 60px;
  }

  .discovery h2,
  .popular h2,
  .bottom-show h2,
  .related h2 {
    font-size: 39px;
    margin-bottom: 16px;
  }

  .category-grid {
    gap: 15px;
  }

  .category-grid a {
    height: 118px;
    border-radius: 7px;
  }

  .category-grid b {
    font-size: 43px;
  }

  .category-grid span {
    font-size: 16px;
  }

  .featured-grid {
    gap: 20px;
  }

  .image-wrap {
    height: 205px;
  }

  .badge {
    top: 10px;
    left: 11px;
    font-size: 13px;
    padding: 7px 11px;
  }

  .heart {
    right: 10px;
    top: 9px;
    width: 42px;
    height: 42px;
    font-size: 22px;
  }

  .card-body {
    padding: 14px 15px 11px;
  }

  .card-body strong {
    font-size: 19px;
  }

  .card-body small {
    font-size: 15px;
  }

  .price {
    font-size: 19px;
  }

  .card-facts {
    padding: 11px 15px;
    gap: 22px;
    font-size: 15px;
  }

  .section-head a {
    font-size: 15px;
  }

  .trust-strip {
    padding: 23px 0;
  }

  .trust-grid > div {
    gap: 16px;
    padding: 0 24px;
  }

  .trust-grid b {
    font-size: 42px;
  }

  .trust-grid strong {
    font-size: 17px;
  }

  .trust-grid small {
    font-size: 14px;
  }

  .popular {
    padding: 18px 0;
  }

  .popular-in {
    gap: 34px;
  }

  .area-pills {
    gap: 15px;
  }

  .area-pills a {
    padding: 12px 27px;
    font-size: 16px;
  }

  .bottom-show {
    padding: 18px 0 32px;
  }

  .slideshow-shell {
    padding: 0 48px;
  }

  .mini-scroll {
    gap: 22px;
  }

  .mini-card {
    flex: 0 0 470px;
    height: 195px;
  }

  .mini-card > div {
    padding: 15px 18px;
  }

  .mini-card b {
    font-size: 12px;
    padding: 5px 9px;
  }

  .mini-card strong {
    font-size: 19px;
    margin-top: 8px;
  }

  .mini-card small {
    font-size: 15px;
  }

  .mini-card em {
    font-size: 19px;
  }

  .slide-nav {
    width: 52px;
    height: 52px;
    font-size: 36px;
  }

  .slide-prev {
    left: -20px;
  }

  .slide-next {
    right: -20px;
  }

  .footer {
    padding: 52px 0;
  }

  .footer-grid {
    gap: 58px;
  }

  .footer-logo {
    width: 390px;
  }

  .footer h4 {
    font-size: 21px;
  }

  .footer p {
    font-size: 17px;
  }
}

/* Extreme zoom-out / 4K CSS viewport */
@media (min-width: 3000px) {
  .wrap,
  .search-panel {
    width: 92vw;
    max-width: 3600px;
  }

  .site-header {
    height: 202px;
  }

  .header-top {
    height: 118px;
  }

  .header-bottom {
    height: 84px;
  }

  .brand img {
    width: 440px;
    height: 108px;
  }

  .header-contact a,
  .header-bottom nav a,
  .header-tools a {
    font-size: 20px;
  }

  .hero {
    height: 735px;
  }

  .hero h1 {
    font-size: 126px;
  }

  .hero-content p {
    font-size: 23px;
    max-width: 770px;
  }

  .search-panel label {
    font-size: 19px;
  }

  .search-panel select,
  .search-panel input {
    height: 66px;
    font-size: 20px;
  }

  .search-btn {
    height: 68px;
    font-size: 22px;
  }

  .discovery-grid {
    grid-template-columns: 640px 1fr;
  }

  .discovery h2,
  .popular h2,
  .bottom-show h2,
  .related h2 {
    font-size: 44px;
  }

  .category-grid a {
    height: 132px;
  }

  .category-grid span {
    font-size: 18px;
  }

  .image-wrap {
    height: 225px;
  }

  .card-body strong,
  .price {
    font-size: 21px;
  }

  .card-body small,
  .card-facts {
    font-size: 17px;
  }

  .trust-grid strong {
    font-size: 19px;
  }

  .trust-grid small {
    font-size: 16px;
  }

  .area-pills a {
    font-size: 18px;
  }

  .mini-card {
    flex-basis: 525px;
    height: 215px;
  }

  .mini-card strong,
  .mini-card em {
    font-size: 21px;
  }

  .mini-card small {
    font-size: 17px;
  }

  .footer p {
    font-size: 19px;
  }
}

/* ORAMA PORTAL R6.2.6 - REAL IMAGE ELEMENTS + CAROUSEL */
.card-photo{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
.mini-card-photo{
  position:absolute;
  inset:0;
  z-index:0;
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
.mini-card .mini-shade{z-index:1}
.mini-card>div{z-index:2}
#propertySlideshow{
  overscroll-behavior-x:contain;
  scroll-behavior:smooth;
}