:root{--sadaf-font-family:"IRANSansX",Tahoma,"Segoe UI",sans-serif;--sadaf-number-font:var(--sadaf-font-family);--bg:#f6f2ee;--card:#fff;--text:#202020;--muted:#6f6a65;--border:#ebe4dd;--gold:#c79549;--gold-dark:#b9873d;--shadow:0 8px 26px rgba(55,36,16,.055);--radius:18px}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:var(--sadaf-font-family);background:linear-gradient(180deg,#f7f2ee 0%,#f1ebe5 100%);color:var(--text);direction:rtl;-webkit-text-size-adjust:100%}
body{overflow-x:hidden}
.app-shell{width:100%;max-width:430px;margin:0 auto;min-height:100vh;background:#fbfaf8;position:relative;padding-bottom:84px;overflow-x:hidden}
.topbar{height:56px;display:flex;align-items:center;justify-content:space-between;padding:8px 16px;background:rgba(255,255,255,.98);border-bottom:1px solid rgba(0,0,0,.045);position:sticky;top:0;z-index:50;backdrop-filter:blur(8px)}
.menu-btn{border:0;background:transparent;width:30px;height:30px;padding:4px;display:flex;flex-direction:column;justify-content:center;gap:5px;cursor:pointer}
.menu-btn span{display:block;width:23px;height:2px;background:#292724;border-radius:99px}
.brand-wrap{display:flex;align-items:center;gap:8px}.brand-text{font-size:16px;font-weight:800}.brand-logo{width:38px;height:38px;object-fit:contain}
.page-content{padding:0 12px 18px}.card{background:var(--card);border:1px solid rgba(218,204,190,.55);border-radius:var(--radius);box-shadow:var(--shadow)}
.hero-section{margin:10px 0 0;overflow:hidden;border-radius:22px;background:#edf1f5;box-shadow:var(--shadow)}
.hero-copy{text-align:center;padding:15px 16px 8px}.hero-copy h1{margin:0 0 7px;font-size:20px;line-height:1.4;font-weight:900}.hero-copy p{margin:0;color:#463d36;font-size:12.3px}
.hero-image{width:100%;height:182px;object-fit:cover;object-position:center;display:block}
.search-card{margin-top:-8px;padding:18px 12px 12px;position:relative;z-index:2;border-top-left-radius:20px;border-top-right-radius:20px}
.icon{width:20px;height:20px;min-width:20px;max-width:20px;min-height:20px;max-height:20px;fill:none!important;stroke:currentColor!important;stroke-width:1.65!important;stroke-linecap:round!important;stroke-linejoin:round!important;display:block!important;margin-left:auto;margin-right:auto}
.filters-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.filter-box{border:1px solid var(--border);border-radius:14px;padding:10px 12px;background:#fff;min-height:58px;box-shadow:0 5px 16px rgba(50,32,17,.025)}.filter-box label{display:block;color:#80766d;font-size:10.5px;margin-bottom:7px}.filter-value{font-weight:800;font-size:14px;display:flex;justify-content:space-between;align-items:center}
.primary-btn,.secondary-btn,.outline-btn{border-radius:15px;height:45px;font-size:16px;font-weight:800;cursor:pointer}.primary-btn,.secondary-btn{border:0;background:linear-gradient(180deg,#cf9c4f,#bd8438);color:white}.search-btn{width:100%;margin-top:10px;display:flex;align-items:center;justify-content:center;gap:9px;box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 8px 18px rgba(180,123,48,.16)}.search-btn .icon{margin:0}
.section-header{display:flex;align-items:center;justify-content:space-between;margin:15px 4px 9px}.section-header h2{margin:0;font-size:17px;font-weight:900}.section-header a{color:var(--gold-dark);text-decoration:none;font-size:12px;font-weight:800}
.listing-card{overflow:hidden;position:relative;border-radius:14px}.listing-image{width:100%;height:126px;object-fit:cover;display:block;border-bottom:1px solid rgba(218,204,190,.45)}.listing-body{padding:8px 8px 10px;text-align:center}.listing-body h3{margin:0 0 7px;font-size:13px;line-height:1.5;font-weight:900}.meta,.location{color:var(--muted);font-size:11px}.dot{display:inline-block;width:4px;height:4px;border-radius:50%;background:#bca388;margin:0 8px;vertical-align:middle}.price{margin-top:7px;color:var(--gold-dark);font-size:13px;line-height:1.5}
.tag{position:absolute;top:9px;right:9px;background:rgba(255,255,255,.94);color:#302b26;padding:5px 9px;border-radius:9px;font-size:11px;font-weight:800;box-shadow:0 5px 14px rgba(0,0,0,.09)}
.featured-carousel-wrap{margin:2px -12px 18px;overflow:hidden;padding-top:2px}
.featured-viewport{overflow:hidden;padding:0 8px}
.featured-carousel{direction:ltr;display:flex;align-items:stretch;gap:10px;will-change:transform;transition:transform .55s cubic-bezier(.22,.61,.36,1);padding:10px 0 14px}
.featured-slide{direction:rtl;flex:0 0 28%;min-width:28%;background:#fff;border:1px solid rgba(218,204,190,.72);border-radius:16px;box-shadow:0 9px 24px rgba(45,30,14,.07);overflow:hidden;position:relative;transform:scale(.84);opacity:.65;transition:transform .55s ease,opacity .55s ease,box-shadow .55s ease}
.featured-slide.is-near{transform:scale(.92);opacity:.88}
.featured-slide.is-active{transform:scale(1.03);opacity:1;box-shadow:0 14px 36px rgba(45,30,14,.14);z-index:2}
.featured-slide .listing-image{height:120px}.featured-slide.is-active .listing-image{height:134px}.featured-slide.is-active .listing-body h3{font-size:14px}.featured-slide.is-active .price{font-size:14px}
.carousel-dots{display:flex;direction:ltr;justify-content:center;align-items:center;gap:8px;margin:0 0 5px}.carousel-dots span{width:8px;height:8px;border-radius:999px;background:#d8d1ca;display:block;transition:.25s}.carousel-dots span.active{width:10px;height:10px;background:var(--gold-dark)}
.split-map{margin-top:14px;padding:13px;display:grid;grid-template-columns:1fr 1fr;gap:11px;align-items:center}.map-copy h2,.why-us h2,.cta-box h2{margin:0 0 8px;font-size:16px;font-weight:900}.map-copy p,.cta-box p{margin:0 0 12px;color:var(--muted);font-size:13px;line-height:1.75}.map-image{width:100%;border-radius:15px;height:128px;object-fit:cover}.outline-btn{width:100%;background:white;border:1px solid #d8c5af;color:var(--gold-dark)}
.why-us{margin-top:17px;padding:15px 12px;text-align:center}.features-row{display:grid;grid-template-columns:1fr 1fr;gap:12px 8px;margin-top:13px}.feature-item{text-align:center;padding:5px}.feature-item .icon{width:28px;height:28px;min-width:28px;max-width:28px;min-height:28px;max-height:28px;color:var(--gold-dark);margin-bottom:8px}.feature-item h4{margin:0;font-size:12.5px;line-height:1.75;color:#463d36}
.testimonial{display:flex;gap:13px;align-items:center;padding:14px}.avatar{width:76px;height:76px;object-fit:cover;border-radius:999px;flex-shrink:0}.testimonial-content p{margin:0 0 9px;color:#4b4540;font-size:13px;line-height:1.9}.testimonial-content strong{display:block;color:var(--gold-dark);margin-bottom:4px}.testimonial-content span{color:var(--muted);font-size:12.5px}
.cta-box{margin-top:15px;padding:15px 13px}.cta-title-wrap{text-align:center;margin-bottom:13px}.cta-actions{display:grid;gap:9px}.full{width:100%}
.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:430px;height:64px;background:rgba(255,255,255,.97);border-top:1px solid rgba(0,0,0,.06);box-shadow:0 -6px 24px rgba(0,0,0,.04);display:flex;align-items:center;justify-content:space-around;padding:7px 10px calc(7px + env(safe-area-inset-bottom));z-index:60;direction:ltr;backdrop-filter:blur(10px)}
.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:#5f5a55;font-size:11px;gap:3px;text-align:center;min-width:0}.nav-item .icon{width:21px;height:21px;min-width:21px;max-width:21px;min-height:21px;max-height:21px;margin:0;color:currentColor;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}.nav-item.active{color:var(--gold-dark);font-weight:800}
@media (max-width:380px){.hero-copy h1{font-size:19px}.brand-text{font-size:15px}.hero-image{height:176px}.search-card{padding:16px 10px 11px}.filter-box{min-height:55px}.featured-slide{flex-basis:32%;min-width:32%}.featured-slide .listing-image{height:110px}.featured-slide.is-active .listing-image{height:124px}}
/* Phase + featured card update */
.featured-slide .spec-bar{display:flex;align-items:center;justify-content:center;gap:0;background:#f7f1ea;border:1px solid #eadbca;border-radius:12px;padding:7px 4px;margin:2px 0 6px;color:#5b5048;font-size:10.8px;font-weight:800;white-space:nowrap;overflow:hidden}
.featured-slide .spec-bar span{padding:0 5px;line-height:1.2;border-left:1px solid #dcc9b2}
.featured-slide .spec-bar span:first-child{border-left:0}
.phases-title{margin-top:8px}
.phase-section{margin:0 -12px 12px;overflow:hidden}
.phase-strip{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding:7px 12px 13px;direction:rtl;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.phase-strip::-webkit-scrollbar{display:none}
.phase-card{flex:0 0 128px;min-height:98px;scroll-snap-align:start;text-decoration:none;color:#fff;background-image:var(--phase-img);background-size:cover;background-position:center top;border:1px solid rgba(255,255,255,.18);border-radius:16px;box-shadow:0 11px 25px rgba(45,30,14,.12);padding:0;display:block;text-align:right;position:relative;overflow:hidden;direction:rtl}
.phase-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.42) 0%,rgba(0,0,0,.12) 38%,rgba(0,0,0,.20) 100%)}
.phase-card:after{content:"";position:absolute;inset:auto 0 0 0;height:4px;background:linear-gradient(90deg,#c79549,#e0bd7a)}
.phase-card strong{position:absolute;right:12px;top:12px;z-index:1;font-size:18px;line-height:1.2;font-weight:900;margin:0;color:#fff;text-shadow:0 2px 9px rgba(0,0,0,.55)}
.phase-card span{display:none!important}
.phase-map-card{
margin:0 0 17px;
padding:10px;
border-radius:22px;
overflow:hidden;
background:#fff;
border:1px solid rgba(207,169,91,.28);
box-shadow:0 10px 24px rgba(76,55,26,.07);
}
.map-visual-wrap{
position:relative;
border-radius:18px;
overflow:hidden;
background:#fbf2e4;
}
.phase-map-card .map-image{
width:100%;
height:auto;
max-height:none;
object-fit:contain;
border-radius:18px;
display:block;
}
.map-search-btn{
position:relative !important;
left:auto !important;
right:auto !important;
bottom:auto !important;
transform:none !important;
box-sizing:border-box;
width:fit-content;
min-width:150px;
min-height:38px;
margin:10px auto 2px;
padding:0 16px;
border-radius:999px;
display:flex;
direction:rtl;
flex-direction:row;
align-items:center;
justify-content:center;
gap:7px;
text-decoration:none;
color:#463313;
font-weight:900;
font-size:13px;
line-height:1;
background:linear-gradient(180deg,#fff9ee 0%,#f5e3bc 100%);
border:1px solid rgba(201,154,72,.45);
box-shadow:0 8px 18px rgba(92,65,24,.12);
z-index:3;
white-space:nowrap;
}
.map-search-btn::after{
content:none !important;
}
.map-search-btn .icon{
width:16px;
height:16px;
min-width:16px;
fill:none;
stroke:#8f6a24;
stroke-width:2.1;
stroke-linecap:round;
stroke-linejoin:round;
}
@media (max-width:380px){
.phase-map-card{padding:9px}
.map-search-btn{min-width:142px;min-height:36px;font-size:12.5px;padding:0 14px;margin-top:9px;gap:6px}
.map-search-btn .icon{width:15px;height:15px;min-width:15px}
}
/* CTA redesign: property submit + consultation cards */
.cta-box.cta-upgrade{
margin-top:16px;
padding:14px 11px 12px;
border-radius:20px;
background:
radial-gradient(circle at 8% 8%, rgba(215,170,94,.13), transparent 24%),
radial-gradient(circle at 92% 14%, rgba(215,170,94,.10), transparent 22%),
#fffdfb;
border-color:rgba(216,197,175,.72);
overflow:hidden;
}
.cta-upgrade .cta-title-wrap{
display:flex;
align-items:flex-start;
justify-content:center;
gap:8px;
text-align:center;
margin:0 0 12px;
position:relative;
}
.cta-upgrade h2{
margin:0 0 7px;
font-size:16.2px;
line-height:1.65;
font-weight:900;
color:#2a241f;
}
.cta-upgrade p{
margin:0;
font-size:11.8px;
line-height:1.7;
color:#8a7461;
font-weight:700;
}
.cta-spark{
color:#dfbd79;
font-size:18px;
line-height:1.4;
margin-top:2px;
}
.cta-options{
display:grid;
gap:10px;
}
.cta-option{
min-height:96px;
display:grid;
grid-template-columns:64px 1fr 22px;
align-items:center;
gap:10px;
padding:12px 12px 12px 10px;
border-radius:17px;
text-decoration:none;
color:#352c25;
border:1px solid rgba(220,201,176,.75);
background:#fff;
position:relative;
overflow:hidden;
}
.cta-option:after{
content:"";
position:absolute;
inset:0;
pointer-events:none;
opacity:.5;
}
.cta-option-primary{
background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,249,239,.96) 52%,rgba(248,235,210,.9) 100%);
border-color:rgba(213,166,91,.55);
box-shadow:0 8px 20px rgba(89,55,20,.045);
}
.cta-option-primary:after{
background:linear-gradient(90deg,transparent 0%,transparent 58%,rgba(199,149,73,.14) 100%);
}
.cta-option-light{
background:linear-gradient(90deg,#fff 0%,#fffdf9 100%);
}
.cta-icon-badge{
width:58px;
height:58px;
border-radius:999px;
display:flex;
align-items:center;
justify-content:center;
background:#fffaf2;
border:1px solid rgba(224,195,150,.9);
box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 7px 18px rgba(80,51,24,.06);
color:var(--gold-dark);
position:relative;
z-index:1;
}
.cta-icon-badge .icon{
width:28px;
height:28px;
min-width:28px;
max-width:28px;
min-height:28px;
max-height:28px;
margin:0;
stroke-width:1.6!important;
}
.cta-option-copy{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
text-align:center;
min-width:0;
position:relative;
z-index:1;
}
.cta-option-copy strong{
display:block;
margin:0 0 4px;
font-size:17px;
line-height:1.45;
font-weight:900;
color:var(--gold-dark);
}
.cta-option-copy small{
display:block;
margin:0 0 10px;
font-size:11.4px;
line-height:1.65;
color:#756a61;
font-weight:700;
}
.cta-option-copy b{
display:inline-flex;
align-items:center;
justify-content:center;
height:34px;
min-width:178px;
padding:0 18px;
border-radius:12px;
font-size:13.2px;
line-height:1;
font-weight:900;
white-space:nowrap;
}
.cta-option-primary .cta-option-copy b{
color:#fff;
background:linear-gradient(180deg,#d4a45b 0%,#bd8336 100%);
box-shadow:0 7px 14px rgba(154,96,35,.14), inset 0 1px 0 rgba(255,255,255,.28);
}
.cta-option-light .cta-option-copy strong{color:#302a25}
.cta-option-light .cta-option-copy b{
color:var(--gold-dark);
background:#fff;
border:1px solid rgba(190,132,56,.7);
}
.cta-arrow{
color:#b89a76;
font-size:30px;
font-weight:400;
line-height:1;
position:relative;
z-index:1;
}
@media (max-width:380px){
.cta-box.cta-upgrade{padding:13px 9px 11px}
.cta-upgrade h2{font-size:15.4px}
.cta-upgrade p{font-size:11.2px}
.cta-option{grid-template-columns:56px 1fr 18px;gap:8px;min-height:90px;padding:10px 10px 10px 8px}
.cta-icon-badge{width:52px;height:52px}
.cta-icon-badge .icon{width:25px;height:25px;min-width:25px;max-width:25px;min-height:25px;max-height:25px}
.cta-option-copy strong{font-size:15.5px}
.cta-option-copy small{font-size:10.5px;margin-bottom:8px}
.cta-option-copy b{min-width:150px;height:32px;font-size:12.5px;padding:0 14px}
}
/* EXACT preview alignment fix for CTA cards */
.cta-box.cta-upgrade{
margin-top:16px!important;
padding:15px 11px 13px!important;
border-radius:20px!important;
background:
radial-gradient(circle at 8% 11%, rgba(215,170,94,.15), transparent 24%),
radial-gradient(circle at 92% 13%, rgba(215,170,94,.13), transparent 24%),
#fffdfb!important;
}
.cta-upgrade .cta-title-wrap{
align-items:center!important;
margin-bottom:13px!important;
}
.cta-spark{
color:#dfbd79!important;
font-size:17px!important;
}
.cta-upgrade h2{
font-size:16.2px!important;
line-height:1.55!important;
margin-bottom:6px!important;
}
.cta-upgrade p{
font-size:11.7px!important;
}
.cta-option{
direction:ltr!important;
grid-template-columns:66px 1fr 24px!important;
min-height:96px!important;
padding:12px 11px!important;
border-radius:17px!important;
gap:10px!important;
text-decoration:none!important;
}
.cta-option-copy{
direction:rtl!important;
align-items:center!important;
text-align:center!important;
}
.cta-icon-badge{
width:58px!important;
height:58px!important;
justify-self:center!important;
}
.cta-arrow{
justify-self:center!important;
transform:none!important;
font-size:31px!important;
}
.cta-option-copy strong{
font-size:17px!important;
margin-bottom:4px!important;
}
.cta-option-copy small{
font-size:11.3px!important;
margin-bottom:10px!important;
}
.cta-option-copy b{
width:178px!important;
min-width:178px!important;
max-width:178px!important;
height:34px!important;
font-size:13.2px!important;
}
.cta-option-primary{
background:
linear-gradient(90deg, rgba(255,255,255,.98) 0%, rgba(255,250,242,.98) 55%, rgba(248,235,210,.92) 100%)!important;
}
.cta-option-primary::before{
content:""!important;
position:absolute!important;
right:10px!important;
top:14px!important;
width:86px!important;
height:62px!important;
opacity:.10!important;
background:
linear-gradient(135deg, transparent 30%, rgba(188,132,56,.6) 30% 34%, transparent 34%),
linear-gradient(90deg, rgba(188,132,56,.25), rgba(188,132,56,.08))!important;
border-radius:12px!important;
pointer-events:none!important;
}
@media (max-width:380px){
.cta-option{
grid-template-columns:58px 1fr 20px!important;
min-height:92px!important;
padding:10px 9px!important;
gap:8px!important;
}
.cta-icon-badge{width:52px!important;height:52px!important}
.cta-option-copy strong{font-size:15.8px!important}
.cta-option-copy small{font-size:10.7px!important}
.cta-option-copy b{width:150px!important;min-width:150px!important;max-width:150px!important;height:32px!important;font-size:12.5px!important}
}
/* final CTA refinement to match preview more closely */
.cta-box.cta-upgrade{
position:relative!important;
padding:16px 10px 14px!important;
background:linear-gradient(180deg,#fffdfa 0%,#fffdfb 100%)!important;
}
.cta-box.cta-upgrade:before{
content:"";
position:absolute;
inset:0;
border-radius:20px;
pointer-events:none;
background:radial-gradient(circle at 15% 8%, rgba(231,208,168,.16), transparent 18%),radial-gradient(circle at 85% 12%, rgba(231,208,168,.14), transparent 18%);
}
.cta-upgrade .cta-title-wrap{
display:block!important;
text-align:center!important;
margin-bottom:14px!important;
position:relative!important;
}
.cta-spark{
position:absolute!important;
top:4px!important;
font-size:17px!important;
color:#e0c17d!important;
}
.cta-title-wrap .cta-spark:first-child{right:46px!important}
.cta-title-wrap .cta-spark:last-child{left:46px!important}
.cta-upgrade h2{
margin:0 0 8px!important;
font-size:16.1px!important;
line-height:1.55!important;
font-weight:900!important;
}
.cta-upgrade p.cta-subline{
display:flex!important;
align-items:center!important;
justify-content:center!important;
gap:10px!important;
margin:0!important;
font-size:11.5px!important;
color:#8f7a63!important;
font-weight:700!important;
}
.cta-upgrade p.cta-subline span{
width:46px;
height:1px;
background:#e1cfb3;
position:relative;
flex:none;
}
.cta-upgrade p.cta-subline span:after{
content:"";
position:absolute;
top:-2px;
width:5px;
height:5px;
background:#d6b06c;
transform:rotate(45deg);
border-radius:1px;
}
.cta-upgrade p.cta-subline span:first-child:after{right:-1px}
.cta-upgrade p.cta-subline span:last-child:after{left:-1px}
.cta-upgrade p.cta-subline b{font-weight:700;color:#8f7a63}
.cta-options{gap:12px!important}
.cta-option{
grid-template-columns:72px 1fr 26px!important;
min-height:110px!important;
padding:14px 14px 14px 12px!important;
border-radius:18px!important;
position:relative!important;
overflow:hidden!important;
}
.cta-option-primary{
background:linear-gradient(90deg,#fffdf9 0%,#fffaf1 62%,#fbf0d9 100%)!important;
}
.cta-option-light{
background:linear-gradient(90deg,#ffffff 0%,#fffdfa 100%)!important;
}
.cta-option-primary::before,
.cta-option-light::before{
content:"";
position:absolute;
right:18px;
top:50%;
transform:translateY(-50%);
width:104px;
height:74px;
opacity:.17;
pointer-events:none;
background-repeat:no-repeat;
background-position:center;
background-size:contain;
}
.cta-option-primary::before{
background-image:url("data:image/svg+xml;utf8,");
}
.cta-option-light::before{
width:92px;height:64px;opacity:.11;
background-image:url("data:image/svg+xml;utf8,");
}
.cta-icon-badge{
width:66px!important;
height:66px!important;
background:#fff!important;
border:2px solid rgba(224,195,150,.88)!important;
box-shadow:0 4px 14px rgba(80,51,24,.05)!important;
}
.cta-icon-badge .icon{width:31px!important;height:31px!important;min-width:31px!important;max-width:31px!important;min-height:31px!important;max-height:31px!important}
.cta-option-copy strong{font-size:18px!important;line-height:1.35!important;margin-bottom:5px!important}
.cta-option-copy small{font-size:11.4px!important;line-height:1.7!important;margin-bottom:11px!important;color:#7c6d5d!important}
.cta-option-copy b{
width:210px!important;
min-width:210px!important;
max-width:210px!important;
height:36px!important;
border-radius:13px!important;
font-size:13.5px!important;
}
.cta-arrow{
font-size:34px!important;
color:#b9a07c!important;
}
@media (max-width:380px){
.cta-title-wrap .cta-spark:first-child{right:38px!important}
.cta-title-wrap .cta-spark:last-child{left:38px!important}
.cta-upgrade p.cta-subline span{width:38px}
.cta-option{grid-template-columns:64px 1fr 22px!important;min-height:102px!important;padding:12px 12px 12px 10px!important}
.cta-icon-badge{width:58px!important;height:58px!important}
.cta-icon-badge .icon{width:27px!important;height:27px!important;min-width:27px!important;max-width:27px!important;min-height:27px!important;max-height:27px!important}
.cta-option-copy strong{font-size:16.7px!important}
.cta-option-copy small{font-size:10.8px!important}
.cta-option-copy b{width:178px!important;min-width:178px!important;max-width:178px!important;height:34px!important;font-size:12.8px!important}
}
/* CTA icon fidelity fix */
.cta-box.cta-upgrade .cta-icon-badge{
width:58px!important;
height:58px!important;
border-radius:999px!important;
background:#fffdf8!important;
border:2px solid rgba(226,199,156,.95)!important;
box-shadow:0 5px 14px rgba(92,62,28,.055), inset 0 1px 0 rgba(255,255,255,.95)!important;
}
.cta-box.cta-upgrade .cta-icon-badge .icon{
width:30px!important;
height:30px!important;
min-width:30px!important;
max-width:30px!important;
min-height:30px!important;
max-height:30px!important;
stroke:#bd8438!important;
stroke-width:1.75!important;
}
.cta-box.cta-upgrade .cta-option-primary::before{
content:""!important;
position:absolute!important;
right:18px!important;
top:50%!important;
transform:translateY(-50%)!important;
width:100px!important;
height:76px!important;
opacity:.16!important;
pointer-events:none!important;
background-repeat:no-repeat!important;
background-position:center!important;
background-size:contain!important;
background-image:url("data:image/svg+xml;utf8,")!important;
}
.cta-box.cta-upgrade .cta-option-light::before{
content:""!important;
position:absolute!important;
right:20px!important;
top:50%!important;
transform:translateY(-50%)!important;
width:92px!important;
height:72px!important;
opacity:.12!important;
pointer-events:none!important;
background-repeat:no-repeat!important;
background-position:center!important;
background-size:contain!important;
background-image:url("data:image/svg+xml;utf8,")!important;
}
.cta-box.cta-upgrade .cta-arrow{
color:#b79a73!important;
font-size:32px!important;
opacity:.92!important;
}
@media (max-width:380px){
.cta-box.cta-upgrade .cta-icon-badge{width:54px!important;height:54px!important}
.cta-box.cta-upgrade .cta-icon-badge .icon{width:27px!important;height:27px!important;min-width:27px!important;max-width:27px!important;min-height:27px!important;max-height:27px!important}
}
/* final icon-only refinement: document+home and soft headset */
.cta-box.cta-upgrade .cta-icon-badge{
width:62px!important;
height:62px!important;
background:#fffefb!important;
border:2px solid rgba(225,198,155,.88)!important;
box-shadow:0 6px 15px rgba(83,55,25,.045), inset 0 1px 0 rgba(255,255,255,.98)!important;
}
.cta-box.cta-upgrade .cta-icon-badge .icon{
width:31px!important;
height:31px!important;
min-width:31px!important;
max-width:31px!important;
min-height:31px!important;
max-height:31px!important;
stroke:#bd8438!important;
stroke-width:1.55!important;
stroke-linecap:round!important;
stroke-linejoin:round!important;
fill:none!important;
}
.cta-box.cta-upgrade .cta-doc-icon{
width:33px!important;
height:33px!important;
}
.cta-box.cta-upgrade .cta-headset-icon{
width:32px!important;
height:32px!important;
}
.cta-box.cta-upgrade .cta-option-primary::before{
content:""!important;
position:absolute!important;
right:18px!important;
top:50%!important;
transform:translateY(-50%)!important;
width:110px!important;
height:82px!important;
opacity:.18!important;
pointer-events:none!important;
background-repeat:no-repeat!important;
background-position:center!important;
background-size:contain!important;
background-image:url("data:image/svg+xml;utf8,")!important;
}
.cta-box.cta-upgrade .cta-option-light::before{
content:""!important;
position:absolute!important;
right:20px!important;
top:50%!important;
transform:translateY(-50%)!important;
width:96px!important;
height:76px!important;
opacity:.13!important;
pointer-events:none!important;
background-repeat:no-repeat!important;
background-position:center!important;
background-size:contain!important;
background-image:url("data:image/svg+xml;utf8,")!important;
}
.cta-box.cta-upgrade .cta-arrow{
color:#b99d77!important;
font-size:32px!important;
font-weight:300!important;
opacity:.88!important;
}
@media (max-width:380px){
.cta-box.cta-upgrade .cta-icon-badge{
width:58px!important;
height:58px!important;
}
.cta-box.cta-upgrade .cta-icon-badge .icon{
width:29px!important;
height:29px!important;
min-width:29px!important;
max-width:29px!important;
min-height:29px!important;
max-height:29px!important;
}
}
/* final minimal CTA icon correction */
.cta-box.cta-upgrade .cta-icon-badge{
width:58px!important;
height:58px!important;
background:#fffefb!important;
border:1.6px solid rgba(225,198,155,.78)!important;
box-shadow:0 5px 13px rgba(83,55,25,.04), inset 0 1px 0 rgba(255,255,255,.98)!important;
}
.cta-box.cta-upgrade .cta-icon-badge .icon{
width:30px!important;
height:30px!important;
min-width:30px!important;
max-width:30px!important;
min-height:30px!important;
max-height:30px!important;
stroke:#bd8438!important;
stroke-width:1.65!important;
stroke-linecap:round!important;
stroke-linejoin:round!important;
fill:none!important;
}
.cta-box.cta-upgrade .cta-doc-icon{
width:31px!important;
height:31px!important;
}
.cta-box.cta-upgrade .cta-headset-icon{
width:30px!important;
height:30px!important;
stroke-width:1.7!important;
}
.cta-box.cta-upgrade .cta-option-primary::before{
opacity:.15!important;
}
.cta-box.cta-upgrade .cta-option-light::before{
opacity:.11!important;
}
@media (max-width:380px){
.cta-box.cta-upgrade .cta-icon-badge{
width:54px!important;
height:54px!important;
}
.cta-box.cta-upgrade .cta-icon-badge .icon{
width:28px!important;
height:28px!important;
min-width:28px!important;
max-width:28px!important;
min-height:28px!important;
max-height:28px!important;
}
}
/* top hero redesign: luxury mobile header + search */
.topbar.topbar-lux{
height:64px!important;
padding:9px 14px!important;
background:rgba(255,253,250,.96)!important;
border-bottom:1px solid rgba(211,189,160,.38)!important;
box-shadow:0 8px 22px rgba(65,42,20,.035)!important;
justify-content:space-between!important;
}
.lux-brand{
display:flex!important;
align-items:center!important;
gap:9px!important;
}
.lux-brand .brand-logo{
width:42px!important;
height:42px!important;
padding:3px!important;
border-radius:13px!important;
background:#fff!important;
box-shadow:0 5px 14px rgba(65,42,20,.055)!important;
}
.brand-copy{
display:flex!important;
flex-direction:column!important;
align-items:flex-start!important;
gap:2px!important;
}
.brand-copy .brand-text{
font-size:15.4px!important;
line-height:1.2!important;
font-weight:900!important;
color:#241f1a!important;
white-space:nowrap!important;
}
.brand-copy small{
font-size:9.7px!important;
color:#9a8061!important;
font-weight:700!important;
white-space:nowrap!important;
}
.lux-menu-btn{
width:38px!important;
height:38px!important;
border-radius:14px!important;
background:#fff!important;
border:1px solid rgba(217,198,173,.62)!important;
box-shadow:0 5px 14px rgba(65,42,20,.045)!important;
align-items:center!important;
}
.lux-menu-btn span{
width:18px!important;
height:2px!important;
background:#7e6241!important;
}
.page-content-lux{
padding-top:10px!important;
}
.hero-section.hero-lux{
margin:0!important;
border-radius:24px!important;
overflow:hidden!important;
background:
radial-gradient(circle at 10% 9%, rgba(221,185,125,.22), transparent 25%),
linear-gradient(180deg,#fffaf2 0%,#f7efe4 48%,#fffdf9 100%)!important;
border:1px solid rgba(217,198,173,.66)!important;
box-shadow:0 16px 38px rgba(67,43,18,.075)!important;
}
.hero-lux-copy{
text-align:center!important;
padding:17px 17px 11px!important;
}
.hero-badge{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
height:28px!important;
padding:0 13px!important;
margin-bottom:10px!important;
border-radius:999px!important;
background:#fff!important;
border:1px solid rgba(210,170,105,.46)!important;
color:#a36f2c!important;
font-size:11px!important;
font-weight:900!important;
box-shadow:0 6px 15px rgba(138,88,35,.06)!important;
}
.hero-lux-copy h1{
margin:0 0 7px!important;
color:#211c17!important;
font-size:22px!important;
line-height:1.45!important;
font-weight:900!important;
letter-spacing:0!important;
}
.hero-lux-copy p{
margin:0!important;
color:#6d5d4b!important;
font-size:12.3px!important;
line-height:1.75!important;
font-weight:700!important;
}
.hero-image-wrap{
margin:0 12px 12px!important;
position:relative!important;
overflow:hidden!important;
border-radius:21px!important;
box-shadow:0 12px 26px rgba(42,31,20,.12)!important;
}
.hero-lux .hero-image{
width:100%!important;
height:190px!important;
display:block!important;
object-fit:cover!important;
object-position:center!important;
}
.hero-image-wrap:after{
content:""!important;
position:absolute!important;
inset:0!important;
background:linear-gradient(180deg,rgba(0,0,0,0) 48%,rgba(0,0,0,.32) 100%)!important;
pointer-events:none!important;
}
.hero-glass-card{
position:absolute!important;
right:12px!important;
bottom:12px!important;
z-index:2!important;
min-width:142px!important;
padding:9px 11px!important;
border-radius:15px!important;
background:rgba(255,255,255,.85)!important;
border:1px solid rgba(255,255,255,.58)!important;
backdrop-filter:blur(10px)!important;
box-shadow:0 8px 22px rgba(0,0,0,.1)!important;
text-align:right!important;
}
.hero-glass-card strong{
display:block!important;
font-size:12.6px!important;
color:#2a221b!important;
font-weight:900!important;
margin-bottom:2px!important;
}
.hero-glass-card span{
display:block!important;
font-size:9.8px!important;
color:#735d45!important;
font-weight:700!important;
}
.search-card.search-lux{
margin-top:11px!important;
padding:13px 11px 12px!important;
border-radius:22px!important;
background:#fffefc!important;
box-shadow:0 13px 32px rgba(65,42,20,.065)!important;
border:1px solid rgba(217,198,173,.62)!important;
}
.search-head{
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:10px!important;
margin-bottom:11px!important;
}
.search-head h2{
margin:0 0 4px!important;
font-size:16px!important;
line-height:1.35!important;
font-weight:900!important;
color:#241f1a!important;
}
.search-head p{
margin:0!important;
font-size:10.8px!important;
color:#8d7b68!important;
font-weight:700!important;
}
.search-mini-icon{
width:38px!important;
height:38px!important;
border-radius:14px!important;
background:#fff8ed!important;
border:1px solid rgba(211,170,105,.44)!important;
color:#b9873d!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
flex:none!important;
}
.search-mini-icon .icon{
width:19px!important;
height:19px!important;
}
.search-tabs{
display:grid!important;
grid-template-columns:1fr 1fr 1.25fr!important;
gap:7px!important;
margin-bottom:10px!important;
background:#f8f1e8!important;
padding:5px!important;
border-radius:15px!important;
}
.search-tabs button{
height:32px!important;
border:0!important;
border-radius:11px!important;
background:transparent!important;
color:#7b6c5c!important;
font-size:11.4px!important;
font-family:inherit!important;
font-weight:900!important;
}
.search-tabs button.active{
background:#fff!important;
color:#a36f2c!important;
box-shadow:0 5px 12px rgba(110,70,27,.065)!important;
}
.filters-grid.filters-grid-lux{
gap:8px!important;
}
.filters-grid-lux .filter-box{
min-height:54px!important;
padding:9px 10px!important;
border-radius:15px!important;
background:linear-gradient(180deg,#fff 0%,#fffdf9 100%)!important;
border:1px solid rgba(229,218,204,.95)!important;
box-shadow:0 5px 14px rgba(50,32,17,.026)!important;
}
.filters-grid-lux .filter-box label{
font-size:10px!important;
margin-bottom:6px!important;
color:#998976!important;
font-weight:800!important;
}
.filters-grid-lux .filter-value{
font-size:12.4px!important;
font-weight:900!important;
color:#302923!important;
}
.filters-grid-lux .filter-value span{
color:#b98a49!important;
}
.search-btn-lux{
height:44px!important;
border-radius:15px!important;
margin-top:10px!important;
font-size:14.5px!important;
background:linear-gradient(180deg,#d2a256 0%,#b87a2f 100%)!important;
box-shadow:0 10px 22px rgba(174,112,42,.18), inset 0 1px 0 rgba(255,255,255,.36)!important;
}
.search-btn-lux .icon{
width:18px!important;
height:18px!important;
}
@media (max-width:380px){
.topbar.topbar-lux{height:60px!important;padding:8px 12px!important}
.lux-brand .brand-logo{width:38px!important;height:38px!important}
.brand-copy .brand-text{font-size:14.6px!important}
.brand-copy small{font-size:9.2px!important}
.hero-lux-copy h1{font-size:20px!important}
.hero-lux .hero-image{height:176px!important}
.search-tabs button{font-size:10.8px!important}
.filters-grid-lux .filter-value{font-size:11.7px!important}
}
/* working hero filters */
.filters-grid-lux .filter-control{
font-family:inherit!important;
text-align:right!important;
cursor:pointer!important;
appearance:none!important;
-webkit-appearance:none!important;
}
.filters-grid-lux .filter-control:active{
transform:scale(.985);
}
.filters-grid-lux .filter-control b{
font:inherit;
}
.filter-sheet-backdrop{
position:fixed;
inset:0;
background:rgba(21,17,13,.26);
z-index:9998;
opacity:0;
pointer-events:none;
transition:opacity .18s ease;
}
.filter-sheet-backdrop.show{
opacity:1;
pointer-events:auto;
}
.filter-sheet{
position:fixed;
left:50%;
bottom:calc(88px + env(safe-area-inset-bottom));
width:min(392px, calc(100% - 26px));
transform:translate(-50%, 14px);
background:#fffdf9;
border:1px solid rgba(217,198,173,.8);
border-radius:20px;
box-shadow:0 18px 48px rgba(45,30,14,.22);
z-index:9999;
opacity:0;
pointer-events:none;
transition:opacity .18s ease, transform .18s ease;
overflow:hidden;
direction:rtl;
}
.filter-sheet.show{
opacity:1;
pointer-events:auto;
transform:translate(-50%, 0);
}
.filter-sheet-head{
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
padding:13px 15px;
border-bottom:1px solid rgba(217,198,173,.55);
}
.filter-sheet-title{
font-size:14px;
font-weight:900;
color:#2a241f;
}
.filter-sheet-close{
border:0;
background:#f7efe4;
color:#8f6c36;
width:31px;
height:31px;
border-radius:11px;
font-size:18px;
line-height:1;
font-family:inherit;
}
.filter-sheet-options{
display:grid;
gap:7px;
padding:10px;
max-height:290px;
overflow:auto;
}
.filter-option{
height:42px;
border:1px solid rgba(225,210,190,.86);
background:#fff;
color:#342b23;
border-radius:13px;
font-family:inherit;
font-size:13px;
font-weight:850;
}
.filter-option.selected{
color:#fff;
border-color:#bd8438;
background:linear-gradient(180deg,#d2a256 0%,#b87a2f 100%);
}
.search-tabs button{cursor:pointer!important}
.search-tabs button:active{transform:scale(.985)}
/* Native iPhone/Safari filter controls - reliable tap behavior */
.native-filters{
position:relative!important;
z-index:5!important;
}
.native-filter-box{
display:block!important;
position:relative!important;
cursor:pointer!important;
user-select:none!important;
-webkit-tap-highlight-color:rgba(190,132,56,.12)!important;
}
.native-filter-box .filter-label{
display:block!important;
color:#998976!important;
font-size:10px!important;
margin-bottom:6px!important;
font-weight:800!important;
line-height:1.35!important;
}
.native-filter-box select{
position:relative!important;
z-index:3!important;
display:block!important;
width:100%!important;
height:25px!important;
margin:0!important;
padding:0 0 0 24px!important;
border:0!important;
outline:0!important;
background:transparent!important;
color:#302923!important;
font-family:var(--sadaf-font-family)!important;
font-size:12.4px!important;
font-weight:900!important;
line-height:25px!important;
text-align:right!important;
direction:rtl!important;
cursor:pointer!important;
appearance:none!important;
-webkit-appearance:none!important;
}
.native-filter-box select::-ms-expand{
display:none!important;
}
.native-select-arrow{
position:absolute!important;
left:12px!important;
bottom:12px!important;
z-index:2!important;
color:#b98a49!important;
font-size:14px!important;
line-height:1!important;
pointer-events:none!important;
}
.native-filter-box:active{
transform:scale(.985)!important;
}
.search-tabs button{
cursor:pointer!important;
-webkit-tap-highlight-color:rgba(190,132,56,.12)!important;
}
@media (max-width:380px){
.native-filter-box select{
font-size:11.7px!important;
}
}
/* Add gold icons beside native search filter boxes */
.native-filter-box{
min-height:62px!important;
padding:9px 10px 9px 9px!important;
}
.native-filter-box .filter-top-row{
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:8px!important;
margin-bottom:5px!important;
}
.native-filter-box .filter-label{
margin:0!important;
line-height:1.3!important;
flex:1!important;
}
.filter-side-icon{
width:34px!important;
height:34px!important;
border-radius:11px!important;
background:#fbf3e8!important;
border:1px solid rgba(220,186,135,.42)!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
color:#c08a3e!important;
flex:none!important;
}
.filter-side-icon svg{
width:20px!important;
height:20px!important;
display:block!important;
fill:none!important;
stroke:currentColor!important;
stroke-width:1.75!important;
stroke-linecap:round!important;
stroke-linejoin:round!important;
}
.native-filter-box select{
height:24px!important;
padding-left:24px!important;
}
.native-select-arrow{
bottom:11px!important;
}
@media (max-width:380px){
.filter-side-icon{
width:31px!important;
height:31px!important;
border-radius:10px!important;
}
.filter-side-icon svg{
width:18px!important;
height:18px!important;
}
.native-filter-box{
min-height:59px!important;
padding:8px 9px!important;
}
}
/* compact filter card tuning */
.native-filter-box{
min-height:56px!important;
padding:8px 10px 7px 10px!important;
}
.native-filter-box .filter-top-row{
gap:6px!important;
margin-bottom:2px!important;
align-items:center!important;
}
.native-filter-box .filter-label{
font-size:10px!important;
line-height:1.2!important;
}
.filter-side-icon{
width:30px!important;
height:30px!important;
border-radius:10px!important;
}
.filter-side-icon svg{
width:18px!important;
height:18px!important;
}
.native-filter-box select{
height:22px!important;
line-height:22px!important;
font-size:12px!important;
padding-left:22px!important;
}
.native-select-arrow{
bottom:10px!important;
left:11px!important;
font-size:13px!important;
}
@media (max-width:380px){
.native-filter-box{
min-height:53px!important;
padding:7px 9px 6px 9px!important;
}
.filter-side-icon{
width:28px!important;
height:28px!important;
}
.filter-side-icon svg{
width:17px!important;
height:17px!important;
}
.native-filter-box select{
height:21px!important;
line-height:21px!important;
font-size:11.5px!important;
}
}
/* Sadaf: unread messages badge on bottom navigation — same visual as profile advisor messages */
.bottom-nav .nav-item{position:relative;}
.bottom-nav .nav-item .bottom-message-badge{
position:absolute;
top:-3px;
left:calc(50% - 24px);
min-width:19px;
height:19px;
padding:0 5px;
border-radius:999px;
background:#c89342;
color:#fff;
border:2px solid #fff;
box-shadow:0 7px 18px rgba(161,105,34,.22);
display:none;
align-items:center;
justify-content:center;
font-size:10px;
line-height:1;
font-weight:900;
z-index:10;
}
.bottom-nav .nav-item .bottom-message-badge.show{display:flex;}
.search-mini-action{
appearance:none!important;
-webkit-appearance:none!important;
cursor:pointer!important;
padding:0!important;
font:inherit!important;
}
.search-mini-action:active{
transform:scale(.96)!important;
}
/* Featured property cards - polished luxury layout */
.featured-title{margin-top:18px;margin-bottom:6px}
.featured-luxury-section{margin-bottom:22px}
.featured-luxury-section .featured-viewport{padding:0 10px}
.featured-luxury-section .featured-carousel{gap:12px;padding:12px 0 16px}
.featured-luxury-section .featured-slide{flex:0 0 38%;min-width:38%;border-radius:20px;border:1px solid rgba(202,184,160,.8);background:linear-gradient(180deg,#fff 0%,#fffaf4 100%);box-shadow:0 12px 30px rgba(50,32,17,.08);transform:scale(.86);opacity:.68}
.featured-luxury-section .featured-slide.is-near{transform:scale(.94);opacity:.9}
.featured-luxury-section .featured-slide.is-active{transform:scale(1.04);box-shadow:0 18px 42px rgba(50,32,17,.18);border-color:rgba(199,149,73,.55)}
.featured-image-link{position:relative;display:block;text-decoration:none;color:inherit;overflow:hidden;background:#eee}
.featured-luxury-section .featured-slide .listing-image{height:138px;border-bottom:0;transition:height .45s ease,transform .45s ease}
.featured-luxury-section .featured-slide.is-active .listing-image{height:150px;transform:scale(1.015)}
.featured-luxury-section .featured-image-link:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.04) 20%,rgba(0,0,0,.18) 100%);pointer-events:none}
.featured-luxury-section .tag{top:10px;right:10px;z-index:2;border-radius:999px;padding:5px 10px;background:rgba(255,255,255,.94);border:1px solid rgba(255,255,255,.7);font-size:10.5px;box-shadow:0 7px 18px rgba(0,0,0,.12)}
.featured-luxury-section .tag.sale{color:#6f4210;background:rgba(255,249,239,.96)}
.featured-luxury-section .tag.rent{color:#3b5b49;background:rgba(244,255,249,.96)}
.featured-badge{position:absolute;left:10px;bottom:10px;z-index:2;padding:4px 8px;border-radius:999px;background:rgba(36,29,23,.72);color:#fff;font-size:10px;font-weight:900;backdrop-filter:blur(8px)}
.featured-luxury-section .listing-body{padding:10px 10px 11px;text-align:right}
.featured-card-head{display:flex;flex-direction:column;gap:3px;margin-bottom:8px}
.featured-luxury-section .listing-body h3{font-size:13.2px;line-height:1.55;margin:0;color:#29241f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.featured-luxury-section .featured-slide.is-active .listing-body h3{font-size:14px}
.featured-luxury-section .location{font-size:10.8px;color:#7e736a;font-weight:700}
.featured-luxury-section .spec-bar{justify-content:flex-start;background:#fbf6ee;border-color:#eadbc8;border-radius:13px;padding:7px 6px;margin:0 0 8px;font-size:10.5px;color:#5b5048}
.featured-luxury-section .spec-bar span{padding:0 6px;white-space:nowrap}
.featured-luxury-section .price{margin:0 0 9px;display:flex;flex-direction:column;gap:2px;color:var(--gold-dark);font-size:12px;line-height:1.55}
.featured-luxury-section .price small{font-size:10px;color:#928477;font-weight:800}
.featured-luxury-section .price strong{font-size:12.7px;color:#a86f26;font-weight:900;white-space:nowrap;letter-spacing:0}
.featured-luxury-section .featured-slide.is-active .price strong{font-size:13.3px}
.featured-detail-btn{display:flex;align-items:center;justify-content:center;height:34px;border-radius:12px;text-decoration:none;color:#fff;background:linear-gradient(180deg,#c79549,#b98234);font-size:11.5px;font-weight:900;box-shadow:0 8px 16px rgba(178,126,57,.16)}
@media (max-width:380px){.featured-luxury-section .featured-slide{flex-basis:42%;min-width:42%}.featured-luxury-section .featured-slide .listing-image{height:126px}.featured-luxury-section .featured-slide.is-active .listing-image{height:138px}.featured-luxury-section .price strong{font-size:11.6px}}
/* Featured cards: reduced, wider, cleaner mobile carousel */
.featured-luxury-section{margin-bottom:18px!important;}
.featured-luxury-section .featured-viewport{padding:0 14px!important;overflow:hidden;}
.featured-luxury-section .featured-carousel{gap:14px!important;padding:10px 0 12px!important;align-items:stretch!important;}
.featured-luxury-section .featured-slide,
.featured-slide.luxury-property-card{flex:0 0 78%!important;min-width:78%!important;max-width:78%!important;transform:scale(.96)!important;opacity:.72!important;border-radius:20px!important;}
.featured-luxury-section .featured-slide.is-near{transform:scale(.98)!important;opacity:.86!important;}
.featured-luxury-section .featured-slide.is-active{transform:scale(1)!important;opacity:1!important;}
.featured-luxury-section .featured-slide .listing-image{height:148px!important;}
.featured-luxury-section .featured-slide.is-active .listing-image{height:148px!important;transform:none!important;}
.featured-luxury-section .listing-body{padding:10px 11px 12px!important;}
.featured-luxury-section .featured-card-head{margin-bottom:7px!important;}
.featured-luxury-section .listing-body h3,
.featured-luxury-section .featured-slide.is-active .listing-body h3{font-size:14px!important;line-height:1.55!important;}
.featured-luxury-section .location{font-size:11px!important;}
.featured-luxury-section .spec-bar{font-size:11px!important;padding:7px 7px!important;margin-bottom:8px!important;}
.featured-luxury-section .price strong,
.featured-luxury-section .featured-slide.is-active .price strong{font-size:13px!important;}
.featured-luxury-section .featured-detail-btn{height:38px!important;border-radius:14px!important;font-size:12.5px!important;}
@media (max-width:380px){
.featured-luxury-section .featured-slide,
.featured-slide.luxury-property-card{flex-basis:82%!important;min-width:82%!important;max-width:82%!important;}
.featured-luxury-section .featured-slide .listing-image,
.featured-luxury-section .featured-slide.is-active .listing-image{height:138px!important;}
}
/* featured cards final compact horizontal fix */
.featured-luxury-section{margin-bottom:16px!important;}
.featured-luxury-section .featured-viewport{padding:0 12px!important;overflow:hidden!important;}
.featured-luxury-section .featured-carousel{gap:12px!important;padding:8px 0 10px!important;align-items:stretch!important;}
.featured-luxury-section .featured-slide,
.featured-slide.luxury-property-card{
flex:0 0 88%!important;
min-width:88%!important;
max-width:88%!important;
display:grid!important;
grid-template-columns:42% 58%!important;
min-height:154px!important;
max-height:168px!important;
border-radius:18px!important;
overflow:hidden!important;
transform:none!important;
opacity:1!important;
box-shadow:0 10px 24px rgba(50,32,17,.09)!important;
}
.featured-luxury-section .featured-slide.is-near,
.featured-luxury-section .featured-slide.is-active{transform:none!important;opacity:1!important;}
.featured-luxury-section .featured-image-link{height:100%!important;min-height:154px!important;}
.featured-luxury-section .featured-slide .listing-image,
.featured-luxury-section .featured-slide.is-active .listing-image{
height:100%!important;
min-height:154px!important;
object-fit:cover!important;
transform:none!important;
}
.featured-luxury-section .listing-body{
padding:9px 10px 9px!important;
display:flex!important;
flex-direction:column!important;
justify-content:center!important;
text-align:right!important;
min-width:0!important;
}
.featured-luxury-section .featured-card-head{gap:2px!important;margin-bottom:6px!important;}
.featured-luxury-section .listing-body h3,
.featured-luxury-section .featured-slide.is-active .listing-body h3{font-size:13.2px!important;line-height:1.45!important;margin:0!important;}
.featured-luxury-section .location{font-size:10.5px!important;line-height:1.4!important;}
.featured-luxury-section .spec-bar{font-size:10.3px!important;padding:6px 5px!important;margin:0 0 6px!important;border-radius:11px!important;overflow:hidden!important;}
.featured-luxury-section .spec-bar span{padding:0 4px!important;}
.featured-luxury-section .price{margin:0 0 6px!important;gap:0!important;line-height:1.35!important;}
.featured-luxury-section .price small{font-size:9.8px!important;}
.featured-luxury-section .price strong,
.featured-luxury-section .featured-slide.is-active .price strong{font-size:11.6px!important;white-space:normal!important;line-height:1.45!important;letter-spacing:0!important;}
.featured-luxury-section .featured-detail-btn{height:30px!important;border-radius:11px!important;font-size:11.2px!important;box-shadow:none!important;}
.featured-luxury-section .tag{top:8px!important;right:8px!important;padding:4px 8px!important;font-size:9.8px!important;}
.featured-badge{left:8px!important;bottom:8px!important;padding:3px 7px!important;font-size:9.4px!important;}
.featured-luxury-section .carousel-dots,.carousel-dots{margin-top:0!important;}
@media (max-width:380px){
.featured-luxury-section .featured-slide,
.featured-slide.luxury-property-card{flex-basis:90%!important;min-width:90%!important;max-width:90%!important;grid-template-columns:40% 60%!important;min-height:148px!important;max-height:160px!important;}
.featured-luxury-section .featured-image-link{min-height:148px!important;}
.featured-luxury-section .featured-slide .listing-image,
.featured-luxury-section .featured-slide.is-active .listing-image{min-height:148px!important;}
.featured-luxury-section .listing-body h3,
.featured-luxury-section .featured-slide.is-active .listing-body h3{font-size:12.5px!important;}
.featured-luxury-section .price strong,
.featured-luxury-section .featured-slide.is-active .price strong{font-size:10.8px!important;}
}
/* featured cards - attractive showcase version */
.featured-luxury-section{margin-bottom:18px!important;}
.featured-luxury-section .featured-viewport{padding:0 13px!important;overflow:hidden!important;}
.featured-luxury-section .featured-carousel{gap:14px!important;padding:9px 0 12px!important;align-items:stretch!important;}
.featured-luxury-section .featured-slide,
.featured-slide.luxury-property-card{
flex:0 0 84%!important;
min-width:84%!important;
max-width:84%!important;
display:block!important;
min-height:0!important;
max-height:none!important;
border-radius:22px!important;
overflow:hidden!important;
background:linear-gradient(180deg,#ffffff 0%,#fff8ef 100%)!important;
border:1px solid rgba(202,184,160,.82)!important;
box-shadow:0 16px 36px rgba(50,32,17,.14)!important;
transform:none!important;
opacity:1!important;
}
.featured-luxury-section .featured-slide.is-near,
.featured-luxury-section .featured-slide.is-active{transform:none!important;opacity:1!important;}
.featured-luxury-section .featured-image-link{
height:176px!important;
min-height:176px!important;
display:block!important;
position:relative!important;
overflow:hidden!important;
background:#eee!important;
}
.featured-luxury-section .featured-slide .listing-image,
.featured-luxury-section .featured-slide.is-active .listing-image{
width:100%!important;
height:176px!important;
min-height:176px!important;
display:block!important;
object-fit:cover!important;
transform:none!important;
}
.featured-luxury-section .featured-image-link:after{
content:""!important;
position:absolute!important;
inset:0!important;
background:linear-gradient(180deg,rgba(0,0,0,0) 34%,rgba(0,0,0,.34) 100%)!important;
pointer-events:none!important;
}
.featured-luxury-section .tag{
top:12px!important;
right:12px!important;
padding:6px 11px!important;
border-radius:999px!important;
font-size:10.5px!important;
font-weight:900!important;
background:rgba(255,255,255,.94)!important;
box-shadow:0 8px 20px rgba(0,0,0,.14)!important;
z-index:3!important;
}
.featured-badge{
left:12px!important;
bottom:12px!important;
padding:5px 10px!important;
border-radius:999px!important;
font-size:10px!important;
background:rgba(31,25,20,.76)!important;
backdrop-filter:blur(10px)!important;
z-index:3!important;
}
.featured-luxury-section .listing-body{
padding:12px 13px 13px!important;
display:block!important;
text-align:right!important;
}
.featured-luxury-section .featured-card-head{margin-bottom:8px!important;gap:3px!important;}
.featured-luxury-section .listing-body h3,
.featured-luxury-section .featured-slide.is-active .listing-body h3{
font-size:15px!important;
line-height:1.5!important;
margin:0!important;
color:#24201c!important;
font-weight:900!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
}
.featured-luxury-section .location{font-size:11.2px!important;color:#7a6d61!important;font-weight:850!important;}
.featured-luxury-section .spec-bar{
display:flex!important;
justify-content:flex-start!important;
gap:6px!important;
background:transparent!important;
border:0!important;
padding:0!important;
margin:0 0 8px!important;
overflow:hidden!important;
}
.featured-luxury-section .spec-bar span{
border:1px solid rgba(218,201,178,.78)!important;
background:#fbf3e8!important;
border-radius:999px!important;
padding:5px 8px!important;
font-size:10.6px!important;
line-height:1!important;
color:#5e5146!important;
white-space:nowrap!important;
}
.featured-hook{
margin:0 0 9px!important;
font-size:11.3px!important;
line-height:1.7!important;
color:#6f6258!important;
font-weight:750!important;
}
.featured-luxury-section .price{
margin:0 0 10px!important;
padding:9px 10px!important;
border-radius:15px!important;
background:linear-gradient(180deg,#fffaf4,#f7ead8)!important;
border:1px solid rgba(219,196,166,.82)!important;
display:flex!important;
flex-direction:row!important;
align-items:center!important;
justify-content:space-between!important;
gap:8px!important;
line-height:1.35!important;
}
.featured-luxury-section .price small{font-size:10.4px!important;color:#8b7a69!important;font-weight:900!important;white-space:nowrap!important;}
.featured-luxury-section .price strong,
.featured-luxury-section .featured-slide.is-active .price strong{
font-size:13.1px!important;
color:#a56d22!important;
font-weight:900!important;
white-space:normal!important;
text-align:left!important;
letter-spacing:0!important;
}
.featured-luxury-section .featured-detail-btn{
height:42px!important;
border-radius:15px!important;
font-size:12.8px!important;
font-weight:900!important;
color:#fff!important;
background:linear-gradient(180deg,#c9964b 0%,#ae742d 100%)!important;
box-shadow:0 10px 20px rgba(174,116,45,.22)!important;
}
.featured-luxury-section .featured-detail-btn:after{content:" ←";font-weight:900;}
@media (max-width:380px){
.featured-luxury-section .featured-slide,
.featured-slide.luxury-property-card{flex-basis:88%!important;min-width:88%!important;max-width:88%!important;}
.featured-luxury-section .featured-image-link,
.featured-luxury-section .featured-slide .listing-image,
.featured-luxury-section .featured-slide.is-active .listing-image{height:160px!important;min-height:160px!important;}
.featured-luxury-section .listing-body h3,
.featured-luxury-section .featured-slide.is-active .listing-body h3{font-size:14px!important;}
.featured-luxury-section .price strong,
.featured-luxury-section .featured-slide.is-active .price strong{font-size:12px!important;}
}
/* Compass-inspired featured listings: premium, cleaner, more clickable */
.featured-title-premium{align-items:flex-end!important;margin-top:20px!important;margin-bottom:4px!important;}
.featured-title-premium>div{display:flex!important;flex-direction:column!important;gap:2px!important;}
.featured-title-premium h2{margin:0!important;font-size:18px!important;font-weight:900!important;color:#27211c!important;}
.featured-title-premium p{margin:0!important;font-size:11.5px!important;color:#8a7d70!important;font-weight:800!important;}
.featured-title-premium a{font-size:11.5px!important;color:#9b6a2f!important;font-weight:900!important;text-decoration:none!important;}
.featured-luxury-section{margin-bottom:18px!important;}
.featured-luxury-section .featured-viewport{padding:0 14px!important;overflow:hidden!important;}
.featured-luxury-section .featured-carousel{gap:13px!important;padding:10px 0 12px!important;align-items:stretch!important;}
.featured-luxury-section .featured-slide,
.featured-slide.luxury-property-card{
flex:0 0 86%!important;
min-width:86%!important;
max-width:86%!important;
display:block!important;
background:#fff!important;
border:1px solid rgba(229,219,205,.95)!important;
border-radius:20px!important;
overflow:hidden!important;
box-shadow:0 13px 32px rgba(31,24,17,.10)!important;
transform:none!important;
opacity:1!important;
}
.featured-luxury-section .featured-slide.is-near,
.featured-luxury-section .featured-slide.is-active{transform:none!important;opacity:1!important;}
.featured-luxury-section .featured-image-link{
height:185px!important;
min-height:185px!important;
display:block!important;
position:relative!important;
overflow:hidden!important;
background:#efe9df!important;
}
.featured-luxury-section .featured-slide .listing-image,
.featured-luxury-section .featured-slide.is-active .listing-image{
width:100%!important;
height:185px!important;
min-height:185px!important;
object-fit:cover!important;
display:block!important;
transform:none!important;
}
.featured-luxury-section .featured-image-link:after{
content:""!important;
position:absolute!important;
inset:0!important;
background:linear-gradient(180deg,rgba(0,0,0,0) 45%,rgba(0,0,0,.30) 100%)!important;
pointer-events:none!important;
}
.featured-luxury-section .tag{
top:12px!important;
right:12px!important;
z-index:3!important;
padding:6px 11px!important;
border-radius:999px!important;
font-size:10.5px!important;
font-weight:900!important;
color:#5d3a12!important;
background:rgba(255,255,255,.94)!important;
border:1px solid rgba(255,255,255,.78)!important;
box-shadow:0 8px 18px rgba(0,0,0,.13)!important;
}
.featured-badge{
left:12px!important;
bottom:12px!important;
z-index:3!important;
padding:5px 10px!important;
border-radius:999px!important;
font-size:10.2px!important;
font-weight:900!important;
color:#fff!important;
background:rgba(33,27,22,.76)!important;
border:1px solid rgba(255,255,255,.20)!important;
backdrop-filter:blur(10px)!important;
}
.featured-luxury-section .listing-body{
padding:12px 13px 13px!important;
text-align:right!important;
display:block!important;
}
.featured-luxury-section .featured-card-head{margin-bottom:7px!important;gap:3px!important;}
.featured-luxury-section .listing-body h3,
.featured-luxury-section .featured-slide.is-active .listing-body h3{
font-size:15.4px!important;
line-height:1.55!important;
font-weight:900!important;
margin:0!important;
color:#211d19!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
}
.featured-luxury-section .location{font-size:11.3px!important;color:#74695f!important;font-weight:850!important;}
.featured-luxury-section .spec-bar{
display:flex!important;
justify-content:flex-start!important;
gap:6px!important;
background:transparent!important;
border:0!important;
padding:0!important;
margin:0 0 8px!important;
overflow:hidden!important;
}
.featured-luxury-section .spec-bar span{
border:1px solid rgba(222,207,187,.92)!important;
background:#fbf6ef!important;
border-radius:999px!important;
padding:5px 8px!important;
font-size:10.7px!important;
line-height:1!important;
color:#594d43!important;
white-space:nowrap!important;
font-weight:850!important;
}
.featured-hook{
margin:0 0 10px!important;
font-size:11.4px!important;
line-height:1.65!important;
color:#756a61!important;
font-weight:800!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
}
.featured-luxury-section .price{
margin:0 0 11px!important;
padding:0!important;
background:transparent!important;
border:0!important;
display:flex!important;
flex-direction:column!important;
align-items:flex-start!important;
gap:2px!important;
line-height:1.35!important;
}
.featured-luxury-section .price small{font-size:10.5px!important;color:#8d8074!important;font-weight:900!important;}
.featured-luxury-section .price strong,
.featured-luxury-section .featured-slide.is-active .price strong{
font-size:15px!important;
color:#9a6320!important;
font-weight:900!important;
white-space:normal!important;
text-align:right!important;
letter-spacing:0!important;
}
.featured-luxury-section .featured-detail-btn{
height:39px!important;
border-radius:14px!important;
font-size:12.5px!important;
font-weight:900!important;
color:#fff!important;
background:linear-gradient(180deg,#c8974f 0%,#ad742f 100%)!important;
box-shadow:0 9px 18px rgba(173,116,47,.20)!important;
text-decoration:none!important;
}
.featured-luxury-section .featured-detail-btn:after{content:" ←";font-weight:900;}
@media (max-width:380px){
.featured-luxury-section .featured-slide,
.featured-slide.luxury-property-card{flex-basis:90%!important;min-width:90%!important;max-width:90%!important;}
.featured-luxury-section .featured-image-link,
.featured-luxury-section .featured-slide .listing-image,
.featured-luxury-section .featured-slide.is-active .listing-image{height:168px!important;min-height:168px!important;}
.featured-luxury-section .listing-body h3,
.featured-luxury-section .featured-slide.is-active .listing-body h3{font-size:14.3px!important;}
.featured-luxury-section .price strong,
.featured-luxury-section .featured-slide.is-active .price strong{font-size:13.5px!important;}
}
/* featured cards image quality refinement */
.featured-luxury-section .featured-slide .listing-image,
.featured-luxury-section .featured-slide.is-active .listing-image{
image-rendering:auto!important;
filter:contrast(1.04) saturate(1.06)!important;
object-fit:cover!important;
object-position:center center!important;
transform:none!important;
}
.featured-luxury-section .featured-image-link{
background:#f4eee6!important;
}
/* Featured cards favorite icon - matched to favorites page */
.featured-slide.luxury-property-card{position:relative!important;}
.featured-fav-btn{position:absolute;top:12px;left:12px;z-index:7;width:38px!important;height:38px!important;min-width:38px!important;padding:0!important;border:0!important;border-radius:999px!important;background:rgba(255,255,255,.94)!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#b7843f!important;box-shadow:0 5px 14px rgba(48,30,12,.12)!important;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s ease;}
.featured-fav-btn span{display:none!important;}
.featured-fav-btn svg{width:20px!important;height:20px!important;fill:none;stroke:#c89342;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;}
.featured-fav-btn.saved{background:rgba(255,255,255,.96)!important;color:#c89342!important;box-shadow:0 6px 16px rgba(48,30,12,.14)!important;}
.featured-fav-btn.saved svg{fill:#c89342!important;stroke:#c89342!important;}
.featured-fav-btn:active{transform:scale(.94);}
.sadaf-fav-toast{position:fixed;left:50%;bottom:92px;z-index:9999;transform:translate(-50%,14px);opacity:0;min-width:190px;text-align:center;padding:11px 16px;border-radius:999px;background:rgba(42,32,24,.94);color:#fff;font-size:12px;font-weight:900;box-shadow:0 12px 30px rgba(0,0,0,.22);transition:.24s ease;pointer-events:none;}
.sadaf-fav-toast.show{opacity:1;transform:translate(-50%,0);}
@media(max-width:380px){.featured-fav-btn{top:10px;left:10px;width:36px!important;height:36px!important;min-width:36px!important}.featured-fav-btn svg{width:19px!important;height:19px!important}}
/* Force favorite heart directly on featured property images */
.featured-luxury-section .featured-image-wrap{
position:relative!important;
display:block!important;
height:176px!important;
min-height:176px!important;
overflow:hidden!important;
background:#f4eee6!important;
}
.featured-luxury-section .featured-image-wrap .featured-image-link{
height:100%!important;
min-height:100%!important;
display:block!important;
}
.featured-luxury-section .featured-image-wrap .listing-image{
width:100%!important;
height:100%!important;
min-height:100%!important;
display:block!important;
object-fit:cover!important;
}
.featured-luxury-section .featured-image-wrap .featured-fav-btn{
position:absolute!important;
top:12px!important;
left:12px!important;
right:auto!important;
z-index:40!important;
width:38px!important;
height:38px!important;
min-width:38px!important;
padding:0!important;
border:1px solid rgba(255,255,255,.75)!important;
border-radius:999px!important;
background:rgba(255,255,255,.93)!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
box-shadow:0 8px 20px rgba(34,25,16,.18)!important;
backdrop-filter:blur(10px)!important;
-webkit-backdrop-filter:blur(10px)!important;
}
.featured-luxury-section .featured-image-wrap .featured-fav-btn svg{
width:20px!important;
height:20px!important;
fill:none!important;
stroke:#b8863b!important;
stroke-width:1.8!important;
}
.featured-luxury-section .featured-image-wrap .featured-fav-btn.saved svg{
fill:#b8863b!important;
stroke:#b8863b!important;
}
/* Mini advisor info on Sadaf featured property cards - subtle inline row */
.featured-luxury-section .featured-advisor-mini{
margin:6px 0 7px!important;
padding:0!important;
border:0!important;
border-radius:0!important;
background:transparent!important;
display:flex!important;
align-items:center!important;
justify-content:flex-start!important;
gap:6px!important;
min-height:22px!important;
color:#9a846c!important;
}
.featured-luxury-section .advisor-mini-avatar{
width:18px!important;
height:18px!important;
min-width:18px!important;
border-radius:999px!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
font-size:8.5px!important;
font-weight:700!important;
color:#8b653b!important;
background:#f4eadb!important;
border:1px solid rgba(200,170,130,.55)!important;
box-shadow:none!important;
}
.featured-luxury-section .featured-advisor-mini div{
display:flex!important;
flex-direction:row!important;
align-items:center!important;
gap:4px!important;
min-width:0!important;
text-align:right!important;
}
.featured-luxury-section .featured-advisor-mini strong{
font-size:10.4px!important;
line-height:1.35!important;
color:#7b6754!important;
font-weight:600!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
max-width:100%!important;
}
.featured-luxury-section .featured-advisor-mini small{
font-size:9.5px!important;
line-height:1.35!important;
color:#aa9884!important;
font-weight:500!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
max-width:100%!important;
}
@media(max-width:380px){
.featured-luxury-section .featured-advisor-mini{gap:5px!important;margin:5px 0 6px!important;min-height:20px!important}
.featured-luxury-section .advisor-mini-avatar{width:17px!important;height:17px!important;min-width:17px!important;font-size:8px!important}
.featured-luxury-section .featured-advisor-mini strong{font-size:10px!important}
.featured-luxury-section .featured-advisor-mini small{font-size:9px!important}
}
.featured-luxury-section .advisor-mini-avatar{width:28px!important;height:28px!important;min-width:28px!important;font-size:11px!important}
.featured-luxury-section .featured-advisor-mini strong{font-size:11px!important}
.featured-luxury-section .featured-advisor-mini small{font-size:9.6px!important}
}
/* Sadaf featured cards advisor info next to title - compact title row */
.featured-luxury-section .featured-card-head-advisor{
align-items:flex-start!important;
gap:8px!important;
margin-bottom:7px!important;
}
.featured-luxury-section .featured-title-row{
display:flex!important;
align-items:center!important;
gap:8px!important;
min-width:0!important;
flex:1 1 auto!important;
}
.featured-luxury-section .featured-title-row .advisor-mini-avatar{
width:27px!important;
height:27px!important;
min-width:27px!important;
border-radius:999px!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
font-size:10.5px!important;
font-weight:700!important;
color:#8b653b!important;
background:#f8f1e7!important;
border:1px solid rgba(198,163,113,.48)!important;
box-shadow:0 5px 14px rgba(86,63,35,.08)!important;
}
.featured-luxury-section .featured-title-copy{
min-width:0!important;
display:flex!important;
flex-direction:column!important;
gap:2px!important;
}
.featured-luxury-section .featured-title-copy h3{
margin:0!important;
line-height:1.35!important;
}
.featured-luxury-section .featured-advisor-line{
display:block!important;
font-size:9.6px!important;
line-height:1.35!important;
font-weight:500!important;
color:#9c8974!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
}
.featured-luxury-section .featured-card-head-advisor .location{
margin-top:2px!important;
flex:0 0 auto!important;
}
.featured-luxury-section .featured-advisor-mini{
display:none!important;
}
@media(max-width:380px){
.featured-luxury-section .featured-title-row{gap:6px!important}
.featured-luxury-section .featured-title-row .advisor-mini-avatar{width:24px!important;height:24px!important;min-width:24px!important;font-size:9.6px!important}
.featured-luxury-section .featured-advisor-line{font-size:9px!important}
}
/* FIX: featured card advisor avatar opposite title, not mixed with title */
.featured-luxury-section .featured-card-head.featured-card-head-advisor{
display:block!important;
margin-bottom:8px!important;
}
.featured-luxury-section .featured-title-row{
width:100%!important;
display:flex!important;
flex-direction:row!important;
direction:rtl!important;
align-items:center!important;
justify-content:space-between!important;
gap:10px!important;
min-width:0!important;
}
.featured-luxury-section .featured-title-copy{
flex:1 1 auto!important;
min-width:0!important;
max-width:calc(100% - 42px)!important;
display:block!important;
text-align:right!important;
padding:0!important;
}
.featured-luxury-section .featured-title-copy h3{
display:block!important;
width:100%!important;
margin:0 0 3px 0!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
text-align:right!important;
}
.featured-luxury-section .featured-title-row .advisor-mini-avatar{
flex:0 0 30px!important;
width:30px!important;
height:30px!important;
min-width:30px!important;
margin:0!important;
align-self:center!important;
}
.featured-luxury-section .featured-advisor-line{
display:block!important;
width:100%!important;
max-width:100%!important;
text-align:right!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
}
.featured-luxury-section .featured-card-head-advisor .location{
display:inline-flex!important;
margin-top:6px!important;
width:auto!important;
max-width:100%!important;
}
@media(max-width:380px){
.featured-luxury-section .featured-title-row{gap:8px!important}
.featured-luxury-section .featured-title-row .advisor-mini-avatar{flex-basis:27px!important;width:27px!important;height:27px!important;min-width:27px!important}
.featured-luxury-section .featured-title-copy{max-width:calc(100% - 36px)!important}
}
/* Android/mobile final fix for featured property cards */
@media (max-width: 430px){
.featured-carousel-wrap.featured-luxury-section{
margin:4px -12px 18px!important;
overflow:hidden!important;
}
.featured-luxury-section .featured-viewport{
padding:0 12px!important;
overflow:hidden!important;
}
.featured-luxury-section .featured-carousel{
direction:ltr!important;
display:flex!important;
align-items:stretch!important;
gap:12px!important;
padding:8px 0 14px!important;
}
.featured-luxury-section .featured-slide,
.featured-slide.luxury-property-card{
flex:0 0 calc(100% - 24px)!important;
min-width:calc(100% - 24px)!important;
max-width:calc(100% - 24px)!important;
width:calc(100% - 24px)!important;
display:flex!important;
flex-direction:column!important;
height:auto!important;
min-height:0!important;
max-height:none!important;
margin:0!important;
transform:none!important;
opacity:1!important;
border-radius:20px!important;
overflow:hidden!important;
background:#fff!important;
box-shadow:0 12px 28px rgba(43,31,19,.10)!important;
}
.featured-luxury-section .featured-slide.is-near,
.featured-luxury-section .featured-slide.is-active{
transform:none!important;
opacity:1!important;
}
.featured-luxury-section .featured-image-wrap,
.featured-luxury-section .featured-image-link,
.featured-luxury-section .featured-slide .listing-image,
.featured-luxury-section .featured-slide.is-active .listing-image{
width:100%!important;
height:168px!important;
min-height:168px!important;
max-height:168px!important;
display:block!important;
object-fit:cover!important;
object-position:center!important;
}
.featured-luxury-section .featured-image-wrap{
position:relative!important;
overflow:hidden!important;
background:#f3ece4!important;
flex:0 0 168px!important;
}
.featured-luxury-section .listing-body{
padding:11px 12px 12px!important;
display:flex!important;
flex-direction:column!important;
gap:7px!important;
justify-content:flex-start!important;
text-align:right!important;
min-height:0!important;
overflow:hidden!important;
}
.featured-luxury-section .featured-card-head{
margin:0!important;
display:block!important;
}
.featured-luxury-section .listing-body h3,
.featured-luxury-section .featured-slide.is-active .listing-body h3{
margin:0 0 2px!important;
font-size:14.5px!important;
line-height:1.45!important;
font-weight:900!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
}
.featured-luxury-section .location{
font-size:11px!important;
line-height:1.45!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
}
.featured-luxury-section .spec-bar{
margin:0!important;
padding:0!important;
display:flex!important;
flex-wrap:nowrap!important;
gap:5px!important;
overflow:hidden!important;
background:transparent!important;
border:0!important;
}
.featured-luxury-section .spec-bar span{
flex:1 1 0!important;
min-width:0!important;
text-align:center!important;
border:1px solid rgba(224,210,191,.9)!important;
border-radius:999px!important;
background:#fbf7f1!important;
padding:6px 4px!important;
font-size:10.2px!important;
line-height:1!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
}
.featured-hook{
display:none!important;
}
.featured-luxury-section .price{
margin:0!important;
padding:0!important;
display:flex!important;
flex-direction:column!important;
align-items:center!important;
text-align:center!important;
gap:2px!important;
}
.featured-luxury-section .price small{
font-size:10px!important;
line-height:1.2!important;
}
.featured-luxury-section .price strong,
.featured-luxury-section .featured-slide.is-active .price strong{
font-size:13.5px!important;
line-height:1.4!important;
text-align:center!important;
white-space:normal!important;
word-break:keep-all!important;
}
.featured-luxury-section .featured-detail-btn{
height:36px!important;
border-radius:13px!important;
font-size:12px!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
width:100%!important;
margin-top:1px!important;
}
.featured-luxury-section .tag{
top:10px!important;
right:10px!important;
font-size:10px!important;
padding:5px 9px!important;
border-radius:999px!important;
}
.featured-badge{
left:10px!important;
bottom:10px!important;
font-size:9.5px!important;
padding:4px 8px!important;
border-radius:999px!important;
}
.featured-luxury-section .featured-image-wrap .featured-fav-btn{
top:10px!important;
left:10px!important;
width:36px!important;
height:36px!important;
min-width:36px!important;
}
}
/* Sadaf: روشن شدن قلب نوار پایین وقتی علاقهمندی وجود دارد */
.bottom-nav .nav-item.has-favorites{
color:var(--gold-dark,#b9843e)!important;
font-weight:900!important;
}
.bottom-nav .nav-item.has-favorites .icon path{
fill:rgba(200,147,66,.20)!important;
stroke:#c89342!important;
}
.bottom-nav .nav-item.has-favorites::after{
content:"";
position:absolute;
top:8px;
right:50%;
transform:translateX(18px);
width:7px;
height:7px;
border-radius:999px;
background:#c89342;
box-shadow:0 0 0 3px rgba(200,147,66,.16);
}
/* IRANSansX weight normalization for exact snapshot pages: typography only. */
html body #filterPhase,
html body #filterType,
html body #filterMeter,
html body #filterBudget,
html body #filterPhase option,
html body #filterType option,
html body #filterMeter option,
html body #filterBudget option{
font-family:var(--sadaf-font-family,"IRANSansX",Tahoma,"Segoe UI",sans-serif)!important;
font-weight:600!important;
}
html body input,
html body select,
html body textarea,
html body .field input,
html body .field select,
html body .field textarea,
html body .native-filter-box select{
font-family:var(--sadaf-font-family,"IRANSansX",Tahoma,"Segoe UI",sans-serif)!important;
font-weight:600!important;
}
html body label,
html body .field label{
font-weight:700!important;
}
html body h1{
font-weight:800!important;
}
html body h2,
html body h3,
html body .section-header h2,
html body .map-copy h2,
html body .why-us h2,
html body .cta-box h2,
html body .featured-title-premium h2,
html body .listing-body h3,
html body .featured-title-copy h3{
font-weight:700!important;
}
html body button,
html body [role="button"],
html body .primary-btn,
html body .secondary-btn,
html body .outline-btn,
html body .type-chip,
html body .featured-detail-btn,
html body .map-search-btn{
font-family:var(--sadaf-font-family,"IRANSansX",Tahoma,"Segoe UI",sans-serif)!important;
font-weight:700!important;
}
html body .tag,
html body .badge,
html body .chip,
html body .hero-badge,
html body .featured-badge,
html body .tile-badge,
html body .filter-top-row,
html body .home-menu-phase-submenu a,
html body .home-menu-phase-submenu a span,
html body .home-menu-phase-submenu a small{
font-weight:700!important;
}
html body .brand-text,
html body .topbar.topbar-lux .brand-text,
html body .topbar-lux .brand-copy .brand-text,
html body .phase-guide-locked-header.topbar.topbar-lux .brand-text,
html body .brand-copy .brand-text{
font-weight:800!important;
}
html body .home-menu-links a,
html body .home-menu-links a span,
html body .home-menu-link span,
html body .home-menu-drawer .home-menu-link span,
html body .home-menu-call{
font-weight:700!important;
}
html body .home-menu-brand strong{
font-weight:800!important;
}
html body .section-header a,
html body .featured-title-premium a,
html body .featured-card-head .location,
html body .featured-luxury-section .featured-card-head .location,
html body .featured-luxury-section .spec-bar,
html body .featured-luxury-section .spec-bar span,
html body .meta.spec-bar,
html body .meta.spec-bar span,
html body .ad-meta span,
html body .ads-card-foot{
font-weight:600!important;
}
html body .ad-title-row h3{
font-weight:700!important;
}
html body .price,
html body .price strong,
html body .price small,
html body [class*="price"],
html body [class*="Price"]{
font-weight:700!important;
}
html body .listing-body p,
html body .card p,
html body .featured-title-premium p,
html body .cta-upgrade p{
font-weight:500!important;
}
html body .bottom-nav .nav-item,
html body .bottom-nav .nav-item small{
font-weight:400!important;
}
html body .bottom-nav .nav-item.active,
html body .bottom-nav .nav-item.active small,
html body .bottom-nav .nav-item.has-favorites,
html body .bottom-nav .nav-item.has-favorites small{
font-weight:700!important;
}
html body .property-watermark-item,
html body .property-watermark-layer b,
html body .phase-card strong{
font-weight:900!important;
}