.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.ypi-sse-wrap{padding:24px 0 48px;background:#f6f7fb}
.ypi-sse-container{max-width:1180px;margin:0 auto;padding:0 16px}
.ypi-sse-head{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:20px}
.ypi-sse-tools{display:flex;gap:10px;flex-wrap:wrap}
.ypi-sse-view-btn,.ypi-sse-style-btn{border:1px solid #d7dce6;background:#fff;color:#1f2937;padding:10px 16px;border-radius:999px;cursor:pointer;font-weight:600}
.ypi-sse-view-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px}
.ypi-sse-view-btn__icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;line-height:1}
.ypi-sse-view-btn__icon svg{display:block;width:16px;height:16px;fill:currentColor}
.ypi-sse-view-btn__text{display:inline-block;line-height:1.1}
.ypi-sse-view-btn.is-active,.ypi-sse-style-btn.is-active{background:#111827;color:#fff;border-color:#111827}
.ypi-sse-view.is-hidden{display:none}
.ypi-sse-empty,.ypi-sse-error{background:#fff;border:1px dashed #d1d5db;border-radius:16px;padding:24px;text-align:center}
.ypi-sse-pagination{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:24px}
.ypi-sse-page-btn{border:1px solid #d7dce6;background:#fff;padding:10px 14px;border-radius:12px;cursor:pointer}
.ypi-sse-page-btn.is-active{background:#111827;color:#fff;border-color:#111827}
/* Stable custom list renderer */
.ypi-sse-list{display:flex;flex-direction:column;gap:18px}
.ypi-sse-card{display:grid;grid-template-columns:340px minmax(0,1fr);gap:24px;background:#fff;border:1px solid #e6ebf2;border-radius:22px;padding:18px;box-shadow:0 8px 24px rgba(15,23,42,.05);overflow:hidden}
.ypi-sse-card__media{position:relative;display:block;width:100%;min-width:0;height:240px;border-radius:18px;overflow:hidden;background:#e9eef5;text-decoration:none}
.ypi-sse-card__media img,.ypi-sse-card__media-placeholder{display:block;width:100%;height:100%;object-fit:cover}
.ypi-sse-card__media-placeholder{background:linear-gradient(135deg,#dbe5f1,#eef3f8)}
.ypi-sse-card__badge{position:absolute;top:12px;left:12px;display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:8px 14px;border-radius:999px;background:rgba(17,24,39,.82);color:#fff;font-size:13px;font-weight:700;line-height:1}
.ypi-sse-card__content{min-width:0;display:flex;flex-direction:column;justify-content:space-between;gap:18px}
.ypi-sse-card__top{min-width:0}
.ypi-sse-card__price-row{display:flex;align-items:center;justify-content:flex-start;gap:10px;flex-wrap:wrap;margin:0 0 8px}
.ypi-sse-card__price-row .ypi-sse-card__price{margin:0}
.ypi-sse-score-badge{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:7px 12px;border-radius:999px;font-size:14px;line-height:1;font-weight:700;color:#fff;white-space:nowrap;box-shadow:0 4px 12px rgba(15,23,42,.12)}
.ypi-sse-score-badge--high{background:#1f9d61}
.ypi-sse-score-badge--mid{background:#d8a106}
.ypi-sse-score-badge--low{background:#d64545}
.ypi-sse-card__price{margin:0 0 8px;font-size:28px;line-height:1.15;font-weight:500;color:var(--ypi-nse-primary, #0b3c51)}
.ypi-sse-card__title{margin:0 0 10px;font-size:28px;line-height:1.18;font-weight:500;letter-spacing:0;word-break:break-word;overflow-wrap:anywhere;max-width:900px}
.ypi-sse-card__title a{font-size:22px}
.ypi-sse-card__title a{text-decoration:none;color:var(--ypi-nse-primary, #0b3c51)}
.ypi-sse-card__title a:hover{color:#065f89}
.ypi-sse-card__address{margin:0 0 12px;font-size:18px;line-height:1.45;color:#5b6678;word-break:break-word}
.ypi-sse-card__meta{display:flex;flex-wrap:wrap;gap:10px 12px}
.ypi-sse-card__meta span{display:inline-flex;align-items:center;min-height:36px;padding:8px 12px;border-radius:999px;background:#f3f6fb;color:#344054;font-size:14px;font-weight:600}
.ypi-sse-card__bottom{display:flex;align-items:center;justify-content:flex-start}
.ypi-sse-card__button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border-radius:12px;background:var(--ypi-nse-primary, #0b3c51);color:#fff!important;text-decoration:none;font-weight:700;box-shadow:none}
.ypi-sse-card__button:hover{background:#0b4a6f;color:#fff!important}
/* map */
.ypi-sse-map-shell{display:flex;flex-direction:column;gap:14px}
.ypi-sse-map-toolbar{display:flex;gap:10px;flex-wrap:wrap}
.ypi-sse-map{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:18px}
.ypi-sse-map-box,.ypi-sse-map-canvas,#ypi-sse-map{min-height:72vh;border-radius:18px;overflow:hidden;background:#dbe4ee;border:1px solid #cbd5e1}
.ypi-sse-map-side{display:flex;flex-direction:column}
.ypi-sse-map-list{background:#fff;border:1px solid #e5e7eb;border-radius:16px;max-height:72vh;overflow:auto;padding:10px}
.ypi-sse-map-card{border-bottom:1px solid #edf2f7;padding:10px 0}
.ypi-sse-map-card:first-child{padding-top:0}
.ypi-sse-map-card:last-child{border-bottom:0;padding-bottom:0}
.ypi-sse-map-card__link{display:grid;grid-template-columns:110px minmax(0,1fr);gap:12px;align-items:start;text-decoration:none;color:inherit}
.ypi-sse-map-card__thumb{display:block;border-radius:12px;overflow:hidden;background:#e5e7eb;aspect-ratio:4/3}
.ypi-sse-map-card__thumb img{width:100%;height:100%;object-fit:cover;display:block}
.ypi-sse-map-card__placeholder{display:block;width:100%;height:100%;background:#e5e7eb}
.ypi-sse-map-card__body{display:flex;flex-direction:column;gap:6px}
.ypi-sse-map-card__title{font-size:14px;line-height:1.35;color:#111827}
.ypi-sse-map-card__price{font-size:13px;color:#6b7280}
.ypi-sse-popup{display:grid;grid-template-columns:96px minmax(0,1fr);gap:10px;min-width:250px;text-decoration:none;color:inherit}
.ypi-sse-popup__thumb{display:block;border-radius:10px;overflow:hidden;background:#e5e7eb;aspect-ratio:4/3}
.ypi-sse-popup__thumb img{width:100%;height:100%;object-fit:cover;display:block}
.ypi-sse-popup__body{display:flex;flex-direction:column;gap:6px}
.ypi-sse-popup__body strong{font-size:14px;line-height:1.35;color:#111827}
.ypi-sse-popup__body span{font-size:13px;color:#6b7280}
.mapboxgl-popup-content{border-radius:14px!important;padding:10px!important}
.mapboxgl-ctrl-group{border-radius:12px!important;overflow:hidden}
.ypi-sse-loading .ypi-sse-container{opacity:.72;transition:opacity .15s ease}
@media (max-width: 1199px){
.ypi-sse-card{grid-template-columns:300px minmax(0,1fr)}
.ypi-sse-card__title{font-size:32px}
}
@media (max-width: 991px){
.ypi-sse-head{flex-direction:column;align-items:flex-start}
.ypi-sse-map{grid-template-columns:1fr}
.ypi-sse-map-box,.ypi-sse-map-canvas,#ypi-sse-map,.ypi-sse-map-list{min-height:50vh;max-height:none}
.ypi-sse-card{grid-template-columns:1fr;padding:14px;gap:14px}
.ypi-sse-card__media{height:220px}
.ypi-sse-card__title{font-size:28px}
.ypi-sse-card__price{font-size:28px}
.ypi-sse-card__address{font-size:16px}
}
@media (max-width: 575px){
.ypi-sse-container{padding:0 12px}
.ypi-sse-wrap{padding:16px 0 32px}
.ypi-sse-card{border-radius:18px}
.ypi-sse-card__media{height:200px;border-radius:14px}
.ypi-sse-card__title{font-size:22px;line-height:1.18}
.ypi-sse-card__price{font-size:24px}
.ypi-sse-card__meta span{font-size:13px;min-height:32px;padding:7px 10px}
.ypi-sse-card__button{width:100%}
}
.ypi-sse-card__content{padding-right:8px}
.ypi-sse-card__agent{margin-top:14px;padding-top:14px;border-top:1px solid #e9eef5}
.ypi-sse-card__agent-name{font-size:16px;font-weight:500;color:var(--ypi-nse-primary, #0b3c51);margin-bottom:8px}
.ypi-sse-card__agent-contacts{display:flex;flex-wrap:wrap;gap:10px 14px}
.ypi-sse-card__agent-contacts a{font-size:14px;font-weight:500;color:var(--ypi-nse-primary, #0b3c51);text-decoration:none}
.ypi-sse-card__agent-contacts a:hover{text-decoration:underline}
.ypi-sse-card__bottom{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.ypi-sse-card__actions{display:flex;flex-wrap:wrap;gap:10px}
.ypi-sse-card__action-btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 14px;border-radius:12px;background:#eefbfd;color:var(--ypi-nse-primary, #0b3c51)!important;text-decoration:none;font-weight:500;border:1px solid #c7eef3}
.ypi-sse-card__action-btn:hover{background:#d8f3f7;color:#065f89!important}
.ypi-sse-card__action-btn--wa{background:#eaf8f1}
.ypi-sse-card__action-btn--email{background:#f8fbff;color:#0f7490!important;border-color:#d4e7ef}
.ypi-sse-card__button{font-weight:500}
.ypi-sse-card__meta span{font-weight:500}
@media (max-width: 991px){
.ypi-sse-card{grid-template-columns:280px minmax(0,1fr);gap:20px}
.ypi-sse-card__media{height:210px}
.ypi-sse-card__title{font-size:24px}
.ypi-sse-card__price{font-size:24px}
}
@media (max-width: 767px){
.ypi-sse-card{grid-template-columns:1fr;padding:14px}
.ypi-sse-card__media{height:220px}
.ypi-sse-card__title{font-size:22px}
.ypi-sse-card__price{font-size:22px}
.ypi-sse-card__bottom{align-items:flex-start}
}
/* v1.4.4 agent + typography refinements */
.ypi-sse-card__price{
font-size:30px;
line-height:1.1;
font-weight:500;
color:var(--ypi-nse-primary, #0b3c51);
}
.ypi-sse-card__title{
font-size:24px;
line-height:1.22;
font-weight:500;
}
.ypi-sse-card__title a{
color:var(--ypi-nse-primary, #0b3c51);
}
.ypi-sse-card__address{
font-size:16px;
line-height:1.45;
}
.ypi-sse-card__agent-name{
font-size:14px;
line-height:1.4;
font-weight:500;
color:var(--ypi-nse-primary, #0b3c51);
margin-bottom:0;
}
.ypi-sse-card__agent-contacts{
display:none!important;
}
.ypi-sse-card__agent{
margin-top:12px;
padding-top:0;
border-top:0;
}
.ypi-sse-card__bottom{
display:flex;
align-items:center;
justify-content:flex-start;
gap:10px;
flex-wrap:wrap;
}
.ypi-sse-card__actions{
display:flex;
align-items:center;
gap:10px;
flex-wrap:wrap;
}
.ypi-sse-card__action-btn,
.ypi-sse-card__button{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:44px;
padding:0 16px;
border-radius:12px;
border:1px solid var(--ypi-nse-primary, #0b3c51);
background:var(--ypi-nse-primary, #0b3c51);
color:#fff!important;
text-decoration:none;
font-weight:500;
line-height:1;
box-shadow:none;
}
.ypi-sse-card__action-btn:hover,
.ypi-sse-card__button:hover{
background:#15785f;
border-color:#15785f;
color:#fff!important;
}
.ypi-sse-card__action-btn--wa{
background:var(--ypi-nse-primary, #0b3c51);
border-color:var(--ypi-nse-primary, #0b3c51);
}
@media (max-width: 991px){
.ypi-sse-card__price{font-size:28px;}
.ypi-sse-card__title{font-size:22px;}
.ypi-sse-card__address{font-size:16px;}
}
@media (max-width: 575px){
.ypi-sse-card__price{font-size:26px;}
.ypi-sse-card__title{font-size:21px;}
}
/* v1.4.5 agent link + icon buttons + black typography */
.ypi-sse-card__price{font-size:30px;color:#000000}
.ypi-sse-card__title{font-size:24px;font-weight:500}
.ypi-sse-card__title a{color:#000000}
.ypi-sse-card__title a:hover{color:#000000;opacity:.82}
.ypi-sse-card__address{font-size:16px}
.ypi-sse-card__agent-name{display:inline-flex;align-items:center;font-size:14px;font-weight:500;color:var(--ypi-nse-primary, #0b3c51);text-decoration:none}
.ypi-sse-card__agent-name:hover{color:#065f89;text-decoration:underline}
.ypi-sse-card__actions{display:flex;flex-wrap:wrap;gap:12px}
.ypi-sse-card__action-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 16px;border-radius:12px;background:#eefbfd;color:var(--ypi-nse-primary, #0b3c51)!important;text-decoration:none;font-weight:500;border:1px solid #c7eef3}
.ypi-sse-card__action-btn svg{width:16px;height:16px;display:block;flex:0 0 16px}
.ypi-sse-card__action-btn span{display:inline-block;line-height:1}
.ypi-sse-card__button{background:var(--ypi-nse-primary, #0b3c51);color:#fff!important;border-color:var(--ypi-nse-primary, #0b3c51)}
.ypi-sse-card__button:hover{background:#065f89;color:#fff!important}
.ypi-sse-card__agent-name{display:inline-flex;align-items:center;position:relative;z-index:5;pointer-events:auto;text-decoration:none}
.ypi-sse-card__agent-name:hover{text-decoration:underline}
.ypi-sse-card__media-placeholder{display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;letter-spacing:.04em;color:var(--ypi-nse-primary, #0b3c51);background:linear-gradient(135deg,#e9fbfd,#f6fdfe)}
/* Map details side panel */
.ypi-sse-map{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(320px,.8fr);gap:18px;align-items:start}
.ypi-sse-map-box,.ypi-sse-map-side{min-width:0}
.ypi-sse-map-side{position:relative}
.ypi-sse-map-details{background:#fff;border:1px solid #e5e7eb;border-radius:18px;min-height:72vh;max-height:72vh;overflow:auto;padding:14px;box-shadow:0 8px 24px rgba(15,23,42,.05)}
.ypi-sse-map-details__empty,.ypi-sse-map-details__loading{height:100%;min-height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;color:#64748b;padding:24px}
.ypi-sse-map-details__empty strong{font-size:18px;line-height:1.3;color:#111827}
.ypi-sse-map-details__empty span{max-width:260px}
.ypi-sse-map-details .ypi-sse-card{grid-template-columns:1fr;gap:16px;padding:0;border:0;box-shadow:none;background:transparent}
.ypi-sse-map-details .ypi-sse-card__media{height:260px}
.ypi-sse-map-details .ypi-sse-card__content{padding:0 4px 4px}
.ypi-sse-map-details .ypi-sse-card__title{font-size:22px}
.ypi-sse-map-details .ypi-sse-card__price{font-size:28px}
.ypi-sse-map-details .ypi-sse-card__actions{flex-wrap:wrap}
.ypi-sse-map-details .ypi-sse-card__action-btn{justify-content:center}
.mapboxgl-popup,.mapboxgl-popup-content{display:none!important}
@media (max-width: 991px){
.ypi-sse-map{grid-template-columns:1fr}
.ypi-sse-map-details{min-height:unset;max-height:none}
.ypi-sse-map-details .ypi-sse-card__media{height:220px}
}
/* v1.5.1 compact sticky map panel + skeleton */
.ypi-sse-map-side{position:sticky;top:24px;align-self:start}
.ypi-sse-map-details{padding:12px;min-height:72vh;max-height:72vh;border-radius:16px}
.ypi-sse-map-details .ypi-sse-card{grid-template-columns:1fr;gap:12px;padding:0 0 14px;border:0;border-bottom:1px solid #eef2f7;border-radius:0;box-shadow:none;background:transparent}
.ypi-sse-map-details .ypi-sse-card:last-child{border-bottom:0;padding-bottom:0}
.ypi-sse-map-details .ypi-sse-card__media{height:190px;border-radius:14px}
.ypi-sse-map-details .ypi-sse-card__content{gap:12px;padding:0}
.ypi-sse-map-details .ypi-sse-card__price{font-size:22px;margin-bottom:6px}
.ypi-sse-map-details .ypi-sse-card__title{font-size:18px;margin-bottom:8px}
.ypi-sse-map-details .ypi-sse-card__address{font-size:14px;margin-bottom:10px}
.ypi-sse-map-details .ypi-sse-card__meta span{font-size:12px;min-height:30px;padding:6px 10px}
.ypi-sse-map-details .ypi-sse-card__agent{margin-top:10px}
.ypi-sse-map-details .ypi-sse-card__actions{gap:8px}
.ypi-sse-map-details .ypi-sse-card__action-btn,.ypi-sse-map-details .ypi-sse-card__button{min-height:38px;padding:0 12px;border-radius:10px;font-size:13px}
.ypi-sse-map-stack{display:flex;flex-direction:column;gap:14px}
.ypi-sse-map-stack__count{position:sticky;top:-12px;z-index:2;background:#e8fbfd;color:var(--ypi-nse-primary, #0b3c51);border:1px solid #c4edf2;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:600;align-self:flex-start}
.ypi-sse-skeleton{display:flex;flex-direction:column;gap:12px}
.ypi-sse-skeleton__media{height:190px;border-radius:14px;background:linear-gradient(90deg,#edf2f7 25%,#f8fafc 37%,#edf2f7 63%);background-size:400% 100%;animation:ypiSseShimmer 1.35s infinite}
.ypi-sse-skeleton__line{height:14px;border-radius:999px;background:linear-gradient(90deg,#edf2f7 25%,#f8fafc 37%,#edf2f7 63%);background-size:400% 100%;animation:ypiSseShimmer 1.35s infinite}
.ypi-sse-skeleton__line--lg{height:24px;width:70%}
.ypi-sse-skeleton__line--md{width:55%}
.ypi-sse-skeleton__chips,.ypi-sse-skeleton__buttons{display:flex;gap:10px;flex-wrap:wrap}
.ypi-sse-skeleton__chips span,.ypi-sse-skeleton__buttons span{display:block;height:34px;border-radius:999px;background:linear-gradient(90deg,#edf2f7 25%,#f8fafc 37%,#edf2f7 63%);background-size:400% 100%;animation:ypiSseShimmer 1.35s infinite}
.ypi-sse-skeleton__chips span{width:110px}
.ypi-sse-skeleton__buttons span{width:92px}
@keyframes ypiSseShimmer{0%{background-position:100% 0}100%{background-position:-100% 0}}
@media (max-width: 991px){.ypi-sse-map-side{position:relative;top:auto}.ypi-sse-map-details{min-height:unset;max-height:none}.ypi-sse-map-details .ypi-sse-card__media{height:220px}}
/* Blocking loader */
.ypi-sse-loader{position:fixed;inset:0;background:rgba(15,23,42,.48);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:99999;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,visibility .18s ease}
.ypi-sse-loader.is-active{opacity:1;visibility:visible;pointer-events:auto}
.ypi-sse-loader__card{width:min(92vw,430px);background:#fff;border-radius:18px;padding:22px;box-shadow:0 24px 90px rgba(0,0,0,.18);text-align:center;border:1px solid rgba(8,115,165,.10)}
.ypi-sse-loader__visual{position:relative;display:flex;align-items:center;justify-content:center;height:72px;margin-bottom:8px}
.ypi-sse-loader__pulse{width:64px;height:64px;border-radius:999px;background:radial-gradient(circle at center, rgba(24,184,204,.18) 0%, rgba(8,115,165,.10) 45%, rgba(8,115,165,0) 72%);animation:ypiSseLoaderPulse 1.8s ease-in-out infinite}
.ypi-sse-loader__icon{position:absolute;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:999px;background:linear-gradient(135deg,#e8fbfd,#d9f6fa);color:var(--ypi-nse-primary, #0b3c51);font-size:24px;font-weight:800;box-shadow:0 10px 26px rgba(8,115,165,.18)}
.ypi-sse-loader__percent{font-size:30px;line-height:1;font-weight:800;color:var(--ypi-nse-primary, #0b3c51);margin-bottom:10px}
.ypi-sse-loader__bar{height:10px;border-radius:999px;background:#e7f4ef;overflow:hidden;margin-bottom:12px}
.ypi-sse-loader__bar span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--ypi-nse-primary, #0b3c51),#1498c4);border-radius:inherit;transition:width .22s ease}
.ypi-sse-loader__text{font-size:15px;font-weight:700;color:#111827}
.ypi-sse-loader__subtext{margin-top:6px;font-size:13px;line-height:1.5;color:#667085}
.ypi-sse-loader__chips{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:14px}
.ypi-sse-loader__chips span{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:0 12px;border-radius:999px;background:#f7faf9;border:1px solid #d6f0f4;color:var(--ypi-nse-primary, #0b3c51);font-size:12px;font-weight:700}
@keyframes ypiSseLoaderPulse{0%,100%{transform:scale(.92);opacity:.75}50%{transform:scale(1.06);opacity:1}}
/* v1.5.7 button/meta size refinement */
.ypi-sse-card__action-btn{
border-radius:8px;
font-size:11px;
gap:3px;
min-height:38px;
padding:0 7px;
}
.ypi-sse-card__action-btn:hover{
background:#449789c4;
border-color:#449789c4;
color:#fff!important;
}
.ypi-sse-card__meta{
font-size:11px;
}
.ypi-sse-card__meta span{
font-size:11px;
}
.ypi-sse-map-stats{
display:flex;
gap:10px;
margin:0 0 12px;
flex-wrap:wrap;
}
.ypi-sse-map-stats__item{
background:#ffffff;
border:1px solid rgba(15,23,42,.08);
border-radius:10px;
padding:10px 12px;
min-width:160px;
box-shadow:0 4px 14px rgba(15,23,42,.05);
}
.ypi-sse-map-stats__label{
display:block;
font-size:12px;
line-height:1.3;
color:#64748b;
margin-bottom:4px;
}
.ypi-sse-map-stats__value{
display:block;
font-size:20px;
line-height:1.1;
color:#0f172a;
}
.ypi-sse-head__main{display:flex;flex-direction:column;gap:8px;min-width:0}
@media (min-width:769px){.ypi-sse-head__main{margin-top:-50px;margin-left:18px;gap:0}}
.ypi-sse-status{min-height:20px;color:#64748b;font-size:13px;line-height:1.4}
.ypi-sse-map-stack__count{display:none!important}
/* v2.0.9 client ux */
.ypi-sse-active-filters{margin-top:12px}
.ypi-sse-active-filters:empty{display:none}
.ypi-sse-filter-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;padding:12px 14px;border:1px solid #e4e7ec;border-radius:18px;background:#fff}
.ypi-sse-filter-bar__label{font-size:13px;font-weight:700;color:#0f172a;white-space:nowrap}
.ypi-sse-filter-bar__chips{display:flex;flex-wrap:wrap;gap:8px 10px;flex:1 1 420px}
.ypi-sse-filter-chip{display:inline-flex;align-items:center;gap:4px;min-height:34px;padding:6px 12px;border-radius:999px;background:#f8fafc;border:1px solid #e2e8f0;color:#334155;font-size:13px;line-height:1.3}
.ypi-sse-filter-chip strong{color:#0f172a}
.ypi-sse-filter-bar__actions{display:flex;flex-wrap:wrap;gap:8px}
.ypi-sse-filter-action,.ypi-sse-empty__btn{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 14px;border-radius:999px;border:1px solid #d0d5dd;background:#111827;color:#fff;font-size:13px;font-weight:700;text-decoration:none;cursor:pointer;transition:all .2s ease}
.ypi-sse-filter-action:hover,.ypi-sse-empty__btn:hover{transform:translateY(-1px);color:#fff}
.ypi-sse-filter-action--ghost{background:#fff;color:#0f172a}
.ypi-sse-filter-action--ghost:hover{color:#0f172a;background:#f8fafc}
.ypi-sse-empty{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:20px;border:1px solid #e4e7ec;border-radius:18px;background:#fff;color:#475467}
.ypi-sse-empty strong{font-size:20px;line-height:1.2;color:#101828}
.ypi-sse-empty span{max-width:520px}
.ypi-sse-empty__actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:2px}
@media (max-width: 767px){
.ypi-sse-active-filters{display:none!important}
.ypi-sse-filter-bar{padding:12px}
.ypi-sse-filter-bar__label{width:100%}
.ypi-sse-filter-bar__actions{width:100%}
.ypi-sse-filter-action,.ypi-sse-empty__btn{width:100%}
}
/* v2.1.2 mobile sticky toolbar */
.ypi-sse-mobile-bar{display:none}
@media (max-width: 991px){
body.ypi-sse-has-mobile-bar{padding-bottom:92px}
.ypi-sse-tools{display:none}
.ypi-sse-mobile-bar{
position:fixed;
left:12px;
right:12px;
bottom:12px;
z-index:9998;
display:grid;
grid-template-columns:repeat(2, minmax(0, 1fr));
justify-content:center;
gap:12px;
padding:10px;
background:rgba(17,24,39,.92);
border:1px solid rgba(255,255,255,.08);
border-radius:18px;
box-shadow:0 18px 40px rgba(15,23,42,.24);
backdrop-filter:blur(10px);
}
.ypi-sse-view-btn--mobile{
min-height:48px;
width:100%;
max-width:180px;
justify-self:center;
text-align:center;
border:1px solid rgba(255,255,255,.16);
background:rgba(255,255,255,.08);
color:#ffffff;
}
.ypi-sse-view-btn--mobile.is-active{
background:#ffffff;
color:#111827;
border-color:#ffffff;
}
.ypi-sse-wrap{padding-bottom:100px}
.ypi-sse-head{margin-bottom:16px}
#ypi-sse-map{min-height:calc(100vh - 220px)}
}
/* v2.1.3 mobile quick actions */
.ypi-sse-mobile-meta{display:none}
@media (max-width: 991px){
.ypi-sse-mobile-meta{
display:flex;
grid-column:1 / -1;
align-items:center;
justify-content:space-between;
gap:8px;
padding:2px 2px 4px;
color:#e5e7eb;
font-size:12px;
line-height:1.35;
}
.ypi-sse-mobile-meta__count{
font-weight:800;
color:#ffffff;
}
.ypi-sse-mobile-meta__hint{
color:#cbd5e1;
text-align:right;
}
.ypi-sse-view-btn--filter{display:none!important;
background:rgba(99,102,241,.18);
border-color:rgba(129,140,248,.42);
}
}
/* v2.1.4 hard-hide removed header elements */
.ypi-sse-title,.ypi-sse-summary{display:none !important}
/* v2.1.6 cleanup: map stats removed */
.ypi-sse-map-stats{display:none !important;}
#ypi-sse-map-view{gap:0;position:relative;}
/* v2.1.8 mobile cleanup */
.ypi-sse-mobile-meta{display:none !important;}
@media (max-width: 991px){
.ypi-sse-mobile-bar{align-items:center;}
}
/* v2.1.10 mobile button polish */
@media (max-width: 991px){
body.ypi-sse-has-mobile-bar{padding-bottom:84px}
.ypi-sse-mobile-bar{
left:14px;
right:14px;
bottom:14px;
gap:10px;
padding:8px;
border-radius:16px;
}
.ypi-sse-view-btn--mobile{
min-height:44px;
max-width:none;
padding:9px 12px;
gap:6px;
font-size:14px;
line-height:1;
border-radius:12px;
}
.ypi-sse-view-btn--mobile .ypi-sse-view-btn__icon svg{
width:15px;
height:15px;
}
.ypi-sse-view-btn--mobile .ypi-sse-view-btn__text{
font-size:14px;
}
.ypi-sse-status{
display:none;
}
.ypi-sse-wrap{padding-bottom:92px}
}
/* v2.2.0 mobile bottom sheet */
.ypi-sse-bottom-sheet{position:fixed;left:12px;right:12px;bottom:10px;z-index:9999;pointer-events:none;opacity:0;transform:translateY(calc(100% + 18px));transition:transform .22s ease,opacity .22s ease}
.ypi-sse-bottom-sheet.is-active{pointer-events:auto;opacity:1;transform:translateY(0)}
.ypi-sse-bottom-sheet__inner{background:#fff;border:1px solid #e5e7eb;border-radius:18px;box-shadow:0 18px 45px rgba(15,23,42,.18);overflow:hidden}
.ypi-sse-bottom-sheet__handle{width:42px;height:4px;border-radius:999px;background:#d1d5db;margin:8px auto 2px}
.ypi-sse-bottom-sheet__content{display:grid;grid-template-columns:92px minmax(0,1fr);gap:12px;align-items:center;padding:10px 12px 12px}
.ypi-sse-bottom-sheet__media{width:92px;height:72px;border-radius:12px;overflow:hidden;background:#eef2f7;display:flex;align-items:center;justify-content:center}
.ypi-sse-bottom-sheet__media img{width:100%;height:100%;display:block;object-fit:cover}
.ypi-sse-bottom-sheet__placeholder{font-size:13px;font-weight:700;letter-spacing:.08em;color:var(--ypi-nse-primary, #0b3c51)}
.ypi-sse-bottom-sheet__body{display:flex;flex-direction:column;gap:8px;min-width:0}
.ypi-sse-bottom-sheet__title{font-size:14px;line-height:1.3;font-weight:600;color:#111827;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ypi-sse-bottom-sheet__price{font-size:16px;line-height:1.15;font-weight:700;color:var(--ypi-nse-primary, #0b3c51);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ypi-sse-bottom-sheet__nav{display:flex;align-items:center;gap:8px}
.ypi-sse-bottom-sheet__nav.is-hidden{display:none}
.ypi-sse-bottom-sheet__nav-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:999px;border:1px solid #dbe4ee;background:#fff;color:#111827;font-size:20px;line-height:1;padding:0}
.ypi-sse-bottom-sheet__nav-btn:disabled{opacity:.38}
.ypi-sse-bottom-sheet__counter{font-size:12px;line-height:1;font-weight:700;color:#475467;min-width:46px;text-align:center}
.ypi-sse-bottom-sheet__actions{display:flex;justify-content:flex-start}
.ypi-sse-bottom-sheet__link{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 16px;border-radius:12px;background:var(--ypi-nse-primary, #0b3c51);color:#fff!important;text-decoration:none;font-weight:600;border:1px solid var(--ypi-nse-primary, #0b3c51)}
.ypi-sse-bottom-sheet__link:hover{background:#065f89;border-color:#065f89;color:#fff!important}
.ypi-sse-bottom-sheet__link[aria-disabled="true"]{pointer-events:none;opacity:.55}
.ypi-sse-bottom-sheet.is-loading .ypi-sse-bottom-sheet__media,.ypi-sse-bottom-sheet.is-loading .ypi-sse-bottom-sheet__title,.ypi-sse-bottom-sheet.is-loading .ypi-sse-bottom-sheet__price{position:relative;overflow:hidden}
.ypi-sse-bottom-sheet.is-loading .ypi-sse-bottom-sheet__media::after,.ypi-sse-bottom-sheet.is-loading .ypi-sse-bottom-sheet__title::after,.ypi-sse-bottom-sheet.is-loading .ypi-sse-bottom-sheet__price::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.7),rgba(255,255,255,0));transform:translateX(-100%);animation:ypiSseSheetShimmer 1.1s infinite}
.ypi-sse-bottom-sheet.is-loading .ypi-sse-bottom-sheet__title,.ypi-sse-bottom-sheet.is-loading .ypi-sse-bottom-sheet__price{min-height:16px;background:#eef2f7;border-radius:8px;color:transparent}
.ypi-sse-bottom-sheet.is-loading .ypi-sse-bottom-sheet__title{max-width:92%}
.ypi-sse-bottom-sheet.is-loading .ypi-sse-bottom-sheet__price{max-width:56%}
@keyframes ypiSseSheetShimmer{100%{transform:translateX(100%)}}
@media (max-width: 991px){
.ypi-sse-map-toolbar{display:none}
.ypi-sse-map-side{display:none}
.ypi-sse-map,.ypi-sse-map-box{display:block}
body.ypi-sse-bottom-sheet-open.ypi-sse-has-mobile-bar #ypi-sse-mobile-bar{transform:translateY(calc(100% + 14px));transition:transform .22s ease}
}
/* v2.2.3: remove active filters bar site-wide */
.ypi-sse-active-filters,
.ypi-sse-filter-bar{display:none!important;}
/* v2.2.5 desktop compact head + filter bar on one row */
@media (min-width: 769px){
.ypi-sse-head.ypi-sse-head--compact{
display:grid !important;
grid-template-columns:minmax(0,1fr) auto;
align-items:center;
gap:16px;
margin-bottom:16px;
}
.ypi-sse-head.ypi-sse-head--compact .ypi-sse-head__main{
display:none !important;
}
.ypi-sse-head.ypi-sse-head--compact .ypi-sse-filter-bar{
display:flex !important;
margin:0 !important;
width:100%;
min-width:0;
max-width:100%;
padding:10px 12px;
gap:8px 10px;
flex-wrap:wrap;
}
.ypi-sse-head.ypi-sse-head--compact .ypi-sse-tools{
margin-left:0 !important;
flex:0 0 auto;
white-space:nowrap;
}
}
@media (max-width: 767px){
.ypi-sse-card__price-row{align-items:flex-start;gap:8px}
.ypi-sse-score-badge{min-height:30px;padding:6px 10px;font-size:13px}
}
.ypi-sse-head-stories {
width: 100%;
margin-top: 10px;
}
.ypi-sse-head-stories:empty {
display: none;
}
.ypi-sse-head-stories .ypi-ps-search-feed {
border-top: 1px solid #eef2f7;
padding-top: 12px;
}
.ypi-sse-head-stories .ypi-ps-strip {
overflow-x: auto;
}
@media (min-width: 992px) {
.ypi-sse-head {
align-items: flex-start;
}
}
@media (max-width: 768px) {
.ypi-sse-head-stories {
margin-top: 8px;
}
.ypi-sse-head-stories .ypi-ps-search-feed {
padding-top: 10px;
}
}
/* v2.3.1 keep search head main visible for stories */
@media (min-width: 769px){
.ypi-sse-head.ypi-sse-head--compact{
display:flex !important;
align-items:flex-start !important;
justify-content:space-between;
gap:16px;
flex-wrap:wrap;
}
.ypi-sse-head.ypi-sse-head--compact .ypi-sse-head__main{
display:block !important;
flex:1 1 100%;
min-width:0;
order:2;
}
.ypi-sse-head.ypi-sse-head--compact .ypi-sse-tools{
order:1;
margin-left:auto !important;
}
}
/* v2.3.25 tablet landscape: hide legacy list/map toggle buttons */
@media (min-width: 768px) and (max-width: 1180px) and (orientation: landscape){
body.ypi-sse-has-mobile-bar{
padding-bottom:0 !important;
}
#ypi-sse-mobile-bar,
.ypi-sse-mobile-bar,
.mobile-map-switch{
display:none !important;
visibility:hidden !important;
pointer-events:none !important;
}
.ypi-sse-wrap{
padding-bottom:0 !important;
}
}
/* v2.3.26 contact actions cleanup + unified radius */
.ypi-sse-view-btn,
.ypi-sse-style-btn,
.ypi-sse-empty,
.ypi-sse-error,
.ypi-sse-page-btn,
.ypi-sse-card,
.ypi-sse-card__media,
.ypi-sse-card__button,
.ypi-sse-card__action-btn,
.ypi-sse-map-box,
.ypi-sse-map-canvas,
#ypi-sse-map,
.ypi-sse-map-list,
.ypi-sse-map-card__thumb,
.ypi-sse-popup__thumb,
.mapboxgl-popup-content,
.mapboxgl-ctrl-group,
.ypi-sse-loader__card,
.ypi-sse-map-stats__item,
.ypi-sse-filter-bar,
.ypi-sse-filter-chip,
.ypi-sse-filter-action,
.ypi-sse-empty__btn,
.ypi-sse-mobile-bar,
.ypi-sse-view-btn--mobile,
.ypi-sse-bottom-sheet__inner,
.ypi-sse-bottom-sheet__media,
.ypi-sse-bottom-sheet__link,
.ypi-sse-map-details,
.ypi-sse-map-details .ypi-sse-card__action-btn,
.ypi-sse-map-details .ypi-sse-card__button{
border-radius:14px!important;
}
/* v2.3.28 mobile compact property cards */
@media (max-width: 767px){
.ypi-sse-wrap{padding:12px 0 24px}
.ypi-sse-container{padding:0 10px}
.ypi-sse-list{gap:12px}
.ypi-sse-card{padding:10px!important;gap:10px!important}
.ypi-sse-card__media{height:152px!important;border-radius:12px!important}
.ypi-sse-card__badge{top:8px;left:8px;min-height:26px;padding:5px 10px;font-size:11px}
.ypi-sse-card__content{gap:10px!important;padding-right:0}
.ypi-sse-card__price-row{gap:8px;margin:0 0 4px}
.ypi-sse-card__price{margin:0!important;font-size:20px!important;line-height:1.05!important}
.ypi-sse-score-badge{min-height:24px;padding:4px 8px;font-size:11px}
.ypi-sse-card__title{margin:0 0 6px!important;font-size:17px!important;line-height:1.24!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ypi-sse-card__title a{font-size:inherit!important;line-height:inherit!important}
.ypi-sse-card__address{margin:0 0 8px!important;font-size:13px!important;line-height:1.35!important;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.ypi-sse-card__meta{gap:6px!important}
.ypi-sse-card__meta span{min-height:24px!important;padding:4px 8px!important;font-size:11px!important;line-height:1.2!important}
.ypi-sse-card__agent{margin-top:8px;padding-top:8px}
.ypi-sse-card__agent-name{font-size:12px!important;margin:0}
.ypi-sse-card__bottom{display:flex;align-items:stretch!important;justify-content:flex-start!important;gap:8px!important;flex-wrap:nowrap!important}
.ypi-sse-card__actions{display:flex;gap:8px!important;flex:1 1 auto;min-width:0;flex-wrap:nowrap!important}
.ypi-sse-card__actions .ypi-sse-card__action-btn{flex:1 1 0;min-width:0}
.ypi-sse-card__action-btn,.ypi-sse-card__button{min-height:34px!important;padding:0 10px!important;font-size:11px!important;gap:5px!important;border-radius:10px!important}
.ypi-sse-card__button{flex:1 1 0;min-width:0}
.ypi-sse-card__action-btn svg,.ypi-sse-card__button svg{width:14px;height:14px;flex:0 0 14px}
.ypi-sse-card__action-btn span,.ypi-sse-card__button span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}
/* v2.3.29 mobile floating view switcher + tighter card spacing + larger image */
@media (max-width: 767px){
body.ypi-sse-has-mobile-bar{padding-bottom:0!important}
.ypi-sse-wrap{padding-bottom:24px!important}
.ypi-sse-mobile-bar{
position:fixed;
right:8px;
bottom:calc(env(safe-area-inset-bottom, 0px) + 2px);
left:auto;
top:auto;
z-index:70;
width:auto;
margin:0;
padding:0;
gap:6px;
display:flex;
flex-direction:column;
align-items:flex-end;
background:transparent;
border:0;
box-shadow:none;
backdrop-filter:none;
}
.ypi-sse-view-btn--mobile{
min-height:34px;
min-width:88px;
max-width:none;
padding:7px 10px;
gap:5px;
justify-content:center;
border-radius:999px!important;
background:rgba(255,255,255,.96);
border:1px solid #dfe7e5;
color:#0f172a;
box-shadow:0 8px 20px rgba(15,23,42,.10);
}
.ypi-sse-view-btn--mobile.is-active{
background:var(--ypi-nse-primary, #0b3c51);
color:#ffffff;
border-color:var(--ypi-nse-primary, #0b3c51);
}
.ypi-sse-view-btn--mobile .ypi-sse-view-btn__icon svg{
width:13px;
height:13px;
}
.ypi-sse-view-btn--mobile .ypi-sse-view-btn__text{
font-size:12px;
line-height:1;
}
body.ypi-sse-bottom-sheet-open.ypi-sse-has-mobile-bar #ypi-sse-mobile-bar{
transform:translateY(calc(100% + 12px))!important;
}
.ypi-sse-card{padding:10px!important;gap:10px!important}
.ypi-sse-card__media{height:216px!important;border-radius:12px!important}
.ypi-sse-card__content{gap:6px!important;padding-right:0}
.ypi-sse-card__price-row{gap:8px;margin:0 0 3px}
.ypi-sse-card__title{margin:0 0 5px!important}
.ypi-sse-card__address{margin:0 0 6px!important}
.ypi-sse-card__meta{gap:5px!important}
.ypi-sse-card__meta span{min-height:22px!important;padding:3px 8px!important}
.ypi-sse-card__agent{margin-top:0px!important;padding-top:0!important}
.ypi-sse-card__agent-name{font-size:12px!important;line-height:1.25!important}
.ypi-sse-card__bottom{gap:6px!important;margin-top:2px!important}
.ypi-sse-card__actions{gap:6px!important}
.ypi-sse-card__action-btn,.ypi-sse-card__button{min-height:33px!important;padding:0 10px!important}
}
/* v2.3.32 mobile tighten search-to-results gap */
/* v2.3.33 mobile image +10% */
@media (max-width: 767px){
.ypi-sse-wrap{padding-top:4px!important}
.ypi-sse-head{margin-bottom:4px!important;gap:0!important}
.ypi-sse-head__main{gap:0!important}
.ypi-sse-head-stories{margin-top:4px!important}
}
/* v2.3.34 cleanup: moved template inline styles into stylesheet */
@media (min-width: 769px){
.ypi-sse-top-row{
display:flex;
align-items:center;
justify-content:space-between;
gap:14px;
flex-wrap:nowrap;
}
.ypi-sse-top-row .ypi-sse-head,
.ypi-sse-top-row .ypi-sse-filter-bar{
margin:0 !important;
width:auto;
}
.ypi-sse-top-row .ypi-sse-head{
flex:1 1 auto;
min-width:0;
}
.ypi-sse-top-row .ypi-sse-filter-bar{
flex:0 0 auto;
display:flex;
align-items:center;
justify-content:flex-end;
}
}
@media (max-width: 768px){
.ypi-sse-top-row{display:block;}
}
@media (min-width:769px){
.ypi-sse-head.ypi-sse-head--compact{
display:grid !important;
grid-template-columns:minmax(0,1fr) auto;
align-items:center;
gap:16px;
}
.ypi-sse-head.ypi-sse-head--compact .ypi-sse-head__main{display:none !important;}
.ypi-sse-head.ypi-sse-head--compact .ypi-sse-filter-bar{
display:flex !important;
margin:0 !important;
width:100%;
}
.ypi-sse-head.ypi-sse-head--compact .ypi-sse-tools{margin-left:0 !important;}
}
.ypi-sse-sort-wrap{display:flex;align-items:center;gap:10px;margin-right:14px}
.ypi-sse-sort-label{font-size:13px;font-weight:600;color:#111827;white-space:nowrap}
.ypi-sse-sort-select{min-width:240px;height:44px;border:1px solid #d7dce5;border-radius:14px;padding:0 16px;background:#fff;color:#0f172a;font-size:14px;font-weight:600;outline:none;box-shadow:none}
.ypi-sse-sort-select:focus{border-color:#0f172a}
.ypi-sse-sort-wrap.is-hidden{display:none!important}
@media (max-width: 991px){.ypi-sse-sort-wrap{display:none!important}}
@media (min-width:769px){
.ypi-sse-head.ypi-sse-head--compact{
display:flex !important;
align-items:flex-start !important;
justify-content:space-between;
gap:16px;
flex-wrap:wrap;
}
.ypi-sse-head.ypi-sse-head--compact .ypi-sse-head__main{
display:block !important;
flex:1 1 100%;
min-width:0;
order:2;
}
.ypi-sse-head.ypi-sse-head--compact .ypi-sse-tools{
order:1;
margin-left:auto !important;
}
}
.ypi-sse-map-explore-badge{position:absolute;top:16px;right:16px;z-index:25;display:inline-flex;align-items:center;gap:10px;max-width:min(380px,calc(100% - 32px));padding:11px 14px;border-radius:999px;background:rgba(17,24,39,.92);color:#fff;box-shadow:0 12px 30px rgba(15,23,42,.18);backdrop-filter:blur(8px);font-size:13px;font-weight:700;line-height:1.25;opacity:1;transform:translateY(0);transition:opacity .18s ease,transform .18s ease}
.ypi-sse-map-explore-badge.is-hidden{opacity:0;transform:translateY(-8px);pointer-events:none}
.ypi-sse-map-explore-badge.is-success{background:rgba(8,115,165,.96)}
.ypi-sse-map-explore-badge.is-error{background:rgba(185,28,28,.96)}
.ypi-sse-map-explore-badge__spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.28);border-top-color:#fff;border-radius:50%;animation:ypi-sse-spin .8s linear infinite;flex:0 0 auto}
.ypi-sse-map-explore-badge:not(.is-loading) .ypi-sse-map-explore-badge__spinner{display:none}
.ypi-sse-map-explore-badge__text{display:block;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@keyframes ypi-sse-spin{to{transform:rotate(360deg)}}
/* v0.3.1 inline search wrapper + legacy suppression */
body .ypi-next-inline-search{margin:0 0 18px}
body .ypi-next-inline-search #desktop-header-search,
body .ypi-next-inline-search .ypi-sfe-host,
body .ypi-next-inline-search .mobile-search-nav,
body .ypi-next-inline-search .advanced-search,
body .ypi-next-inline-search .search-expandable,
body .ypi-next-inline-search .overlay-search-advanced-module{
display:block !important;
}
body .ypi-next-inline-search .mobile-search-nav .advanced-search-v1{display:block !important}
body .ypi-next-inline-search .overlay-search-advanced-module{display:none !important}
body .ypi-search-form-engine,
body .ypi-smart-search-legacy,
body .houzez-search-form[data-legacy-search="1"]{
display:none !important;
}
/* v0.3.0 debug panel */
.ypi-sse-debug-panel{margin:18px 0 0;background:#0f172a;color:#e2e8f0;border:1px solid #1e293b;border-radius:16px;padding:14px;box-shadow:0 18px 45px rgba(15,23,42,.16)}
.ypi-sse-debug-panel.is-hidden{display:none!important}
.ypi-sse-debug-panel__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.ypi-sse-debug-panel__actions{display:flex;gap:8px;flex-wrap:wrap}
.ypi-sse-debug-panel__btn{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 12px;border-radius:10px;border:1px solid #334155;background:#111827;color:#fff;font-size:13px;font-weight:700;cursor:pointer}
.ypi-sse-debug-panel__btn:hover{background:#1f2937}
.ypi-sse-debug-panel__output{display:block;width:100%;min-height:280px;background:#020617;color:#cbd5e1;border:1px solid #334155;border-radius:12px;padding:12px;font:12px/1.5 Consolas,Monaco,monospace;resize:vertical}
/* v0.3.1 inline search polish */
.ypi-next-inline-search #desktop-header-search{margin-bottom:14px!important}
.ypi-next-inline-search .mobile-search-nav{margin-bottom:10px!important}
/* v0.4.0 single search shell + hard hide legacy search UI on next search page */
body.ypi-next-search-active #desktop-header-search,
body.ypi-next-search-active .desktop-search-nav,
body.ypi-next-search-active .mobile-search-nav,
body.ypi-next-search-active .search-expandable,
body.ypi-next-search-active #overlay-search-advanced-module,
body.ypi-next-search-active .advanced-search-nav,
body.ypi-next-search-active .overlay-search-advanced-module,
body.ypi-next-search-active .ypi-next-inline-search{
display:none !important;
}
.ypi-nse-search-shell{
margin:0 0 18px;
}
.ypi-nse-search-form{
display:block;
background:#ffffff;
border:1px solid #e4e7ec;
border-radius:20px;
box-shadow:0 18px 40px rgba(15,23,42,.06);
padding:16px;
}
.ypi-nse-search-row{
display:grid;
grid-template-columns:minmax(120px, 150px) minmax(280px, 1.6fr) minmax(96px, 110px) minmax(110px, 140px) minmax(96px, 110px) minmax(96px, 110px) 52px 140px;
gap:10px;
align-items:center;
}
.ypi-nse-field{
min-width:0;
}
.ypi-nse-field label{
display:block;
font-size:12px;
font-weight:700;
color:#475467;
margin:0 0 6px;
}
.ypi-nse-field select,
.ypi-nse-field input{
width:100%;
min-height:48px;
border:1px solid #d7dce5;
border-radius:14px;
background:#fff;
color:#0f172a;
font-size:15px;
line-height:1.2;
padding:0 14px;
outline:none;
box-shadow:none;
}
.ypi-nse-field select:focus,
.ypi-nse-field input:focus{
border-color:var(--ypi-nse-primary, #0b3c51);
}
.ypi-nse-field--location{
position:relative;
}
.ypi-nse-field--location input{
padding-right:52px;
}
.ypi-nse-locate-btn{
position:absolute;
right:8px;
top:50%;
transform:translateY(-50%);
width:36px;
height:36px;
border:1px solid #d7dce5;
border-radius:12px;
background:#fff;
color:#0f172a;
display:inline-flex;
align-items:center;
justify-content:center;
cursor:pointer;
}
.ypi-nse-advanced-toggle,
.ypi-nse-submit-btn{
min-height:48px;
border-radius:14px;
border:1px solid #d7dce5;
cursor:pointer;
font-size:14px;
font-weight:700;
}
.ypi-nse-advanced-toggle{
width:52px;
padding:0;
background:#f8fafc;
color:#0f172a;
}
.ypi-nse-submit-btn{
padding:0 20px;
background:var(--ypi-nse-primary, #0b3c51);
color:#fff;
border-color:var(--ypi-nse-primary, #0b3c51);
}
.ypi-nse-submit-btn:hover{
background:#065f89;
border-color:#065f89;
}
.ypi-nse-advanced{
margin-top:14px;
padding-top:14px;
border-top:1px solid #eef2f7;
}
.ypi-nse-advanced-grid{
display:grid;
grid-template-columns:repeat(6, minmax(0, 1fr));
gap:12px;
}
.ypi-nse-search-form.is-advanced-open .ypi-nse-advanced-toggle{
background:#0f172a;
color:#fff;
border-color:#0f172a;
}
@media (max-width: 1199px){
.ypi-nse-search-row{
grid-template-columns:repeat(4, minmax(0, 1fr));
}
.ypi-nse-submit-btn,
.ypi-nse-advanced-toggle{
width:auto;
}
.ypi-nse-advanced-grid{
grid-template-columns:repeat(3, minmax(0, 1fr));
}
}
@media (max-width: 767px){
.ypi-nse-search-form{
border-radius:16px;
padding:12px;
}
.ypi-nse-search-row{
grid-template-columns:1fr 1fr;
}
.ypi-nse-field--location,
.ypi-nse-submit-btn{
grid-column:1 / -1;
}
.ypi-nse-advanced-grid{
grid-template-columns:1fr;
}
}
.pac-container{z-index:100000!important;border-radius:14px!important;border:1px solid #d6dde8!important;box-shadow:0 18px 35px rgba(15,23,42,.12)!important;margin-top:6px!important}
.ypi-nse-field--location{position:relative}
.ypi-nse-autocomplete{position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:100000;background:#fff;border:1px solid #d6dde8;border-radius:16px;box-shadow:0 18px 35px rgba(15,23,42,.12);overflow:hidden}
.ypi-nse-autocomplete__list{display:flex;flex-direction:column;max-height:320px;overflow:auto;padding:6px}
.ypi-nse-autocomplete__item{display:flex;flex-direction:column;align-items:flex-start;gap:3px;width:100%;padding:10px 12px;border:0;background:transparent;border-radius:12px;text-align:left;cursor:pointer}
.ypi-nse-autocomplete__item:hover,.ypi-nse-autocomplete__item.is-active{background:#f3f7fb}
.ypi-nse-autocomplete__main{font-size:14px;line-height:1.35;font-weight:600;color:#0f172a}
.ypi-nse-autocomplete__secondary{font-size:12px;line-height:1.35;color:#64748b}
/* v0.5.0 advanced filter box redesign */
.ypi-nse-search-shell{margin:0 0 26px}.ypi-nse-search-form{position:relative;display:block;background:#fff;border:1px solid #e4e7ec;border-radius:24px;box-shadow:0 18px 40px rgba(15,23,42,.06);padding:18px}.ypi-nse-search-row{display:grid;grid-template-columns:minmax(120px,150px) minmax(140px,180px) minmax(260px,1.8fr) minmax(150px,170px) minmax(150px,170px) minmax(180px,210px);gap:12px;align-items:center}.ypi-nse-field--top select,.ypi-nse-field--top input{min-height:50px;border-radius:16px;padding:0 16px;background:#fff}.ypi-nse-field--location input{padding-right:56px}.ypi-nse-locate-btn{width:38px;height:38px;right:10px;border-radius:999px;background:#e8fbfd;color:var(--ypi-nse-primary, #0b3c51);border-color:#c7eef3}.ypi-nse-advanced-toggle{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:50px;padding:0 18px;border-radius:16px;border:1px solid #c7eef3;background:#eefbfd;color:#0f2942;font-size:16px;font-weight:800}.ypi-nse-advanced-toggle__icon{display:inline-flex;width:18px;height:18px;align-items:center;justify-content:center;line-height:1}.ypi-nse-search-form.is-advanced-open .ypi-nse-advanced-toggle{background:#0f172a;color:#fff;border-color:#0f172a}.ypi-nse-advanced{margin-top:14px}.ypi-nse-advanced-panel{border:1px solid #e4e7ec;border-radius:24px;background:#fff;box-shadow:0 20px 40px rgba(15,23,42,.08);overflow:hidden}.ypi-nse-advanced-panel__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 18px 16px;border-bottom:1px solid #eef2f6}.ypi-nse-advanced-panel__title{margin:0 0 4px;font-size:20px;line-height:1.2;font-weight:800;color:#0f2942}.ypi-nse-advanced-panel__subtitle{margin:0;color:#667085;font-size:14px;line-height:1.5}.ypi-nse-advanced-close{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:999px;border:1px solid #d7dce5;background:#fff;color:#475467;font-size:22px;line-height:1;cursor:pointer;flex:0 0 auto}.ypi-nse-advanced-panel__body{padding:12px 18px 18px}.ypi-nse-advanced-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.45fr);gap:16px}.ypi-nse-advanced-card{border:1px solid #e8edf5;border-radius:18px;background:#fff;padding:16px}.ypi-nse-advanced-card--area{margin-bottom:14px}.ypi-nse-advanced-card__title{margin:0 0 12px;font-size:18px;line-height:1.2;font-weight:800;color:#0f2942}.ypi-nse-inline-grid{display:grid;gap:12px}.ypi-nse-inline-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.ypi-nse-advanced-card .ypi-nse-field label{display:none}.ypi-nse-advanced-card .ypi-nse-field input,.ypi-nse-advanced-card .ypi-nse-field select{min-height:48px;border-radius:14px}.ypi-nse-feature-list{display:flex;flex-wrap:wrap;align-content:flex-start;gap:10px;max-height:400px;overflow:auto;padding-right:6px}.ypi-nse-feature-pill{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 14px;border-radius:12px;border:1px solid #d9e0ea;background:#fff;color:#0f2942;font-size:15px;font-weight:700;line-height:1.2;cursor:pointer;transition:all .18s ease}.ypi-nse-feature-pill input{position:absolute;opacity:0;pointer-events:none}.ypi-nse-feature-pill:hover{border-color:#77cbd6;background:#f4fdfe}.ypi-nse-feature-pill.is-active{border-color:var(--ypi-nse-primary, #0b3c51);background:#e8fbfd;color:#066b78}.ypi-nse-advanced-panel__footer{display:flex;justify-content:flex-end;gap:12px;padding:14px 18px;border-top:1px solid #eef2f6;background:#fff}.ypi-nse-reset-btn,.ypi-nse-done-btn{min-height:48px;padding:0 22px;border-radius:14px;border:1px solid #d7dce5;font-size:16px;font-weight:800;cursor:pointer}.ypi-nse-reset-btn{background:#fff;color:#475467}.ypi-nse-done-btn{background:var(--ypi-nse-primary, #0b3c51);border-color:var(--ypi-nse-primary, #0b3c51);color:#fff}.ypi-nse-done-btn:hover{background:#065f89;border-color:#065f89}@media (max-width:1199px){.ypi-nse-search-row{grid-template-columns:repeat(3,minmax(0,1fr))}.ypi-nse-advanced-layout{grid-template-columns:1fr}}@media (max-width:767px){.ypi-nse-search-form{border-radius:18px;padding:14px}.ypi-nse-search-row{grid-template-columns:1fr}.ypi-nse-inline-grid--2{grid-template-columns:1fr}.ypi-nse-advanced-panel__header,.ypi-nse-advanced-panel__body,.ypi-nse-advanced-panel__footer{padding-left:14px;padding-right:14px}.ypi-nse-advanced-panel__footer{flex-direction:column-reverse}.ypi-nse-reset-btn,.ypi-nse-done-btn{width:100%}}
/* v0.5.1 mobile cleanup */
@media (max-width: 767px){
body.ypi-next-search-active .mobile-map-switch,
body.ypi-next-search-active .mobile-map-switch-wrap,
body.ypi-next-search-active .mobile-map-switcher{
display:none !important;
visibility:hidden !important;
pointer-events:none !important;
}
.ypi-nse-search-shell{
margin:0 0 14px;
}
.ypi-nse-search-form{
padding:10px;
border-radius:18px;
box-shadow:0 10px 24px rgba(15,23,42,.05);
}
.ypi-nse-search-row{
grid-template-columns:repeat(2, minmax(0,1fr));
gap:8px;
align-items:stretch;
}
.ypi-nse-field--location,
.ypi-nse-advanced-toggle{
grid-column:1 / -1;
}
.ypi-nse-field--top select,
.ypi-nse-field--top input,
.ypi-nse-advanced-toggle{
min-height:46px;
font-size:14px;
border-radius:14px;
}
#ypi-nse-status,
#ypi-nse-type{
min-height:50px;
padding-top:0;
padding-bottom:0;
}
.ypi-nse-field--top input,
.ypi-nse-field--top select{
padding-left:12px;
padding-right:12px;
}
.ypi-nse-field--location input{
min-height:48px;
padding-right:50px;
}
.ypi-nse-locate-btn{
width:34px;
height:34px;
right:8px;
}
.ypi-nse-advanced-toggle{
justify-content:center;
gap:8px;
padding:0 14px;
font-size:15px;
font-weight:700;
}
.ypi-nse-advanced-toggle__icon{
width:16px;
height:16px;
}
.ypi-nse-advanced-toggle__text{
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.ypi-sse-head{
margin-bottom:14px;
}
}
/* v0.6.1 mobile chip rail + minimal overflow fixes */
.ypi-nse-mobile-chipbar{display:contents}
.ypi-nse-chip-field{min-width:0}
@media (max-width: 767px){
.ypi-nse-search-shell{margin:0 0 12px}
.ypi-nse-search-form{padding:10px 0 0;border-radius:0;border:0;box-shadow:none;background:transparent}
.ypi-nse-search-row{display:block}
.ypi-nse-field--location{margin:0 0 10px;padding:0 10px}
.ypi-nse-field--location input{min-height:52px;border-radius:16px;padding-left:18px;padding-right:52px;background:#fff;border:1px solid #dbe3ec;font-size:16px}
.ypi-nse-locate-btn{right:18px;width:36px;height:36px}
.ypi-nse-mobile-chipbar{display:flex;align-items:center;gap:10px;overflow-x:auto;overflow-y:hidden;padding:0 10px 6px;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}
.ypi-nse-mobile-chipbar::-webkit-scrollbar{display:none}
.ypi-nse-mobile-chipbar > *{flex:0 0 auto}
.ypi-nse-mobile-chipbar::after{content:'';display:block;flex:0 0 8px}
.ypi-nse-chip-field select,.ypi-nse-chip-field input{min-height:44px;height:44px;border-radius:999px;padding:0 16px;background:#e8fbfd;border:1px solid #c7eef3;color:var(--ypi-nse-primary, #0b3c51);font-size:15px;font-weight:700;box-shadow:none}
.ypi-nse-chip-field select{padding-right:38px}
.ypi-nse-chip-field input{width:132px}
.ypi-nse-chip-field--price input::placeholder{color:var(--ypi-nse-primary, #0b3c51);opacity:1}
.ypi-nse-chip-field:nth-child(2) select,.ypi-nse-chip-field:nth-child(3) select{min-width:126px}
.ypi-nse-advanced-toggle{width:44px;min-width:44px;min-height:44px;height:44px;padding:0;border-radius:999px;gap:0;background:#e8fbfd;border:1px solid #c7eef3;color:var(--ypi-nse-primary, #0b3c51);font-size:0;box-shadow:none}
.ypi-nse-advanced-toggle__icon{width:18px;height:18px;font-size:16px}
.ypi-nse-advanced-toggle__text{display:none}
.ypi-nse-advanced{margin-top:0}
.ypi-nse-search-form.is-advanced-open .ypi-nse-advanced{position:fixed;inset:0;z-index:999999;background:rgba(15,23,42,.28);margin:0;display:flex;align-items:flex-end;justify-content:center;padding:0}
.ypi-nse-search-form.is-advanced-open .ypi-nse-advanced-panel{width:100%;height:100%;max-height:100%;border-radius:0;border:0;display:flex;flex-direction:column;box-shadow:none}
.ypi-nse-search-form.is-advanced-open .ypi-nse-advanced-panel__header{padding:18px 18px 14px;align-items:center}
.ypi-nse-search-form.is-advanced-open .ypi-nse-advanced-panel__title{text-align:center;font-size:20px;margin:0;width:100%}
.ypi-nse-search-form.is-advanced-open .ypi-nse-advanced-panel__subtitle{margin-top:6px;text-align:left;font-size:13px}
.ypi-nse-search-form.is-advanced-open .ypi-nse-advanced-close{order:-1;margin-right:auto;border:0;width:34px;height:34px;background:transparent;font-size:34px;color:#667085;padding:0}
.ypi-nse-search-form.is-advanced-open .ypi-nse-advanced-panel__body{flex:1 1 auto;overflow:auto;padding:14px 18px 124px;background:#fff}
.ypi-nse-search-form.is-advanced-open .ypi-nse-advanced-card{border-radius:18px;padding:14px}
.ypi-nse-search-form.is-advanced-open .ypi-nse-inline-grid--2{grid-template-columns:1fr 1fr}
.ypi-nse-search-form.is-advanced-open .ypi-nse-feature-list{max-height:none;padding-right:0}
.ypi-nse-search-form.is-advanced-open .ypi-nse-advanced-panel__footer{position:fixed;left:0;right:0;bottom:0;z-index:2;display:grid;grid-template-columns:120px minmax(0,1fr);gap:14px;padding:14px 18px calc(14px + env(safe-area-inset-bottom));border-top:1px solid #e9eef5;background:#fff;box-shadow:0 -10px 30px rgba(15,23,42,.08)}
.ypi-nse-search-form.is-advanced-open .ypi-nse-reset-btn,.ypi-nse-search-form.is-advanced-open .ypi-nse-done-btn{width:100%;min-height:54px;border-radius:14px;font-size:16px}
.ypi-nse-search-form.is-advanced-open .ypi-nse-done-btn{font-weight:800}
.ypi-nse-search-form.is-advanced-open .ypi-nse-reset-btn{background:#fff;border-color:var(--ypi-nse-primary, #0b3c51);color:var(--ypi-nse-primary, #0b3c51)}
body.ypi-next-search-active.ypi-nse-lock-scroll{overflow:hidden;touch-action:none}
}
/* v0.6.1 mobile overflow + minimal polish */
@media (max-width: 767px){
html,body,body.ypi-next-search-active{max-width:100%;overflow-x:hidden;}
.ypi-sse-wrap,.ypi-sse-container,.ypi-sse-view,#ypi-sse-results,.ypi-sse-list,.ypi-nse-search-shell,.ypi-nse-search-form,.ypi-nse-search-row{width:100%;max-width:100%;min-width:0;overflow-x:hidden;}
.ypi-sse-wrap{overflow-x:clip!important;padding:10px 0 18px!important;}
.ypi-sse-container{padding:0 8px!important;}
.ypi-nse-search-shell{margin:0 0 10px!important;}
.ypi-nse-search-form{padding-top:8px!important;}
.ypi-nse-field--location{margin:0 0 8px!important;padding:0 8px!important;}
.ypi-nse-field--location input{min-height:46px!important;height:46px!important;border-radius:14px!important;padding-left:15px!important;padding-right:46px!important;font-size:15px!important;}
.ypi-nse-locate-btn{right:16px!important;width:32px!important;height:32px!important;}
.ypi-nse-mobile-chipbar{gap:8px!important;padding:0 8px 4px!important;width:100%!important;max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;}
.ypi-nse-chip-field,.ypi-nse-chip-field > *{min-width:0;}
.ypi-nse-chip-field select,.ypi-nse-chip-field input{min-height:38px!important;height:38px!important;padding:0 12px!important;border-radius:999px!important;font-size:14px!important;line-height:38px!important;}
.ypi-nse-chip-field select{padding-right:28px!important;background-position:right 10px center!important;}
.ypi-nse-chip-field--status select,.ypi-nse-chip-field--type select{width:112px!important;min-width:112px!important;max-width:112px!important;text-overflow:ellipsis!important;}
.ypi-nse-chip-field--price input{width:108px!important;min-width:108px!important;}
.ypi-nse-advanced-toggle{width:38px!important;min-width:38px!important;min-height:38px!important;height:38px!important;}
.ypi-nse-advanced-toggle__icon{width:16px!important;height:16px!important;font-size:14px!important;}
.ypi-sse-card{padding:8px!important;gap:8px!important;border-radius:14px!important;}
.ypi-sse-card__media{height:142px!important;border-radius:10px!important;}
.ypi-sse-card__badge{top:7px;left:7px;min-height:24px;padding:4px 9px;font-size:10px!important;}
.ypi-sse-card__content{gap:8px!important;}
.ypi-sse-card__price-row{gap:6px!important;margin:0 0 2px!important;}
.ypi-sse-card__price{font-size:18px!important;}
.ypi-sse-card__title{font-size:16px!important;line-height:1.22!important;margin:0 0 4px!important;}
.ypi-sse-card__address{font-size:12px!important;margin:0 0 6px!important;}
.ypi-sse-card__meta{gap:5px!important;}
.ypi-sse-card__meta span{font-size:11px!important;min-height:26px!important;padding:5px 8px!important;}
.ypi-sse-card__agent-name{font-size:12px!important;}
.ypi-sse-card__actions{gap:6px!important;}
.ypi-sse-card__action-btn,.ypi-sse-card__button{min-height:34px!important;padding:0 10px!important;border-radius:10px!important;font-size:12px!important;}
.ypi-sse-mobile-bar{right:8px!important;bottom:calc(env(safe-area-inset-bottom, 0px) + 56px)!important;gap:5px!important;}
.ypi-sse-view-btn--mobile{min-height:31px!important;min-width:74px!important;padding:6px 8px!important;gap:4px!important;}
.ypi-sse-view-btn--mobile .ypi-sse-view-btn__text{font-size:11px!important;}
.ypi-nse-search-form.is-advanced-open .ypi-nse-advanced{align-items:stretch!important;}
.ypi-nse-search-form.is-advanced-open .ypi-nse-advanced-panel{width:100%!important;height:100dvh!important;max-height:100dvh!important;display:grid!important;grid-template-rows:auto minmax(0,1fr) auto!important;}
.ypi-nse-search-form.is-advanced-open .ypi-nse-advanced-panel__header{padding:12px 14px 10px!important;}
.ypi-nse-search-form.is-advanced-open .ypi-nse-advanced-panel__title{font-size:18px!important;}
.ypi-nse-search-form.is-advanced-open .ypi-nse-advanced-panel__subtitle{font-size:12px!important;line-height:1.4!important;}
.ypi-nse-search-form.is-advanced-open .ypi-nse-advanced-close{width:30px!important;height:30px!important;font-size:30px!important;}
.ypi-nse-search-form.is-advanced-open .ypi-nse-advanced-panel__body{padding:10px 14px 16px!important;overflow:auto!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain;}
.ypi-nse-search-form.is-advanced-open .ypi-nse-advanced-card{border-radius:14px!important;padding:12px!important;}
.ypi-nse-search-form.is-advanced-open .ypi-nse-advanced-card__title{font-size:16px!important;margin:0 0 10px!important;}
.ypi-nse-search-form.is-advanced-open .ypi-nse-advanced-card .ypi-nse-field input,
.ypi-nse-search-form.is-advanced-open .ypi-nse-advanced-card .ypi-nse-field select{min-height:42px!important;height:42px!important;border-radius:12px!important;font-size:14px!important;}
.ypi-nse-search-form.is-advanced-open .ypi-nse-feature-list{gap:8px!important;}
.ypi-nse-search-form.is-advanced-open .ypi-nse-feature-pill{min-height:34px!important;padding:0 11px!important;font-size:13px!important;border-radius:10px!important;}
.ypi-nse-search-form.is-advanced-open .ypi-nse-advanced-panel__footer{position:sticky!important;left:auto!important;right:auto!important;bottom:0!important;z-index:3!important;display:grid!important;grid-template-columns:96px minmax(0,1fr)!important;gap:10px!important;padding:10px 14px calc(12px + env(safe-area-inset-bottom, 0px) + 18px)!important;border-top:1px solid #e9eef5!important;background:#fff!important;box-shadow:0 -8px 24px rgba(15,23,42,.08)!important;}
.ypi-nse-search-form.is-advanced-open .ypi-nse-reset-btn,
.ypi-nse-search-form.is-advanced-open .ypi-nse-done-btn{min-height:44px!important;height:44px!important;border-radius:12px!important;font-size:14px!important;}
}
/* v0.6.2 mobile overlay, card media, and desktop restore */
.ypi-nse-search-shell,
.ypi-nse-search-form,
.ypi-nse-search-row,
.ypi-nse-field--location{
position:relative;
overflow:visible;
}
.ypi-nse-search-shell{
z-index:1200;
isolation:isolate;
}
.ypi-nse-autocomplete,
.pac-container{
z-index:2147483000 !important;
}
.ypi-nse-autocomplete__list{
position:relative;
z-index:2;
}
.ypi-sse-view,
#ypi-sse-results,
.ypi-sse-list,
.ypi-sse-card,
.ypi-sse-map-shell{
position:relative;
z-index:1;
}
.ypi-nse-reset-btn,
.ypi-nse-done-btn{
display:inline-flex;
align-items:center;
justify-content:center;
text-align:center;
}
@media (min-width: 992px){
.ypi-nse-search-form{
padding:18px !important;
border-radius:24px !important;
border:1px solid #e4e7ec !important;
box-shadow:0 18px 40px rgba(15,23,42,.06) !important;
background:#fff !important;
}
.ypi-nse-search-row{
display:grid !important;
grid-template-columns:minmax(120px,150px) minmax(140px,180px) minmax(260px,1.8fr) minmax(150px,170px) minmax(150px,170px) minmax(180px,210px) !important;
gap:12px !important;
align-items:center !important;
}
.ypi-nse-mobile-chipbar{
display:contents !important;
}
.ypi-nse-field--location{
margin:0 !important;
padding:0 !important;
}
.ypi-nse-field--location input{
min-height:50px !important;
height:auto !important;
border-radius:16px !important;
padding-left:16px !important;
padding-right:56px !important;
font-size:16px !important;
}
.ypi-nse-locate-btn{
right:10px !important;
width:38px !important;
height:38px !important;
}
.ypi-nse-chip-field select,
.ypi-nse-chip-field input,
.ypi-nse-advanced-toggle{
min-height:50px !important;
height:50px !important;
border-radius:16px !important;
font-size:16px !important;
}
.ypi-nse-chip-field--status select,
.ypi-nse-chip-field--type select,
.ypi-nse-chip-field--price input{
width:100% !important;
min-width:0 !important;
max-width:none !important;
}
.ypi-nse-advanced-toggle{
width:100% !important;
min-width:0 !important;
padding:0 18px !important;
gap:10px !important;
font-size:16px !important;
}
.ypi-nse-advanced-toggle__text{
display:inline !important;
}
}
@media (max-width: 767px){
.ypi-nse-search-shell{
z-index:3000;
}
.ypi-nse-field--location{
z-index:3002;
}
.ypi-nse-field--location:focus-within{
z-index:3003;
}
.ypi-nse-autocomplete{
top:calc(100% + 6px) !important;
border-radius:16px !important;
box-shadow:0 20px 44px rgba(15,23,42,.18) !important;
}
.ypi-nse-autocomplete__list{
max-height:280px !important;
}
.ypi-sse-card__media{
height:164px !important;
}
.ypi-nse-search-form.is-advanced-open .ypi-nse-reset-btn,
.ypi-nse-search-form.is-advanced-open .ypi-nse-done-btn{
justify-content:center !important;
text-align:center !important;
}
}
/* v0.6.4 desktop single-row tightening */
@media (min-width: 992px){
.ypi-nse-search-row{
grid-template-columns:minmax(120px,148px) minmax(260px,1.2fr) minmax(124px,156px) minmax(118px,138px) minmax(118px,138px) 72px !important;
gap:10px !important;
}
.ypi-nse-chip-field--status{grid-column:1 !important;}
.ypi-nse-field--location{grid-column:2 !important;}
.ypi-nse-chip-field--type{grid-column:3 !important;}
.ypi-nse-chip-field--price:first-of-type{grid-column:4 !important;}
.ypi-nse-chip-field--price:last-of-type{grid-column:5 !important;}
.ypi-nse-advanced-toggle{grid-column:6 !important; width:72px !important; min-width:72px !important; padding:0 !important; gap:0 !important;}
.ypi-nse-advanced-toggle__text{display:none !important;}
.ypi-nse-field--location input{font-size:15px !important; padding-left:14px !important; padding-right:50px !important;}
.ypi-nse-chip-field select,
.ypi-nse-chip-field input{padding-left:14px !important; padding-right:14px !important; font-size:15px !important;}
}
@media (min-width: 1200px){
.ypi-nse-search-row{
grid-template-columns:minmax(125px,152px) minmax(300px,1.35fr) minmax(128px,160px) minmax(122px,146px) minmax(122px,146px) 74px !important;
}
}
/* v0.6.5 desktop two-row layout + 8px radius */
@media (min-width: 992px){
.ypi-nse-search-form{
border-radius:8px !important;
padding:16px !important;
}
.ypi-nse-search-row{
grid-template-columns:minmax(160px,180px) minmax(140px,160px) minmax(130px,150px) minmax(130px,150px) minmax(280px,1fr) 58px !important;
grid-auto-rows:minmax(50px,auto);
row-gap:12px !important;
column-gap:10px !important;
align-items:center !important;
}
.ypi-nse-field--location{
grid-column:1 / 6 !important;
grid-row:1 !important;
}
.ypi-nse-advanced-toggle{
grid-column:6 !important;
grid-row:1 !important;
width:58px !important;
min-width:58px !important;
padding:0 !important;
gap:0 !important;
}
.ypi-nse-advanced-toggle__text{
display:none !important;
}
.ypi-nse-chip-field--status{grid-column:1 !important;grid-row:2 !important;}
.ypi-nse-chip-field--type{grid-column:2 !important;grid-row:2 !important;}
.ypi-nse-chip-field--price:first-of-type{grid-column:3 !important;grid-row:2 !important;}
.ypi-nse-chip-field--price:last-of-type{grid-column:4 !important;grid-row:2 !important;}
.ypi-nse-chip-field select,
.ypi-nse-chip-field input,
.ypi-nse-field--location input,
.ypi-nse-advanced-toggle,
.ypi-nse-reset-btn,
.ypi-nse-done-btn,
.ypi-nse-advanced-close,
.ypi-nse-advanced-panel,
.ypi-nse-advanced-card,
.ypi-nse-advanced-card .ypi-nse-field input,
.ypi-nse-advanced-card .ypi-nse-field select,
.ypi-nse-feature-pill{
border-radius:8px !important;
}
.ypi-nse-chip-field select,
.ypi-nse-chip-field input,
.ypi-nse-field--location input,
.ypi-nse-advanced-toggle{
min-height:46px !important;
height:46px !important;
font-size:15px !important;
padding-left:14px !important;
padding-right:14px !important;
}
.ypi-nse-field--location input{
padding-right:50px !important;
}
.ypi-nse-locate-btn{
width:34px !important;
height:34px !important;
right:8px !important;
border-radius:999px !important;
}
}
@media (min-width: 1200px){
.ypi-nse-search-row{
grid-template-columns:minmax(165px,185px) minmax(145px,165px) minmax(138px,158px) minmax(138px,158px) minmax(360px,1fr) 60px !important;
}
}
/* v0.6.6 desktop single-row restore + radius 8 */
@media (min-width: 992px){
.ypi-nse-search-form{
border-radius:8px !important;
padding:16px !important;
}
.ypi-nse-search-row{
display:grid !important;
grid-template-columns:minmax(132px,150px) minmax(250px,1.3fr) minmax(132px,150px) minmax(120px,138px) minmax(120px,138px) 56px !important;
gap:10px !important;
row-gap:10px !important;
align-items:center !important;
grid-auto-rows:minmax(46px,auto) !important;
}
.ypi-nse-mobile-chipbar{
display:contents !important;
}
.ypi-nse-chip-field--status{grid-column:1 !important;grid-row:1 !important;}
.ypi-nse-field--location{grid-column:2 !important;grid-row:1 !important;margin:0 !important;padding:0 !important;min-width:0 !important;}
.ypi-nse-chip-field--type{grid-column:3 !important;grid-row:1 !important;}
.ypi-nse-chip-field--price:first-of-type{grid-column:4 !important;grid-row:1 !important;}
.ypi-nse-chip-field--price:last-of-type{grid-column:5 !important;grid-row:1 !important;}
.ypi-nse-advanced-toggle{grid-column:6 !important;grid-row:1 !important;width:56px !important;min-width:56px !important;padding:0 !important;gap:0 !important;border-radius:8px !important;}
.ypi-nse-advanced-toggle__text{display:none !important;}
.ypi-nse-field--location input,
.ypi-nse-chip-field select,
.ypi-nse-chip-field input{
min-height:46px !important;
height:46px !important;
border-radius:8px !important;
font-size:15px !important;
}
.ypi-nse-field--location input{
padding-left:14px !important;
padding-right:48px !important;
}
.ypi-nse-chip-field select,
.ypi-nse-chip-field input{
padding-left:12px !important;
padding-right:12px !important;
}
.ypi-nse-locate-btn{
width:34px !important;
height:34px !important;
right:8px !important;
}
.ypi-nse-reset-btn,
.ypi-nse-done-btn,
.ypi-nse-advanced-panel,
.ypi-nse-advanced-card,
.ypi-nse-advanced-card .ypi-nse-field input,
.ypi-nse-advanced-card .ypi-nse-field select,
.ypi-nse-feature-pill,
.ypi-sse-card,
.ypi-sse-card__media,
.ypi-sse-card__action-btn,
.ypi-sse-card__button{
border-radius:8px !important;
}
}
@media (min-width: 1200px){
.ypi-nse-search-row{
grid-template-columns:minmax(138px,156px) minmax(320px,1.45fr) minmax(138px,156px) minmax(126px,144px) minmax(126px,144px) 58px !important;
}
}
/* v0.6.7 desktop cache-fix + strict single-row + radius 8 */
@media (min-width: 992px){
.ypi-nse-search-form{
padding:16px !important;
border-radius:8px !important;
border:1px solid #e4e7ec !important;
background:#fff !important;
}
.ypi-nse-search-row{
display:grid !important;
grid-template-columns:140px minmax(220px,1fr) 140px 122px 122px 56px !important;
grid-template-rows:46px !important;
grid-auto-rows:46px !important;
gap:10px !important;
align-items:center !important;
}
.ypi-nse-mobile-chipbar{
display:contents !important;
}
.ypi-nse-chip-field--status{grid-column:1 !important;grid-row:1 !important;}
.ypi-nse-field--location{grid-column:2 !important;grid-row:1 !important;margin:0 !important;padding:0 !important;min-width:0 !important;max-width:none !important;}
.ypi-nse-chip-field--type{grid-column:3 !important;grid-row:1 !important;}
.ypi-nse-chip-field--price:first-of-type{grid-column:4 !important;grid-row:1 !important;}
.ypi-nse-chip-field--price:last-of-type{grid-column:5 !important;grid-row:1 !important;}
.ypi-nse-advanced-toggle{grid-column:6 !important;grid-row:1 !important;width:56px !important;min-width:56px !important;max-width:56px !important;padding:0 !important;gap:0 !important;}
.ypi-nse-advanced-toggle__text{display:none !important;}
.ypi-nse-field--location input,
.ypi-nse-chip-field select,
.ypi-nse-chip-field input,
.ypi-nse-advanced-toggle,
.ypi-nse-search-form .ypi-nse-reset-btn,
.ypi-nse-search-form .ypi-nse-done-btn,
.ypi-nse-search-form .ypi-nse-advanced-panel,
.ypi-nse-search-form .ypi-nse-advanced-card,
.ypi-nse-search-form .ypi-nse-advanced-card .ypi-nse-field input,
.ypi-nse-search-form .ypi-nse-advanced-card .ypi-nse-field select,
.ypi-nse-search-form .ypi-nse-feature-pill{
border-radius:8px !important;
}
.ypi-nse-field--location input,
.ypi-nse-chip-field select,
.ypi-nse-chip-field input,
.ypi-nse-advanced-toggle{
min-height:46px !important;
height:46px !important;
font-size:15px !important;
}
.ypi-nse-field--location input{padding:0 48px 0 14px !important;}
.ypi-nse-chip-field select,
.ypi-nse-chip-field input{padding:0 12px !important;}
.ypi-nse-locate-btn{width:34px !important;height:34px !important;right:8px !important;}
}
@media (min-width: 1200px){
.ypi-nse-search-row{
grid-template-columns:144px minmax(260px,1fr) 144px 126px 126px 58px !important;
}
}
/* v0.6.8 desktop debug-toggle + radius 12 */
@media (min-width: 992px){
.ypi-nse-search-form,
.ypi-nse-field--location input,
.ypi-nse-chip-field select,
.ypi-nse-chip-field input,
.ypi-nse-advanced-toggle,
.ypi-nse-search-form .ypi-nse-reset-btn,
.ypi-nse-search-form .ypi-nse-done-btn,
.ypi-nse-search-form .ypi-nse-advanced-panel,
.ypi-nse-search-form .ypi-nse-advanced-card,
.ypi-nse-search-form .ypi-nse-advanced-card .ypi-nse-field input,
.ypi-nse-search-form .ypi-nse-advanced-card .ypi-nse-field select,
.ypi-nse-search-form .ypi-nse-feature-pill{
border-radius:12px !important;
}
}
/* v0.7.0 active chips + advanced count */
.ypi-sse-active-filters{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 18px}
.ypi-sse-active-filters.is-hidden{display:none}
.ypi-sse-active-filter{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 14px;border-radius:999px;border:1px solid #d7e5df;background:#fff;color:#0f2942;font-size:14px;font-weight:700;cursor:pointer;transition:all .18s ease}
.ypi-sse-active-filter:hover{border-color:#94cbb6;background:#f6fffb}
.ypi-sse-active-filter__remove{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;background:#e8fbfd;color:var(--ypi-nse-primary, #0b3c51);font-size:14px;line-height:1}
.ypi-sse-active-filter--clear{background:#0f172a;border-color:#0f172a;color:#fff}
.ypi-sse-active-filter--clear:hover{background:#1e293b;border-color:#1e293b}
.ypi-nse-advanced-toggle{position:relative}
.ypi-nse-advanced-toggle__count{position:absolute;top:-8px;right:-8px;display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:var(--ypi-nse-primary, #0b3c51);color:#fff;font-size:12px;font-weight:800;line-height:1;box-shadow:0 6px 14px rgba(15,23,42,.14)}
.ypi-nse-advanced-toggle__count.is-hidden{display:none}
@media (max-width:767px){
.ypi-sse-active-filters{gap:8px;margin:0 0 14px;overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}
.ypi-sse-active-filter{min-height:34px;padding:0 12px;font-size:13px;white-space:nowrap}
.ypi-nse-advanced-toggle__count{top:-6px;right:-4px}
}
/* v0.7.1 single-source autocomplete: keep only custom bridge suggestions */
body.ypi-next-search-active .pac-container{display:none!important;visibility:hidden!important;pointer-events:none!important}
body.ypi-next-search-active .ypi-nse-field--location{z-index:100500}
body.ypi-next-search-active .ypi-nse-autocomplete{z-index:100501}
/* v0.9.35 UAE mode-driven search layout */
body.ypi-next-search-active .ypi-nse-search-form{
border-radius:18px !important;
padding:16px !important;
}
body.ypi-next-search-active .ypi-nse-search-row--uae{
display:flex !important;
align-items:center !important;
gap:10px !important;
flex-wrap:wrap !important;
grid-template-columns:none !important;
}
body.ypi-next-search-active .ypi-nse-search-row--uae > *{
grid-column:auto !important;
grid-row:auto !important;
margin:0 !important;
}
body.ypi-next-search-active .ypi-nse-search-row--uae [hidden],
body.ypi-next-search-active .ypi-nse-search-row--uae .is-hidden{display:none !important;}
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-field--mode{flex:0 0 132px !important;}
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-field--location{flex:1 1 330px !important;min-width:260px !important;max-width:none !important;}
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-chip-field--type{flex:0 0 145px !important;}
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-chip-field--beds,
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-chip-field--bath{flex:0 0 132px !important;}
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-chip-field--rent-frequency,
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-chip-field--furnishing{flex:0 0 150px !important;}
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-chip-field--developer{flex:1 1 175px !important;min-width:160px !important;}
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-chip-field--completion{flex:0 0 178px !important;}
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-chip-field--price{flex:0 0 126px !important;}
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-advanced-toggle{
flex:0 0 50px !important;
width:50px !important;
min-width:50px !important;
max-width:50px !important;
height:46px !important;
min-height:46px !important;
border-radius:12px !important;
}
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-advanced-toggle__text{display:none !important;}
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-field--top select,
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-field--top input{
height:46px !important;
min-height:46px !important;
border-radius:12px !important;
border-color:#d7e0ec !important;
box-shadow:none !important;
font-size:15px !important;
}
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-field--top select:focus,
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-field--top input:focus{
border-color:var(--ypi-nse-primary, #0b3c51) !important;
box-shadow:0 0 0 3px rgba(8,115,165,.12) !important;
}
body.ypi-next-search-active .ypi-nse-search-form[data-ypi-active-mode="rent"] .ypi-nse-advanced-panel__title::after{content:" · Rental filters";color:var(--ypi-nse-primary, #0b3c51);font-weight:800;}
body.ypi-next-search-active .ypi-nse-search-form[data-ypi-active-mode="sale"] .ypi-nse-advanced-panel__title::after{content:" · Sale filters";color:var(--ypi-nse-primary, #0b3c51);font-weight:800;}
body.ypi-next-search-active .ypi-nse-search-form[data-ypi-active-mode="off_plan"] .ypi-nse-advanced-panel__title::after{content:" · Off-plan filters";color:var(--ypi-nse-primary, #0b3c51);font-weight:800;}
body.ypi-next-search-active .ypi-nse-search-form[data-ypi-active-mode="all"] .ypi-nse-advanced-panel__title::after{content:" · All listings";color:var(--ypi-nse-primary, #0b3c51);font-weight:800;}
body.ypi-next-search-active .ypi-nse-advanced-card [hidden],
body.ypi-next-search-active .ypi-nse-advanced-card .is-hidden{display:none !important;}
@media (max-width:1199px){
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-field--location{flex:1 1 100% !important;order:1;}
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-field--mode{order:0;flex:1 1 135px !important;}
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-chip-field--type,
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-chip-field--beds,
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-chip-field--bath,
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-chip-field--rent-frequency,
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-chip-field--furnishing,
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-chip-field--developer,
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-chip-field--completion,
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-chip-field--price{order:2;flex:1 1 calc(33.333% - 10px) !important;min-width:145px !important;}
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-advanced-toggle{order:3;flex:0 0 54px !important;}
}
@media (max-width:767px){
body.ypi-next-search-active .ypi-nse-search-form{padding:12px !important;border-radius:16px !important;}
body.ypi-next-search-active .ypi-nse-search-row--uae{gap:8px !important;}
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-field--mode,
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-field--location,
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-chip-field--developer,
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-chip-field--completion{flex:1 1 100% !important;min-width:0 !important;}
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-chip-field--type,
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-chip-field--beds,
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-chip-field--bath,
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-chip-field--rent-frequency,
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-chip-field--furnishing,
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-chip-field--price{flex:1 1 calc(50% - 8px) !important;min-width:0 !important;}
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-advanced-toggle{flex:1 1 100% !important;max-width:none !important;width:100% !important;}
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-advanced-toggle__text{display:inline !important;}
}
/* v0.9.38 UAE ordered main search row + toolbar furnishing filter */
body.ypi-next-search-active .ypi-sse-toolbar-filter[hidden],
body.ypi-next-search-active .ypi-sse-toolbar-filter.is-hidden{
display:none !important;
}
body.ypi-next-search-active .ypi-sse-toolbar-filter--furnishing{
display:flex;
align-items:center;
gap:8px;
margin-right:12px;
}
body.ypi-next-search-active .ypi-sse-toolbar-filter__label{
font-size:13px;
font-weight:700;
color:#0f172a;
white-space:nowrap;
}
body.ypi-next-search-active .ypi-sse-toolbar-filter__select{
height:44px;
min-width:156px;
border:1px solid #d7dce5;
border-radius:12px;
background:#fff;
color:#0f172a;
font-size:14px;
font-weight:700;
padding:0 34px 0 12px;
outline:none;
box-shadow:none;
}
body.ypi-next-search-active .ypi-sse-toolbar-filter__select:focus{
border-color:var(--ypi-nse-primary, #0b3c51);
box-shadow:0 0 0 3px rgba(8,115,165,.12);
}
@media (min-width: 992px){
body.ypi-next-search-active .ypi-nse-search-row--uae{
display:grid !important;
grid-template-columns:minmax(126px,136px) minmax(270px,1fr) minmax(122px,138px) minmax(104px,118px) minmax(104px,118px) minmax(112px,126px) minmax(112px,126px) 52px !important;
gap:9px !important;
align-items:center !important;
flex-wrap:nowrap !important;
}
body.ypi-next-search-active .ypi-nse-search-row--uae > *{
min-width:0 !important;
margin:0 !important;
}
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-field--mode{grid-column:1 !important;grid-row:1 !important;flex:none !important;}
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-field--location{grid-column:2 !important;grid-row:1 !important;flex:none !important;min-width:0 !important;}
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-chip-field--type{grid-column:3 !important;grid-row:1 !important;flex:none !important;}
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-chip-field--beds{grid-column:4 !important;grid-row:1 !important;flex:none !important;}
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-chip-field--bath{grid-column:5 !important;grid-row:1 !important;flex:none !important;}
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-chip-field--min-price{grid-column:6 !important;grid-row:1 !important;flex:none !important;}
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-chip-field--max-price{grid-column:7 !important;grid-row:1 !important;flex:none !important;}
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-advanced-toggle{grid-column:8 !important;grid-row:1 !important;flex:none !important;width:52px !important;min-width:52px !important;max-width:52px !important;}
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-chip-field--beds select,
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-chip-field--bath select{
font-size:14px !important;
padding-left:10px !important;
padding-right:26px !important;
}
}
@media (min-width: 1200px){
body.ypi-next-search-active .ypi-nse-search-row--uae{
grid-template-columns:minmax(132px,142px) minmax(330px,1.25fr) minmax(130px,148px) minmax(108px,122px) minmax(108px,122px) minmax(118px,134px) minmax(118px,134px) 54px !important;
}
}
@media (max-width: 991px){
body.ypi-next-search-active .ypi-sse-toolbar-filter--furnishing{
margin-right:8px;
}
body.ypi-next-search-active .ypi-sse-toolbar-filter__label{
display:none;
}
body.ypi-next-search-active .ypi-sse-toolbar-filter__select{
min-width:138px;
height:40px;
border-radius:999px;
}
}
/* v0.9.40 YPI.ae smart search full redesign: fast List View + Mapbox-first Map View */
body.ypi-next-search-active{
--ypi-ae:var(--ypi-nse-primary, #0b3c51);
--ypi-ae-dark:#065f89;
--ypi-ink:#101828;
--ypi-muted:#667085;
--ypi-line:#d9e3ee;
--ypi-soft:#f5f7fb;
background:#f5f7fb;
}
body.ypi-next-search-active .ypi-sse-wrap{
padding:26px 0 56px!important;
background:
radial-gradient(circle at 15% 0%, rgba(8,115,165,.08), transparent 28%),
linear-gradient(180deg,#f7f9fc 0%,#f4f7fb 100%)!important;
font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
}
body.ypi-next-search-active .ypi-sse-container{max-width:1500px!important;padding:0 28px!important;margin:0 auto!important;}
body.ypi-next-search-active .ypi-nse-search-shell{margin:0 0 18px!important;position:relative;z-index:20;}
body.ypi-next-search-active .ypi-nse-search-form{
border:1px solid rgba(141,154,174,.24)!important;
border-radius:18px!important;
background:rgba(255,255,255,.94)!important;
box-shadow:0 18px 52px rgba(15,23,42,.075)!important;
padding:20px!important;
backdrop-filter:blur(12px);
overflow:visible!important;
}
body.ypi-next-search-active .ypi-nse-search-row--uae{
display:grid!important;
grid-template-columns:minmax(132px,.86fr) minmax(320px,2.7fr) minmax(132px,.9fr) minmax(104px,.64fr) minmax(104px,.64fr) minmax(122px,.78fr) minmax(122px,.78fr) minmax(116px,.72fr)!important;
gap:12px!important;
align-items:stretch!important;
width:100%!important;
}
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-field,
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-advanced-toggle{min-width:0!important;max-width:none!important;grid-row:auto!important;grid-column:auto!important;flex:none!important;}
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-field--location{grid-column:auto!important;min-width:0!important;margin:0!important;padding:0!important;}
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-field--mode{grid-column:auto!important;min-width:0!important;}
body.ypi-next-search-active .ypi-nse-field--top select,
body.ypi-next-search-active .ypi-nse-field--top input{
height:56px!important;
min-height:56px!important;
width:100%!important;
border:1px solid var(--ypi-line)!important;
border-radius:10px!important;
background:#fff!important;
color:#1d2939!important;
font-size:15px!important;
font-weight:600!important;
line-height:1!important;
box-shadow:0 1px 0 rgba(15,23,42,.02)!important;
transition:border-color .16s ease,box-shadow .16s ease,background .16s ease!important;
}
body.ypi-next-search-active .ypi-nse-field--top select{padding:0 38px 0 14px!important;text-overflow:ellipsis;}
body.ypi-next-search-active .ypi-nse-field--top input{padding:0 44px 0 14px!important;}
body.ypi-next-search-active .ypi-nse-field--top select:focus,
body.ypi-next-search-active .ypi-nse-field--top input:focus{
border-color:rgba(8,115,165,.72)!important;
box-shadow:0 0 0 4px rgba(8,115,165,.12)!important;
outline:0!important;
}
body.ypi-next-search-active .ypi-nse-field--location::before{
content:"";
position:absolute;
left:16px;
top:50%;
width:16px;
height:16px;
transform:translateY(-50%);
opacity:.72;
background:currentColor;
color:#667085;
-webkit-mask:url('data:image/svg+xml;utf8,') center/contain no-repeat;
mask:url('data:image/svg+xml;utf8,') center/contain no-repeat;
z-index:2;
}
body.ypi-next-search-active .ypi-nse-field--location input{padding-left:46px!important;}
body.ypi-next-search-active .ypi-nse-locate-btn{
width:34px!important;height:34px!important;right:10px!important;border-radius:8px!important;
background:#e9fbfd!important;border:1px solid #c6eef4!important;color:var(--ypi-ae)!important;
}
body.ypi-next-search-active .ypi-nse-advanced-toggle{
height:56px!important;min-height:56px!important;width:100%!important;min-width:0!important;max-width:none!important;
border-radius:10px!important;border:1px solid var(--ypi-ae)!important;background:linear-gradient(135deg,var(--ypi-ae),#076a98)!important;
color:#fff!important;font-size:15px!important;font-weight:800!important;gap:8px!important;padding:0 16px!important;box-shadow:0 10px 24px rgba(8,115,165,.24)!important;
}
body.ypi-next-search-active .ypi-nse-advanced-toggle__text{display:inline!important;font-size:15px!important;}
body.ypi-next-search-active .ypi-nse-advanced-toggle__icon{font-size:16px!important;width:18px!important;height:18px!important;}
body.ypi-next-search-active .ypi-sse-active-filters{margin:12px 0 16px!important;}
body.ypi-next-search-active .ypi-sse-head{
display:flex!important;flex-direction:column!important;gap:10px!important;margin:0 0 18px!important;align-items:stretch!important;
}
body.ypi-next-search-active .ypi-sse-head__main{display:none!important;}
body.ypi-next-search-active .ypi-sse-head__secondary{
display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;flex-wrap:wrap!important;
}
body.ypi-next-search-active .ypi-sse-head__filters-left{display:flex!important;align-items:center!important;justify-content:flex-start!important;flex:1 1 460px!important;min-width:0!important;}
body.ypi-next-search-active .ypi-sse-tools{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;flex:0 0 auto!important;margin-left:auto!important;}
body.ypi-next-search-active .ypi-sse-toolbar-filter--furnishing{display:flex!important;align-items:center!important;gap:12px!important;}
body.ypi-next-search-active .ypi-sse-toolbar-filter--furnishing[hidden],
body.ypi-next-search-active .ypi-sse-toolbar-filter--furnishing.is-hidden{display:none!important;}
body.ypi-next-search-active .ypi-sse-toolbar-filter__label{font-size:14px!important;font-weight:800!important;color:#1d2939!important;white-space:nowrap!important;}
body.ypi-next-search-active .ypi-sse-toolbar-filter__select--native{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;}
body.ypi-next-search-active .ypi-sse-furnishing-segments{display:inline-grid!important;grid-template-columns:repeat(3,minmax(118px,1fr));gap:0!important;border:1px solid var(--ypi-line)!important;border-radius:10px!important;background:#fff!important;overflow:hidden!important;box-shadow:0 8px 24px rgba(15,23,42,.035)!important;}
body.ypi-next-search-active .ypi-sse-furnishing-segment{height:44px!important;padding:0 18px!important;border:0!important;border-right:1px solid #edf1f5!important;background:#fff!important;color:#475467!important;font-size:14px!important;font-weight:700!important;cursor:pointer!important;transition:all .16s ease!important;}
body.ypi-next-search-active .ypi-sse-furnishing-segment:last-child{border-right:0!important;}
body.ypi-next-search-active .ypi-sse-furnishing-segment:hover{background:#f5fcfd!important;color:var(--ypi-ae)!important;}
body.ypi-next-search-active .ypi-sse-furnishing-segment.is-active{background:var(--ypi-ae)!important;color:#fff!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)!important;}
body.ypi-next-search-active .ypi-sse-sort-wrap{display:flex!important;align-items:center!important;gap:8px!important;}
body.ypi-next-search-active .ypi-sse-sort-wrap.is-hidden{display:none!important;}
body.ypi-next-search-active .ypi-sse-sort-label{font-size:14px!important;font-weight:800!important;color:#1d2939!important;margin:0!important;}
body.ypi-next-search-active .ypi-sse-sort-select{height:44px!important;min-width:188px!important;border:1px solid var(--ypi-line)!important;border-radius:10px!important;background:#fff!important;color:#1d2939!important;font-size:14px!important;font-weight:700!important;padding:0 36px 0 14px!important;}
body.ypi-next-search-active .ypi-sse-view-btn{
height:44px!important;min-height:44px!important;border-radius:10px!important;border:1px solid var(--ypi-line)!important;background:#fff!important;color:#344054!important;padding:0 16px!important;font-size:14px!important;font-weight:800!important;box-shadow:0 8px 22px rgba(15,23,42,.035)!important;
}
body.ypi-next-search-active .ypi-sse-view-btn.is-active{background:#101828!important;color:#fff!important;border-color:#101828!important;box-shadow:0 12px 26px rgba(16,24,40,.18)!important;}
body.ypi-next-search-active .ypi-sse-results-count{display:inline-flex!important;align-items:center!important;height:44px!important;color:#667085!important;font-size:14px!important;font-weight:800!important;white-space:nowrap!important;padding-left:4px!important;}
body.ypi-next-search-active .ypi-sse-list{gap:18px!important;}
body.ypi-next-search-active .ypi-sse-card{
display:grid!important;grid-template-columns:minmax(260px,408px) minmax(0,1fr)!important;gap:28px!important;
padding:18px!important;border-radius:12px!important;border:1px solid rgba(141,154,174,.22)!important;background:#fff!important;
box-shadow:0 14px 42px rgba(15,23,42,.07)!important;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important;overflow:hidden!important;
}
body.ypi-next-search-active .ypi-sse-card:hover{transform:translateY(-2px)!important;box-shadow:0 18px 54px rgba(15,23,42,.11)!important;border-color:rgba(8,115,165,.22)!important;}
body.ypi-next-search-active .ypi-sse-card__media{height:268px!important;border-radius:10px!important;background:#e8eef6!important;}
body.ypi-next-search-active .ypi-sse-card__media::after{content:"";position:absolute;inset:auto 0 0 0;height:42%;background:linear-gradient(180deg,transparent,rgba(0,0,0,.30));pointer-events:none;}
body.ypi-next-search-active .ypi-sse-card__badge{top:14px!important;left:14px!important;min-height:34px!important;border-radius:8px!important;background:var(--ypi-ae)!important;color:#fff!important;font-size:13px!important;font-weight:900!important;padding:0 13px!important;box-shadow:0 10px 22px rgba(8,115,165,.28)!important;}
body.ypi-next-search-active .ypi-sse-card__content{padding:6px 2px 4px 0!important;gap:16px!important;}
body.ypi-next-search-active .ypi-sse-card__price-row{margin:0 0 8px!important;gap:10px!important;}
body.ypi-next-search-active .ypi-sse-card__price{font-size:30px!important;line-height:1.06!important;font-weight:850!important;letter-spacing:-.035em!important;color:var(--ypi-ae)!important;margin:0!important;}
body.ypi-next-search-active .ypi-sse-card__title{margin:0 0 8px!important;font-size:21px!important;line-height:1.28!important;font-weight:800!important;letter-spacing:-.015em!important;}
body.ypi-next-search-active .ypi-sse-card__title a{color:#101828!important;text-decoration:none!important;font-size:inherit!important;}
body.ypi-next-search-active .ypi-sse-card__title a:hover{color:var(--ypi-ae)!important;opacity:1!important;}
body.ypi-next-search-active .ypi-sse-card__address{font-size:15px!important;line-height:1.55!important;color:#667085!important;margin:0 0 12px!important;max-width:920px!important;}
body.ypi-next-search-active .ypi-sse-card__meta{gap:8px!important;margin-top:2px!important;}
body.ypi-next-search-active .ypi-sse-card__meta span{height:34px!important;min-height:34px!important;border-radius:999px!important;background:#f3f6fa!important;border:1px solid #edf1f5!important;color:#475467!important;font-size:12px!important;font-weight:800!important;padding:0 12px!important;}
body.ypi-next-search-active .ypi-sse-card__agent{margin-top:14px!important;padding:0!important;border:0!important;}
body.ypi-next-search-active .ypi-sse-card__agent-name{font-size:14px!important;font-weight:850!important;color:var(--ypi-ae)!important;text-decoration:none!important;}
body.ypi-next-search-active .ypi-sse-card__agent-name::before{content:"✓";display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;margin-right:7px;border-radius:999px;background:#e8fbfd;color:var(--ypi-ae);font-size:12px;font-weight:900;}
body.ypi-next-search-active .ypi-sse-card__bottom{gap:10px!important;align-items:center!important;}
body.ypi-next-search-active .ypi-sse-card__actions{gap:10px!important;}
body.ypi-next-search-active .ypi-sse-card__action-btn,
body.ypi-next-search-active .ypi-sse-card__button{height:42px!important;min-height:42px!important;border-radius:8px!important;padding:0 16px!important;font-size:13px!important;font-weight:850!important;text-decoration:none!important;box-shadow:none!important;}
body.ypi-next-search-active .ypi-sse-card__action-btn{background:#eefbfd!important;border:1px solid #bfeaf0!important;color:var(--ypi-ae)!important;}
body.ypi-next-search-active .ypi-sse-card__action-btn:hover{background:#dff7fa!important;border-color:#95dce6!important;color:var(--ypi-ae-dark)!important;}
body.ypi-next-search-active .ypi-sse-card__button,
body.ypi-next-search-active .ypi-sse-card__action-btn--view{background:linear-gradient(135deg,var(--ypi-ae),#076a98)!important;border-color:var(--ypi-ae)!important;color:#fff!important;min-width:150px!important;}
body.ypi-next-search-active .ypi-sse-card__button:hover,
body.ypi-next-search-active .ypi-sse-card__action-btn--view:hover{background:#065f89!important;color:#fff!important;}
body.ypi-next-search-active .ypi-sse-score-badge{height:30px!important;min-height:30px!important;border-radius:8px!important;font-size:12px!important;font-weight:900!important;padding:0 10px!important;}
body.ypi-next-search-active .ypi-sse-page-btn{border-radius:8px!important;border-color:var(--ypi-line)!important;font-weight:800!important;}
body.ypi-next-search-active .ypi-sse-page-btn.is-active{background:var(--ypi-ae)!important;border-color:var(--ypi-ae)!important;color:#fff!important;}
/* Map-first layout */
body.ypi-next-search-active.ypi-sse-view-active-map .ypi-sse-container{max-width:none!important;padding:0 26px!important;}
body.ypi-next-search-active.ypi-sse-view-active-map .ypi-nse-search-shell{max-width:1500px!important;margin-left:auto!important;margin-right:auto!important;}
body.ypi-next-search-active.ypi-sse-view-active-map .ypi-sse-head{max-width:1500px!important;margin-left:auto!important;margin-right:auto!important;}
body.ypi-next-search-active.ypi-sse-view-active-map .ypi-sse-head__filters-left{display:none!important;}
body.ypi-next-search-active .ypi-sse-view-map{position:relative!important;}
body.ypi-next-search-active .ypi-sse-map-shell--redesign{position:relative!important;min-height:calc(100vh - 222px)!important;border-radius:14px!important;overflow:hidden!important;background:#dcebf2!important;border:1px solid rgba(141,154,174,.28)!important;box-shadow:0 18px 58px rgba(15,23,42,.10)!important;}
body.ypi-next-search-active .ypi-sse-map--first{display:grid!important;grid-template-columns:340px minmax(0,1fr)!important;gap:0!important;align-items:stretch!important;min-height:calc(100vh - 222px)!important;}
body.ypi-next-search-active .ypi-sse-map-box--fullscreen{grid-column:2!important;grid-row:1!important;min-height:calc(100vh - 222px)!important;height:calc(100vh - 222px)!important;border:0!important;border-radius:0!important;background:#dbe4ee!important;overflow:hidden!important;}
body.ypi-next-search-active #ypi-sse-map.ypi-sse-map-canvas{min-height:100%!important;height:100%!important;border:0!important;border-radius:0!important;}
body.ypi-next-search-active .ypi-sse-map-side--floating{grid-column:1!important;grid-row:1!important;position:relative!important;top:auto!important;z-index:3!important;align-self:stretch!important;min-width:0!important;background:rgba(255,255,255,.96)!important;border-right:1px solid rgba(141,154,174,.26)!important;box-shadow:18px 0 42px rgba(15,23,42,.08)!important;padding:16px!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;}
body.ypi-next-search-active .ypi-sse-map-panel-head{display:flex!important;flex-direction:column!important;gap:4px!important;padding:4px 2px 14px!important;border-bottom:1px solid #edf1f5!important;margin-bottom:12px!important;}
body.ypi-next-search-active .ypi-sse-map-panel-head strong{font-size:17px!important;line-height:1.25!important;color:#101828!important;font-weight:900!important;}
body.ypi-next-search-active .ypi-sse-map-panel-head span{font-size:13px!important;color:#667085!important;font-weight:700!important;}
body.ypi-next-search-active .ypi-sse-map-details{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;min-height:0!important;max-height:none!important;height:auto!important;overflow:auto!important;padding:0!important;display:block!important;}
body.ypi-next-search-active .ypi-sse-map-details__empty{min-height:340px!important;border:1px dashed #cfd8e4!important;border-radius:12px!important;background:#f8fbfd!important;padding:24px!important;}
body.ypi-next-search-active .ypi-sse-map-details__empty strong{font-size:18px!important;color:#101828!important;font-weight:900!important;}
body.ypi-next-search-active .ypi-sse-map-details__empty span{font-size:14px!important;color:#667085!important;line-height:1.55!important;}
body.ypi-next-search-active .ypi-sse-map-details .ypi-sse-card{display:block!important;padding:0 0 14px!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;transform:none!important;}
body.ypi-next-search-active .ypi-sse-map-details .ypi-sse-card__media{height:168px!important;border-radius:10px!important;margin-bottom:12px!important;}
body.ypi-next-search-active .ypi-sse-map-details .ypi-sse-card__price{font-size:21px!important;}
body.ypi-next-search-active .ypi-sse-map-details .ypi-sse-card__title{font-size:15px!important;}
body.ypi-next-search-active .ypi-sse-map-details .ypi-sse-card__address{font-size:12px!important;margin-bottom:8px!important;}
body.ypi-next-search-active .ypi-sse-map-details .ypi-sse-card__meta span{height:26px!important;min-height:26px!important;font-size:11px!important;padding:0 8px!important;}
body.ypi-next-search-active .ypi-sse-map-details .ypi-sse-card__agent{display:none!important;}
body.ypi-next-search-active .ypi-sse-map-details .ypi-sse-card__bottom{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;}
body.ypi-next-search-active .ypi-sse-map-details .ypi-sse-card__actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;}
body.ypi-next-search-active .ypi-sse-map-details .ypi-sse-card__action-btn,
body.ypi-next-search-active .ypi-sse-map-details .ypi-sse-card__button{width:100%!important;height:38px!important;min-height:38px!important;font-size:12px!important;padding:0 10px!important;}
body.ypi-next-search-active .ypi-sse-map-toolbar--floating{position:absolute!important;z-index:5!important;top:16px!important;right:16px!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;padding:0!important;background:transparent!important;border:0!important;pointer-events:none!important;}
body.ypi-next-search-active .ypi-sse-map-toolbar--floating > *{pointer-events:auto!important;}
body.ypi-next-search-active .ypi-sse-map-auto-toggle{display:inline-flex!important;align-items:center!important;gap:9px!important;height:42px!important;padding:0 14px!important;border-radius:10px!important;background:rgba(255,255,255,.94)!important;border:1px solid rgba(141,154,174,.22)!important;box-shadow:0 10px 28px rgba(15,23,42,.10)!important;color:#1d2939!important;font-size:13px!important;font-weight:850!important;backdrop-filter:blur(10px)!important;}
body.ypi-next-search-active .ypi-sse-map-auto-toggle input{width:16px!important;height:16px!important;accent-color:var(--ypi-ae)!important;}
body.ypi-next-search-active .ypi-sse-map-style-group{display:flex!important;gap:6px!important;padding:4px!important;border-radius:10px!important;background:rgba(255,255,255,.94)!important;border:1px solid rgba(141,154,174,.22)!important;box-shadow:0 10px 28px rgba(15,23,42,.10)!important;backdrop-filter:blur(10px)!important;}
body.ypi-next-search-active .ypi-sse-style-btn{height:34px!important;border-radius:8px!important;border:0!important;background:transparent!important;color:#475467!important;font-size:12px!important;font-weight:850!important;padding:0 10px!important;}
body.ypi-next-search-active .ypi-sse-style-btn.is-active{background:var(--ypi-ae)!important;color:#fff!important;}
body.ypi-next-search-active .mapboxgl-ctrl-top-right{top:76px!important;right:16px!important;}
body.ypi-next-search-active .mapboxgl-ctrl-group{border-radius:10px!important;overflow:hidden!important;box-shadow:0 10px 28px rgba(15,23,42,.12)!important;border:1px solid rgba(141,154,174,.22)!important;}
body.ypi-next-search-active .mapboxgl-ctrl-group button{width:36px!important;height:36px!important;}
@media (max-width:1280px){
body.ypi-next-search-active .ypi-nse-search-row--uae{grid-template-columns:minmax(120px,.82fr) minmax(260px,2.1fr) minmax(120px,.82fr) minmax(92px,.6fr) minmax(92px,.6fr) minmax(112px,.72fr) minmax(112px,.72fr) minmax(104px,.68fr)!important;gap:10px!important;}
body.ypi-next-search-active .ypi-sse-card{grid-template-columns:340px minmax(0,1fr)!important;}
}
@media (max-width:1180px){
body.ypi-next-search-active .ypi-nse-search-row--uae{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
body.ypi-next-search-active .ypi-nse-field--location{grid-column:span 2!important;}
body.ypi-next-search-active .ypi-sse-map--first{grid-template-columns:310px minmax(0,1fr)!important;}
}
@media (max-width:991px){
body.ypi-next-search-active .ypi-sse-container{padding:0 14px!important;}
body.ypi-next-search-active .ypi-nse-search-form{padding:14px!important;border-radius:14px!important;}
body.ypi-next-search-active .ypi-nse-search-row--uae{grid-template-columns:1fr 1fr!important;gap:10px!important;}
body.ypi-next-search-active .ypi-nse-field--location{grid-column:1 / -1!important;}
body.ypi-next-search-active .ypi-nse-advanced-toggle{grid-column:1 / -1!important;}
body.ypi-next-search-active .ypi-sse-head__secondary{display:block!important;}
body.ypi-next-search-active .ypi-sse-head__filters-left{margin-bottom:12px!important;}
body.ypi-next-search-active .ypi-sse-tools{display:none!important;}
body.ypi-next-search-active .ypi-sse-toolbar-filter--furnishing{align-items:stretch!important;flex-direction:column!important;gap:8px!important;}
body.ypi-next-search-active .ypi-sse-furnishing-segments{grid-template-columns:repeat(3,minmax(0,1fr))!important;width:100%!important;}
body.ypi-next-search-active .ypi-sse-furnishing-segment{padding:0 8px!important;font-size:13px!important;}
body.ypi-next-search-active .ypi-sse-card{grid-template-columns:1fr!important;gap:14px!important;padding:14px!important;border-radius:12px!important;}
body.ypi-next-search-active .ypi-sse-card__media{height:236px!important;}
body.ypi-next-search-active .ypi-sse-card__price{font-size:25px!important;}
body.ypi-next-search-active .ypi-sse-card__title{font-size:19px!important;}
body.ypi-next-search-active .ypi-sse-card__bottom{display:grid!important;grid-template-columns:1fr!important;}
body.ypi-next-search-active .ypi-sse-card__actions{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important;}
body.ypi-next-search-active .ypi-sse-card__action-btn,
body.ypi-next-search-active .ypi-sse-card__button{width:100%!important;}
body.ypi-next-search-active .ypi-sse-map-shell--redesign{min-height:calc(100vh - 150px)!important;border-radius:12px!important;}
body.ypi-next-search-active .ypi-sse-map--first{display:flex!important;flex-direction:column!important;min-height:calc(100vh - 150px)!important;}
body.ypi-next-search-active .ypi-sse-map-side--floating{order:2!important;height:44vh!important;border-right:0!important;border-top:1px solid rgba(141,154,174,.26)!important;box-shadow:0 -18px 42px rgba(15,23,42,.10)!important;}
body.ypi-next-search-active .ypi-sse-map-box--fullscreen{order:1!important;height:56vh!important;min-height:56vh!important;}
body.ypi-next-search-active .ypi-sse-map-toolbar--floating{top:12px!important;right:12px!important;left:12px!important;justify-content:space-between!important;}
body.ypi-next-search-active .ypi-sse-map-style-group{display:none!important;}
body.ypi-next-search-active .ypi-sse-map-auto-toggle{max-width:100%!important;font-size:12px!important;}
body.ypi-next-search-active .mapboxgl-ctrl-top-right{top:64px!important;right:12px!important;}
}
@media (max-width:575px){
body.ypi-next-search-active .ypi-sse-wrap{padding-top:14px!important;}
body.ypi-next-search-active .ypi-nse-search-row--uae{grid-template-columns:1fr!important;}
body.ypi-next-search-active .ypi-nse-field--top select,
body.ypi-next-search-active .ypi-nse-field--top input,
body.ypi-next-search-active .ypi-nse-advanced-toggle{height:48px!important;min-height:48px!important;border-radius:8px!important;}
body.ypi-next-search-active .ypi-sse-card__media{height:220px!important;}
body.ypi-next-search-active .ypi-sse-card__actions{grid-template-columns:1fr!important;}
body.ypi-next-search-active .ypi-sse-mobile-bar{border-radius:14px!important;}
}
/* v0.9.41 Houzez/bootstrap-select guard for YPI.ae search controls.
Some Houzez assets auto-wrap selects as .bootstrap-select. Keep the visible
control identical to the YPI native fields and avoid oversized bedroom/bath buttons. */
body.ypi-next-search-active .ypi-nse-search-form .ypi-nse-field--top .bootstrap-select{
width:100%!important;
min-width:0!important;
max-width:100%!important;
height:56px!important;
min-height:56px!important;
display:block!important;
margin:0!important;
}
body.ypi-next-search-active .ypi-nse-search-form .ypi-nse-field--top .bootstrap-select > .dropdown-toggle,
body.ypi-next-search-active .ypi-nse-search-form .ypi-nse-field--top .bootstrap-select > button.dropdown-toggle,
body.ypi-next-search-active .ypi-nse-search-form .ypi-nse-field--top .bootstrap-select .btn.dropdown-toggle,
body.ypi-next-search-active .ypi-nse-search-form .ypi-nse-field--top .bootstrap-select .btn-light.dropdown-toggle{
width:100%!important;
min-width:0!important;
max-width:100%!important;
height:56px!important;
min-height:56px!important;
padding:0 38px 0 14px!important;
border:1px solid var(--ypi-line)!important;
border-radius:10px!important;
background:#fff!important;
color:#1d2939!important;
font-size:15px!important;
font-weight:600!important;
line-height:1!important;
box-shadow:0 1px 0 rgba(15,23,42,.02)!important;
outline:0!important;
text-align:left!important;
}
body.ypi-next-search-active .ypi-nse-search-form .ypi-nse-field--top .bootstrap-select > .dropdown-toggle:focus,
body.ypi-next-search-active .ypi-nse-search-form .ypi-nse-field--top .bootstrap-select > button.dropdown-toggle:focus{
border-color:rgba(8,115,165,.72)!important;
box-shadow:0 0 0 4px rgba(8,115,165,.12)!important;
}
body.ypi-next-search-active .ypi-nse-search-form .ypi-nse-field--top .bootstrap-select .filter-option,
body.ypi-next-search-active .ypi-nse-search-form .ypi-nse-field--top .bootstrap-select .filter-option-inner,
body.ypi-next-search-active .ypi-nse-search-form .ypi-nse-field--top .bootstrap-select .filter-option-inner-inner{
height:100%!important;
display:flex!important;
align-items:center!important;
min-width:0!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
white-space:nowrap!important;
color:inherit!important;
font-size:inherit!important;
font-weight:inherit!important;
}
body.ypi-next-search-active .ypi-nse-search-form .ypi-nse-field--top .bootstrap-select .dropdown-menu{
min-width:100%!important;
border:1px solid var(--ypi-line)!important;
border-radius:10px!important;
box-shadow:0 18px 44px rgba(15,23,42,.14)!important;
padding:6px!important;
z-index:9999!important;
}
body.ypi-next-search-active .ypi-nse-search-form .ypi-nse-field--top .bootstrap-select .dropdown-item{
min-height:36px!important;
border-radius:8px!important;
padding:8px 10px!important;
font-size:14px!important;
font-weight:700!important;
color:#1d2939!important;
}
body.ypi-next-search-active .ypi-nse-search-form .ypi-nse-field--top .bootstrap-select .dropdown-item.active,
body.ypi-next-search-active .ypi-nse-search-form .ypi-nse-field--top .bootstrap-select .dropdown-item:active{
background:#e8fbfd!important;
color:var(--ypi-ae)!important;
}
body.ypi-next-search-active .ypi-nse-search-form .ypi-nse-field--top .ypi-nse-native-select{
appearance:auto!important;
-webkit-appearance:auto!important;
}
@media (max-width:575px){
body.ypi-next-search-active .ypi-nse-search-form .ypi-nse-field--top .bootstrap-select,
body.ypi-next-search-active .ypi-nse-search-form .ypi-nse-field--top .bootstrap-select > .dropdown-toggle,
body.ypi-next-search-active .ypi-nse-search-form .ypi-nse-field--top .bootstrap-select > button.dropdown-toggle{
height:48px!important;
min-height:48px!important;
border-radius:8px!important;
}
}
/* v0.9.43 UAE single dropdown property type picker */
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-chip-field--type-grouped-single{
position:relative!important;
flex:0 0 132px!important;
min-width:132px!important;
max-width:132px!important;
width:132px!important;
}
body.ypi-next-search-active .ypi-nse-visually-hidden-select{
position:absolute!important;
left:-9999px!important;
width:1px!important;
height:1px!important;
overflow:hidden!important;
opacity:0!important;
pointer-events:none!important;
}
body.ypi-next-search-active .ypi-nse-type-picker-toggle{
width:100%!important;
height:46px!important;
min-height:46px!important;
max-height:46px!important;
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:10px!important;
border:1px solid #d9e1ea!important;
border-radius:12px!important;
background:#fff!important;
padding:0 14px!important;
color:#1f2937!important;
font-size:15px!important;
font-weight:700!important;
line-height:1.2!important;
box-shadow:none!important;
}
body.ypi-next-search-active .ypi-nse-type-picker-toggle__label{
overflow:hidden!important;
white-space:nowrap!important;
text-overflow:ellipsis!important;
}
body.ypi-next-search-active .ypi-nse-type-picker-toggle__arrow{
color:#475569!important;
font-size:14px!important;
}
body.ypi-next-search-active .ypi-nse-chip-field--type-grouped-single.is-open .ypi-nse-type-picker-toggle,
body.ypi-next-search-active .ypi-nse-type-picker-toggle[aria-expanded="true"]{
border-color:var(--ypi-nse-primary, #0b3c51)!important;
box-shadow:0 0 0 4px rgba(8,115,165,.12)!important;
}
body.ypi-next-search-active .ypi-nse-type-picker-panel{
position:absolute!important;
top:calc(100% + 12px)!important;
left:0!important;
z-index:80!important;
width:455px!important;
max-width:min(455px, calc(100vw - 32px))!important;
border:1px solid #dbe7eb!important;
border-radius:16px!important;
background:#fff!important;
padding:16px!important;
box-shadow:0 18px 46px rgba(15,23,42,.16)!important;
}
body.ypi-next-search-active .ypi-nse-type-picker-tabs{
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:12px!important;
align-items:end!important;
margin-bottom:14px!important;
border-bottom:1px solid #dbe4ea!important;
}
body.ypi-next-search-active .ypi-nse-type-picker-tab{
position:relative!important;
min-height:40px!important;
border:0!important;
border-radius:0!important;
background:transparent!important;
color:#6b7280!important;
font-size:14px!important;
font-weight:700!important;
}
body.ypi-next-search-active .ypi-nse-type-picker-tab.is-active{
color:var(--ypi-nse-primary, #0b3c51)!important;
}
body.ypi-next-search-active .ypi-nse-type-picker-tab.is-active::after{
content:""!important;
position:absolute!important;
left:0!important;
right:0!important;
bottom:-1px!important;
height:2px!important;
border-radius:999px!important;
background:var(--ypi-nse-primary, #0b3c51)!important;
}
body.ypi-next-search-active .ypi-nse-type-picker-group[hidden]{
display:none!important;
}
body.ypi-next-search-active .ypi-nse-type-picker-grid{
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:12px!important;
}
body.ypi-next-search-active .ypi-nse-type-picker-option{
display:flex!important;
align-items:center!important;
gap:12px!important;
min-height:48px!important;
border:1px solid #d8e0e7!important;
border-radius:999px!important;
background:#fff!important;
padding:0 14px!important;
text-align:left!important;
color:#4b5563!important;
font-size:14px!important;
font-weight:600!important;
transition:border-color .18s ease, background-color .18s ease, box-shadow .18s ease, color .18s ease!important;
}
body.ypi-next-search-active .ypi-nse-type-picker-option__dot{
width:16px!important;
height:16px!important;
border:2px solid #cbd5e1!important;
border-radius:50%!important;
background:#fff!important;
flex:0 0 16px!important;
}
body.ypi-next-search-active .ypi-nse-type-picker-option:hover{
border-color:#a9bcc8!important;
background:#fbfdff!important;
}
body.ypi-next-search-active .ypi-nse-type-picker-option.is-active{
border-color:var(--ypi-nse-primary, #0b3c51)!important;
background:#eefafb!important;
color:#0f172a!important;
box-shadow:0 0 0 3px rgba(8,115,165,.08)!important;
}
body.ypi-next-search-active .ypi-nse-type-picker-option.is-active .ypi-nse-type-picker-option__dot{
border-color:var(--ypi-nse-primary, #0b3c51)!important;
box-shadow:inset 0 0 0 4px var(--ypi-nse-primary, #0b3c51)!important;
}
body.ypi-next-search-active .ypi-nse-type-picker-actions{
display:grid!important;
grid-template-columns:1fr 1fr!important;
gap:12px!important;
margin-top:16px!important;
}
body.ypi-next-search-active .ypi-nse-type-picker-reset,
body.ypi-next-search-active .ypi-nse-type-picker-done{
min-height:46px!important;
border-radius:10px!important;
font-size:15px!important;
font-weight:700!important;
}
body.ypi-next-search-active .ypi-nse-type-picker-reset{
border:1px solid #0f7b8a!important;
background:#fff!important;
color:#0f7b8a!important;
}
body.ypi-next-search-active .ypi-nse-type-picker-done{
border:1px solid #0b6a77!important;
background:#0b6a77!important;
color:#fff!important;
}
@media (max-width:1199px){
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-chip-field--type-grouped-single{
order:2!important;
flex:1 1 calc(33.333% - 10px)!important;
min-width:145px!important;
max-width:none!important;
width:auto!important;
}
}
@media (max-width:767px){
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-chip-field--type-grouped-single{
flex:1 1 100%!important;
min-width:0!important;
max-width:none!important;
width:auto!important;
}
body.ypi-next-search-active .ypi-nse-type-picker-panel{
width:100%!important;
max-width:none!important;
left:0!important;
right:0!important;
padding:14px!important;
}
body.ypi-next-search-active .ypi-nse-type-picker-grid{
grid-template-columns:1fr!important;
}
}
/* v0.9.46 - hard cleanup + width/height alignment for the custom Type picker */
body.ypi-next-search-active .ypi-nse-search-form .ypi-nse-chip-field--type-grouped-single > select,
body.ypi-next-search-active .ypi-nse-search-form .ypi-nse-chip-field--type-grouped-single select.ypi-nse-visually-hidden-select,
body.ypi-next-search-active .ypi-nse-search-form .ypi-nse-chip-field--type-grouped-single > .bootstrap-select,
body.ypi-next-search-active .ypi-nse-search-form .ypi-nse-chip-field--type-grouped-single .dropdown.bootstrap-select {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
pointer-events: none !important;
position: absolute !important;
left: -99999px !important;
width: 1px !important;
height: 1px !important;
max-width: 1px !important;
max-height: 1px !important;
overflow: hidden !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
}
body.ypi-next-search-active .ypi-nse-search-form .ypi-nse-chip-field--type-grouped-single > button.ypi-nse-type-picker-toggle {
display: flex !important;
width: 100% !important;
min-width: 0 !important;
max-width: 100% !important;
height: 46px !important;
min-height: 46px !important;
max-height: 46px !important;
align-items: center !important;
justify-content: space-between !important;
gap: 10px !important;
border: 1px solid #d9e1ea !important;
border-radius: 12px !important;
background: #fff !important;
padding: 0 14px !important;
color: #1f2937 !important;
font-size: 15px !important;
font-weight: 700 !important;
line-height: 1.2 !important;
box-shadow: none !important;
appearance: none !important;
-webkit-appearance: none !important;
}
body.ypi-next-search-active .ypi-nse-search-form .ypi-nse-chip-field--type-grouped-single {
flex: 0 0 132px !important;
min-width: 132px !important;
max-width: 132px !important;
width: 132px !important;
}
@media (max-width: 1199px) {
body.ypi-next-search-active .ypi-nse-search-form .ypi-nse-chip-field--type-grouped-single {
flex: 1 1 calc(33.333% - 10px) !important;
min-width: 145px !important;
max-width: none !important;
width: auto !important;
}
}
@media (min-width: 992px){
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-chip-field--type-grouped-single{
grid-column:3 !important;
grid-row:1 !important;
flex:none !important;
width:100% !important;
min-width:0 !important;
max-width:100% !important;
}
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-chip-field--type-grouped-single > .ypi-nse-type-picker-toggle{
width:100% !important;
min-width:0 !important;
max-width:100% !important;
}
}
@media (max-width: 767px) {
body.ypi-next-search-active .ypi-nse-search-form .ypi-nse-chip-field--type-grouped-single {
flex: 1 1 100% !important;
min-width: 0 !important;
max-width: none !important;
}
}
/* v0.9.47 - lighter typography, verified badge, no public result count */
body.ypi-next-search-active .ypi-sse-wrap,
body.ypi-next-search-active .ypi-sse-wrap * {
font-weight: 500 !important;
}
body.ypi-next-search-active .ypi-sse-wrap strong,
body.ypi-next-search-active .ypi-sse-wrap b,
body.ypi-next-search-active .ypi-sse-card__price,
body.ypi-next-search-active .ypi-sse-card__title,
body.ypi-next-search-active .ypi-sse-card__title a,
body.ypi-next-search-active .ypi-sse-card__badge,
body.ypi-next-search-active .ypi-sse-card__verified-badge,
body.ypi-next-search-active .ypi-sse-card__meta span,
body.ypi-next-search-active .ypi-sse-card__agent-name,
body.ypi-next-search-active .ypi-sse-card__action-btn,
body.ypi-next-search-active .ypi-sse-card__button,
body.ypi-next-search-active .ypi-sse-view-btn,
body.ypi-next-search-active .ypi-sse-sort-label,
body.ypi-next-search-active .ypi-sse-sort-select,
body.ypi-next-search-active .ypi-nse-type-picker-toggle,
body.ypi-next-search-active .ypi-nse-type-picker-tab,
body.ypi-next-search-active .ypi-nse-type-picker-option,
body.ypi-next-search-active .ypi-nse-type-picker-reset,
body.ypi-next-search-active .ypi-nse-type-picker-done {
font-weight: 600 !important;
}
body.ypi-next-search-active .ypi-sse-results-count,
body.ypi-next-search-active [data-ypi-sse-result-count] {
display: none !important;
}
body.ypi-next-search-active .ypi-sse-card__verified-badge {
display: inline-flex !important;
align-items: center !important;
gap: 6px !important;
height: 30px !important;
min-height: 30px !important;
padding: 0 10px !important;
border-radius: 999px !important;
border: 1px solid rgba(8,115,165,.20) !important;
background: #eaf8fb !important;
color: var(--ypi-ae, var(--ypi-nse-primary, #0b3c51)) !important;
font-size: 12px !important;
line-height: 1 !important;
white-space: nowrap !important;
}
body.ypi-next-search-active .ypi-sse-card__verified-badge svg {
width: 15px !important;
height: 15px !important;
flex: 0 0 15px !important;
}
body.ypi-next-search-active .ypi-sse-card__agent-name::before {
font-weight: 600 !important;
}
body.ypi-next-search-active .ypi-sse-card__price {
letter-spacing: -0.02em !important;
}
/* v0.9.50 - compact centered UAE search layout, 6px radius and result sidebox (superseded by v0.9.51 overrides below) */
@media (min-width: 1200px){
body.ypi-next-search-active .ypi-sse-container{
width:80vw!important;
max-width:80vw!important;
padding-left:0!important;
padding-right:0!important;
}
}
@media (min-width: 992px) and (max-width:1199px){
body.ypi-next-search-active .ypi-sse-container{
width:calc(100% - 64px)!important;
max-width:calc(100% - 64px)!important;
padding-left:0!important;
padding-right:0!important;
}
}
body.ypi-next-search-active .ypi-nse-search-form,
body.ypi-next-search-active .ypi-nse-search-row--uae,
body.ypi-next-search-active .ypi-nse-field,
body.ypi-next-search-active .ypi-nse-field input,
body.ypi-next-search-active .ypi-nse-field select,
body.ypi-next-search-active .ypi-nse-native-select,
body.ypi-next-search-active .ypi-nse-type-picker-toggle,
body.ypi-next-search-active .ypi-nse-locate-btn,
body.ypi-next-search-active .ypi-nse-advanced-toggle,
body.ypi-next-search-active .ypi-sse-card,
body.ypi-next-search-active .ypi-sse-card__media,
body.ypi-next-search-active .ypi-sse-card__badge,
body.ypi-next-search-active .ypi-sse-card__action-btn,
body.ypi-next-search-active .ypi-sse-card__button,
body.ypi-next-search-active .ypi-sse-toolbar-filter__select,
body.ypi-next-search-active .ypi-sse-view-btn,
body.ypi-next-search-active .ypi-sse-style-btn{
border-radius:6px!important;
}
body.ypi-next-search-active .ypi-sse-card__price,
body.ypi-next-search-active .ypi-sse-card__title,
body.ypi-next-search-active .ypi-sse-card__title a,
body.ypi-next-search-active .ypi-sse-card__agent-name,
body.ypi-next-search-active .ypi-sse-card__meta span,
body.ypi-next-search-active .ypi-sse-card__action-btn,
body.ypi-next-search-active .ypi-sse-card__button,
body.ypi-next-search-active .ypi-sse-card__badge,
body.ypi-next-search-active .ypi-sse-card__verified-badge,
body.ypi-next-search-active .ypi-nse-search-form,
body.ypi-next-search-active .ypi-nse-search-form input,
body.ypi-next-search-active .ypi-nse-search-form select,
body.ypi-next-search-active .ypi-nse-type-picker-toggle,
body.ypi-next-search-active .ypi-sse-toolbar-filter__select{
font-weight:600!important;
}
body.ypi-next-search-active .ypi-nse-chip-field--price input,
body.ypi-next-search-active .ypi-nse-chip-field--min-price input,
body.ypi-next-search-active .ypi-nse-chip-field--max-price input{
min-width:112px!important;
font-size:14px!important;
text-overflow:clip!important;
}
@media (min-width: 992px){
body.ypi-next-search-active .ypi-sse-list > .ypi-sse-card{
grid-template-columns:minmax(300px,32%) minmax(0,1fr) 218px!important;
align-items:stretch!important;
gap:20px!important;
}
body.ypi-next-search-active .ypi-sse-card__content{
min-width:0!important;
}
body.ypi-next-search-active .ypi-sse-card__sidebox{
display:flex!important;
}
}
body.ypi-next-search-active .ypi-sse-card__sidebox{
min-width:0;
align-self:stretch;
flex-direction:column;
justify-content:center;
gap:10px;
padding:16px;
border:1px solid #dbeef2;
border-radius:6px;
background:linear-gradient(180deg,#f8feff,#ffffff);
box-shadow:inset 0 1px 0 rgba(255,255,255,.72);
}
body.ypi-next-search-active .ypi-sse-card__sidebox-icon{
width:34px;
height:34px;
display:inline-flex;
align-items:center;
justify-content:center;
border-radius:6px;
background:#e8fbfd;
color:var(--ypi-nse-primary, #0b3c51);
font-size:16px;
font-weight:600;
}
body.ypi-next-search-active .ypi-sse-card__sidebox-copy{
display:grid;
gap:3px;
}
body.ypi-next-search-active .ypi-sse-card__sidebox-copy strong{
color:#0f172a;
font-size:14px;
line-height:1.25;
font-weight:600;
}
body.ypi-next-search-active .ypi-sse-card__sidebox-copy span,
body.ypi-next-search-active .ypi-sse-card__sidebox-lines span{
color:#64748b;
font-size:12px;
line-height:1.45;
font-weight:500;
}
body.ypi-next-search-active .ypi-sse-card__sidebox-lines{
display:grid;
gap:6px;
padding-top:2px;
}
body.ypi-next-search-active .ypi-sse-card__sidebox-link{
display:inline-flex;
align-items:center;
justify-content:center;
min-height:34px;
margin-top:4px;
padding:0 12px;
border-radius:6px;
border:1px solid rgba(8,115,165,.24);
background:#fff;
color:var(--ypi-nse-primary, #0b3c51);
font-size:12px;
font-weight:600;
text-decoration:none!important;
}
body.ypi-next-search-active .ypi-sse-card__sidebox-link:hover{
background:#e8fbfd;
color:#065f89;
}
body.ypi-next-search-active .ypi-sse-map-details .ypi-sse-card__sidebox,
body.ypi-next-search-active .ypi-sse-map-side .ypi-sse-card__sidebox{
display:none!important;
}
@media (max-width:991px){
body.ypi-next-search-active .ypi-sse-container{
width:auto!important;
max-width:none!important;
padding-left:14px!important;
padding-right:14px!important;
}
body.ypi-next-search-active .ypi-sse-card__sidebox{
display:none!important;
}
}
/* v0.9.51 - 1180px fixed content width, 8px radius, adaptive filters and agency/broker sidebox */
body.ypi-next-search-active .ypi-sse-container{
width:calc(100% - 48px)!important;
max-width:1180px!important;
margin-left:auto!important;
margin-right:auto!important;
padding-left:0!important;
padding-right:0!important;
box-sizing:border-box!important;
}
body.ypi-next-search-active .ypi-nse-search-form,
body.ypi-next-search-active .ypi-sse-head,
body.ypi-next-search-active .ypi-sse-view-list,
body.ypi-next-search-active .ypi-sse-view-map,
body.ypi-next-search-active .ypi-sse-active-filters{
width:100%!important;
max-width:1180px!important;
margin-left:auto!important;
margin-right:auto!important;
box-sizing:border-box!important;
}
body.ypi-next-search-active .ypi-nse-search-form,
body.ypi-next-search-active .ypi-nse-search-row--uae,
body.ypi-next-search-active .ypi-nse-field,
body.ypi-next-search-active .ypi-nse-field input,
body.ypi-next-search-active .ypi-nse-field select,
body.ypi-next-search-active .ypi-nse-native-select,
body.ypi-next-search-active .ypi-nse-type-picker-toggle,
body.ypi-next-search-active .ypi-nse-locate-btn,
body.ypi-next-search-active .ypi-nse-advanced-toggle,
body.ypi-next-search-active .ypi-sse-card,
body.ypi-next-search-active .ypi-sse-card__media,
body.ypi-next-search-active .ypi-sse-card__badge,
body.ypi-next-search-active .ypi-sse-card__meta span,
body.ypi-next-search-active .ypi-sse-card__action-btn,
body.ypi-next-search-active .ypi-sse-card__button,
body.ypi-next-search-active .ypi-sse-card__verified-badge,
body.ypi-next-search-active .ypi-sse-card__sidebox,
body.ypi-next-search-active .ypi-sse-card__agency-avatar,
body.ypi-next-search-active .ypi-sse-card__sidebox-link,
body.ypi-next-search-active .ypi-sse-toolbar-filter__select,
body.ypi-next-search-active .ypi-sse-view-btn,
body.ypi-next-search-active .ypi-sse-style-btn{
border-radius:8px!important;
}
@media (min-width:1100px){
body.ypi-next-search-active .ypi-nse-search-row--uae{
flex-wrap:nowrap!important;
gap:10px!important;
}
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-field--mode{
flex:0 0 120px!important;
min-width:120px!important;
}
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-field--location{
flex:1 1 auto!important;
min-width:300px!important;
max-width:none!important;
}
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-chip-field--type{
flex:0 0 128px!important;
min-width:128px!important;
max-width:128px!important;
}
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-chip-field--beds,
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-chip-field--bath{
flex:0 0 92px!important;
min-width:92px!important;
max-width:92px!important;
}
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-chip-field--price{
flex:0 0 108px!important;
min-width:108px!important;
max-width:108px!important;
}
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-advanced-toggle{
flex:0 0 46px!important;
width:46px!important;
min-width:46px!important;
max-width:46px!important;
}
}
@media (min-width:768px) and (max-width:1099px){
body.ypi-next-search-active .ypi-sse-container{
width:calc(100% - 32px)!important;
max-width:1180px!important;
}
body.ypi-next-search-active .ypi-nse-search-row--uae{
display:flex!important;
flex-wrap:wrap!important;
gap:10px!important;
}
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-field--location{
order:2!important;
flex:1 1 100%!important;
min-width:100%!important;
max-width:100%!important;
}
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-field--mode{
order:1!important;
flex:1 1 125px!important;
min-width:120px!important;
}
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-chip-field--type{
order:1!important;
flex:1 1 150px!important;
min-width:130px!important;
max-width:none!important;
}
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-chip-field--beds,
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-chip-field--bath{
order:1!important;
flex:1 1 105px!important;
min-width:92px!important;
max-width:none!important;
}
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-chip-field--price{
order:1!important;
flex:1 1 118px!important;
min-width:110px!important;
max-width:none!important;
}
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-advanced-toggle{
order:1!important;
flex:0 0 46px!important;
}
}
@media (max-width:767px){
body.ypi-next-search-active .ypi-sse-container{
width:calc(100% - 24px)!important;
max-width:none!important;
padding-left:0!important;
padding-right:0!important;
}
}
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-chip-field--price input,
body.ypi-next-search-active .ypi-nse-chip-field--price input,
body.ypi-next-search-active .ypi-nse-chip-field--min-price input,
body.ypi-next-search-active .ypi-nse-chip-field--max-price input{
width:100%!important;
min-width:0!important;
padding-left:12px!important;
padding-right:10px!important;
font-size:13px!important;
text-overflow:clip!important;
}
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-field--top select,
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-field--top input,
body.ypi-next-search-active .ypi-nse-type-picker-toggle{
height:46px!important;
min-height:46px!important;
max-height:46px!important;
}
@media (min-width:992px){
body.ypi-next-search-active .ypi-sse-list > .ypi-sse-card{
grid-template-columns:minmax(285px,34%) minmax(0,1fr) 190px!important;
gap:18px!important;
}
}
body.ypi-next-search-active .ypi-sse-card__agencybox{
display:flex!important;
justify-content:space-between!important;
padding:14px!important;
border:1px solid #e2eaf0!important;
background:#fbfdff!important;
box-shadow:none!important;
}
body.ypi-next-search-active .ypi-sse-card__agencybox-head{
display:flex!important;
align-items:center!important;
gap:10px!important;
min-width:0!important;
}
body.ypi-next-search-active .ypi-sse-card__agency-avatar{
width:48px!important;
height:48px!important;
flex:0 0 48px!important;
overflow:hidden!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
background:#e8fbfd!important;
border:1px solid rgba(8,115,165,.22)!important;
color:var(--ypi-nse-primary, #0b3c51)!important;
font-size:14px!important;
font-weight:600!important;
}
body.ypi-next-search-active .ypi-sse-card__agency-avatar img{
display:block!important;
width:100%!important;
height:100%!important;
object-fit:cover!important;
}
body.ypi-next-search-active .ypi-sse-card__agency-copy{
display:grid!important;
gap:2px!important;
min-width:0!important;
}
body.ypi-next-search-active .ypi-sse-card__agency-copy span{
color:#64748b!important;
font-size:11px!important;
line-height:1.2!important;
font-weight:500!important;
}
body.ypi-next-search-active .ypi-sse-card__agency-copy strong{
color:#0f172a!important;
font-size:13px!important;
line-height:1.25!important;
font-weight:600!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
display:-webkit-box!important;
-webkit-line-clamp:2!important;
-webkit-box-orient:vertical!important;
}
body.ypi-next-search-active .ypi-sse-card__agency-copy em{
color:var(--ypi-nse-primary, #0b3c51)!important;
font-style:normal!important;
font-size:11px!important;
line-height:1.2!important;
font-weight:600!important;
}
body.ypi-next-search-active .ypi-sse-card__agency-note{
min-height:28px!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
padding:0 8px!important;
border-radius:999px!important;
background:#e8fbfd!important;
color:#065f89!important;
font-size:11px!important;
font-weight:600!important;
}
body.ypi-next-search-active .ypi-sse-card__agency-link{
width:100%!important;
min-height:34px!important;
margin-top:0!important;
}
@media (max-width:991px){
body.ypi-next-search-active .ypi-sse-card__sidebox{
display:none!important;
}
}
/* v0.9.53 - full YPI.ae modern proptech rebuild layer + contact/type sizing fixes */
body.ypi-next-search-active{
--ypi-ae:var(--ypi-nse-primary, #0b3c51);
--ypi-ae-dark:#065f89;
--ypi-navy:#101828;
--ypi-muted:#667085;
--ypi-line:#dbe5ee;
--ypi-soft:#f6fbfc;
background:linear-gradient(180deg,#f4fbfd 0,#f7fafc 210px,#f6f8fb 100%)!important;
}
body.ypi-next-search-active .ypi-sse-wrap{
padding:28px 0 42px!important;
background:
radial-gradient(circle at 18% 8%, rgba(8,115,165,.10), transparent 30%),
radial-gradient(circle at 92% 12%, rgba(16,24,40,.05), transparent 28%)!important;
}
body.ypi-next-search-active .ypi-sse-container{
width:calc(100% - 40px)!important;
max-width:1180px!important;
}
body.ypi-next-search-active .ypi-nse-search-shell{
margin:0 0 14px!important;
}
body.ypi-next-search-active .ypi-nse-search-form{
position:relative!important;
overflow:visible!important;
padding:16px!important;
border:1px solid rgba(148,163,184,.34)!important;
border-radius:14px!important;
background:rgba(255,255,255,.92)!important;
box-shadow:0 18px 50px rgba(15,23,42,.08), inset 0 1px 0 rgba(255,255,255,.88)!important;
backdrop-filter:saturate(150%) blur(10px)!important;
}
body.ypi-next-search-active .ypi-nse-search-row--uae{
display:grid!important;
grid-template-columns:176px minmax(300px,1fr) 90px 88px 88px 106px 106px 112px!important;
gap:10px!important;
align-items:stretch!important;
}
body.ypi-next-search-active .ypi-nse-field--mode{
min-width:0!important;
max-width:none!important;
}
body.ypi-next-search-active .ypi-nse-field--mode > select,
body.ypi-next-search-active .ypi-nse-field--mode > .bootstrap-select{
position:absolute!important;
left:-9999px!important;
width:1px!important;
height:1px!important;
opacity:0!important;
pointer-events:none!important;
}
body.ypi-next-search-active .ypi-nse-mode-segment{
display:grid!important;
grid-template-columns:repeat(4,minmax(0,1fr))!important;
width:100%!important;
min-height:58px!important;
padding:4px!important;
gap:4px!important;
border:1px solid var(--ypi-line)!important;
border-radius:10px!important;
background:#f8fafc!important;
}
body.ypi-next-search-active .ypi-nse-mode-segment__btn{
display:flex!important;
flex-direction:column!important;
align-items:center!important;
justify-content:center!important;
gap:2px!important;
min-width:0!important;
min-height:44px!important;
padding:4px 4px!important;
border:0!important;
border-radius:8px!important;
background:transparent!important;
color:#344054!important;
font-size:11px!important;
line-height:1.05!important;
font-weight:600!important;
cursor:pointer!important;
}
body.ypi-next-search-active .ypi-nse-mode-segment__btn span{
font-size:13px!important;
line-height:1!important;
color:currentColor!important;
}
body.ypi-next-search-active .ypi-nse-mode-segment__btn em{
max-width:100%!important;
overflow:hidden!important;
white-space:nowrap!important;
text-overflow:ellipsis!important;
font-style:normal!important;
font-weight:600!important;
}
body.ypi-next-search-active .ypi-nse-mode-segment__btn.is-active{
background:linear-gradient(180deg,var(--ypi-ae),#087aa8)!important;
color:#fff!important;
box-shadow:0 10px 22px rgba(8,115,165,.24)!important;
}
body.ypi-next-search-active .ypi-nse-field--location{
position:relative!important;
}
body.ypi-next-search-active .ypi-nse-field--location::before{
content:""!important;
position:absolute!important;
left:16px!important;
top:50%!important;
width:16px!important;
height:16px!important;
transform:translateY(-50%)!important;
background:currentColor!important;
color:#8a98a8!important;
-webkit-mask:url('data:image/svg+xml;utf8,') center/contain no-repeat!important;
mask:url('data:image/svg+xml;utf8,') center/contain no-repeat!important;
z-index:2!important;
}
body.ypi-next-search-active .ypi-nse-field--location input{
padding-left:42px!important;
padding-right:48px!important;
}
body.ypi-next-search-active .ypi-nse-field--top input,
body.ypi-next-search-active .ypi-nse-field--top select,
body.ypi-next-search-active .ypi-nse-type-picker-toggle,
body.ypi-next-search-active .ypi-nse-advanced-toggle,
body.ypi-next-search-active .ypi-nse-search-form .bootstrap-select > .dropdown-toggle{
height:54px!important;
min-height:54px!important;
max-height:54px!important;
border-radius:10px!important;
border:1px solid var(--ypi-line)!important;
background:#fff!important;
color:#1f2937!important;
font-size:14px!important;
font-weight:600!important;
box-shadow:none!important;
}
body.ypi-next-search-active .ypi-nse-type-picker-toggle{
padding:0 12px!important;
}
body.ypi-next-search-active .ypi-nse-chip-field--price input{
font-size:13px!important;
padding-left:12px!important;
padding-right:8px!important;
}
body.ypi-next-search-active .ypi-nse-locate-btn{
right:9px!important;
width:34px!important;
height:34px!important;
border-radius:8px!important;
background:#e8fbfd!important;
border:1px solid #bfeaf0!important;
color:var(--ypi-ae)!important;
}
body.ypi-next-search-active .ypi-nse-advanced-toggle{
gap:8px!important;
justify-content:center!important;
padding:0 12px!important;
color:#fff!important;
border-color:#0f172a!important;
background:#0f172a!important;
box-shadow:0 14px 28px rgba(15,23,42,.18)!important;
}
body.ypi-next-search-active .ypi-nse-advanced-toggle__icon{
font-size:0!important;
}
body.ypi-next-search-active .ypi-nse-advanced-toggle__icon::before{
content:"☰"!important;
font-size:15px!important;
}
body.ypi-next-search-active .ypi-nse-advanced-toggle__text{
display:inline!important;
font-size:13px!important;
font-weight:600!important;
}
body.ypi-next-search-active .ypi-sse-active-filters{
display:flex!important;
flex-wrap:wrap!important;
gap:8px!important;
min-height:0!important;
margin:10px auto 14px!important;
}
body.ypi-next-search-active .ypi-sse-active-filters:empty{
display:none!important;
}
body.ypi-next-search-active .ypi-sse-active-filters .ypi-sse-filter-chip,
body.ypi-next-search-active .ypi-sse-active-filters button,
body.ypi-next-search-active .ypi-sse-active-filters span{
min-height:32px!important;
border-radius:8px!important;
background:#f1f5f9!important;
border:1px solid #e2e8f0!important;
color:#334155!important;
font-size:12px!important;
font-weight:600!important;
}
body.ypi-next-search-active .ypi-sse-head{
margin:12px auto 12px!important;
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
flex-direction:row!important;
gap:14px!important;
}
body.ypi-next-search-active .ypi-sse-head__main{
display:block!important;
flex:1 1 auto!important;
}
body.ypi-next-search-active .ypi-sse-status{
color:#0f172a!important;
font-size:14px!important;
font-weight:600!important;
}
body.ypi-next-search-active .ypi-sse-head__secondary{
margin-left:auto!important;
display:flex!important;
align-items:center!important;
justify-content:flex-end!important;
gap:14px!important;
}
body.ypi-next-search-active .ypi-sse-tools{
display:flex!important;
align-items:center!important;
gap:10px!important;
}
body.ypi-next-search-active .ypi-sse-sort-wrap{
gap:8px!important;
}
body.ypi-next-search-active .ypi-sse-sort-label{
color:#334155!important;
font-size:12px!important;
font-weight:600!important;
}
body.ypi-next-search-active .ypi-sse-sort-select,
body.ypi-next-search-active .ypi-sse-view-btn{
height:42px!important;
min-height:42px!important;
border-radius:8px!important;
border:1px solid var(--ypi-line)!important;
background:#fff!important;
color:#1f2937!important;
font-size:13px!important;
font-weight:600!important;
}
body.ypi-next-search-active .ypi-sse-view-btn.is-active{
background:var(--ypi-ae)!important;
border-color:var(--ypi-ae)!important;
color:#fff!important;
box-shadow:0 12px 24px rgba(8,115,165,.20)!important;
}
body.ypi-next-search-active .ypi-sse-list{
display:grid!important;
gap:16px!important;
}
body.ypi-next-search-active .ypi-sse-list > .ypi-sse-card{
display:grid!important;
grid-template-columns:370px minmax(0,1fr) 218px!important;
gap:24px!important;
align-items:stretch!important;
padding:14px!important;
border:1px solid rgba(148,163,184,.28)!important;
border-radius:12px!important;
background:#fff!important;
box-shadow:0 12px 38px rgba(15,23,42,.055)!important;
transform:none!important;
}
body.ypi-next-search-active .ypi-sse-list > .ypi-sse-card:hover{
border-color:rgba(8,115,165,.26)!important;
box-shadow:0 18px 52px rgba(15,23,42,.09)!important;
transform:translateY(-1px)!important;
}
body.ypi-next-search-active .ypi-sse-card__media{
height:230px!important;
border-radius:10px!important;
overflow:hidden!important;
}
body.ypi-next-search-active .ypi-sse-card__media img{
transition:transform .35s ease!important;
}
body.ypi-next-search-active .ypi-sse-card:hover .ypi-sse-card__media img{
transform:scale(1.025)!important;
}
body.ypi-next-search-active .ypi-sse-card__badge{
top:12px!important;
left:12px!important;
min-height:30px!important;
padding:0 12px!important;
border-radius:8px!important;
background:var(--ypi-ae)!important;
color:#fff!important;
font-size:12px!important;
font-weight:600!important;
box-shadow:0 10px 22px rgba(8,115,165,.26)!important;
}
body.ypi-next-search-active .ypi-sse-card__content{
display:flex!important;
flex-direction:column!important;
justify-content:space-between!important;
min-width:0!important;
padding:4px 0!important;
gap:12px!important;
}
body.ypi-next-search-active .ypi-sse-card__top{
min-width:0!important;
}
body.ypi-next-search-active .ypi-sse-card__price-row{
display:flex!important;
align-items:center!important;
flex-wrap:wrap!important;
gap:10px!important;
margin:0 0 8px!important;
}
body.ypi-next-search-active .ypi-sse-card__price{
color:var(--ypi-ae)!important;
font-size:28px!important;
line-height:1.05!important;
letter-spacing:-.025em!important;
font-weight:600!important;
}
body.ypi-next-search-active .ypi-sse-card__verified-badge{
height:28px!important;
min-height:28px!important;
padding:0 10px!important;
border-radius:8px!important;
background:#effbfc!important;
border:1px solid #bfeaf0!important;
color:var(--ypi-ae)!important;
font-size:12px!important;
font-weight:600!important;
}
body.ypi-next-search-active .ypi-sse-score-badge{
display:none!important;
}
body.ypi-next-search-active .ypi-sse-card__title{
margin:0 0 8px!important;
font-size:20px!important;
line-height:1.25!important;
font-weight:600!important;
letter-spacing:-.01em!important;
}
body.ypi-next-search-active .ypi-sse-card__title a{
color:#101828!important;
text-decoration:none!important;
font-weight:600!important;
}
body.ypi-next-search-active .ypi-sse-card__address{
position:relative!important;
padding-left:18px!important;
margin:0 0 12px!important;
color:#667085!important;
font-size:14px!important;
line-height:1.45!important;
max-width:100%!important;
}
body.ypi-next-search-active .ypi-sse-card__address::before{
content:"⌖"!important;
position:absolute!important;
left:0!important;
top:0!important;
color:var(--ypi-ae)!important;
font-size:12px!important;
}
body.ypi-next-search-active .ypi-sse-card__meta{
display:flex!important;
flex-wrap:wrap!important;
gap:8px!important;
}
body.ypi-next-search-active .ypi-sse-card__meta span{
height:30px!important;
min-height:30px!important;
padding:0 10px!important;
border-radius:999px!important;
background:#f3f6fa!important;
border:1px solid #edf1f5!important;
color:#475467!important;
font-size:12px!important;
font-weight:600!important;
}
body.ypi-next-search-active .ypi-sse-card__agent{
margin-top:12px!important;
padding:0!important;
border:0!important;
}
body.ypi-next-search-active .ypi-sse-card__agent-name{
display:inline-flex!important;
align-items:center!important;
color:var(--ypi-ae)!important;
font-size:13px!important;
font-weight:600!important;
text-decoration:none!important;
}
body.ypi-next-search-active .ypi-sse-card__agent-name::before{
width:16px!important;
height:16px!important;
margin-right:7px!important;
background:#e8fbfd!important;
color:var(--ypi-ae)!important;
font-size:11px!important;
font-weight:600!important;
}
body.ypi-next-search-active .ypi-sse-card__bottom{
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:10px!important;
margin-top:10px!important;
}
body.ypi-next-search-active .ypi-sse-card__actions{
display:flex!important;
flex-wrap:wrap!important;
gap:8px!important;
}
body.ypi-next-search-active .ypi-sse-card__action-btn,
body.ypi-next-search-active .ypi-sse-card__button{
height:40px!important;
min-height:40px!important;
border-radius:8px!important;
padding:0 14px!important;
font-size:13px!important;
font-weight:600!important;
text-decoration:none!important;
}
body.ypi-next-search-active .ypi-sse-card__action-btn{
border:1px solid #bfeaf0!important;
background:#f2fcfd!important;
color:var(--ypi-ae)!important;
}
body.ypi-next-search-active .ypi-sse-card__button,
body.ypi-next-search-active .ypi-sse-card__action-btn--view{
min-width:148px!important;
background:linear-gradient(135deg,var(--ypi-ae),#076a98)!important;
border-color:var(--ypi-ae)!important;
color:#fff!important;
box-shadow:0 10px 22px rgba(8,115,165,.18)!important;
}
body.ypi-next-search-active .ypi-sse-card__agencybox{
display:flex!important;
flex-direction:column!important;
justify-content:center!important;
gap:14px!important;
padding:18px!important;
border:0!important;
border-left:1px solid #eef2f6!important;
border-radius:0!important;
background:linear-gradient(180deg,#fbfeff,#fff)!important;
box-shadow:none!important;
}
body.ypi-next-search-active .ypi-sse-card__agencybox-head{
display:grid!important;
justify-items:center!important;
text-align:center!important;
gap:10px!important;
}
body.ypi-next-search-active .ypi-sse-card__agency-avatar{
width:62px!important;
height:62px!important;
flex:0 0 62px!important;
border-radius:999px!important;
background:#fff!important;
border:1px solid #dbe5ee!important;
color:#101828!important;
box-shadow:0 8px 20px rgba(15,23,42,.07)!important;
font-size:18px!important;
letter-spacing:-.04em!important;
}
body.ypi-next-search-active .ypi-sse-card__agency-copy{
justify-items:center!important;
text-align:center!important;
gap:4px!important;
}
body.ypi-next-search-active .ypi-sse-card__agency-copy span{
display:none!important;
}
body.ypi-next-search-active .ypi-sse-card__agency-copy strong{
display:flex!important;
align-items:center!important;
justify-content:center!important;
gap:6px!important;
color:#101828!important;
font-size:14px!important;
line-height:1.25!important;
font-weight:600!important;
-webkit-line-clamp:2!important;
}
body.ypi-next-search-active .ypi-sse-card__agency-copy strong i{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
width:16px!important;
height:16px!important;
flex:0 0 16px!important;
border-radius:999px!important;
background:var(--ypi-ae)!important;
color:#fff!important;
font-size:10px!important;
font-style:normal!important;
}
body.ypi-next-search-active .ypi-sse-card__agency-copy em{
color:#667085!important;
font-size:12px!important;
font-weight:500!important;
}
body.ypi-next-search-active .ypi-sse-card__agency-trust{
display:grid!important;
justify-items:center!important;
gap:4px!important;
padding:9px 10px!important;
border-radius:10px!important;
background:#f8fafc!important;
border:1px solid #eef2f6!important;
text-align:center!important;
}
body.ypi-next-search-active .ypi-sse-card__agency-trust span{
color:var(--ypi-ae)!important;
font-size:12px!important;
font-weight:600!important;
}
body.ypi-next-search-active .ypi-sse-card__agency-trust small{
color:#667085!important;
font-size:11px!important;
line-height:1.3!important;
}
body.ypi-next-search-active .ypi-sse-card__agency-link{
width:100%!important;
min-height:38px!important;
border-radius:8px!important;
color:var(--ypi-ae)!important;
border:1px solid rgba(8,115,165,.32)!important;
background:#fff!important;
font-size:12px!important;
font-weight:600!important;
}
body.ypi-next-search-active .ypi-nse-type-picker-panel{
border-radius:14px!important;
border-color:#dbe5ee!important;
box-shadow:0 22px 55px rgba(15,23,42,.16)!important;
}
body.ypi-next-search-active .ypi-nse-type-picker-option{
border-radius:999px!important;
}
@media (max-width:1199px){
body.ypi-next-search-active .ypi-nse-search-row--uae{
grid-template-columns:176px minmax(260px,1fr) 90px 88px 88px 106px 106px!important;
}
body.ypi-next-search-active .ypi-nse-advanced-toggle{
grid-column:1 / -1!important;
}
body.ypi-next-search-active .ypi-sse-list > .ypi-sse-card{
grid-template-columns:330px minmax(0,1fr)!important;
}
body.ypi-next-search-active .ypi-sse-card__agencybox{
display:none!important;
}
}
@media (max-width:991px){
body.ypi-next-search-active .ypi-sse-container{
width:calc(100% - 28px)!important;
}
body.ypi-next-search-active .ypi-nse-search-row--uae{
grid-template-columns:1fr 1fr!important;
}
body.ypi-next-search-active .ypi-nse-field--mode,
body.ypi-next-search-active .ypi-nse-field--location{
grid-column:1 / -1!important;
}
body.ypi-next-search-active .ypi-sse-head{
align-items:stretch!important;
flex-direction:column!important;
}
body.ypi-next-search-active .ypi-sse-head__secondary,
body.ypi-next-search-active .ypi-sse-tools{
width:100%!important;
justify-content:space-between!important;
}
body.ypi-next-search-active .ypi-sse-list > .ypi-sse-card{
grid-template-columns:1fr!important;
padding:12px!important;
}
body.ypi-next-search-active .ypi-sse-card__media{
height:236px!important;
}
}
@media (max-width:575px){
body.ypi-next-search-active .ypi-sse-wrap{
padding-top:14px!important;
}
body.ypi-next-search-active .ypi-nse-search-form{
padding:12px!important;
}
body.ypi-next-search-active .ypi-nse-search-row--uae{
grid-template-columns:1fr!important;
}
body.ypi-next-search-active .ypi-nse-mode-segment{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
body.ypi-next-search-active .ypi-sse-card__media{
height:220px!important;
}
body.ypi-next-search-active .ypi-sse-card__price{
font-size:24px!important;
}
body.ypi-next-search-active .ypi-sse-card__bottom,
body.ypi-next-search-active .ypi-sse-card__actions{
display:grid!important;
grid-template-columns:1fr!important;
width:100%!important;
}
body.ypi-next-search-active .ypi-sse-card__action-btn,
body.ypi-next-search-active .ypi-sse-card__button{
width:100%!important;
}
}
/* v0.9.53 - final top search alignment and contact action visibility */
@media (min-width:1200px){
body.ypi-next-search-active .ypi-nse-search-row--uae{
grid-template-columns:176px minmax(300px,1fr) 90px 88px 88px 106px 106px 112px!important;
gap:10px!important;
}
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-chip-field--type,
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-chip-field--type-grouped-single{
width:90px!important;
min-width:90px!important;
max-width:90px!important;
}
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-advanced-toggle{
width:112px!important;
min-width:112px!important;
max-width:112px!important;
justify-self:end!important;
}
}
body.ypi-next-search-active .ypi-nse-mode-segment{
min-height:58px!important;
}
body.ypi-next-search-active .ypi-nse-mode-segment__btn{
min-height:48px!important;
}
body.ypi-next-search-active .ypi-nse-field--top input,
body.ypi-next-search-active .ypi-nse-field--top select,
body.ypi-next-search-active .ypi-nse-type-picker-toggle,
body.ypi-next-search-active .ypi-nse-advanced-toggle,
body.ypi-next-search-active .ypi-nse-search-form .bootstrap-select > .dropdown-toggle{
height:58px!important;
min-height:58px!important;
max-height:58px!important;
}
body.ypi-next-search-active .ypi-nse-type-picker-toggle{
padding-left:10px!important;
padding-right:8px!important;
}
body.ypi-next-search-active .ypi-nse-type-picker-toggle__label{
max-width:58px!important;
overflow:hidden!important;
white-space:nowrap!important;
text-overflow:ellipsis!important;
}
body.ypi-next-search-active .ypi-sse-card__actions{
display:flex!important;
visibility:visible!important;
opacity:1!important;
}
body.ypi-next-search-active .ypi-sse-card__action-btn--phone,
body.ypi-next-search-active .ypi-sse-card__action-btn--email,
body.ypi-next-search-active .ypi-sse-card__action-btn--wa{
display:inline-flex!important;
align-items:center!important;
gap:7px!important;
}
body.ypi-next-search-active .ypi-sse-card__action-btn--phone svg,
body.ypi-next-search-active .ypi-sse-card__action-btn--email svg,
body.ypi-next-search-active .ypi-sse-card__action-btn--wa svg{
width:15px!important;
height:15px!important;
}
@media (min-width:992px) and (max-width:1199px){
body.ypi-next-search-active .ypi-nse-search-row--uae{
grid-template-columns:1.05fr 1.95fr .72fr .72fr .72fr .88fr .88fr!important;
}
body.ypi-next-search-active .ypi-nse-advanced-toggle{
grid-column:1 / -1!important;
justify-self:end!important;
width:112px!important;
}
}
/* v0.9.54 - align result actions, narrower Type control, and equal top-control height */
@media (min-width:1200px){
body.ypi-next-search-active .ypi-nse-search-row--uae{
grid-template-columns:176px minmax(320px,1fr) 68px 88px 88px 106px 106px 112px!important;
gap:10px!important;
}
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-chip-field--type,
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-chip-field--type-grouped-single{
width:68px!important;
min-width:68px!important;
max-width:68px!important;
}
body.ypi-next-search-active .ypi-nse-type-picker-toggle{
padding-left:9px!important;
padding-right:7px!important;
}
body.ypi-next-search-active .ypi-nse-type-picker-toggle__label{
max-width:38px!important;
}
}
@media (min-width:992px) and (max-width:1199px){
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-chip-field--type,
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-chip-field--type-grouped-single{
min-width:92px!important;
}
}
body.ypi-next-search-active .ypi-nse-mode-segment,
body.ypi-next-search-active .ypi-nse-field--top input,
body.ypi-next-search-active .ypi-nse-field--top select,
body.ypi-next-search-active .ypi-nse-type-picker-toggle,
body.ypi-next-search-active .ypi-nse-advanced-toggle,
body.ypi-next-search-active .ypi-nse-search-form .bootstrap-select > .dropdown-toggle{
height:62px!important;
min-height:62px!important;
max-height:62px!important;
box-sizing:border-box!important;
}
body.ypi-next-search-active .ypi-nse-mode-segment__btn{
min-height:52px!important;
}
body.ypi-next-search-active .ypi-nse-locate-btn{
top:50%!important;
transform:translateY(-50%)!important;
}
@media (min-width:992px){
body.ypi-next-search-active .ypi-sse-card__content{
justify-content:flex-start!important;
gap:10px!important;
padding-top:2px!important;
}
body.ypi-next-search-active .ypi-sse-card__price-row{
margin-bottom:6px!important;
}
body.ypi-next-search-active .ypi-sse-card__title{
margin-bottom:6px!important;
}
body.ypi-next-search-active .ypi-sse-card__address{
margin-bottom:10px!important;
}
body.ypi-next-search-active .ypi-sse-card__agent{
margin-top:8px!important;
}
body.ypi-next-search-active .ypi-sse-card__bottom{
align-items:flex-start!important;
justify-content:flex-start!important;
margin-top:8px!important;
transform:translateY(-4px)!important;
}
body.ypi-next-search-active .ypi-sse-card__actions{
display:flex!important;
flex-wrap:nowrap!important;
align-items:center!important;
justify-content:flex-start!important;
gap:7px!important;
width:100%!important;
overflow:visible!important;
}
body.ypi-next-search-active .ypi-sse-card__action-btn,
body.ypi-next-search-active .ypi-sse-card__button{
height:38px!important;
min-height:38px!important;
padding-left:11px!important;
padding-right:11px!important;
white-space:nowrap!important;
}
body.ypi-next-search-active .ypi-sse-card__action-btn--view,
body.ypi-next-search-active .ypi-sse-card__button{
min-width:132px!important;
}
body.ypi-next-search-active .ypi-sse-card__action-btn--phone,
body.ypi-next-search-active .ypi-sse-card__action-btn--email,
body.ypi-next-search-active .ypi-sse-card__action-btn--wa,
body.ypi-next-search-active .ypi-sse-card__action-btn--view{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
visibility:visible!important;
opacity:1!important;
}
}
@media (max-width:575px){
body.ypi-next-search-active .ypi-sse-card__bottom{
transform:none!important;
}
}
/* v0.9.56 - default accent color var(--ypi-nse-primary, #0b3c51) plus action/status alignment */
body.ypi-next-search-active .ypi-nse-search-row--uae > .ypi-nse-field,
body.ypi-next-search-active .ypi-nse-search-row--uae > .ypi-nse-chip-field,
body.ypi-next-search-active .ypi-nse-search-row--uae > [data-ypi-mode-field]{
height:54px!important;
min-height:54px!important;
max-height:54px!important;
align-self:stretch!important;
box-sizing:border-box!important;
}
body.ypi-next-search-active .ypi-nse-mode-segment,
body.ypi-next-search-active .ypi-nse-field--top input,
body.ypi-next-search-active .ypi-nse-field--top select,
body.ypi-next-search-active .ypi-nse-type-picker-toggle,
body.ypi-next-search-active .ypi-nse-advanced-toggle,
body.ypi-next-search-active .ypi-nse-search-form .bootstrap-select > .dropdown-toggle{
height:54px!important;
min-height:54px!important;
max-height:54px!important;
box-sizing:border-box!important;
}
body.ypi-next-search-active .ypi-nse-mode-segment{
padding:3px!important;
align-items:center!important;
}
body.ypi-next-search-active .ypi-nse-mode-segment__btn{
height:48px!important;
min-height:48px!important;
max-height:48px!important;
padding:0 5px!important;
box-sizing:border-box!important;
}
body.ypi-next-search-active .ypi-nse-mode-segment__btn svg{
width:13px!important;
height:13px!important;
}
body.ypi-next-search-active .ypi-nse-mode-segment__btn span{
font-size:12px!important;
line-height:1.05!important;
}
body.ypi-next-search-active .ypi-nse-locate-btn{
width:34px!important;
height:34px!important;
min-height:34px!important;
max-height:34px!important;
}
@media (min-width:1200px){
body.ypi-next-search-active .ypi-nse-search-row--uae{
grid-template-columns:176px minmax(320px,1fr) 62px 88px 88px 106px 106px 112px!important;
gap:10px!important;
}
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-chip-field--type,
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-chip-field--type-grouped-single{
width:62px!important;
min-width:62px!important;
max-width:62px!important;
}
body.ypi-next-search-active .ypi-nse-type-picker-toggle{
padding-left:8px!important;
padding-right:6px!important;
}
body.ypi-next-search-active .ypi-nse-type-picker-toggle__label{
max-width:32px!important;
}
}
@media (min-width:992px){
body.ypi-next-search-active .ypi-sse-card__bottom{
display:flex!important;
flex-direction:row!important;
flex-wrap:nowrap!important;
align-items:center!important;
justify-content:flex-start!important;
gap:7px!important;
margin-top:0px!important;
transform:none!important;
width:100%!important;
overflow:visible!important;
}
body.ypi-next-search-active .ypi-sse-card__actions{
display:flex!important;
flex-direction:row!important;
flex-wrap:nowrap!important;
align-items:center!important;
justify-content:flex-start!important;
gap:7px!important;
width:auto!important;
flex:0 0 auto!important;
min-width:0!important;
}
body.ypi-next-search-active .ypi-sse-card__action-btn,
body.ypi-next-search-active .ypi-sse-card__button{
height:38px!important;
min-height:38px!important;
max-height:38px!important;
padding-left:10px!important;
padding-right:10px!important;
white-space:nowrap!important;
flex:0 0 auto!important;
}
body.ypi-next-search-active .ypi-sse-card__action-btn--view,
body.ypi-next-search-active .ypi-sse-card__button{
min-width:126px!important;
}
body.ypi-next-search-active .ypi-sse-card__action-btn span{
white-space:nowrap!important;
}
}
@media (min-width:992px) and (max-width:1199px){
body.ypi-next-search-active .ypi-sse-card__action-btn,
body.ypi-next-search-active .ypi-sse-card__button{
padding-left:8px!important;
padding-right:8px!important;
font-size:13px!important;
}
body.ypi-next-search-active .ypi-sse-card__action-btn--view,
body.ypi-next-search-active .ypi-sse-card__button{
min-width:112px!important;
}
}
/* v0.9.57 - wider search surface, furnishing toolbar alignment, equal mode height */
body.ypi-next-search-active .ypi-sse-container{
width:calc(100% - 32px)!important;
max-width:1280px!important;
padding-left:16px!important;
padding-right:16px!important;
}
body.ypi-next-search-active .ypi-nse-search-form{
width:100%!important;
max-width:100%!important;
padding:14px 16px!important;
}
@media (min-width:1200px){
body.ypi-next-search-active .ypi-nse-search-row--uae{
grid-template-columns:170px minmax(370px,1fr) 72px 84px 84px 112px 112px 120px!important;
gap:10px!important;
align-items:stretch!important;
}
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-chip-field--type,
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-chip-field--type-grouped-single{
width:72px!important;
min-width:72px!important;
max-width:72px!important;
}
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-chip-field--beds,
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-chip-field--bath{
width:84px!important;
min-width:84px!important;
max-width:84px!important;
}
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-chip-field--price{
width:112px!important;
min-width:112px!important;
max-width:112px!important;
}
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-advanced-toggle{
width:120px!important;
min-width:120px!important;
max-width:120px!important;
justify-self:end!important;
}
body.ypi-next-search-active .ypi-nse-advanced-toggle__text{
display:inline!important;
}
}
body.ypi-next-search-active .ypi-nse-search-row--uae > .ypi-nse-field,
body.ypi-next-search-active .ypi-nse-search-row--uae > .ypi-nse-chip-field,
body.ypi-next-search-active .ypi-nse-search-row--uae > [data-ypi-mode-field],
body.ypi-next-search-active .ypi-nse-mode-segment,
body.ypi-next-search-active .ypi-nse-field--top input,
body.ypi-next-search-active .ypi-nse-field--top select,
body.ypi-next-search-active .ypi-nse-type-picker-toggle,
body.ypi-next-search-active .ypi-nse-advanced-toggle,
body.ypi-next-search-active .ypi-nse-search-form .bootstrap-select > .dropdown-toggle{
height:52px!important;
min-height:52px!important;
max-height:52px!important;
box-sizing:border-box!important;
}
body.ypi-next-search-active .ypi-nse-field--mode{
overflow:hidden!important;
}
body.ypi-next-search-active .ypi-nse-field--mode > select,
body.ypi-next-search-active .ypi-nse-field--mode > .bootstrap-select{
display:none!important;
visibility:hidden!important;
pointer-events:none!important;
}
body.ypi-next-search-active .ypi-nse-mode-segment{
padding:2px!important;
gap:2px!important;
align-items:center!important;
border-radius:8px!important;
}
body.ypi-next-search-active .ypi-nse-mode-segment__btn{
height:46px!important;
min-height:46px!important;
max-height:46px!important;
padding:0 4px!important;
gap:1px!important;
border-radius:7px!important;
line-height:1!important;
}
body.ypi-next-search-active .ypi-nse-mode-segment__btn span{
font-size:11px!important;
line-height:1!important;
max-height:12px!important;
}
body.ypi-next-search-active .ypi-nse-mode-segment__btn em{
font-size:11px!important;
line-height:1!important;
}
body.ypi-next-search-active .ypi-nse-locate-btn{
width:32px!important;
height:32px!important;
min-height:32px!important;
max-height:32px!important;
}
body.ypi-next-search-active .ypi-sse-head{
width:100%!important;
max-width:100%!important;
margin:14px auto 12px!important;
display:flex!important;
flex-direction:row!important;
align-items:center!important;
justify-content:space-between!important;
gap:16px!important;
}
body.ypi-next-search-active .ypi-sse-head__main{
display:none!important;
}
body.ypi-next-search-active .ypi-sse-head__secondary{
width:100%!important;
display:flex!important;
flex-direction:row!important;
align-items:center!important;
justify-content:space-between!important;
gap:16px!important;
margin-left:0!important;
}
body.ypi-next-search-active .ypi-sse-head__filters-left{
display:flex!important;
align-items:center!important;
justify-content:flex-start!important;
flex:1 1 auto!important;
min-width:0!important;
}
body.ypi-next-search-active .ypi-sse-toolbar-filter--furnishing{
display:flex!important;
flex-direction:row!important;
align-items:center!important;
justify-content:flex-start!important;
gap:10px!important;
margin:0!important;
min-width:0!important;
}
body.ypi-next-search-active .ypi-sse-toolbar-filter--furnishing[hidden],
body.ypi-next-search-active .ypi-sse-toolbar-filter--furnishing.is-hidden{
display:none!important;
}
body.ypi-next-search-active .ypi-sse-toolbar-filter__label{
font-size:12px!important;
font-weight:600!important;
white-space:nowrap!important;
color:#344054!important;
}
body.ypi-next-search-active .ypi-sse-furnishing-segments{
height:42px!important;
min-height:42px!important;
grid-template-columns:repeat(3,minmax(92px,1fr))!important;
border-radius:8px!important;
overflow:hidden!important;
}
body.ypi-next-search-active .ypi-sse-furnishing-segment{
height:42px!important;
min-height:42px!important;
padding:0 12px!important;
font-size:13px!important;
font-weight:600!important;
}
body.ypi-next-search-active .ypi-sse-tools{
flex:0 0 auto!important;
margin-left:auto!important;
display:flex!important;
align-items:center!important;
justify-content:flex-end!important;
gap:10px!important;
}
@media (min-width:992px) and (max-width:1199px){
body.ypi-next-search-active .ypi-sse-container{
width:calc(100% - 24px)!important;
max-width:1120px!important;
padding-left:12px!important;
padding-right:12px!important;
}
body.ypi-next-search-active .ypi-nse-search-row--uae{
grid-template-columns:160px minmax(300px,1fr) 82px 82px 82px 104px 104px!important;
gap:9px!important;
}
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-advanced-toggle{
grid-column:1 / -1!important;
justify-self:end!important;
width:120px!important;
min-width:120px!important;
max-width:120px!important;
}
body.ypi-next-search-active .ypi-sse-head__secondary{
align-items:flex-start!important;
}
body.ypi-next-search-active .ypi-sse-toolbar-filter--furnishing{
flex-wrap:wrap!important;
}
}
@media (max-width:991px){
body.ypi-next-search-active .ypi-sse-container{
width:calc(100% - 20px)!important;
padding-left:10px!important;
padding-right:10px!important;
}
body.ypi-next-search-active .ypi-sse-head__secondary{
flex-direction:column!important;
align-items:stretch!important;
gap:12px!important;
}
body.ypi-next-search-active .ypi-sse-toolbar-filter--furnishing{
width:100%!important;
}
body.ypi-next-search-active .ypi-sse-furnishing-segments{
width:100%!important;
grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
}
/* v0.9.58 - convert mode segment to normal dropdown + remove list card lower white gap */
body.ypi-next-search-active .ypi-nse-field--mode{
overflow:visible!important;
height:52px!important;
min-height:52px!important;
max-height:52px!important;
}
body.ypi-next-search-active .ypi-nse-field--mode .ypi-nse-mode-segment{
display:none!important;
}
body.ypi-next-search-active .ypi-nse-field--mode > .bootstrap-select{
display:none!important;
visibility:hidden!important;
pointer-events:none!important;
}
body.ypi-next-search-active .ypi-nse-field--mode > select.ypi-nse-mode-dropdown,
body.ypi-next-search-active .ypi-nse-field--mode > select#ypi-nse-listing-mode{
position:static!important;
left:auto!important;
top:auto!important;
display:block!important;
visibility:visible!important;
opacity:1!important;
pointer-events:auto!important;
width:100%!important;
height:52px!important;
min-height:52px!important;
max-height:52px!important;
padding:0 34px 0 14px!important;
border:1px solid var(--ypi-line)!important;
border-radius:8px!important;
background:#fff!important;
color:#1f2937!important;
font-size:14px!important;
font-weight:600!important;
line-height:52px!important;
box-shadow:none!important;
appearance:auto!important;
-webkit-appearance:auto!important;
box-sizing:border-box!important;
}
@media (min-width:1200px){
body.ypi-next-search-active .ypi-nse-search-row--uae{
grid-template-columns:132px minmax(390px,1fr) 72px 84px 84px 112px 112px 120px!important;
gap:10px!important;
}
}
@media (min-width:992px) and (max-width:1199px){
body.ypi-next-search-active .ypi-nse-search-row--uae{
grid-template-columns:120px minmax(300px,1fr) 82px 82px 82px 104px 104px!important;
}
}
@media (min-width:992px){
body.ypi-next-search-active .ypi-sse-list > .ypi-sse-card{
align-items:stretch!important;
padding:14px!important;
gap:24px!important;
}
body.ypi-next-search-active .ypi-sse-card__media{
height:100%!important;
min-height:230px!important;
align-self:stretch!important;
}
body.ypi-next-search-active .ypi-sse-card__content{
min-height:230px!important;
justify-content:flex-start!important;
gap:9px!important;
padding:2px 0!important;
}
body.ypi-next-search-active .ypi-sse-card__price-row{
margin-bottom:4px!important;
}
body.ypi-next-search-active .ypi-sse-card__title{
margin-bottom:5px!important;
}
body.ypi-next-search-active .ypi-sse-card__address{
margin-bottom:8px!important;
}
body.ypi-next-search-active .ypi-sse-card__agent{
margin-top:7px!important;
}
body.ypi-next-search-active .ypi-sse-card__bottom{
margin-top:8px!important;
}
body.ypi-next-search-active .ypi-sse-card__agencybox{
align-self:stretch!important;
justify-content:center!important;
gap:8px!important;
padding:12px!important;
min-height:0!important;
}
body.ypi-next-search-active .ypi-sse-card__agencybox-head{
gap:6px!important;
}
body.ypi-next-search-active .ypi-sse-card__agency-avatar{
width:50px!important;
height:50px!important;
flex-basis:50px!important;
}
body.ypi-next-search-active .ypi-sse-card__agency-copy{
gap:2px!important;
}
body.ypi-next-search-active .ypi-sse-card__agency-copy span{
display:none!important;
}
body.ypi-next-search-active .ypi-sse-card__agency-copy strong{
font-size:13px!important;
line-height:1.15!important;
}
body.ypi-next-search-active .ypi-sse-card__agency-copy em{
font-size:11px!important;
line-height:1.2!important;
}
body.ypi-next-search-active .ypi-sse-card__agency-trust{
padding:7px 8px!important;
gap:2px!important;
border-radius:8px!important;
}
body.ypi-next-search-active .ypi-sse-card__agency-trust span{
font-size:11px!important;
line-height:1.2!important;
}
body.ypi-next-search-active .ypi-sse-card__agency-trust small{
font-size:10px!important;
line-height:1.2!important;
}
body.ypi-next-search-active .ypi-sse-card__agency-link{
min-height:34px!important;
height:34px!important;
font-size:11px!important;
}
}
/* v0.9.59 - compact search controls so all labels fit without cutting */
body.ypi-next-search-active .ypi-sse-container{
width:calc(100% - 24px)!important;
max-width:1320px!important;
padding-left:12px!important;
padding-right:12px!important;
}
body.ypi-next-search-active .ypi-nse-search-form{
padding:12px 14px!important;
border-radius:8px!important;
}
body.ypi-next-search-active .ypi-nse-search-row--uae{
gap:8px!important;
}
body.ypi-next-search-active .ypi-nse-field--top input,
body.ypi-next-search-active .ypi-nse-field--top select,
body.ypi-next-search-active .ypi-nse-type-picker-toggle,
body.ypi-next-search-active .ypi-nse-advanced-toggle,
body.ypi-next-search-active .ypi-nse-search-form .bootstrap-select > .dropdown-toggle,
body.ypi-next-search-active .ypi-nse-field--mode > select.ypi-nse-mode-dropdown,
body.ypi-next-search-active .ypi-nse-field--mode > select#ypi-nse-listing-mode{
height:44px!important;
min-height:44px!important;
max-height:44px!important;
line-height:44px!important;
border-radius:8px!important;
font-size:13px!important;
font-weight:600!important;
box-sizing:border-box!important;
}
body.ypi-next-search-active .ypi-nse-field--mode{
height:44px!important;
min-height:44px!important;
max-height:44px!important;
}
body.ypi-next-search-active .ypi-nse-field--mode > select.ypi-nse-mode-dropdown,
body.ypi-next-search-active .ypi-nse-field--mode > select#ypi-nse-listing-mode{
padding:0 26px 0 11px!important;
}
body.ypi-next-search-active .ypi-nse-field--top select,
body.ypi-next-search-active .ypi-nse-search-form .bootstrap-select > .dropdown-toggle{
padding:0 24px 0 11px!important;
}
body.ypi-next-search-active .ypi-nse-type-picker-toggle{
padding:0 10px!important;
gap:6px!important;
}
body.ypi-next-search-active .ypi-nse-type-picker-toggle__label,
body.ypi-next-search-active .ypi-nse-search-form .filter-option-inner-inner{
max-width:100%!important;
overflow:hidden!important;
white-space:nowrap!important;
text-overflow:ellipsis!important;
}
body.ypi-next-search-active .ypi-nse-field--location::before{
left:13px!important;
width:14px!important;
height:14px!important;
}
body.ypi-next-search-active .ypi-nse-field--location input{
padding-left:34px!important;
padding-right:40px!important;
}
body.ypi-next-search-active .ypi-nse-chip-field--price input{
padding-left:10px!important;
padding-right:8px!important;
font-size:13px!important;
}
body.ypi-next-search-active .ypi-nse-locate-btn{
width:28px!important;
height:28px!important;
min-height:28px!important;
max-height:28px!important;
right:8px!important;
border-radius:7px!important;
}
body.ypi-next-search-active .ypi-nse-advanced-toggle{
width:54px!important;
min-width:54px!important;
max-width:54px!important;
padding:0!important;
gap:0!important;
}
body.ypi-next-search-active .ypi-nse-advanced-toggle__text{
display:none!important;
}
body.ypi-next-search-active .ypi-nse-advanced-toggle__icon::before{
font-size:14px!important;
}
@media (min-width:1200px){
body.ypi-next-search-active .ypi-nse-search-row--uae{
grid-template-columns:112px minmax(340px,1fr) 96px 78px 78px 98px 98px 54px!important;
align-items:stretch!important;
}
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-chip-field--type,
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-chip-field--type-grouped-single{
width:96px!important;
min-width:96px!important;
max-width:96px!important;
}
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-chip-field--beds,
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-chip-field--bath{
width:78px!important;
min-width:78px!important;
max-width:78px!important;
}
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-chip-field--price{
width:98px!important;
min-width:98px!important;
max-width:98px!important;
}
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-advanced-toggle{
width:54px!important;
min-width:54px!important;
max-width:54px!important;
justify-self:end!important;
}
}
@media (min-width:992px) and (max-width:1199px){
body.ypi-next-search-active .ypi-sse-container{
width:calc(100% - 18px)!important;
max-width:none!important;
padding-left:9px!important;
padding-right:9px!important;
}
body.ypi-next-search-active .ypi-nse-search-form{
padding:10px!important;
}
body.ypi-next-search-active .ypi-nse-search-row--uae{
grid-template-columns:104px minmax(250px,1fr) 88px 72px 72px 90px 90px 52px!important;
gap:7px!important;
align-items:stretch!important;
}
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-field,
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-chip-field,
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-advanced-toggle{
grid-column:auto!important;
grid-row:1!important;
min-width:0!important;
max-width:none!important;
}
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-chip-field--type,
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-chip-field--type-grouped-single{
width:88px!important;
min-width:88px!important;
max-width:88px!important;
}
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-chip-field--beds,
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-chip-field--bath{
width:72px!important;
min-width:72px!important;
max-width:72px!important;
}
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-chip-field--price{
width:90px!important;
min-width:90px!important;
max-width:90px!important;
}
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-advanced-toggle{
width:52px!important;
min-width:52px!important;
max-width:52px!important;
justify-self:end!important;
}
body.ypi-next-search-active .ypi-nse-field--top input,
body.ypi-next-search-active .ypi-nse-field--top select,
body.ypi-next-search-active .ypi-nse-type-picker-toggle,
body.ypi-next-search-active .ypi-nse-advanced-toggle,
body.ypi-next-search-active .ypi-nse-search-form .bootstrap-select > .dropdown-toggle,
body.ypi-next-search-active .ypi-nse-field--mode > select.ypi-nse-mode-dropdown,
body.ypi-next-search-active .ypi-nse-field--mode > select#ypi-nse-listing-mode{
height:42px!important;
min-height:42px!important;
max-height:42px!important;
line-height:42px!important;
font-size:12px!important;
}
body.ypi-next-search-active .ypi-nse-field--mode{
height:42px!important;
min-height:42px!important;
max-height:42px!important;
}
}
/* v0.9.60 - balanced search widths: smaller location, more room for Bed/Bath, cleaner spacing */
@media (min-width: 1200px){
body.ypi-next-search-active .ypi-nse-search-row--uae{
grid-template-columns:112px minmax(230px,320px) minmax(108px,1fr) minmax(106px,1fr) minmax(106px,1fr) minmax(118px,1fr) minmax(118px,1fr) 54px!important;
gap:12px!important;
column-gap:12px!important;
row-gap:12px!important;
}
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-field--location{
width:auto!important;
min-width:0!important;
max-width:320px!important;
}
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-chip-field--type,
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-chip-field--type-grouped-single,
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-chip-field--beds,
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-chip-field--bath,
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-chip-field--price{
width:auto!important;
min-width:0!important;
max-width:none!important;
}
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-chip-field--beds select,
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-chip-field--bath select,
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-chip-field--type select,
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-chip-field--price input,
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-type-picker-toggle{
width:100%!important;
min-width:0!important;
max-width:100%!important;
}
body.ypi-next-search-active .ypi-nse-field--location input{
text-overflow:ellipsis!important;
}
}
@media (min-width: 992px) and (max-width: 1199px){
body.ypi-next-search-active .ypi-nse-search-row--uae{
grid-template-columns:104px minmax(205px,260px) minmax(94px,1fr) minmax(94px,1fr) minmax(94px,1fr) minmax(104px,1fr) minmax(104px,1fr) 52px!important;
gap:9px!important;
column-gap:9px!important;
row-gap:9px!important;
}
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-field--location{
width:auto!important;
min-width:0!important;
max-width:260px!important;
}
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-chip-field--type,
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-chip-field--type-grouped-single,
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-chip-field--beds,
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-chip-field--bath,
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-chip-field--price{
width:auto!important;
min-width:0!important;
max-width:none!important;
}
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-chip-field--beds select,
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-chip-field--bath select,
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-chip-field--type select,
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-chip-field--price input,
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-type-picker-toggle{
width:100%!important;
min-width:0!important;
max-width:100%!important;
}
}
/* v0.9.61 - unified search field radius + admin primary color support */
body.ypi-next-search-active .ypi-nse-search-form{
--ypi-nse-field-radius:8px;
}
body.ypi-next-search-active .ypi-nse-search-form .ypi-nse-mode-select,
body.ypi-next-search-active .ypi-nse-search-form .ypi-nse-native-select,
body.ypi-next-search-active .ypi-nse-search-form .ypi-nse-type-picker-toggle,
body.ypi-next-search-active .ypi-nse-search-form .ypi-nse-location-input,
body.ypi-next-search-active .ypi-nse-search-form input[type="text"],
body.ypi-next-search-active .ypi-nse-search-form input[type="number"],
body.ypi-next-search-active .ypi-nse-search-form select,
body.ypi-next-search-active .ypi-nse-search-form .bootstrap-select > .dropdown-toggle,
body.ypi-next-search-active .ypi-nse-search-form .ypi-nse-advanced-toggle,
body.ypi-next-search-active .ypi-nse-search-form .ypi-nse-filter-button{
border-radius:var(--ypi-nse-field-radius)!important;
}
/* v0.9.63 - strict field radius/color alignment + remove active filter chips UI */
body.ypi-next-search-active .ypi-sse-active-filters,
body.ypi-next-search-active #ypi-sse-active-filters,
body.ypi-next-search-active .ypi-sse-filter-bar,
body.ypi-next-search-active .ypi-sse-active-filter{
display:none!important;
visibility:hidden!important;
height:0!important;
min-height:0!important;
max-height:0!important;
margin:0!important;
padding:0!important;
overflow:hidden!important;
}
body.ypi-next-search-active .ypi-nse-search-form{
--ypi-nse-field-radius:8px;
--ypi-nse-field-text:#101828;
--ypi-nse-field-muted:#101828;
}
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-field--location input,
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-field--mode select,
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-chip-field select,
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-chip-field input,
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-chip-field .bootstrap-select,
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-chip-field .bootstrap-select > .dropdown-toggle,
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-chip-field .dropdown-toggle,
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-type-picker-toggle,
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-advanced-toggle{
border-radius:var(--ypi-nse-field-radius)!important;
}
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-chip-field--type,
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-chip-field--type-grouped-single,
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-chip-field--beds,
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-chip-field--bath,
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-chip-field--price{
border-radius:var(--ypi-nse-field-radius)!important;
}
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-chip-field--type select,
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-chip-field--beds select,
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-chip-field--bath select,
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-chip-field--price input,
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-type-picker-toggle,
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-search-form .filter-option-inner-inner{
color:var(--ypi-nse-field-text)!important;
-webkit-text-fill-color:var(--ypi-nse-field-text)!important;
opacity:1!important;
}
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-chip-field--price input::placeholder,
body.ypi-next-search-active #ypi-nse-min-price::placeholder,
body.ypi-next-search-active #ypi-nse-max-price::placeholder{
color:var(--ypi-nse-field-muted)!important;
-webkit-text-fill-color:var(--ypi-nse-field-muted)!important;
opacity:1!important;
font-weight:600!important;
}
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-chip-field--price input::-webkit-input-placeholder,
body.ypi-next-search-active #ypi-nse-min-price::-webkit-input-placeholder,
body.ypi-next-search-active #ypi-nse-max-price::-webkit-input-placeholder{
color:var(--ypi-nse-field-muted)!important;
-webkit-text-fill-color:var(--ypi-nse-field-muted)!important;
opacity:1!important;
font-weight:600!important;
}
/* v0.9.68 - unified Type picker chevron + front-facing building/tower label */
body.ypi-next-search-active .ypi-nse-type-picker-toggle__arrow{
position:relative!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
width:18px!important;
height:18px!important;
min-width:18px!important;
font-size:0!important;
line-height:1!important;
}
body.ypi-next-search-active .ypi-nse-type-picker-toggle__arrow::before{
content:""!important;
width:7px!important;
height:7px!important;
display:block!important;
border-right:2px solid currentColor!important;
border-bottom:2px solid currentColor!important;
border-top:0!important;
border-left:0!important;
border-radius:0!important;
background:transparent!important;
transform:rotate(45deg) translate(-1px,-1px)!important;
box-sizing:border-box!important;
}
body.ypi-next-search-active .ypi-sse-card__building{
display:flex!important;
align-items:center!important;
gap:6px!important;
margin:0 0 4px!important;
color:#111827!important;
font-size:14px!important;
font-weight:600!important;
line-height:1.35!important;
}
body.ypi-next-search-active .ypi-sse-card__building::before{
content:"";
width:6px;
height:6px;
border-radius:999px;
background:var(--ypi-nse-primary, #0b3c51);
box-shadow:0 0 0 4px rgba(8,115,165,.10);
flex:0 0 auto;
}
body.ypi-next-search-active .ypi-sse-card__address--secondary{
color:#667085!important;
font-size:13px!important;
line-height:1.35!important;
}
/* v0.9.69 - card typography, stronger verification and meta icons */
body.ypi-next-search-active .ypi-sse-card__price{
font-size:24px!important;
line-height:1.08!important;
font-weight:850!important;
letter-spacing:-.028em!important;
}
body.ypi-next-search-active .ypi-sse-card__title{
font-size:18px!important;
line-height:1.24!important;
font-weight:760!important;
letter-spacing:-.01em!important;
margin-bottom:7px!important;
}
body.ypi-next-search-active .ypi-sse-card__title a{
font-size:inherit!important;
line-height:inherit!important;
}
body.ypi-next-search-active .ypi-sse-card__verified-badge{
height:32px!important;
min-height:32px!important;
padding:0 12px!important;
gap:7px!important;
border:1px solid rgba(8,115,165,.32)!important;
background:linear-gradient(135deg,#e5fbf4 0%,#e7f8ff 100%)!important;
color:#076b73!important;
font-size:12px!important;
font-weight:900!important;
box-shadow:0 8px 18px rgba(8,115,165,.16)!important;
}
body.ypi-next-search-active .ypi-sse-card__verified-badge svg{
width:17px!important;
height:17px!important;
flex:0 0 17px!important;
filter:drop-shadow(0 2px 4px rgba(8,115,165,.14));
}
body.ypi-next-search-active .ypi-sse-card__meta span.ypi-sse-card__meta-item{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
gap:6px!important;
}
body.ypi-next-search-active .ypi-sse-card__meta-item--beds,
body.ypi-next-search-active .ypi-sse-card__meta-item--baths,
body.ypi-next-search-active .ypi-sse-card__meta-item--size{
background:#f8fbfc!important;
border-color:#ddeff3!important;
color:#314459!important;
}
body.ypi-next-search-active .ypi-sse-card__meta-icon{
display:block!important;
width:15px!important;
height:15px!important;
flex:0 0 15px!important;
color:var(--ypi-ae, var(--ypi-nse-primary, #0b3c51))!important;
}
@media (max-width:767px){
body.ypi-next-search-active .ypi-sse-card__price{
font-size:24px!important;
}
body.ypi-next-search-active .ypi-sse-card__title{
font-size:15px!important;
line-height:1.25!important;
}
body.ypi-next-search-active .ypi-sse-card__verified-badge{
height:26px!important;
min-height:26px!important;
padding:0 9px!important;
gap:5px!important;
font-size:11px!important;
}
body.ypi-next-search-active .ypi-sse-card__verified-badge svg,
body.ypi-next-search-active .ypi-sse-card__meta-icon{
width:13px!important;
height:13px!important;
flex-basis:13px!important;
}
}
body.ypi-next-search-active .ypi-sse-card__top > .ypi-sse-card__agent{
display:none!important;
}
/* v0.9.70 - requested typography weights and verified badge icon alignment */
body.ypi-next-search-active .ypi-sse-card__price{
font-size:24px!important;
font-weight:600!important;
line-height:1.08!important;
}
body.ypi-next-search-active .ypi-sse-card__title,
body.ypi-next-search-active .ypi-sse-card__title a{
font-weight:550!important;
}
body.ypi-next-search-active .ypi-sse-card__verified-badge{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
vertical-align:middle!important;
line-height:1!important;
}
body.ypi-next-search-active .ypi-sse-card__verified-badge svg{
display:block!important;
align-self:center!important;
transform:translateY(0)!important;
margin:0!important;
}
body.ypi-next-search-active .ypi-sse-card__verified-badge span{
display:inline-flex!important;
align-items:center!important;
line-height:1!important;
transform:translateY(0)!important;
}
@media (max-width:767px){
body.ypi-next-search-active .ypi-sse-card__price{
font-size:24px!important;
font-weight:600!important;
}
}
/* v0.9.71 - 1180px content width + proportional desktop search fit */
body.ypi-next-search-active .ypi-sse-container,
body.ypi-next-search-active .ypi-nse-search-shell{
width:min(100%,1180px)!important;
max-width:1180px!important;
margin-left:auto!important;
margin-right:auto!important;
box-sizing:border-box!important;
}
@media (min-width:992px){
body.ypi-next-search-active .ypi-nse-search-form{
max-width:1180px!important;
margin-left:auto!important;
margin-right:auto!important;
box-sizing:border-box!important;
}
body.ypi-next-search-active .ypi-nse-search-row--uae{
flex-wrap:nowrap!important;
justify-content:center!important;
max-width:100%!important;
overflow:visible!important;
}
body.ypi-next-search-active .ypi-nse-search-row--uae > *{
box-sizing:border-box!important;
min-width:0!important;
}
}
@media (max-width:767px){
body.ypi-next-search-active .ypi-sse-container,
body.ypi-next-search-active .ypi-nse-search-shell{
width:100%!important;
max-width:100%!important;
}
}
/* v0.9.72 - filters button alignment + cleaner verified badge */
@media (min-width:992px){
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-advanced-toggle{
position:relative!important;
top:-1px!important;
}
}
body.ypi-next-search-active .ypi-sse-card__verified-badge{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
gap:8px!important;
height:30px!important;
min-height:30px!important;
padding:0 12px 0 8px!important;
border:1px solid #d9ebe2!important;
border-radius:999px!important;
background:#ffffff!important;
color:#185c43!important;
font-size:12px!important;
font-weight:700!important;
letter-spacing:.01em!important;
line-height:1!important;
box-shadow:0 8px 20px rgba(15,23,42,.06)!important;
}
body.ypi-next-search-active .ypi-sse-card__verified-badge-icon{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
width:18px!important;
height:18px!important;
flex:0 0 18px!important;
border-radius:999px!important;
background:linear-gradient(135deg,#1f9d72 0%,#157a57 100%)!important;
color:#ffffff!important;
box-shadow:0 4px 10px rgba(21,122,87,.22)!important;
}
body.ypi-next-search-active .ypi-sse-card__verified-badge svg{
width:11px!important;
height:11px!important;
flex:0 0 11px!important;
display:block!important;
margin:0!important;
filter:none!important;
}
body.ypi-next-search-active .ypi-sse-card__verified-badge-text,
body.ypi-next-search-active .ypi-sse-card__verified-badge span:not(.ypi-sse-card__verified-badge-icon){
display:inline-flex!important;
align-items:center!important;
line-height:1!important;
white-space:nowrap!important;
}
@media (max-width:767px){
body.ypi-next-search-active .ypi-sse-card__verified-badge{
height:26px!important;
min-height:26px!important;
padding:0 10px 0 7px!important;
gap:6px!important;
font-size:11px!important;
}
body.ypi-next-search-active .ypi-sse-card__verified-badge-icon{
width:16px!important;
height:16px!important;
flex-basis:16px!important;
}
body.ypi-next-search-active .ypi-sse-card__verified-badge svg{
width:10px!important;
height:10px!important;
flex-basis:10px!important;
}
}
/* v0.9.73 - advanced filters modal popup + button alignment + badge color refresh */
@media (min-width:992px){
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-advanced-toggle{
position:relative!important;
top:-4px!important;
transform:none!important;
}
}
body.ypi-next-search-active .ypi-nse-search-form.is-advanced-open .ypi-nse-advanced{
position:fixed!important;
inset:0!important;
z-index:999999!important;
display:flex!important;
align-items:center!important;
justify-content:center!important;
padding:24px!important;
margin:0!important;
background:rgba(15,23,42,.42)!important;
backdrop-filter:blur(3px)!important;
}
body.ypi-next-search-active .ypi-nse-search-form.is-advanced-open .ypi-nse-advanced-panel{
width:min(1040px, calc(100vw - 32px))!important;
max-width:1040px!important;
max-height:min(86vh, 920px)!important;
height:auto!important;
border:1px solid #d9e2ea!important;
border-radius:24px!important;
background:#fff!important;
box-shadow:0 28px 90px rgba(15,23,42,.22)!important;
overflow:hidden!important;
display:grid!important;
grid-template-rows:auto minmax(0,1fr) auto!important;
}
body.ypi-next-search-active .ypi-nse-search-form.is-advanced-open .ypi-nse-advanced-panel__header{
padding:20px 22px 16px!important;
align-items:flex-start!important;
}
body.ypi-next-search-active .ypi-nse-search-form.is-advanced-open .ypi-nse-advanced-panel__title{
font-size:22px!important;
line-height:1.2!important;
margin:0 0 4px!important;
width:auto!important;
text-align:left!important;
}
body.ypi-next-search-active .ypi-nse-search-form.is-advanced-open .ypi-nse-advanced-panel__subtitle{
text-align:left!important;
font-size:14px!important;
}
body.ypi-next-search-active .ypi-nse-search-form.is-advanced-open .ypi-nse-advanced-panel__body{
padding:12px 22px 22px!important;
overflow:auto!important;
background:#fff!important;
}
body.ypi-next-search-active .ypi-nse-search-form.is-advanced-open .ypi-nse-advanced-panel__footer{
position:static!important;
left:auto!important;
right:auto!important;
bottom:auto!important;
z-index:auto!important;
display:flex!important;
justify-content:flex-end!important;
gap:12px!important;
padding:16px 22px 20px!important;
border-top:1px solid #eef2f6!important;
background:#fff!important;
box-shadow:none!important;
}
body.ypi-next-search-active .ypi-nse-search-form.is-advanced-open .ypi-nse-reset-btn,
body.ypi-next-search-active .ypi-nse-search-form.is-advanced-open .ypi-nse-done-btn{
width:auto!important;
min-width:132px!important;
}
@media (max-width:991px){
body.ypi-next-search-active .ypi-nse-search-form.is-advanced-open .ypi-nse-advanced{
padding:12px!important;
align-items:flex-end!important;
}
body.ypi-next-search-active .ypi-nse-search-form.is-advanced-open .ypi-nse-advanced-panel{
width:min(100%, 740px)!important;
max-width:min(100%, 740px)!important;
max-height:92vh!important;
border-radius:20px!important;
}
body.ypi-next-search-active .ypi-nse-search-form.is-advanced-open .ypi-nse-advanced-panel__footer{
display:grid!important;
grid-template-columns:110px minmax(0,1fr)!important;
}
body.ypi-next-search-active .ypi-nse-search-form.is-advanced-open .ypi-nse-reset-btn,
body.ypi-next-search-active .ypi-nse-search-form.is-advanced-open .ypi-nse-done-btn{
width:100%!important;
min-width:0!important;
}
}
@media (max-width:767px){
body.ypi-next-search-active .ypi-nse-search-form.is-advanced-open .ypi-nse-advanced{
padding:0!important;
align-items:flex-end!important;
}
body.ypi-next-search-active .ypi-nse-search-form.is-advanced-open .ypi-nse-advanced-panel{
width:100%!important;
max-width:100%!important;
max-height:100dvh!important;
height:100dvh!important;
border-radius:20px 20px 0 0!important;
border-left:0!important;
border-right:0!important;
border-bottom:0!important;
}
body.ypi-next-search-active .ypi-nse-search-form.is-advanced-open .ypi-nse-advanced-panel__header{
padding:14px 14px 10px!important;
}
body.ypi-next-search-active .ypi-nse-search-form.is-advanced-open .ypi-nse-advanced-panel__title{
font-size:18px!important;
}
body.ypi-next-search-active .ypi-nse-search-form.is-advanced-open .ypi-nse-advanced-panel__subtitle{
font-size:12px!important;
line-height:1.4!important;
}
body.ypi-next-search-active .ypi-nse-search-form.is-advanced-open .ypi-nse-advanced-panel__body{
padding:10px 14px 16px!important;
}
body.ypi-next-search-active .ypi-nse-search-form.is-advanced-open .ypi-nse-advanced-panel__footer{
display:grid!important;
grid-template-columns:96px minmax(0,1fr)!important;
gap:10px!important;
padding:10px 14px calc(12px + env(safe-area-inset-bottom, 0px))!important;
}
}
body.ypi-next-search-active .ypi-sse-card__verified-badge{
border-color:rgba(11,60,81,.16)!important;
background:#ffffff!important;
color:#0b3c51!important;
box-shadow:0 8px 20px rgba(11,60,81,.08)!important;
}
body.ypi-next-search-active .ypi-sse-card__verified-badge-icon{
background:#0b3c51!important;
color:#ffffff!important;
box-shadow:0 4px 10px rgba(11,60,81,.22)!important;
}
body.ypi-next-search-active .ypi-sse-card__verified-badge svg{
width:12px!important;
height:12px!important;
flex-basis:12px!important;
}
body.ypi-next-search-active .ypi-sse-card__verified-badge-text,
body.ypi-next-search-active .ypi-sse-card__verified-badge span:not(.ypi-sse-card__verified-badge-icon){
color:#0b3c51!important;
}
/* v0.9.74 - verified badge cleanup, remove circular icon container */
body.ypi-next-search-active .ypi-sse-card__verified-badge{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
gap:6px!important;
height:28px!important;
min-height:28px!important;
padding:0 10px!important;
border:1px solid rgba(11,60,81,.16)!important;
border-radius:999px!important;
background:#ffffff!important;
color:#0b3c51!important;
box-shadow:0 8px 20px rgba(11,60,81,.08)!important;
font-size:12px!important;
font-weight:700!important;
line-height:1!important;
letter-spacing:.01em!important;
}
body.ypi-next-search-active .ypi-sse-card__verified-badge-icon{
display:block!important;
width:15px!important;
height:15px!important;
flex:0 0 15px!important;
color:#0b3c51!important;
margin:0!important;
filter:none!important;
background:none!important;
box-shadow:none!important;
border-radius:0!important;
}
body.ypi-next-search-active .ypi-sse-card__verified-badge-text{
display:inline-flex!important;
align-items:center!important;
color:#0b3c51!important;
line-height:1!important;
white-space:nowrap!important;
}
@media (max-width:767px){
body.ypi-next-search-active .ypi-sse-card__verified-badge{
height:25px!important;
min-height:25px!important;
padding:0 8px!important;
gap:5px!important;
font-size:11px!important;
}
body.ypi-next-search-active .ypi-sse-card__verified-badge-icon{
width:13px!important;
height:13px!important;
flex-basis:13px!important;
}
}
/* v0.9.75 - plain verified text badge + truly centered advanced modal above header */
body.ypi-next-search-active .ypi-sse-card__verified-badge{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
gap:0!important;
height:28px!important;
min-height:28px!important;
padding:0 12px!important;
border:1px solid rgba(11,60,81,.16)!important;
border-radius:999px!important;
background:#ffffff!important;
color:#0b3c51!important;
box-shadow:0 8px 20px rgba(11,60,81,.08)!important;
font-size:12px!important;
font-weight:700!important;
line-height:1!important;
letter-spacing:.01em!important;
}
body.ypi-next-search-active .ypi-sse-card__verified-badge-icon{
display:none!important;
}
body.ypi-next-search-active .ypi-sse-card__verified-badge-text,
body.ypi-next-search-active .ypi-sse-card__verified-badge span{
display:inline-flex!important;
align-items:center!important;
color:#0b3c51!important;
line-height:1!important;
white-space:nowrap!important;
}
body.ypi-next-search-active .ypi-sse-container,
body.ypi-next-search-active .ypi-nse-search-shell,
body.ypi-next-search-active .ypi-nse-search-form{
overflow:visible!important;
}
body.ypi-next-search-active .ypi-nse-search-form.is-advanced-open{
position:static!important;
z-index:auto!important;
}
body.ypi-next-search-active .ypi-nse-search-form.is-advanced-open .ypi-nse-advanced{
position:fixed!important;
inset:0!important;
top:0!important;
right:0!important;
bottom:0!important;
left:0!important;
width:100vw!important;
height:100vh!important;
z-index:2147483000!important;
display:block!important;
margin:0!important;
padding:0!important;
background:rgba(15,23,42,.42)!important;
backdrop-filter:blur(3px)!important;
}
body.ypi-next-search-active .ypi-nse-search-form.is-advanced-open .ypi-nse-advanced-panel{
position:fixed!important;
top:50%!important;
left:50%!important;
transform:translate(-50%, -50%)!important;
width:min(1040px, calc(100vw - 32px))!important;
max-width:1040px!important;
max-height:min(86vh, 920px)!important;
height:auto!important;
z-index:2147483001!important;
border:1px solid #d9e2ea!important;
border-radius:24px!important;
background:#fff!important;
box-shadow:0 28px 90px rgba(15,23,42,.22)!important;
overflow:hidden!important;
display:grid!important;
grid-template-rows:auto minmax(0,1fr) auto!important;
}
body.ypi-next-search-active .ypi-nse-search-form.is-advanced-open .ypi-nse-advanced-panel__header{
padding:20px 22px 16px!important;
align-items:flex-start!important;
}
body.ypi-next-search-active .ypi-nse-search-form.is-advanced-open .ypi-nse-advanced-panel__title{
width:auto!important;
text-align:left!important;
}
body.ypi-next-search-active .ypi-nse-search-form.is-advanced-open .ypi-nse-advanced-panel__body{
padding:12px 22px 22px!important;
overflow:auto!important;
background:#fff!important;
}
body.ypi-next-search-active .ypi-nse-search-form.is-advanced-open .ypi-nse-advanced-panel__footer{
position:static!important;
display:flex!important;
justify-content:flex-end!important;
gap:12px!important;
padding:16px 22px 20px!important;
border-top:1px solid #eef2f6!important;
background:#fff!important;
box-shadow:none!important;
}
@media (max-width:991px){
body.ypi-next-search-active .ypi-nse-search-form.is-advanced-open .ypi-nse-advanced-panel{
width:min(100%, 740px)!important;
max-width:min(100%, 740px)!important;
max-height:92vh!important;
}
}
@media (max-width:767px){
body.ypi-next-search-active .ypi-sse-card__verified-badge{
height:25px!important;
min-height:25px!important;
padding:0 10px!important;
font-size:11px!important;
}
body.ypi-next-search-active .ypi-nse-search-form.is-advanced-open .ypi-nse-advanced-panel{
top:auto!important;
left:50%!important;
bottom:0!important;
transform:translateX(-50%)!important;
width:100%!important;
max-width:100%!important;
height:100dvh!important;
max-height:100dvh!important;
border-radius:20px 20px 0 0!important;
border-left:0!important;
border-right:0!important;
border-bottom:0!important;
}
body.ypi-next-search-active .ypi-nse-search-form.is-advanced-open .ypi-nse-advanced-panel__header{
padding:14px 14px 10px!important;
}
body.ypi-next-search-active .ypi-nse-search-form.is-advanced-open .ypi-nse-advanced-panel__body{
padding:10px 14px 16px!important;
}
body.ypi-next-search-active .ypi-nse-search-form.is-advanced-open .ypi-nse-advanced-panel__footer{
display:grid!important;
grid-template-columns:96px minmax(0,1fr)!important;
gap:10px!important;
padding:10px 14px calc(12px + env(safe-area-inset-bottom, 0px))!important;
}
}
/* v0.9.76 - robust advanced modal portal to body and centered viewport positioning */
body.ypi-next-search-active.ypi-nse-advanced-portal-open{
overflow:hidden!important;
}
body.ypi-next-search-active .ypi-nse-advanced.ypi-nse-advanced--portal-open{
position:fixed!important;
inset:0!important;
top:0!important;
right:0!important;
bottom:0!important;
left:0!important;
width:100vw!important;
height:100vh!important;
z-index:2147483640!important;
display:block!important;
margin:0!important;
padding:0!important;
background:rgba(15,23,42,.42)!important;
backdrop-filter:blur(3px)!important;
}
body.ypi-next-search-active .ypi-nse-advanced.ypi-nse-advanced--portal-open .ypi-nse-advanced-panel{
position:absolute!important;
top:50%!important;
left:50%!important;
right:auto!important;
bottom:auto!important;
transform:translate(-50%, -50%)!important;
width:min(1040px, calc(100vw - 32px))!important;
max-width:1040px!important;
max-height:min(86vh, 920px)!important;
height:auto!important;
margin:0!important;
z-index:2147483641!important;
border:1px solid #d9e2ea!important;
border-radius:24px!important;
background:#fff!important;
box-shadow:0 28px 90px rgba(15,23,42,.22)!important;
overflow:hidden!important;
display:grid!important;
grid-template-rows:auto minmax(0,1fr) auto!important;
}
body.ypi-next-search-active .ypi-nse-advanced.ypi-nse-advanced--portal-open .ypi-nse-advanced-panel__header{
padding:20px 22px 16px!important;
align-items:flex-start!important;
}
body.ypi-next-search-active .ypi-nse-advanced.ypi-nse-advanced--portal-open .ypi-nse-advanced-panel__title{
width:auto!important;
text-align:left!important;
}
body.ypi-next-search-active .ypi-nse-advanced.ypi-nse-advanced--portal-open .ypi-nse-advanced-panel__body{
padding:12px 22px 22px!important;
overflow:auto!important;
background:#fff!important;
}
body.ypi-next-search-active .ypi-nse-advanced.ypi-nse-advanced--portal-open .ypi-nse-advanced-panel__footer{
position:static!important;
display:flex!important;
justify-content:flex-end!important;
gap:12px!important;
padding:16px 22px 20px!important;
border-top:1px solid #eef2f6!important;
background:#fff!important;
box-shadow:none!important;
}
body.ypi-next-search-active .ypi-nse-advanced.ypi-nse-advanced--portal-open .ypi-nse-reset-btn,
body.ypi-next-search-active .ypi-nse-advanced.ypi-nse-advanced--portal-open .ypi-nse-done-btn{
width:auto!important;
min-width:132px!important;
}
@media (max-width:991px){
body.ypi-next-search-active .ypi-nse-advanced.ypi-nse-advanced--portal-open .ypi-nse-advanced-panel{
width:min(100%, 740px)!important;
max-width:min(100%, 740px)!important;
max-height:92vh!important;
}
}
@media (max-width:767px){
body.ypi-next-search-active .ypi-nse-advanced.ypi-nse-advanced--portal-open .ypi-nse-advanced-panel{
top:auto!important;
left:50%!important;
right:auto!important;
bottom:0!important;
transform:translateX(-50%)!important;
width:100%!important;
max-width:100%!important;
height:100dvh!important;
max-height:100dvh!important;
border-radius:20px 20px 0 0!important;
border-left:0!important;
border-right:0!important;
border-bottom:0!important;
}
body.ypi-next-search-active .ypi-nse-advanced.ypi-nse-advanced--portal-open .ypi-nse-advanced-panel__header{
padding:14px 14px 10px!important;
}
body.ypi-next-search-active .ypi-nse-advanced.ypi-nse-advanced--portal-open .ypi-nse-advanced-panel__body{
padding:10px 14px 16px!important;
}
body.ypi-next-search-active .ypi-nse-advanced.ypi-nse-advanced--portal-open .ypi-nse-advanced-panel__footer{
display:grid!important;
grid-template-columns:96px minmax(0,1fr)!important;
gap:10px!important;
padding:10px 14px calc(12px + env(safe-area-inset-bottom, 0px))!important;
}
}
/* v0.9.79 - paid promotions: search sponsored placement + auto homepage sponsored section */
body.ypi-next-search-active .ypi-sse-card--sponsored-search,
.ypi-nse-home-featured .ypi-sse-card--sponsored-search,
.ypi-nse-home-featured .ypi-sse-card--homepage-featured{
border-color:rgba(11,60,81,.22);
box-shadow:0 18px 42px rgba(11,60,81,.10);
}
body.ypi-next-search-active .ypi-sse-card__promo-badge,
.ypi-nse-home-featured .ypi-sse-card__promo-badge{
position:absolute;
top:12px;
right:12px;
z-index:3;
display:inline-flex;
align-items:center;
justify-content:center;
min-height:32px;
padding:7px 12px;
border-radius:999px;
background:#ffffff;
color:#0b3c51;
border:1px solid rgba(11,60,81,.18);
box-shadow:0 10px 24px rgba(15,23,42,.14);
font-size:12px;
font-weight:800;
line-height:1;
letter-spacing:.01em;
}
body.ypi-next-search-active .ypi-sse-card__promo-badge--home,
.ypi-nse-home-featured .ypi-sse-card__promo-badge--home{
background:#eaf2f5;
}
.ypi-nse-home-featured{
--ypi-nse-primary:#0b3c51;
max-width:1180px;
margin:0 auto;
padding:34px 16px;
color:#0f172a;
}
.ypi-nse-home-featured--auto{
margin-top:22px;
margin-bottom:10px;
}
.ypi-nse-home-featured__head{
display:flex;
align-items:flex-end;
justify-content:space-between;
gap:18px;
margin:0 0 18px;
}
.ypi-nse-home-featured__head h2{
margin:0;
color:#0b3c51;
font-size:28px;
line-height:1.15;
font-weight:650;
letter-spacing:-.02em;
}
.ypi-nse-home-featured__head p{
margin:0;
max-width:520px;
color:#64748b;
font-size:15px;
line-height:1.55;
text-align:right;
}
.ypi-nse-home-featured__grid{
display:grid;
grid-template-columns:1fr;
gap:16px;
}
.ypi-nse-home-featured__empty{
padding:18px 20px;
border:1px dashed #cbd5e1;
border-radius:12px;
background:#f8fafc;
color:#64748b;
text-align:center;
}
@media (max-width: 767px){
.ypi-nse-home-featured{
padding:26px 12px;
}
.ypi-nse-home-featured__head{
display:block;
}
.ypi-nse-home-featured__head h2{
font-size:24px;
}
.ypi-nse-home-featured__head p{
margin-top:8px;
text-align:left;
}
}
/* v0.9.80 - additional paid promotion products: Highlight Listing + Listing Refresh */
body.ypi-next-search-active .ypi-sse-card--highlighted,
.ypi-nse-home-featured .ypi-sse-card--highlighted{
border-color:rgba(11,60,81,.30)!important;
background:linear-gradient(180deg,#ffffff 0%,#fbfdfe 100%);
box-shadow:0 18px 42px rgba(11,60,81,.12)!important;
}
body.ypi-next-search-active .ypi-sse-card--refreshed,
.ypi-nse-home-featured .ypi-sse-card--refreshed{
border-color:rgba(11,60,81,.18);
}
body.ypi-next-search-active .ypi-sse-card__promo-badge--highlight,
.ypi-nse-home-featured .ypi-sse-card__promo-badge--highlight{
background:#0b3c51;
color:#fff;
border-color:#0b3c51;
}
body.ypi-next-search-active .ypi-sse-card__promo-badge--bump,
.ypi-nse-home-featured .ypi-sse-card__promo-badge--bump{
background:#f7fbfd;
color:#0b3c51;
border-color:rgba(11,60,81,.22);
}
/* v0.9.81 - paid Highlight Listing visual fix */
body.ypi-next-search-active .ypi-sse-card,
.ypi-sse-card {
position: relative;
}
body.ypi-next-search-active .ypi-sse-card__media,
.ypi-sse-card__media {
position: relative;
}
body.ypi-next-search-active .ypi-sse-card__promo-badge,
.ypi-sse-card__promo-badge {
position: absolute !important;
top: 12px !important;
right: 12px !important;
left: auto !important;
z-index: 4 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: auto !important;
min-width: 0 !important;
max-width: calc(100% - 24px) !important;
min-height: 24px !important;
padding: 5px 9px !important;
box-sizing: border-box !important;
border-radius: 999px !important;
background: #0b3c51 !important;
color: #fff !important;
font-size: 10px !important;
font-weight: 800 !important;
line-height: 1 !important;
letter-spacing: .04em !important;
text-transform: uppercase !important;
white-space: nowrap !important;
text-align: center !important;
box-shadow: 0 8px 18px rgba(11, 60, 81, .20) !important;
}
body.ypi-next-search-active .ypi-sse-card__promo-badge--highlight,
.ypi-sse-card__promo-badge--highlight {
background: #fff !important;
color: #0b3c51 !important;
border: 1px solid rgba(11, 60, 81, .28) !important;
}
body.ypi-next-search-active .ypi-sse-card__promo-badge--bump,
.ypi-sse-card__promo-badge--bump {
background: #eaf2f5 !important;
color: #0b3c51 !important;
border: 1px solid rgba(11, 60, 81, .18) !important;
}
body.ypi-next-search-active .ypi-sse-card--highlighted,
.ypi-sse-card--highlighted {
border: 2px solid rgba(11, 60, 81, .34) !important;
background: linear-gradient(180deg, #ffffff 0%, #f6fbfd 100%) !important;
box-shadow: 0 18px 44px rgba(11, 60, 81, .14) !important;
}
body.ypi-next-search-active .ypi-sse-card--highlighted .ypi-sse-card__content,
.ypi-sse-card--highlighted .ypi-sse-card__content {
background: #f6fbfd !important;
margin: -18px -18px -18px 0 !important;
padding: 18px !important;
border-radius: 0 20px 20px 0 !important;
align-self: stretch !important;
}
body.ypi-next-search-active .ypi-sse-card--highlighted .ypi-sse-card__title a,
body.ypi-next-search-active .ypi-sse-card--highlighted .ypi-sse-card__price,
.ypi-sse-card--highlighted .ypi-sse-card__title a,
.ypi-sse-card--highlighted .ypi-sse-card__price {
color: #0b3c51 !important;
}
/* v0.9.82 - sponsored badge compact corner + full highlighted content background */
@media (max-width: 991px) {
body.ypi-next-search-active .ypi-sse-card--highlighted .ypi-sse-card__content,
.ypi-sse-card--highlighted .ypi-sse-card__content {
margin: 0 !important;
padding: 14px !important;
border-radius: 14px !important;
}
}
/* YPI paid promotion readability hardening v0.9.83 */
body.ypi-next-search-active .ypi-sse-card--highlighted .ypi-sse-card__content,
.ypi-sse-card--highlighted .ypi-sse-card__content {
background: #ffffff !important;
}
body.ypi-next-search-active .ypi-sse-card__promo-badge,
.ypi-sse-card__promo-badge {
background: #0a9d83 !important;
font-weight: 600 !important;
}
body.ypi-next-search-active .ypi-sse-card__promo-badge--highlight,
.ypi-sse-card__promo-badge--highlight,
body.ypi-next-search-active .ypi-sse-card__promo-badge--bump,
.ypi-sse-card__promo-badge--bump {
font-weight: 600 !important;
}
/* v0.9.92 - Mobile/tablet portrait rescue layer after UAE search rebuild.
Keep desktop/tablet landscape untouched, but force a stable stacked search,
readable cards, safe map height and high-layer mobile popups. */
@media (max-width: 991px) and (orientation: portrait), (max-width: 767px) {
body.ypi-next-search-active{
overflow-x:hidden!important;
background:#f5f7fb!important;
}
body.ypi-next-search-active .ypi-sse-wrap{
padding:12px 0 calc(104px + env(safe-area-inset-bottom, 0px))!important;
background:linear-gradient(180deg,#f7f9fc 0%,#f4f7fb 100%)!important;
}
body.ypi-next-search-active .ypi-sse-container,
body.ypi-next-search-active .ypi-nse-search-shell{
width:100%!important;
max-width:100%!important;
margin:0!important;
padding-left:10px!important;
padding-right:10px!important;
box-sizing:border-box!important;
}
body.ypi-next-search-active .ypi-nse-search-shell{
position:relative!important;
z-index:30!important;
}
body.ypi-next-search-active .ypi-nse-search-form{
width:100%!important;
max-width:100%!important;
margin:0!important;
padding:10px!important;
border-radius:12px!important;
border:1px solid rgba(148,163,184,.26)!important;
background:rgba(255,255,255,.98)!important;
box-shadow:0 10px 28px rgba(15,23,42,.07)!important;
overflow:visible!important;
}
body.ypi-next-search-active .ypi-nse-search-row--uae{
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:8px!important;
align-items:stretch!important;
width:100%!important;
max-width:100%!important;
overflow:visible!important;
}
body.ypi-next-search-active .ypi-nse-search-row--uae > *{
min-width:0!important;
max-width:100%!important;
width:100%!important;
height:auto!important;
box-sizing:border-box!important;
grid-row:auto!important;
}
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-field--mode{
order:1!important;
grid-column:1 / -1!important;
}
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-field--location{
order:2!important;
grid-column:1 / -1!important;
}
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-chip-field--type,
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-chip-field--type-grouped-single{
order:3!important;
grid-column:1 / -1!important;
}
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-chip-field--beds{
order:4!important;
grid-column:auto!important;
}
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-chip-field--bath{
order:5!important;
grid-column:auto!important;
}
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-chip-field--min-price{
order:6!important;
grid-column:auto!important;
}
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-chip-field--max-price{
order:7!important;
grid-column:auto!important;
}
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-advanced-toggle{
order:8!important;
grid-column:1 / -1!important;
}
body.ypi-next-search-active .ypi-nse-field--top input,
body.ypi-next-search-active .ypi-nse-field--top select,
body.ypi-next-search-active .ypi-nse-field--mode > select.ypi-nse-mode-dropdown,
body.ypi-next-search-active .ypi-nse-field--mode > select#ypi-nse-listing-mode,
body.ypi-next-search-active .ypi-nse-type-picker-toggle,
body.ypi-next-search-active .ypi-nse-search-form .bootstrap-select > .dropdown-toggle,
body.ypi-next-search-active .ypi-nse-advanced-toggle{
display:flex!important;
align-items:center!important;
width:100%!important;
min-width:0!important;
max-width:100%!important;
height:44px!important;
min-height:44px!important;
max-height:44px!important;
line-height:44px!important;
padding-top:0!important;
padding-bottom:0!important;
border-radius:8px!important;
font-size:13px!important;
font-weight:600!important;
box-sizing:border-box!important;
}
body.ypi-next-search-active .ypi-nse-field--top select,
body.ypi-next-search-active .ypi-nse-field--mode > select.ypi-nse-mode-dropdown,
body.ypi-next-search-active .ypi-nse-field--mode > select#ypi-nse-listing-mode{
padding-left:12px!important;
padding-right:30px!important;
}
body.ypi-next-search-active .ypi-nse-field--top input{
padding-left:12px!important;
padding-right:12px!important;
}
body.ypi-next-search-active .ypi-nse-field--location::before{
left:12px!important;
width:14px!important;
height:14px!important;
}
body.ypi-next-search-active .ypi-nse-field--location input{
padding-left:34px!important;
padding-right:40px!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
}
body.ypi-next-search-active .ypi-nse-locate-btn{
right:7px!important;
width:30px!important;
height:30px!important;
min-width:30px!important;
min-height:30px!important;
border-radius:7px!important;
}
body.ypi-next-search-active .ypi-nse-advanced-toggle{
justify-content:center!important;
gap:7px!important;
background:#0f172a!important;
border-color:#0f172a!important;
color:#ffffff!important;
box-shadow:0 10px 20px rgba(15,23,42,.14)!important;
}
body.ypi-next-search-active .ypi-nse-advanced-toggle__text{
display:inline!important;
font-size:13px!important;
font-weight:600!important;
}
body.ypi-next-search-active .ypi-nse-advanced-toggle__icon{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
width:18px!important;
height:18px!important;
font-size:0!important;
color:inherit!important;
background:transparent!important;
}
body.ypi-next-search-active .ypi-nse-advanced-toggle__icon::before{
content:"☰"!important;
font-size:14px!important;
line-height:1!important;
color:inherit!important;
}
body.ypi-next-search-active .ypi-nse-advanced-toggle__count:not(.is-hidden){
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
min-width:20px!important;
height:20px!important;
padding:0 6px!important;
border-radius:999px!important;
background:#ffffff!important;
color:#0f172a!important;
font-size:11px!important;
line-height:1!important;
}
body.ypi-next-search-active .ypi-nse-type-picker-panel:not([hidden]){
position:fixed!important;
left:10px!important;
right:10px!important;
top:auto!important;
bottom:calc(76px + env(safe-area-inset-bottom, 0px))!important;
z-index:2147483200!important;
width:auto!important;
max-width:none!important;
max-height:min(72dvh, 560px)!important;
overflow:auto!important;
-webkit-overflow-scrolling:touch!important;
border-radius:16px!important;
padding:12px!important;
background:#ffffff!important;
box-shadow:0 24px 70px rgba(15,23,42,.28)!important;
}
body.ypi-next-search-active .ypi-nse-type-picker-grid{
grid-template-columns:1fr!important;
gap:8px!important;
}
body.ypi-next-search-active .ypi-nse-type-picker-option{
min-height:42px!important;
border-radius:10px!important;
padding:0 12px!important;
font-size:13px!important;
}
body.ypi-next-search-active .ypi-nse-type-picker-actions{
position:sticky!important;
bottom:0!important;
background:#ffffff!important;
padding-top:10px!important;
grid-template-columns:96px minmax(0,1fr)!important;
gap:8px!important;
}
body.ypi-next-search-active .ypi-sse-head{
display:block!important;
margin:10px 0!important;
}
body.ypi-next-search-active .ypi-sse-head__main,
body.ypi-next-search-active .ypi-sse-status,
body.ypi-next-search-active .ypi-sse-results-count,
body.ypi-next-search-active .ypi-sse-active-filters,
body.ypi-next-search-active #ypi-sse-active-filters,
body.ypi-next-search-active .ypi-sse-filter-bar{
display:none!important;
}
body.ypi-next-search-active .ypi-sse-head__secondary{
display:block!important;
width:100%!important;
margin:0!important;
}
body.ypi-next-search-active .ypi-sse-head__filters-left{
width:100%!important;
margin:0!important;
display:block!important;
}
body.ypi-next-search-active .ypi-sse-toolbar-filter--furnishing{
display:flex!important;
width:100%!important;
flex-direction:column!important;
align-items:stretch!important;
gap:7px!important;
margin:0!important;
}
body.ypi-next-search-active .ypi-sse-toolbar-filter--furnishing[hidden],
body.ypi-next-search-active .ypi-sse-toolbar-filter--furnishing.is-hidden{
display:none!important;
}
body.ypi-next-search-active .ypi-sse-toolbar-filter__label{
display:none!important;
}
body.ypi-next-search-active .ypi-sse-furnishing-segments{
display:grid!important;
grid-template-columns:repeat(3,minmax(0,1fr))!important;
width:100%!important;
height:38px!important;
min-height:38px!important;
border-radius:8px!important;
overflow:hidden!important;
}
body.ypi-next-search-active .ypi-sse-furnishing-segment{
height:38px!important;
min-height:38px!important;
padding:0 6px!important;
font-size:12px!important;
font-weight:600!important;
}
body.ypi-next-search-active .ypi-sse-tools{
display:none!important;
}
body.ypi-next-search-active .ypi-sse-view-list,
body.ypi-next-search-active #ypi-sse-results,
body.ypi-next-search-active .ypi-sse-list{
width:100%!important;
max-width:100%!important;
overflow:visible!important;
}
body.ypi-next-search-active .ypi-sse-list{
display:grid!important;
gap:12px!important;
}
body.ypi-next-search-active .ypi-sse-list > .ypi-sse-card,
body.ypi-next-search-active .ypi-sse-card{
display:grid!important;
grid-template-columns:1fr!important;
gap:0!important;
width:100%!important;
max-width:100%!important;
padding:0!important;
border:1px solid rgba(148,163,184,.22)!important;
border-radius:14px!important;
background:#ffffff!important;
box-shadow:0 10px 30px rgba(15,23,42,.07)!important;
overflow:hidden!important;
transform:none!important;
}
body.ypi-next-search-active .ypi-sse-card__media{
display:block!important;
width:100%!important;
height:210px!important;
min-height:210px!important;
max-height:210px!important;
border-radius:0!important;
overflow:hidden!important;
}
body.ypi-next-search-active .ypi-sse-card__media img{
width:100%!important;
height:100%!important;
object-fit:cover!important;
display:block!important;
}
body.ypi-next-search-active .ypi-sse-card__content{
width:100%!important;
min-height:0!important;
padding:12px!important;
gap:8px!important;
display:flex!important;
flex-direction:column!important;
justify-content:flex-start!important;
background:#ffffff!important;
border-radius:0!important;
}
body.ypi-next-search-active .ypi-sse-card__price-row{
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:8px!important;
margin:0 0 5px!important;
}
body.ypi-next-search-active .ypi-sse-card__price{
font-size:22px!important;
line-height:1.08!important;
font-weight:650!important;
color:var(--ypi-ae, var(--ypi-nse-primary, #0b3c51))!important;
letter-spacing:-.02em!important;
}
body.ypi-next-search-active .ypi-sse-card__verified-badge{
height:24px!important;
min-height:24px!important;
padding:0 8px!important;
font-size:10px!important;
white-space:nowrap!important;
box-shadow:none!important;
}
body.ypi-next-search-active .ypi-sse-card__title,
body.ypi-next-search-active .ypi-sse-card__title a{
font-size:16px!important;
line-height:1.25!important;
font-weight:600!important;
margin:0!important;
}
body.ypi-next-search-active .ypi-sse-card__building,
body.ypi-next-search-active .ypi-sse-card__address{
font-size:12px!important;
line-height:1.35!important;
margin:4px 0 0!important;
color:#667085!important;
}
body.ypi-next-search-active .ypi-sse-card__meta{
display:flex!important;
flex-wrap:wrap!important;
gap:6px!important;
margin-top:6px!important;
}
body.ypi-next-search-active .ypi-sse-card__meta span,
body.ypi-next-search-active .ypi-sse-card__meta span.ypi-sse-card__meta-item{
min-height:26px!important;
height:26px!important;
padding:0 8px!important;
border-radius:999px!important;
font-size:11px!important;
line-height:1!important;
}
body.ypi-next-search-active .ypi-sse-card__bottom{
display:grid!important;
grid-template-columns:1fr!important;
gap:8px!important;
width:100%!important;
margin-top:8px!important;
}
body.ypi-next-search-active .ypi-sse-card__actions{
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:7px!important;
width:100%!important;
}
body.ypi-next-search-active .ypi-sse-card__action-btn,
body.ypi-next-search-active .ypi-sse-card__button{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
width:100%!important;
min-width:0!important;
height:38px!important;
min-height:38px!important;
max-height:38px!important;
padding:0 10px!important;
border-radius:8px!important;
font-size:12px!important;
font-weight:600!important;
white-space:nowrap!important;
box-sizing:border-box!important;
}
body.ypi-next-search-active .ypi-sse-card__action-btn--view,
body.ypi-next-search-active .ypi-sse-card__button{
grid-column:1 / -1!important;
}
body.ypi-next-search-active .ypi-sse-card__sidebox,
body.ypi-next-search-active .ypi-sse-card__agencybox{
display:flex!important;
flex-direction:column!important;
gap:8px!important;
margin:0!important;
padding:12px!important;
border-top:1px solid #edf2f7!important;
border-left:0!important;
background:#f8fafc!important;
border-radius:0!important;
min-height:0!important;
}
body.ypi-next-search-active .ypi-sse-card__agencybox-head{
display:flex!important;
align-items:center!important;
gap:10px!important;
}
body.ypi-next-search-active .ypi-sse-card__agency-avatar{
width:42px!important;
height:42px!important;
flex:0 0 42px!important;
}
body.ypi-next-search-active .ypi-sse-card__agency-copy strong{
font-size:13px!important;
line-height:1.2!important;
}
body.ypi-next-search-active .ypi-sse-card__agency-copy em,
body.ypi-next-search-active .ypi-sse-card__agency-copy span{
font-size:11px!important;
line-height:1.25!important;
}
body.ypi-next-search-active .ypi-sse-card__agency-trust{
display:none!important;
}
body.ypi-next-search-active .ypi-sse-card__agency-link{
min-height:36px!important;
height:36px!important;
border-radius:8px!important;
font-size:12px!important;
}
body.ypi-next-search-active .ypi-sse-view-map,
body.ypi-next-search-active #ypi-sse-map-view{
width:100%!important;
max-width:100%!important;
overflow:hidden!important;
border-radius:12px!important;
}
body.ypi-next-search-active .ypi-sse-map-shell--redesign,
body.ypi-next-search-active .ypi-sse-map--first,
body.ypi-next-search-active .ypi-sse-map-box--fullscreen,
body.ypi-next-search-active .ypi-sse-map-box,
body.ypi-next-search-active .ypi-sse-map-canvas,
body.ypi-next-search-active #ypi-sse-map{
min-height:calc(100dvh - 190px)!important;
height:calc(100dvh - 190px)!important;
max-height:none!important;
border-radius:12px!important;
}
body.ypi-next-search-active .ypi-sse-map--first{
display:block!important;
}
body.ypi-next-search-active .ypi-sse-map-side,
body.ypi-next-search-active .ypi-sse-map-side--floating,
body.ypi-next-search-active .ypi-sse-map-panel-head{
display:none!important;
}
body.ypi-next-search-active .ypi-sse-map-toolbar--floating,
body.ypi-next-search-active .ypi-sse-map-style-group,
body.ypi-next-search-active .ypi-sse-map-auto-toggle{
display:none!important;
}
body.ypi-next-search-active .mapboxgl-ctrl-top-right{
top:12px!important;
right:12px!important;
}
body.ypi-next-search-active .ypi-sse-mobile-bar{
position:fixed!important;
left:10px!important;
right:10px!important;
bottom:calc(10px + env(safe-area-inset-bottom, 0px))!important;
z-index:2147482500!important;
display:grid!important;
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:8px!important;
padding:8px!important;
border-radius:14px!important;
background:rgba(15,23,42,.94)!important;
border:1px solid rgba(255,255,255,.10)!important;
box-shadow:0 18px 42px rgba(15,23,42,.28)!important;
backdrop-filter:blur(12px)!important;
}
body.ypi-next-search-active .ypi-sse-view-btn--mobile{
width:100%!important;
max-width:none!important;
min-height:40px!important;
height:40px!important;
border-radius:10px!important;
padding:0 10px!important;
font-size:12px!important;
font-weight:650!important;
color:#ffffff!important;
background:rgba(255,255,255,.08)!important;
border:1px solid rgba(255,255,255,.16)!important;
}
body.ypi-next-search-active .ypi-sse-view-btn--mobile.is-active{
color:#0f172a!important;
background:#ffffff!important;
border-color:#ffffff!important;
}
}
@media (max-width: 575px) {
body.ypi-next-search-active .ypi-sse-container,
body.ypi-next-search-active .ypi-nse-search-shell{
padding-left:8px!important;
padding-right:8px!important;
}
body.ypi-next-search-active .ypi-nse-search-form{
padding:8px!important;
}
body.ypi-next-search-active .ypi-nse-search-row--uae{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:7px!important;
}
body.ypi-next-search-active .ypi-nse-field--top input,
body.ypi-next-search-active .ypi-nse-field--top select,
body.ypi-next-search-active .ypi-nse-field--mode > select.ypi-nse-mode-dropdown,
body.ypi-next-search-active .ypi-nse-field--mode > select#ypi-nse-listing-mode,
body.ypi-next-search-active .ypi-nse-type-picker-toggle,
body.ypi-next-search-active .ypi-nse-advanced-toggle{
height:42px!important;
min-height:42px!important;
max-height:42px!important;
line-height:42px!important;
font-size:12px!important;
}
body.ypi-next-search-active .ypi-sse-card__media{
height:196px!important;
min-height:196px!important;
max-height:196px!important;
}
body.ypi-next-search-active .ypi-sse-card__price{
font-size:20px!important;
}
body.ypi-next-search-active .ypi-sse-card__title,
body.ypi-next-search-active .ypi-sse-card__title a{
font-size:15px!important;
}
body.ypi-next-search-active .ypi-sse-card__actions{
grid-template-columns:1fr!important;
}
body.ypi-next-search-active .ypi-sse-map-shell--redesign,
body.ypi-next-search-active .ypi-sse-map--first,
body.ypi-next-search-active .ypi-sse-map-box--fullscreen,
body.ypi-next-search-active .ypi-sse-map-box,
body.ypi-next-search-active .ypi-sse-map-canvas,
body.ypi-next-search-active #ypi-sse-map{
min-height:calc(100dvh - 182px)!important;
height:calc(100dvh - 182px)!important;
}
}
/* v0.9.95 - strict responsive split for UAE search controls.
Desktop + tablet landscape keep the native desktop search.
Phone + tablet portrait get a separate compact mobile rail. */
body.ypi-next-search-active .ypi-nse-mobile-filter-rail,
body.ypi-next-search-active .ypi-nse-mobile-status-pills{
display:none!important;
}
@media (min-width: 768px) and (orientation: landscape), (min-width: 992px){
body.ypi-next-search-active .ypi-nse-search-row--uae{
display:flex!important;
flex-wrap:nowrap!important;
align-items:center!important;
}
body.ypi-next-search-active .ypi-nse-search-row--uae > *{
order:initial!important;
}
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-field--location{
width:auto!important;
max-width:none!important;
}
body.ypi-next-search-active .ypi-sse-mobile-bar{
position:static!important;
left:auto!important;
right:auto!important;
bottom:auto!important;
}
}
@media (max-width: 767px), (min-width: 768px) and (max-width: 1024px) and (orientation: portrait){
body.ypi-next-search-active{
overflow-x:hidden!important;
}
body.ypi-next-search-active .ypi-nse-search-shell{
width:100%!important;
max-width:100%!important;
margin:0!important;
padding:8px 10px 4px!important;
position:relative!important;
z-index:90!important;
box-sizing:border-box!important;
}
body.ypi-next-search-active .ypi-nse-search-form{
width:100%!important;
max-width:100%!important;
margin:0!important;
padding:0!important;
border:0!important;
border-radius:0!important;
background:transparent!important;
box-shadow:none!important;
overflow:visible!important;
}
body.ypi-next-search-active .ypi-nse-search-row--uae{
display:flex!important;
flex-wrap:nowrap!important;
align-items:center!important;
gap:8px!important;
width:100%!important;
max-width:100%!important;
overflow-x:auto!important;
overflow-y:visible!important;
padding:0 2px 9px!important;
-webkit-overflow-scrolling:touch!important;
scrollbar-width:none!important;
}
body.ypi-next-search-active .ypi-nse-search-row--uae::-webkit-scrollbar{
display:none!important;
}
body.ypi-next-search-active .ypi-nse-search-row--uae::after{
content:"";
display:block;
flex:0 0 2px;
width:2px;
}
body.ypi-next-search-active .ypi-nse-search-row--uae > *{
min-width:0!important;
max-width:none!important;
box-sizing:border-box!important;
}
/* Location is a separate full row above the chip rail. */
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-field--location{
order:1!important;
flex:0 0 100%!important;
width:100%!important;
max-width:100%!important;
min-width:100%!important;
position:relative!important;
margin:0 0 2px!important;
}
/* Force following controls to start a second horizontal rail. */
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-advanced-toggle{
order:2!important;
flex:0 0 38px!important;
width:38px!important;
min-width:38px!important;
max-width:38px!important;
}
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-field--mode{
order:3!important;
flex:0 0 104px!important;
width:104px!important;
}
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-chip-field--type,
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-chip-field--type-grouped-single{
order:4!important;
flex:0 0 112px!important;
width:112px!important;
position:relative!important;
z-index:15!important;
}
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-chip-field--min-price{
order:5!important;
flex:0 0 114px!important;
width:114px!important;
}
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-chip-field--max-price{
order:6!important;
flex:0 0 114px!important;
width:114px!important;
}
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-chip-field--beds{
order:7!important;
flex:0 0 86px!important;
width:86px!important;
}
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-chip-field--bath{
order:8!important;
flex:0 0 86px!important;
width:86px!important;
}
body.ypi-next-search-active .ypi-nse-field--location input#ypi-nse-search-location{
width:100%!important;
height:46px!important;
min-height:46px!important;
border-radius:14px!important;
border:1px solid rgba(148,163,184,.32)!important;
background:#ffffff!important;
padding:0 50px 0 16px!important;
font-size:14px!important;
font-weight:500!important;
color:#0f172a!important;
box-shadow:0 8px 22px rgba(15,23,42,.045)!important;
}
body.ypi-next-search-active .ypi-nse-field--location input#ypi-nse-search-location::placeholder{
color:#7b8797!important;
opacity:1!important;
}
body.ypi-next-search-active .ypi-nse-locate-btn,
body.ypi-next-search-active .ypi-nse-field--location .ypi-nse-locate-btn{
position:absolute!important;
right:8px!important;
top:50%!important;
transform:translateY(-50%)!important;
width:34px!important;
height:34px!important;
min-width:34px!important;
min-height:34px!important;
border-radius:50%!important;
border:1px solid rgba(20,184,166,.24)!important;
background:#eafff9!important;
color:#159a7f!important;
box-shadow:none!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
padding:0!important;
}
body.ypi-next-search-active .ypi-nse-locate-btn span{
font-size:0!important;
line-height:1!important;
}
body.ypi-next-search-active .ypi-nse-locate-btn span::before{
content:"⌖";
font-size:14px!important;
line-height:1!important;
}
body.ypi-next-search-active .ypi-nse-search-row--uae select,
body.ypi-next-search-active .ypi-nse-search-row--uae input:not(#ypi-nse-search-location),
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-type-picker-toggle,
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-advanced-toggle{
height:38px!important;
min-height:38px!important;
max-height:38px!important;
border-radius:999px!important;
border:1px solid rgba(20,184,166,.24)!important;
background:#ecfff8!important;
color:#12906f!important;
font-size:12px!important;
font-weight:700!important;
line-height:38px!important;
box-shadow:none!important;
white-space:nowrap!important;
}
body.ypi-next-search-active .ypi-nse-search-row--uae select,
body.ypi-next-search-active .ypi-nse-search-row--uae input:not(#ypi-nse-search-location){
width:100%!important;
padding:0 14px!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
}
body.ypi-next-search-active .ypi-nse-search-row--uae input:not(#ypi-nse-search-location)::placeholder{
color:#12906f!important;
opacity:1!important;
}
body.ypi-next-search-active .ypi-nse-advanced-toggle{
padding:0!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
background:#e7fff5!important;
}
body.ypi-next-search-active .ypi-nse-advanced-toggle__text{
display:none!important;
}
body.ypi-next-search-active .ypi-nse-advanced-toggle__icon{
width:auto!important;
height:auto!important;
font-size:0!important;
line-height:1!important;
color:transparent!important;
}
body.ypi-next-search-active .ypi-nse-advanced-toggle__icon::before{
content:"☷";
font-size:15px!important;
color:#12906f!important;
line-height:1!important;
}
body.ypi-next-search-active .ypi-nse-advanced-toggle__count:not(.is-hidden){
position:absolute!important;
top:-4px!important;
right:-4px!important;
min-width:16px!important;
height:16px!important;
padding:0 4px!important;
border-radius:999px!important;
background:#0f9b76!important;
color:#fff!important;
font-size:10px!important;
line-height:16px!important;
}
body.ypi-next-search-active .ypi-nse-type-picker-toggle{
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
width:100%!important;
padding:0 12px!important;
}
body.ypi-next-search-active .ypi-nse-type-picker-toggle__label{
overflow:hidden!important;
text-overflow:ellipsis!important;
white-space:nowrap!important;
max-width:74px!important;
}
body.ypi-next-search-active .ypi-nse-type-picker-toggle__arrow{
font-size:0!important;
}
body.ypi-next-search-active .ypi-nse-type-picker-toggle__arrow::before{
content:"⌄";
font-size:13px!important;
color:#12906f!important;
}
body.ypi-next-search-active .ypi-nse-type-picker-panel{
position:fixed!important;
left:12px!important;
right:12px!important;
top:calc(86px + env(safe-area-inset-top, 0px))!important;
z-index:2147482500!important;
max-height:calc(100dvh - 118px)!important;
overflow:auto!important;
border-radius:14px!important;
}
body.ypi-next-search-active .ypi-sse-mobile-bar{
position:fixed!important;
left:auto!important;
right:8px!important;
bottom:calc(70px + env(safe-area-inset-bottom, 0px))!important;
z-index:2147482200!important;
display:flex!important;
flex-direction:column!important;
align-items:flex-end!important;
justify-content:flex-end!important;
gap:8px!important;
width:auto!important;
max-width:96px!important;
padding:0!important;
border:0!important;
border-radius:0!important;
background:transparent!important;
box-shadow:none!important;
backdrop-filter:none!important;
pointer-events:none!important;
}
body.ypi-next-search-active .ypi-sse-view-btn--mobile{
pointer-events:auto!important;
width:auto!important;
min-width:78px!important;
height:36px!important;
min-height:36px!important;
max-height:36px!important;
padding:0 12px!important;
border-radius:999px!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
gap:5px!important;
background:#ffffff!important;
color:#0f172a!important;
border:1px solid rgba(148,163,184,.22)!important;
box-shadow:0 12px 28px rgba(15,23,42,.16)!important;
font-size:11px!important;
font-weight:700!important;
}
body.ypi-next-search-active .ypi-sse-view-btn--mobile.is-active{
background:#15946f!important;
color:#ffffff!important;
border-color:#15946f!important;
}
body.ypi-next-search-active .ypi-sse-view-btn--mobile .ypi-sse-view-btn__icon svg{
width:12px!important;
height:12px!important;
}
body.ypi-next-search-active .ypi-sse-view-btn--mobile .ypi-sse-view-btn__text{
font-size:11px!important;
line-height:1!important;
}
}
@media (max-width: 380px){
body.ypi-next-search-active .ypi-nse-search-shell{
padding-left:8px!important;
padding-right:8px!important;
}
body.ypi-next-search-active .ypi-nse-search-row--uae{
gap:7px!important;
}
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-field--mode{flex-basis:96px!important;width:96px!important;}
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-chip-field--type{flex-basis:104px!important;width:104px!important;}
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-chip-field--min-price,
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-chip-field--max-price{flex-basis:104px!important;width:104px!important;}
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-chip-field--beds,
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-chip-field--bath{flex-basis:80px!important;width:80px!important;}
}
/* v0.9.96 - hard split mobile search into two visual rows.
Desktop/tablet landscape keep one native row via display: contents.
Phone/tablet portrait: Location is row 1; all filters are row 2 in a horizontal rail. */
body.ypi-next-search-active .ypi-nse-mobile-filter-rail{
display:contents!important;
}
@media (min-width: 768px) and (orientation: landscape), (min-width: 992px){
body.ypi-next-search-active .ypi-nse-search-row--uae{
display:flex!important;
flex-wrap:nowrap!important;
align-items:center!important;
justify-content:center!important;
overflow:visible!important;
}
body.ypi-next-search-active .ypi-nse-mobile-filter-rail{
display:contents!important;
}
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-field--mode{order:1!important;}
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-field--location{order:2!important;}
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-chip-field--type{order:3!important;}
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-chip-field--beds{order:4!important;}
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-chip-field--bath{order:5!important;}
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-chip-field--min-price{order:6!important;}
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-chip-field--max-price{order:7!important;}
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-advanced-toggle{order:8!important;}
}
@media (max-width: 767px), (min-width: 768px) and (max-width: 1024px) and (orientation: portrait){
body.ypi-next-search-active .ypi-nse-search-shell{
padding:10px 10px 6px!important;
}
body.ypi-next-search-active .ypi-nse-search-form{
display:block!important;
overflow:visible!important;
}
body.ypi-next-search-active .ypi-nse-search-row--uae{
display:block!important;
width:100%!important;
max-width:100%!important;
overflow:visible!important;
padding:0!important;
}
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-field--location{
display:block!important;
width:100%!important;
min-width:0!important;
max-width:100%!important;
margin:0 0 8px!important;
position:relative!important;
order:initial!important;
flex:none!important;
}
body.ypi-next-search-active .ypi-nse-mobile-filter-rail{
display:flex!important;
flex-wrap:nowrap!important;
align-items:center!important;
gap:8px!important;
width:100%!important;
max-width:100%!important;
overflow-x:auto!important;
overflow-y:visible!important;
padding:0 2px 8px!important;
margin:0!important;
-webkit-overflow-scrolling:touch!important;
scrollbar-width:none!important;
}
body.ypi-next-search-active .ypi-nse-mobile-filter-rail::-webkit-scrollbar{
display:none!important;
}
body.ypi-next-search-active .ypi-nse-mobile-filter-rail::after{
content:"";
display:block;
flex:0 0 8px;
width:8px;
height:1px;
}
body.ypi-next-search-active .ypi-nse-mobile-filter-rail > *{
flex-shrink:0!important;
min-width:0!important;
max-width:none!important;
box-sizing:border-box!important;
order:initial!important;
}
body.ypi-next-search-active .ypi-nse-mobile-filter-rail .ypi-nse-advanced-toggle{
flex:0 0 38px!important;
width:38px!important;
min-width:38px!important;
max-width:38px!important;
}
body.ypi-next-search-active .ypi-nse-mobile-filter-rail .ypi-nse-field--mode{
flex:0 0 104px!important;
width:104px!important;
}
body.ypi-next-search-active .ypi-nse-mobile-filter-rail .ypi-nse-chip-field--type,
body.ypi-next-search-active .ypi-nse-mobile-filter-rail .ypi-nse-chip-field--type-grouped-single{
flex:0 0 112px!important;
width:112px!important;
position:relative!important;
z-index:15!important;
}
body.ypi-next-search-active .ypi-nse-mobile-filter-rail .ypi-nse-chip-field--min-price,
body.ypi-next-search-active .ypi-nse-mobile-filter-rail .ypi-nse-chip-field--max-price{
flex:0 0 112px!important;
width:112px!important;
}
body.ypi-next-search-active .ypi-nse-mobile-filter-rail .ypi-nse-chip-field--beds,
body.ypi-next-search-active .ypi-nse-mobile-filter-rail .ypi-nse-chip-field--bath{
flex:0 0 84px!important;
width:84px!important;
}
body.ypi-next-search-active .ypi-nse-field--location input#ypi-nse-search-location{
width:100%!important;
min-width:0!important;
max-width:100%!important;
}
}
@media (max-width: 380px){
body.ypi-next-search-active .ypi-nse-mobile-filter-rail{
gap:7px!important;
padding-right:0!important;
}
body.ypi-next-search-active .ypi-nse-mobile-filter-rail .ypi-nse-field--mode{flex-basis:96px!important;width:96px!important;}
body.ypi-next-search-active .ypi-nse-mobile-filter-rail .ypi-nse-chip-field--type{flex-basis:104px!important;width:104px!important;}
body.ypi-next-search-active .ypi-nse-mobile-filter-rail .ypi-nse-chip-field--min-price,
body.ypi-next-search-active .ypi-nse-mobile-filter-rail .ypi-nse-chip-field--max-price{flex-basis:104px!important;width:104px!important;}
body.ypi-next-search-active .ypi-nse-mobile-filter-rail .ypi-nse-chip-field--beds,
body.ypi-next-search-active .ypi-nse-mobile-filter-rail .ypi-nse-chip-field--bath{flex-basis:80px!important;width:80px!important;}
}
/* v0.9.97 - mobile search field alignment and picker layering fix.
Keeps desktop + tablet landscape untouched. Phone/tablet portrait only. */
@media (max-width: 767px), (min-width: 768px) and (max-width: 1024px) and (orientation: portrait){
body.ypi-next-search-active .ypi-nse-search-shell{
overflow:visible!important;
}
body.ypi-next-search-active .ypi-nse-search-form,
body.ypi-next-search-active .ypi-nse-search-row--uae{
overflow:visible!important;
}
/* Address row: keep it on its own line and extend it roughly 20% to the right. */
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-field--location{
width:min(calc(100% + 20%), calc(100vw - 28px))!important;
max-width:calc(100vw - 28px)!important;
min-width:0!important;
margin:0 0 8px!important;
flex:none!important;
}
body.ypi-next-search-active .ypi-nse-field--location input#ypi-nse-search-location{
width:100%!important;
max-width:100%!important;
height:46px!important;
min-height:46px!important;
border-radius:12px!important;
border:1px solid rgba(148,163,184,.34)!important;
background:#ffffff!important;
color:#0f172a!important;
box-shadow:0 8px 20px rgba(15,23,42,.045)!important;
padding:0 50px 0 16px!important;
}
/* Second row: same left edge and same visual width as the address field. */
body.ypi-next-search-active .ypi-nse-mobile-filter-rail{
width:min(calc(100% + 20%), calc(100vw - 28px))!important;
max-width:calc(100vw - 28px)!important;
margin:0!important;
padding:0 0 8px!important;
gap:8px!important;
align-items:center!important;
overflow-x:auto!important;
overflow-y:visible!important;
-webkit-overflow-scrolling:touch!important;
}
/* One consistent control language for Type / Min / Max / Bed / Bath. */
body.ypi-next-search-active .ypi-nse-mobile-filter-rail select,
body.ypi-next-search-active .ypi-nse-mobile-filter-rail input:not(#ypi-nse-search-location),
body.ypi-next-search-active .ypi-nse-mobile-filter-rail .ypi-nse-type-picker-toggle{
height:40px!important;
min-height:40px!important;
max-height:40px!important;
border-radius:10px!important;
border:1px solid rgba(148,163,184,.34)!important;
background:#ffffff!important;
color:#0f172a!important;
box-shadow:none!important;
font-size:12px!important;
font-weight:700!important;
line-height:1.1!important;
padding:0 13px!important;
}
body.ypi-next-search-active .ypi-nse-mobile-filter-rail input:not(#ypi-nse-search-location)::placeholder{
color:#0f172a!important;
opacity:.82!important;
}
body.ypi-next-search-active .ypi-nse-mobile-filter-rail .ypi-nse-type-picker-toggle{
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:8px!important;
}
body.ypi-next-search-active .ypi-nse-mobile-filter-rail .ypi-nse-type-picker-toggle__label{
max-width:72px!important;
color:#0f172a!important;
}
body.ypi-next-search-active .ypi-nse-mobile-filter-rail .ypi-nse-type-picker-toggle__arrow::before{
color:#0f172a!important;
}
/* Keep the filters button circular and aligned with the chip row. */
body.ypi-next-search-active .ypi-nse-mobile-filter-rail .ypi-nse-advanced-toggle{
width:40px!important;
min-width:40px!important;
max-width:40px!important;
height:40px!important;
min-height:40px!important;
max-height:40px!important;
border-radius:50%!important;
border:1px solid rgba(20,184,166,.26)!important;
background:#eafff9!important;
color:#12906f!important;
box-shadow:none!important;
}
body.ypi-next-search-active .ypi-nse-mobile-filter-rail .ypi-nse-chip-field--type,
body.ypi-next-search-active .ypi-nse-mobile-filter-rail .ypi-nse-chip-field--type-grouped-single{
flex:0 0 112px!important;
width:112px!important;
z-index:2147483500!important;
}
body.ypi-next-search-active .ypi-nse-mobile-filter-rail .ypi-nse-chip-field--min-price,
body.ypi-next-search-active .ypi-nse-mobile-filter-rail .ypi-nse-chip-field--max-price{
flex:0 0 112px!important;
width:112px!important;
}
body.ypi-next-search-active .ypi-nse-mobile-filter-rail .ypi-nse-chip-field--beds,
body.ypi-next-search-active .ypi-nse-mobile-filter-rail .ypi-nse-chip-field--bath{
flex:0 0 86px!important;
width:86px!important;
}
/* Type picker: force a visible mobile bottom sheet, above header/search/cards/maps. */
body.ypi-next-search-active .ypi-nse-type-picker-panel:not([hidden]){
position:fixed!important;
left:12px!important;
right:12px!important;
top:auto!important;
bottom:calc(18px + env(safe-area-inset-bottom, 0px))!important;
width:auto!important;
max-width:none!important;
max-height:min(74dvh, 620px)!important;
overflow:auto!important;
-webkit-overflow-scrolling:touch!important;
z-index:2147483600!important;
border:1px solid rgba(148,163,184,.28)!important;
border-radius:18px!important;
background:#ffffff!important;
padding:13px!important;
box-shadow:0 24px 80px rgba(15,23,42,.32)!important;
}
}
@media (max-width: 380px){
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-field--location,
body.ypi-next-search-active .ypi-nse-mobile-filter-rail{
width:min(calc(100% + 20%), calc(100vw - 22px))!important;
max-width:calc(100vw - 22px)!important;
}
body.ypi-next-search-active .ypi-nse-mobile-filter-rail .ypi-nse-chip-field--min-price,
body.ypi-next-search-active .ypi-nse-mobile-filter-rail .ypi-nse-chip-field--max-price{
flex-basis:108px!important;
width:108px!important;
}
}
/* v0.9.98 - mobile search rail alignment and control sizing.
Phone/tablet portrait only; desktop and tablet landscape remain untouched. */
@media (max-width: 767px), (min-width: 768px) and (max-width: 1024px) and (orientation: portrait){
body.ypi-next-search-active .ypi-nse-search-row--uae{
display:block!important;
width:100%!important;
max-width:100%!important;
overflow:visible!important;
padding-left:0!important;
padding-right:0!important;
margin-left:0!important;
margin-right:0!important;
}
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-field--location{
display:block!important;
position:relative!important;
flex:none!important;
width:calc(100% + 20%)!important;
min-width:0!important;
max-width:calc(100vw - 22px)!important;
margin:0 0 8px 0!important;
padding:0!important;
transform:none!important;
}
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-field--location input#ypi-nse-search-location,
body.ypi-next-search-active input#ypi-nse-search-location{
display:block!important;
width:calc(100% + 20%)!important;
min-width:0!important;
max-width:calc(100vw - 22px)!important;
box-sizing:border-box!important;
height:46px!important;
min-height:46px!important;
border-radius:12px!important;
padding:0 50px 0 16px!important;
}
body.ypi-next-search-active .ypi-nse-mobile-filter-rail{
display:flex!important;
flex-wrap:nowrap!important;
justify-content:flex-start!important;
align-items:center!important;
gap:8px!important;
width:calc(100% + 20%)!important;
min-width:0!important;
max-width:calc(100vw - 22px)!important;
margin:0!important;
padding:0 0 8px 0!important;
transform:none!important;
left:auto!important;
right:auto!important;
overflow-x:auto!important;
overflow-y:visible!important;
scroll-padding-left:0!important;
-webkit-overflow-scrolling:touch!important;
}
body.ypi-next-search-active .ypi-nse-mobile-filter-rail > *{
flex-shrink:0!important;
margin-top:0!important;
margin-bottom:0!important;
}
body.ypi-next-search-active .ypi-nse-mobile-filter-rail .ypi-nse-advanced-toggle{
order:0!important;
flex:0 0 42px!important;
width:42px!important;
min-width:42px!important;
max-width:42px!important;
height:42px!important;
min-height:42px!important;
max-height:42px!important;
border-radius:50%!important;
margin-left:0!important;
}
body.ypi-next-search-active .ypi-nse-mobile-filter-rail select,
body.ypi-next-search-active .ypi-nse-mobile-filter-rail input:not(#ypi-nse-search-location),
body.ypi-next-search-active .ypi-nse-mobile-filter-rail .ypi-nse-type-picker-toggle{
height:42px!important;
min-height:42px!important;
max-height:42px!important;
border-radius:6px!important;
border:1px solid rgba(148,163,184,.34)!important;
background:#fff!important;
box-shadow:none!important;
padding:0 13px!important;
line-height:42px!important;
}
body.ypi-next-search-active .ypi-nse-mobile-filter-rail .ypi-nse-type-picker-toggle{
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
line-height:1!important;
}
body.ypi-next-search-active .ypi-nse-type-picker-panel:not([hidden]),
body.ypi-next-search-active #ypi-nse-type-picker-panel:not([hidden]){
position:fixed!important;
left:12px!important;
right:12px!important;
top:auto!important;
bottom:calc(16px + env(safe-area-inset-bottom, 0px))!important;
width:auto!important;
min-width:0!important;
max-width:none!important;
max-height:min(74dvh, 620px)!important;
overflow:auto!important;
z-index:2147483600!important;
transform:none!important;
border-radius:18px!important;
background:#fff!important;
box-shadow:0 24px 80px rgba(15,23,42,.34)!important;
}
}
@media (max-width: 380px){
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-field--location,
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-field--location input#ypi-nse-search-location,
body.ypi-next-search-active input#ypi-nse-search-location,
body.ypi-next-search-active .ypi-nse-mobile-filter-rail{
max-width:calc(100vw - 18px)!important;
}
}
/* v0.9.99 - mobile filter icon + price input hard polish.
Scope: phone and tablet portrait only. Desktop/tablet landscape are untouched. */
@media (max-width: 767px), (min-width: 768px) and (max-width: 1024px) and (orientation: portrait){
body.ypi-next-search-active .ypi-nse-mobile-filter-rail #ypi-nse-advanced-toggle.ypi-nse-advanced-toggle,
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-mobile-filter-rail #ypi-nse-advanced-toggle.ypi-nse-advanced-toggle{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
flex:0 0 42px!important;
width:42px!important;
min-width:42px!important;
max-width:42px!important;
height:42px!important;
min-height:42px!important;
max-height:42px!important;
padding:0!important;
margin:0!important;
border-radius:50%!important;
border:1px solid rgba(12,148,119,.42)!important;
background:#15977a!important;
color:#ffffff!important;
font-size:0!important;
line-height:1!important;
gap:0!important;
box-shadow:0 8px 18px rgba(21,151,122,.16)!important;
}
body.ypi-next-search-active .ypi-nse-mobile-filter-rail #ypi-nse-advanced-toggle .ypi-nse-advanced-toggle__text{
display:none!important;
}
body.ypi-next-search-active .ypi-nse-mobile-filter-rail #ypi-nse-advanced-toggle .ypi-nse-advanced-toggle__icon{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
width:20px!important;
height:20px!important;
min-width:20px!important;
min-height:20px!important;
margin:0!important;
padding:0!important;
color:#ffffff!important;
background:transparent!important;
border-radius:0!important;
font-size:0!important;
}
body.ypi-next-search-active .ypi-nse-mobile-filter-rail #ypi-nse-advanced-toggle .ypi-nse-advanced-toggle__icon svg{
display:block!important;
width:20px!important;
height:20px!important;
stroke:#ffffff!important;
fill:none!important;
stroke-width:2!important;
stroke-linecap:round!important;
stroke-linejoin:round!important;
}
body.ypi-next-search-active .ypi-nse-mobile-filter-rail .ypi-nse-chip-field--min-price,
body.ypi-next-search-active .ypi-nse-mobile-filter-rail .ypi-nse-chip-field--max-price{
height:42px!important;
min-height:42px!important;
max-height:42px!important;
border-radius:6px!important;
overflow:visible!important;
}
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-mobile-filter-rail .ypi-nse-chip-field--min-price input#ypi-nse-min-price,
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-mobile-filter-rail .ypi-nse-chip-field--max-price input#ypi-nse-max-price,
body.ypi-next-search-active .ypi-nse-mobile-filter-rail input#ypi-nse-min-price,
body.ypi-next-search-active .ypi-nse-mobile-filter-rail input#ypi-nse-max-price{
display:block!important;
width:100%!important;
height:42px!important;
min-height:42px!important;
max-height:42px!important;
box-sizing:border-box!important;
border-radius:6px!important;
border:1px solid rgba(148,163,184,.34)!important;
background:#ffffff!important;
color:#0f172a!important;
box-shadow:none!important;
outline:0!important;
padding:0 13px!important;
font-size:12px!important;
font-weight:700!important;
line-height:42px!important;
-webkit-appearance:none!important;
appearance:textfield!important;
}
body.ypi-next-search-active .ypi-nse-mobile-filter-rail input#ypi-nse-min-price::-webkit-outer-spin-button,
body.ypi-next-search-active .ypi-nse-mobile-filter-rail input#ypi-nse-min-price::-webkit-inner-spin-button,
body.ypi-next-search-active .ypi-nse-mobile-filter-rail input#ypi-nse-max-price::-webkit-outer-spin-button,
body.ypi-next-search-active .ypi-nse-mobile-filter-rail input#ypi-nse-max-price::-webkit-inner-spin-button{
-webkit-appearance:none!important;
margin:0!important;
}
body.ypi-next-search-active .ypi-nse-mobile-filter-rail input#ypi-nse-min-price::placeholder,
body.ypi-next-search-active .ypi-nse-mobile-filter-rail input#ypi-nse-max-price::placeholder{
color:#0f172a!important;
opacity:.82!important;
}
}
/* v0.9.102 - mobile filter button: real inline SVG options/sliders icon; no CSS-drawn gradients. */
@media (max-width:767px), (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
body.ypi-next-search-active .ypi-nse-mobile-filter-rail #ypi-nse-advanced-toggle.ypi-nse-advanced-toggle {
border-radius:21% !important;
overflow:hidden !important;
}
body.ypi-next-search-active .ypi-nse-mobile-filter-rail #ypi-nse-advanced-toggle .ypi-nse-advanced-toggle__text,
body.ypi-next-search-active .ypi-nse-mobile-filter-rail #ypi-nse-advanced-toggle .ypi-nse-advanced-toggle__count {
display:none !important;
width:0 !important;
height:0 !important;
min-width:0 !important;
min-height:0 !important;
max-width:0 !important;
max-height:0 !important;
margin:0 !important;
padding:0 !important;
opacity:0 !important;
overflow:hidden !important;
}
body.ypi-next-search-active .ypi-nse-mobile-filter-rail #ypi-nse-advanced-toggle .ypi-nse-advanced-toggle__icon {
position:relative !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
width:28px !important;
height:28px !important;
min-width:28px !important;
min-height:28px !important;
margin:0 !important;
padding:0 !important;
color:#fff !important;
background:transparent !important;
border-radius:0 !important;
line-height:1 !important;
font-size:0 !important;
}
body.ypi-next-search-active .ypi-nse-mobile-filter-rail #ypi-nse-advanced-toggle .ypi-nse-advanced-toggle__icon::before,
body.ypi-next-search-active .ypi-nse-mobile-filter-rail #ypi-nse-advanced-toggle .ypi-nse-advanced-toggle__icon::after {
content:none !important;
display:none !important;
background:none !important;
border:0 !important;
box-shadow:none !important;
}
body.ypi-next-search-active .ypi-nse-mobile-filter-rail #ypi-nse-advanced-toggle .ypi-nse-advanced-toggle__icon svg,
body.ypi-next-search-active .ypi-nse-mobile-filter-rail #ypi-nse-advanced-toggle .ypi-nse-filter-options-svg {
display:block !important;
width:27px !important;
height:27px !important;
min-width:27px !important;
min-height:27px !important;
stroke:#fff !important;
fill:none !important;
color:#fff !important;
stroke-width:2.25 !important;
stroke-linecap:round !important;
stroke-linejoin:round !important;
transform:none !important;
}
body.ypi-next-search-active .ypi-nse-mobile-filter-rail #ypi-nse-advanced-toggle .ypi-nse-filter-options-svg path,
body.ypi-next-search-active .ypi-nse-mobile-filter-rail #ypi-nse-advanced-toggle .ypi-nse-filter-options-svg circle {
stroke:#fff !important;
fill:none !important;
}
}
/* v0.9.103 - mobile filter SVG size and blue button background. */
@media (max-width:767px), (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
body.ypi-next-search-active .ypi-nse-mobile-filter-rail #ypi-nse-advanced-toggle.ypi-nse-advanced-toggle,
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-mobile-filter-rail #ypi-nse-advanced-toggle.ypi-nse-advanced-toggle {
background:#2d8b73 !important;
background-color:#2d8b73 !important;
}
body.ypi-next-search-active .ypi-nse-mobile-filter-rail #ypi-nse-advanced-toggle .ypi-nse-advanced-toggle__icon svg,
body.ypi-next-search-active .ypi-nse-mobile-filter-rail #ypi-nse-advanced-toggle .ypi-nse-filter-options-svg,
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-mobile-filter-rail #ypi-nse-advanced-toggle .ypi-nse-filter-options-svg {
width:18px !important;
height:18px !important;
min-width:18px !important;
min-height:18px !important;
stroke-width:2.00 !important;
stroke:#fff !important;
fill:none !important;
}
body.ypi-next-search-active .ypi-nse-mobile-filter-rail #ypi-nse-advanced-toggle .ypi-nse-filter-options-svg path,
body.ypi-next-search-active .ypi-nse-mobile-filter-rail #ypi-nse-advanced-toggle .ypi-nse-filter-options-svg circle {
stroke-width:2.00 !important;
stroke:#fff !important;
fill:none !important;
}
}
/* v0.9.104 - filter toggle desktop alignment + cleaner centered options SVG.
Desktop/tablet landscape: only lower the advanced toggle so it aligns with the other fields.
Mobile/tablet portrait: remove the previous busy SVG class and keep one centered options icon. */
@media (min-width: 992px){
body.ypi-next-search-active .ypi-nse-search-row--uae #ypi-nse-advanced-toggle.ypi-nse-advanced-toggle{
position:relative!important;
top:0px!important;
align-self:center!important;
}
body.ypi-next-search-active .ypi-nse-search-row--uae #ypi-nse-advanced-toggle .ypi-nse-filter-control-svg{
display:block!important;
width:18px!important;
height:18px!important;
min-width:18px!important;
min-height:18px!important;
margin:0 auto!important;
stroke:currentColor!important;
fill:none!important;
stroke-width:2!important;
stroke-linecap:round!important;
stroke-linejoin:round!important;
transform:none!important;
}
}
@media (max-width: 767px), (min-width: 768px) and (max-width: 1024px) and (orientation: portrait){
body.ypi-next-search-active .ypi-nse-mobile-filter-rail #ypi-nse-advanced-toggle .ypi-nse-filter-options-svg{
display:none!important;
width:0!important;
height:0!important;
opacity:0!important;
overflow:hidden!important;
}
body.ypi-next-search-active .ypi-nse-mobile-filter-rail #ypi-nse-advanced-toggle .ypi-nse-filter-control-svg,
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-mobile-filter-rail #ypi-nse-advanced-toggle .ypi-nse-filter-control-svg{
display:block!important;
width:18px!important;
height:18px!important;
min-width:18px!important;
min-height:18px!important;
margin:0 auto!important;
stroke:#fff!important;
fill:none!important;
stroke-width:2!important;
stroke-linecap:round!important;
stroke-linejoin:round!important;
transform:none!important;
}
body.ypi-next-search-active .ypi-nse-mobile-filter-rail #ypi-nse-advanced-toggle .ypi-nse-filter-control-svg path,
body.ypi-next-search-active .ypi-nse-mobile-filter-rail #ypi-nse-advanced-toggle .ypi-nse-filter-control-svg circle{
stroke:#fff!important;
fill:none!important;
stroke-width:2!important;
}
}
/* v0.9.105 - remove inline SVG from advanced filter toggle and center a CSS-mask options icon. */
body.ypi-next-search-active #ypi-nse-advanced-toggle .ypi-nse-filter-control-svg,
body.ypi-next-search-active #ypi-nse-advanced-toggle .ypi-nse-filter-options-svg,
body.ypi-next-search-active #ypi-nse-advanced-toggle .ypi-nse-advanced-toggle__icon svg{
display:none!important;
width:0!important;
height:0!important;
opacity:0!important;
overflow:hidden!important;
}
body.ypi-next-search-active #ypi-nse-advanced-toggle .ypi-nse-advanced-toggle__icon{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
width:18px!important;
height:18px!important;
min-width:18px!important;
min-height:18px!important;
margin:0!important;
padding:0!important;
background:#fff!important;
color:#fff!important;
border:0!important;
border-radius:0!important;
font-size:0!important;
line-height:1!important;
-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M21%205h-7%22%2F%3E%3Cpath%20d%3D%22M10%205H3%22%2F%3E%3Cpath%20d%3D%22M21%2012h-9%22%2F%3E%3Cpath%20d%3D%22M8%2012H3%22%2F%3E%3Cpath%20d%3D%22M21%2019h-5%22%2F%3E%3Cpath%20d%3D%22M12%2019H3%22%2F%3E%3Cpath%20d%3D%22M14%203v4%22%2F%3E%3Cpath%20d%3D%22M8%2010v4%22%2F%3E%3Cpath%20d%3D%22M16%2017v4%22%2F%3E%3C%2Fsvg%3E") center / 18px 18px no-repeat!important;
mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M21%205h-7%22%2F%3E%3Cpath%20d%3D%22M10%205H3%22%2F%3E%3Cpath%20d%3D%22M21%2012h-9%22%2F%3E%3Cpath%20d%3D%22M8%2012H3%22%2F%3E%3Cpath%20d%3D%22M21%2019h-5%22%2F%3E%3Cpath%20d%3D%22M12%2019H3%22%2F%3E%3Cpath%20d%3D%22M14%203v4%22%2F%3E%3Cpath%20d%3D%22M8%2010v4%22%2F%3E%3Cpath%20d%3D%22M16%2017v4%22%2F%3E%3C%2Fsvg%3E") center / 18px 18px no-repeat!important;
}
body.ypi-next-search-active #ypi-nse-advanced-toggle .ypi-nse-advanced-toggle__icon::before,
body.ypi-next-search-active #ypi-nse-advanced-toggle .ypi-nse-advanced-toggle__icon::after{
content:none!important;
display:none!important;
}
@media (min-width:992px){
body.ypi-next-search-active .ypi-nse-search-row--uae #ypi-nse-advanced-toggle.ypi-nse-advanced-toggle{
top:0px!important;
}
}
/* v0.9.106 - clean centered two-slider filter icon, no inline SVG markup. */
body.ypi-next-search-active #ypi-nse-advanced-toggle.ypi-nse-advanced-toggle{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
gap:0!important;
}
body.ypi-next-search-active #ypi-nse-advanced-toggle .ypi-nse-advanced-toggle__icon{
display:block!important;
position:relative!important;
inset:auto!important;
width:18px!important;
height:18px!important;
min-width:18px!important;
min-height:18px!important;
max-width:18px!important;
max-height:18px!important;
margin:auto!important;
padding:0!important;
background:#fff!important;
background-color:#fff!important;
color:#fff!important;
border:0!important;
border-radius:0!important;
font-size:0!important;
line-height:0!important;
transform:none!important;
-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222.3%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%207h16%22%2F%3E%3Cpath%20d%3D%22M4%2017h16%22%2F%3E%3Ccircle%20cx%3D%2215%22%20cy%3D%227%22%20r%3D%222.25%22%20fill%3D%22black%22%20stroke%3D%22black%22%2F%3E%3Ccircle%20cx%3D%229%22%20cy%3D%2217%22%20r%3D%222.25%22%20fill%3D%22black%22%20stroke%3D%22black%22%2F%3E%3C%2Fsvg%3E") center / 18px 18px no-repeat!important;
mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222.3%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%207h16%22%2F%3E%3Cpath%20d%3D%22M4%2017h16%22%2F%3E%3Ccircle%20cx%3D%2215%22%20cy%3D%227%22%20r%3D%222.25%22%20fill%3D%22black%22%20stroke%3D%22black%22%2F%3E%3Ccircle%20cx%3D%229%22%20cy%3D%2217%22%20r%3D%222.25%22%20fill%3D%22black%22%20stroke%3D%22black%22%2F%3E%3C%2Fsvg%3E") center / 18px 18px no-repeat!important;
}
body.ypi-next-search-active #ypi-nse-advanced-toggle .ypi-nse-advanced-toggle__icon::before,
body.ypi-next-search-active #ypi-nse-advanced-toggle .ypi-nse-advanced-toggle__icon::after{
content:none!important;
display:none!important;
background:none!important;
border:0!important;
box-shadow:none!important;
}
/* v0.9.107 - mobile toggle icon restore + green main toggle color. */
body.ypi-next-search-active #ypi-nse-advanced-toggle.ypi-nse-advanced-toggle {
background:#2d8b73!important;
background-color:#2d8b73!important;
border-color:#2d8b73!important;
color:#fff!important;
}
body.ypi-next-search-active #ypi-nse-advanced-toggle .ypi-nse-advanced-toggle__icon {
display:block!important;
position:relative!important;
width:18px!important;
height:18px!important;
min-width:18px!important;
min-height:18px!important;
max-width:18px!important;
max-height:18px!important;
margin:auto!important;
padding:0!important;
background:#fff!important;
background-color:#fff!important;
color:#fff!important;
border:0!important;
border-radius:0!important;
font-size:0!important;
line-height:0!important;
transform:none!important;
-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222.3%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%207h16%22%2F%3E%3Cpath%20d%3D%22M4%2017h16%22%2F%3E%3Ccircle%20cx%3D%2215%22%20cy%3D%227%22%20r%3D%222.25%22%20fill%3D%22black%22%20stroke%3D%22black%22%2F%3E%3Ccircle%20cx%3D%229%22%20cy%3D%2217%22%20r%3D%222.25%22%20fill%3D%22black%22%20stroke%3D%22black%22%2F%3E%3C%2Fsvg%3E") center / 18px 18px no-repeat!important;
mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222.3%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%207h16%22%2F%3E%3Cpath%20d%3D%22M4%2017h16%22%2F%3E%3Ccircle%20cx%3D%2215%22%20cy%3D%227%22%20r%3D%222.25%22%20fill%3D%22black%22%20stroke%3D%22black%22%2F%3E%3Ccircle%20cx%3D%229%22%20cy%3D%2217%22%20r%3D%222.25%22%20fill%3D%22black%22%20stroke%3D%22black%22%2F%3E%3C%2Fsvg%3E") center / 18px 18px no-repeat!important;
}
body.ypi-next-search-active #ypi-nse-advanced-toggle .ypi-nse-advanced-toggle__icon svg,
body.ypi-next-search-active #ypi-nse-advanced-toggle .ypi-nse-filter-control-svg,
body.ypi-next-search-active #ypi-nse-advanced-toggle .ypi-nse-filter-options-svg {
display:none!important;
width:0!important;
height:0!important;
opacity:0!important;
overflow:hidden!important;
}
body.ypi-next-search-active #ypi-nse-advanced-toggle .ypi-nse-advanced-toggle__icon::before,
body.ypi-next-search-active #ypi-nse-advanced-toggle .ypi-nse-advanced-toggle__icon::after {
content:none!important;
display:none!important;
background:none!important;
border:0!important;
box-shadow:none!important;
}
@media (max-width:767px),(min-width:768px) and (max-width:1024px) and (orientation:portrait) {
body.ypi-next-search-active .ypi-nse-mobile-filter-rail #ypi-nse-advanced-toggle.ypi-nse-advanced-toggle,
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-mobile-filter-rail #ypi-nse-advanced-toggle.ypi-nse-advanced-toggle {
background:#2d8b73!important;
background-color:#2d8b73!important;
border-color:#2d8b73!important;
color:#fff!important;
box-shadow:0 8px 18px rgba(45,139,115,.18)!important;
}
body.ypi-next-search-active .ypi-nse-mobile-filter-rail #ypi-nse-advanced-toggle .ypi-nse-advanced-toggle__icon,
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-mobile-filter-rail #ypi-nse-advanced-toggle .ypi-nse-advanced-toggle__icon {
display:block!important;
position:relative!important;
width:18px!important;
height:18px!important;
min-width:18px!important;
min-height:18px!important;
max-width:18px!important;
max-height:18px!important;
margin:auto!important;
padding:0!important;
background:#fff!important;
background-color:#fff!important;
color:#fff!important;
border:0!important;
border-radius:0!important;
font-size:0!important;
line-height:0!important;
transform:none!important;
-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222.3%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%207h16%22%2F%3E%3Cpath%20d%3D%22M4%2017h16%22%2F%3E%3Ccircle%20cx%3D%2215%22%20cy%3D%227%22%20r%3D%222.25%22%20fill%3D%22black%22%20stroke%3D%22black%22%2F%3E%3Ccircle%20cx%3D%229%22%20cy%3D%2217%22%20r%3D%222.25%22%20fill%3D%22black%22%20stroke%3D%22black%22%2F%3E%3C%2Fsvg%3E") center / 18px 18px no-repeat!important;
mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222.3%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%207h16%22%2F%3E%3Cpath%20d%3D%22M4%2017h16%22%2F%3E%3Ccircle%20cx%3D%2215%22%20cy%3D%227%22%20r%3D%222.25%22%20fill%3D%22black%22%20stroke%3D%22black%22%2F%3E%3Ccircle%20cx%3D%229%22%20cy%3D%2217%22%20r%3D%222.25%22%20fill%3D%22black%22%20stroke%3D%22black%22%2F%3E%3C%2Fsvg%3E") center / 18px 18px no-repeat!important;
}
body.ypi-next-search-active .ypi-nse-mobile-filter-rail #ypi-nse-advanced-toggle .ypi-nse-advanced-toggle__icon svg,
body.ypi-next-search-active .ypi-nse-mobile-filter-rail #ypi-nse-advanced-toggle .ypi-nse-filter-control-svg,
body.ypi-next-search-active .ypi-nse-mobile-filter-rail #ypi-nse-advanced-toggle .ypi-nse-filter-options-svg {
display:none!important;
width:0!important;
height:0!important;
opacity:0!important;
overflow:hidden!important;
}
}
/* v0.9.108 - mobile location field safe width + remove location pseudo search icon.
Scope: phone and tablet portrait only; desktop/tablet landscape remain untouched. */
@media (max-width:767px),(min-width:768px) and (max-width:1024px) and (orientation:portrait){
body.ypi-next-search-active .ypi-nse-search-row--uae{
box-sizing:border-box!important;
width:100%!important;
max-width:100%!important;
padding-left:12px!important;
padding-right:12px!important;
margin-left:0!important;
margin-right:0!important;
overflow:visible!important;
}
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-field--location{
box-sizing:border-box!important;
display:block!important;
width:100%!important;
min-width:0!important;
max-width:100%!important;
margin:0 0 8px 0!important;
padding:0!important;
left:auto!important;
right:auto!important;
transform:none!important;
}
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-field--location input#ypi-nse-search-location,
body.ypi-next-search-active input#ypi-nse-search-location{
box-sizing:border-box!important;
display:block!important;
width:100%!important;
min-width:0!important;
max-width:100%!important;
margin:0!important;
padding-left:16px!important;
padding-right:50px!important;
}
body.ypi-next-search-active .ypi-nse-field--location::before,
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-field--location::before{
content:none!important;
display:none!important;
width:0!important;
height:0!important;
opacity:0!important;
visibility:hidden!important;
background:none!important;
border:0!important;
box-shadow:none!important;
}
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-mobile-filter-rail,
body.ypi-next-search-active .ypi-nse-mobile-filter-rail{
box-sizing:border-box!important;
width:100%!important;
min-width:0!important;
max-width:100%!important;
margin-left:0!important;
margin-right:0!important;
padding-left:0!important;
padding-right:0!important;
left:auto!important;
right:auto!important;
transform:none!important;
}
}
/* v0.9.109 - mobile/tablet portrait: widen the two search rows and reduce the top gap.
This is intentionally scoped away from desktop and tablet landscape. */
@media (max-width:767px), (min-width:768px) and (max-width:1024px) and (orientation:portrait){
body.ypi-next-search-active .ypi-nse-search-shell{
box-sizing:border-box!important;
position:relative!important;
left:50%!important;
right:auto!important;
transform:translateX(-50%)!important;
width:calc(100vw - 24px)!important;
max-width:calc(100vw - 24px)!important;
min-width:0!important;
margin:-8px auto 8px!important;
padding:0!important;
overflow:visible!important;
}
body.ypi-next-search-active .ypi-nse-search-form{
box-sizing:border-box!important;
width:100%!important;
max-width:100%!important;
margin:0!important;
padding:0!important;
overflow:visible!important;
background:transparent!important;
border:0!important;
box-shadow:none!important;
}
body.ypi-next-search-active .ypi-nse-search-row--uae{
box-sizing:border-box!important;
display:block!important;
width:100%!important;
max-width:100%!important;
min-width:0!important;
margin:0!important;
padding:0!important;
overflow:visible!important;
}
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-field--location{
box-sizing:border-box!important;
display:block!important;
width:100%!important;
max-width:100%!important;
min-width:0!important;
margin:0 0 8px 0!important;
padding:0!important;
left:auto!important;
right:auto!important;
transform:none!important;
}
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-field--location input#ypi-nse-search-location,
body.ypi-next-search-active input#ypi-nse-search-location{
box-sizing:border-box!important;
display:block!important;
width:100%!important;
max-width:100%!important;
min-width:0!important;
margin:0!important;
}
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-mobile-filter-rail,
body.ypi-next-search-active .ypi-nse-mobile-filter-rail{
box-sizing:border-box!important;
display:flex!important;
flex-wrap:nowrap!important;
align-items:center!important;
justify-content:flex-start!important;
width:100%!important;
max-width:100%!important;
min-width:0!important;
margin:0!important;
padding:0 0 8px 0!important;
gap:8px!important;
overflow-x:auto!important;
overflow-y:visible!important;
scroll-padding-left:0!important;
-webkit-overflow-scrolling:touch!important;
scrollbar-width:none!important;
}
body.ypi-next-search-active .ypi-nse-mobile-filter-rail::-webkit-scrollbar{
display:none!important;
}
body.ypi-next-search-active .ypi-nse-mobile-filter-rail::after{
content:""!important;
display:block!important;
flex:0 0 2px!important;
width:2px!important;
height:1px!important;
}
}
@media (max-width:380px){
body.ypi-next-search-active .ypi-nse-search-shell{
width:calc(100vw - 18px)!important;
max-width:calc(100vw - 18px)!important;
}
}
/* v0.9.110 - mobile/tablet portrait: use the remaining safe horizontal space and reorder rail controls.
Scope is limited to phones and tablet portrait; desktop and tablet landscape keep their native layout. */
@media (max-width:767px), (min-width:768px) and (max-width:1024px) and (orientation:portrait){
body.ypi-next-search-active .ypi-nse-search-shell{
width:calc(100vw - 16px)!important;
max-width:calc(100vw - 16px)!important;
margin-top:-8px!important;
}
body.ypi-next-search-active .ypi-nse-search-row--uae,
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-field--location,
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-mobile-filter-rail,
body.ypi-next-search-active .ypi-nse-mobile-filter-rail{
width:100%!important;
max-width:100%!important;
}
/* Keep the mobile rail in the requested order:
Filter icon, Status, Type, Bed, Bath, Min price, Max price. */
body.ypi-next-search-active .ypi-nse-mobile-filter-rail #ypi-nse-advanced-toggle,
body.ypi-next-search-active .ypi-nse-mobile-filter-rail .ypi-nse-advanced-toggle{
order:1!important;
}
body.ypi-next-search-active .ypi-nse-mobile-filter-rail .ypi-nse-field--mode{
order:2!important;
}
body.ypi-next-search-active .ypi-nse-mobile-filter-rail .ypi-nse-chip-field--type,
body.ypi-next-search-active .ypi-nse-mobile-filter-rail .ypi-nse-chip-field--type-grouped-single{
order:3!important;
}
body.ypi-next-search-active .ypi-nse-mobile-filter-rail .ypi-nse-chip-field--beds{
order:4!important;
}
body.ypi-next-search-active .ypi-nse-mobile-filter-rail .ypi-nse-chip-field--bath{
order:5!important;
}
body.ypi-next-search-active .ypi-nse-mobile-filter-rail .ypi-nse-chip-field--min-price{
order:6!important;
}
body.ypi-next-search-active .ypi-nse-mobile-filter-rail .ypi-nse-chip-field--max-price{
order:7!important;
}
/* Slightly tighter chip sizing so Bed/Bath fit naturally before the price filters. */
body.ypi-next-search-active .ypi-nse-mobile-filter-rail .ypi-nse-chip-field--beds,
body.ypi-next-search-active .ypi-nse-mobile-filter-rail .ypi-nse-chip-field--bath{
flex:0 0 78px!important;
width:78px!important;
min-width:78px!important;
max-width:78px!important;
}
body.ypi-next-search-active .ypi-nse-mobile-filter-rail .ypi-nse-chip-field--min-price,
body.ypi-next-search-active .ypi-nse-mobile-filter-rail .ypi-nse-chip-field--max-price{
flex:0 0 104px!important;
width:104px!important;
min-width:104px!important;
max-width:104px!important;
}
}
@media (max-width:380px){
body.ypi-next-search-active .ypi-nse-search-shell{
width:calc(100vw - 14px)!important;
max-width:calc(100vw - 14px)!important;
}
}
/* v0.9.111 - mobile/tablet portrait: widen search rows, align rail start, and normalize Bed/Bath/price controls.
Desktop and tablet landscape stay untouched. */
@media (max-width:767px), (min-width:768px) and (max-width:1024px) and (orientation:portrait){
body.ypi-next-search-active .ypi-nse-search-shell{
box-sizing:border-box!important;
position:relative!important;
left:50%!important;
right:auto!important;
transform:translateX(-50%)!important;
width:calc(100vw - 8px)!important;
max-width:calc(100vw - 8px)!important;
min-width:0!important;
margin:-10px auto 8px!important;
padding:0!important;
overflow:visible!important;
}
body.ypi-next-search-active .ypi-nse-search-form,
body.ypi-next-search-active .ypi-nse-search-row--uae{
box-sizing:border-box!important;
width:100%!important;
max-width:100%!important;
min-width:0!important;
margin-left:0!important;
margin-right:0!important;
padding-left:0!important;
padding-right:0!important;
overflow:visible!important;
}
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-field--location{
box-sizing:border-box!important;
width:100%!important;
max-width:100%!important;
min-width:0!important;
margin-left:0!important;
margin-right:0!important;
padding-left:0!important;
padding-right:0!important;
}
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-field--location input#ypi-nse-search-location,
body.ypi-next-search-active input#ypi-nse-search-location{
box-sizing:border-box!important;
width:100%!important;
max-width:100%!important;
min-width:0!important;
margin-left:0!important;
margin-right:0!important;
}
/* Rail starts exactly under the location field and uses the same outer width. */
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-mobile-filter-rail,
body.ypi-next-search-active .ypi-nse-mobile-filter-rail{
box-sizing:border-box!important;
display:flex!important;
flex-wrap:nowrap!important;
align-items:center!important;
justify-content:flex-start!important;
width:100%!important;
max-width:100%!important;
min-width:0!important;
margin-left:0!important;
margin-right:0!important;
padding-left:0!important;
padding-right:0!important;
gap:8px!important;
overflow-x:auto!important;
overflow-y:visible!important;
scroll-padding-left:0!important;
-webkit-overflow-scrolling:touch!important;
scrollbar-width:none!important;
transform:none!important;
}
body.ypi-next-search-active .ypi-nse-mobile-filter-rail::-webkit-scrollbar{
display:none!important;
}
/* Normalize all second-row compact controls. Bed/Bath are selects; price fields are number inputs. */
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-mobile-filter-rail .ypi-nse-chip-field--beds,
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-mobile-filter-rail .ypi-nse-chip-field--bath,
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-mobile-filter-rail .ypi-nse-chip-field--min-price,
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-mobile-filter-rail .ypi-nse-chip-field--max-price,
body.ypi-next-search-active .ypi-nse-mobile-filter-rail .ypi-nse-chip-field--beds,
body.ypi-next-search-active .ypi-nse-mobile-filter-rail .ypi-nse-chip-field--bath,
body.ypi-next-search-active .ypi-nse-mobile-filter-rail .ypi-nse-chip-field--min-price,
body.ypi-next-search-active .ypi-nse-mobile-filter-rail .ypi-nse-chip-field--max-price{
box-sizing:border-box!important;
height:44px!important;
min-height:44px!important;
max-height:44px!important;
border-radius:8px!important;
overflow:visible!important;
align-self:center!important;
}
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-mobile-filter-rail .ypi-nse-chip-field--beds select,
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-mobile-filter-rail .ypi-nse-chip-field--bath select,
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-mobile-filter-rail .ypi-nse-chip-field--min-price input,
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-mobile-filter-rail .ypi-nse-chip-field--max-price input,
body.ypi-next-search-active .ypi-nse-mobile-filter-rail .ypi-nse-chip-field--beds select#ypi-nse-bedrooms,
body.ypi-next-search-active .ypi-nse-mobile-filter-rail .ypi-nse-chip-field--bath select#ypi-nse-bathrooms,
body.ypi-next-search-active .ypi-nse-mobile-filter-rail input#ypi-nse-min-price,
body.ypi-next-search-active .ypi-nse-mobile-filter-rail input#ypi-nse-max-price,
body.ypi-next-search-active .ypi-nse-mobile-filter-rail .ypi-nse-chip-field--beds .bootstrap-select,
body.ypi-next-search-active .ypi-nse-mobile-filter-rail .ypi-nse-chip-field--bath .bootstrap-select,
body.ypi-next-search-active .ypi-nse-mobile-filter-rail .ypi-nse-chip-field--beds .bootstrap-select > .dropdown-toggle,
body.ypi-next-search-active .ypi-nse-mobile-filter-rail .ypi-nse-chip-field--bath .bootstrap-select > .dropdown-toggle,
body.ypi-next-search-active .ypi-nse-mobile-filter-rail .ypi-nse-chip-field--beds .dropdown-toggle,
body.ypi-next-search-active .ypi-nse-mobile-filter-rail .ypi-nse-chip-field--bath .dropdown-toggle{
box-sizing:border-box!important;
display:block!important;
width:100%!important;
height:44px!important;
min-height:44px!important;
max-height:44px!important;
border-radius:8px!important;
line-height:42px!important;
padding-top:0!important;
padding-bottom:0!important;
box-shadow:none!important;
outline:0!important;
}
body.ypi-next-search-active .ypi-nse-mobile-filter-rail input#ypi-nse-min-price,
body.ypi-next-search-active .ypi-nse-mobile-filter-rail input#ypi-nse-max-price{
padding-left:12px!important;
padding-right:12px!important;
-webkit-appearance:none!important;
appearance:textfield!important;
}
}
@media (max-width:380px){
body.ypi-next-search-active .ypi-nse-search-shell{
width:calc(100vw - 2px)!important;
max-width:calc(100vw - 2px)!important;
}
}
/* v0.9.113 - mobile/tablet portrait: set the mobile search block target width to 400px.
Desktop and tablet landscape remain untouched. */
@media (max-width:767px), (min-width:768px) and (max-width:1024px) and (orientation:portrait){
body.ypi-next-search-active .ypi-nse-search-shell{
width:min(400px, calc(100vw - 2px))!important;
max-width:min(400px, calc(100vw - 2px))!important;
}
body.ypi-next-search-active .ypi-nse-search-form,
body.ypi-next-search-active .ypi-nse-search-row--uae,
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-field--location,
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-mobile-filter-rail,
body.ypi-next-search-active .ypi-nse-mobile-filter-rail{
width:100%!important;
max-width:100%!important;
margin-left:0!important;
margin-right:0!important;
}
}
@media (max-width:390px){
body.ypi-next-search-active .ypi-nse-search-shell{
width:calc(100vw - 2px)!important;
max-width:calc(100vw - 2px)!important;
}
}
/* v0.9.113 final override - force mobile search target width to 400px. */
@media (max-width:767px), (min-width:768px) and (max-width:1024px) and (orientation:portrait){
body.ypi-next-search-active .ypi-nse-search-shell{
width:min(400px, calc(100vw - 2px))!important;
max-width:min(400px, calc(100vw - 2px))!important;
margin-left:auto!important;
margin-right:auto!important;
}
body.ypi-next-search-active .ypi-nse-search-form,
body.ypi-next-search-active .ypi-nse-search-row--uae,
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-field--location,
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-mobile-filter-rail,
body.ypi-next-search-active .ypi-nse-mobile-filter-rail{
width:100%!important;
max-width:100%!important;
margin-left:0!important;
margin-right:0!important;
}
}
@media (max-width:390px){
body.ypi-next-search-active .ypi-nse-search-shell{
width:calc(100vw - 2px)!important;
max-width:calc(100vw - 2px)!important;
}
}
/* v0.9.114 - mobile/tablet portrait: force the search block to use the remaining safe width.
The previous 400px rule was capped by 100vw - 2px on narrow devices; this allows a tiny safe overflow
inside the white search area while keeping desktop and tablet landscape unchanged. */
@media (max-width:767px), (min-width:768px) and (max-width:1024px) and (orientation:portrait){
body.ypi-next-search-active .ypi-nse-search-shell{
box-sizing:border-box!important;
position:relative!important;
left:50%!important;
right:auto!important;
transform:translateX(-50%)!important;
width:min(410px, calc(100vw + 8px))!important;
max-width:min(410px, calc(100vw + 8px))!important;
min-width:0!important;
margin-left:auto!important;
margin-right:auto!important;
overflow:visible!important;
}
body.ypi-next-search-active .ypi-nse-search-form{
box-sizing:border-box!important;
width:100%!important;
max-width:100%!important;
min-width:0!important;
overflow:visible!important;
}
body.ypi-next-search-active .ypi-nse-search-row--uae{
box-sizing:border-box!important;
width:100%!important;
max-width:100%!important;
min-width:0!important;
margin-left:0!important;
margin-right:0!important;
padding-left:0!important;
padding-right:0!important;
transform:none!important;
overflow:visible!important;
}
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-field--location,
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-mobile-filter-rail,
body.ypi-next-search-active .ypi-nse-mobile-filter-rail{
box-sizing:border-box!important;
width:100%!important;
max-width:100%!important;
min-width:0!important;
margin-left:0!important;
margin-right:0!important;
padding-left:0!important;
padding-right:0!important;
}
}
@media (max-width:380px){
body.ypi-next-search-active .ypi-nse-search-shell{
width:calc(100vw - 2px)!important;
max-width:calc(100vw - 2px)!important;
}
}
/* v0.9.115 - mobile/tablet portrait: release the remaining parent width cap.
The earlier width changes were being overridden by inline/parent padding rules, so this mirrors
the final inline override and lets the two search rows use the real viewport width. */
@media (max-width:767px), (min-width:768px) and (max-width:1024px) and (orientation:portrait){
body.ypi-next-search-active .ypi-sse-container{
overflow:visible!important;
}
body.ypi-next-search-active .ypi-nse-search-shell{
box-sizing:border-box!important;
position:relative!important;
left:50%!important;
right:auto!important;
transform:translateX(-50%)!important;
width:calc(100vw - 2px)!important;
max-width:calc(100vw - 2px)!important;
min-width:0!important;
margin-left:0!important;
margin-right:0!important;
padding-left:0!important;
padding-right:0!important;
overflow:visible!important;
}
body.ypi-next-search-active .ypi-nse-search-form{
box-sizing:border-box!important;
width:100%!important;
max-width:none!important;
min-width:0!important;
margin:0!important;
padding:0!important;
overflow:visible!important;
}
body.ypi-next-search-active .ypi-nse-search-row--uae{
box-sizing:border-box!important;
display:block!important;
width:100%!important;
max-width:none!important;
min-width:0!important;
margin-left:0!important;
margin-right:0!important;
padding-left:0!important;
padding-right:0!important;
overflow:visible!important;
transform:none!important;
}
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-field--location,
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-mobile-filter-rail,
body.ypi-next-search-active .ypi-nse-mobile-filter-rail{
box-sizing:border-box!important;
width:100%!important;
max-width:none!important;
min-width:0!important;
margin-left:0!important;
margin-right:0!important;
padding-left:0!important;
padding-right:0!important;
left:auto!important;
right:auto!important;
transform:none!important;
}
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-field--location input#ypi-nse-search-location,
body.ypi-next-search-active input#ypi-nse-search-location{
box-sizing:border-box!important;
width:100%!important;
max-width:none!important;
min-width:0!important;
}
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-mobile-filter-rail,
body.ypi-next-search-active .ypi-nse-mobile-filter-rail{
display:flex!important;
flex-wrap:nowrap!important;
align-items:center!important;
justify-content:flex-start!important;
gap:8px!important;
overflow-x:auto!important;
overflow-y:visible!important;
-webkit-overflow-scrolling:touch!important;
scrollbar-width:none!important;
}
}
@media (max-width:380px){
body.ypi-next-search-active .ypi-nse-search-shell{
width:calc(100vw - 4px)!important;
max-width:calc(100vw - 4px)!important;
}
}
/* v0.9.116 - mobile/tablet portrait: slightly reduce the full-width search shell
after the cap release and add a small gap below the mobile header. */
@media (max-width:767px), (min-width:768px) and (max-width:1024px) and (orientation:portrait){
body.ypi-next-search-active .ypi-nse-search-shell{
width:calc(100vw - 24px)!important;
max-width:calc(100vw - 24px)!important;
margin-top:8px!important;
}
body.ypi-next-search-active .ypi-nse-search-form,
body.ypi-next-search-active .ypi-nse-search-row--uae,
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-field--location,
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-mobile-filter-rail,
body.ypi-next-search-active .ypi-nse-mobile-filter-rail{
width:100%!important;
max-width:none!important;
}
}
@media (max-width:380px){
body.ypi-next-search-active .ypi-nse-search-shell{
width:calc(100vw - 18px)!important;
max-width:calc(100vw - 18px)!important;
margin-top:8px!important;
}
}
/* v0.9.117 - mobile/tablet portrait: Type field opens as a centered modal dialog.
The panel is detached to by JS on mobile so transformed search wrappers cannot trap it. */
@media (max-width:767px), (min-width:768px) and (max-width:1024px) and (orientation:portrait){
body.ypi-next-search-active.ypi-nse-type-picker-open{
overflow:hidden!important;
touch-action:none!important;
}
body.ypi-next-search-active.ypi-nse-type-picker-open::after{
content:""!important;
position:fixed!important;
inset:0!important;
z-index:2147483500!important;
display:block!important;
background:rgba(15,23,42,.42)!important;
backdrop-filter:blur(4px)!important;
-webkit-backdrop-filter:blur(4px)!important;
pointer-events:auto!important;
}
body.ypi-next-search-active .ypi-nse-chip-field--type-grouped-single.is-open{
z-index:2147483601!important;
}
body.ypi-next-search-active .ypi-nse-type-picker-panel:not([hidden]),
body.ypi-next-search-active #ypi-nse-type-picker-panel:not([hidden]){
position:fixed!important;
inset:auto!important;
top:50%!important;
left:50%!important;
right:auto!important;
bottom:auto!important;
width:min(calc(100vw - 32px), 430px)!important;
min-width:0!important;
max-width:min(calc(100vw - 32px), 430px)!important;
max-height:min(72dvh, 560px)!important;
transform:translate(-50%, -50%)!important;
overflow:auto!important;
-webkit-overflow-scrolling:touch!important;
z-index:2147483600!important;
border:1px solid rgba(148,163,184,.28)!important;
border-radius:18px!important;
background:#ffffff!important;
padding:14px!important;
box-shadow:0 28px 90px rgba(15,23,42,.38)!important;
}
body.ypi-next-search-active .ypi-nse-type-picker-tabs{
position:sticky!important;
top:0!important;
z-index:1!important;
background:#ffffff!important;
padding-top:2px!important;
}
body.ypi-next-search-active .ypi-nse-type-picker-grid{
grid-template-columns:1fr!important;
gap:9px!important;
}
body.ypi-next-search-active .ypi-nse-type-picker-option{
min-height:44px!important;
border-radius:10px!important;
padding:0 12px!important;
font-size:13px!important;
}
body.ypi-next-search-active .ypi-nse-type-picker-actions{
position:sticky!important;
bottom:0!important;
z-index:1!important;
background:#ffffff!important;
padding-top:12px!important;
grid-template-columns:96px minmax(0,1fr)!important;
gap:9px!important;
}
}
@media (max-width:380px){
body.ypi-next-search-active .ypi-nse-type-picker-panel:not([hidden]),
body.ypi-next-search-active #ypi-nse-type-picker-panel:not([hidden]){
width:calc(100vw - 22px)!important;
max-width:calc(100vw - 22px)!important;
max-height:min(74dvh, 540px)!important;
padding:12px!important;
}
}
/* v0.9.118 - mobile/tablet portrait: final price input sizing + slight left alignment for filter toggle.
This intentionally sits at the end of the file to beat Houzez/bootstrap/native input overrides. */
@media (max-width:767px), (min-width:768px) and (max-width:1024px) and (orientation:portrait){
body.ypi-next-search-active .ypi-nse-mobile-filter-rail{
scroll-padding-left:0!important;
}
body.ypi-next-search-active .ypi-nse-mobile-filter-rail #ypi-nse-advanced-toggle.ypi-nse-advanced-toggle,
body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-mobile-filter-rail #ypi-nse-advanced-toggle.ypi-nse-advanced-toggle{
margin-left:-2px!important;
transform:translateX(-2px)!important;
}
body.ypi-next-search-active .ypi-nse-mobile-filter-rail .ypi-nse-chip-field--price,
body.ypi-next-search-active .ypi-nse-mobile-filter-rail .ypi-nse-chip-field--min-price,
body.ypi-next-search-active .ypi-nse-mobile-filter-rail .ypi-nse-chip-field--max-price{
height:44px!important;
min-height:44px!important;
max-height:44px!important;
border-radius:8px!important;
overflow:visible!important;
}
body.ypi-next-search-active .ypi-nse-mobile-filter-rail .ypi-nse-chip-field--price input,
body.ypi-next-search-active .ypi-nse-mobile-filter-rail .ypi-nse-chip-field--min-price input,
body.ypi-next-search-active .ypi-nse-mobile-filter-rail .ypi-nse-chip-field--max-price input,
body.ypi-next-search-active .ypi-nse-mobile-filter-rail input#ypi-nse-min-price,
body.ypi-next-search-active .ypi-nse-mobile-filter-rail input#ypi-nse-max-price,
body.ypi-next-search-active .ypi-nse-search-row--uae input#ypi-nse-min-price,
body.ypi-next-search-active .ypi-nse-search-row--uae input#ypi-nse-max-price{
box-sizing:border-box!important;
display:block!important;
width:100%!important;
height:44px!important;
min-height:44px!important;
max-height:44px!important;
border-radius:8px!important;
line-height:44px!important;
padding-top:0!important;
padding-bottom:0!important;
padding-left:12px!important;
padding-right:12px!important;
border:1px solid rgba(148,163,184,.34)!important;
background:#fff!important;
box-shadow:none!important;
outline:0!important;
-webkit-appearance:none!important;
appearance:textfield!important;
}
body.ypi-next-search-active .ypi-nse-mobile-filter-rail input#ypi-nse-min-price::-webkit-outer-spin-button,
body.ypi-next-search-active .ypi-nse-mobile-filter-rail input#ypi-nse-min-price::-webkit-inner-spin-button,
body.ypi-next-search-active .ypi-nse-mobile-filter-rail input#ypi-nse-max-price::-webkit-outer-spin-button,
body.ypi-next-search-active .ypi-nse-mobile-filter-rail input#ypi-nse-max-price::-webkit-inner-spin-button{
-webkit-appearance:none!important;
margin:0!important;
}
}
/* v0.9.119 - mobile/tablet portrait: hard ID fix for Min/Max price input height and radius.
Targets the exact markup rendered by PHP, independent of rail/wrapper selectors. */
@media (max-width:767px), (min-width:768px) and (max-width:1024px) and (orientation:portrait){
html body.ypi-next-search-active form#ypi-nse-search-form .ypi-nse-chip-field--price,
html body.ypi-next-search-active form#ypi-nse-search-form .ypi-nse-chip-field--min-price,
html body.ypi-next-search-active form#ypi-nse-search-form .ypi-nse-chip-field--max-price,
html body.ypi-next-search-active .ypi-nse-search-row--uae .ypi-nse-chip-field--price{
box-sizing:border-box!important;
display:block!important;
height:44px!important;
min-height:44px!important;
max-height:44px!important;
border-radius:8px!important;
line-height:44px!important;
padding:0!important;
margin-top:0!important;
margin-bottom:0!important;
overflow:visible!important;
background:transparent!important;
}
html body.ypi-next-search-active form#ypi-nse-search-form input[type="number"]#ypi-nse-min-price,
html body.ypi-next-search-active form#ypi-nse-search-form input[type="number"]#ypi-nse-max-price,
html body.ypi-next-search-active input[type="number"][name="min-price"]#ypi-nse-min-price,
html body.ypi-next-search-active input[type="number"][name="max-price"]#ypi-nse-max-price{
box-sizing:border-box!important;
display:block!important;
float:none!important;
position:relative!important;
top:auto!important;
left:auto!important;
width:100%!important;
min-width:100%!important;
max-width:100%!important;
height:44px!important;
min-height:44px!important;
max-height:44px!important;
border-radius:8px!important;
line-height:44px!important;
padding:0 12px!important;
margin:0!important;
border:1px solid rgba(148,163,184,.34)!important;
background:#fff!important;
background-image:none!important;
color:#0f172a!important;
font-size:12px!important;
font-weight:700!important;
text-align:left!important;
box-shadow:none!important;
outline:0!important;
-webkit-appearance:none!important;
-moz-appearance:textfield!important;
appearance:textfield!important;
}
html body.ypi-next-search-active input[type="number"]#ypi-nse-min-price::-webkit-outer-spin-button,
html body.ypi-next-search-active input[type="number"]#ypi-nse-min-price::-webkit-inner-spin-button,
html body.ypi-next-search-active input[type="number"]#ypi-nse-max-price::-webkit-outer-spin-button,
html body.ypi-next-search-active input[type="number"]#ypi-nse-max-price::-webkit-inner-spin-button{
-webkit-appearance:none!important;
margin:0!important;
}
}
/* v0.9.120 - mobile/tablet portrait: compact result cards.
Keep Call / WhatsApp / View property on one row and replace the large agency sidebox with a slim in-card agency line. */
body.ypi-next-search-active .ypi-sse-card__mobile-agency{
display:none;
}
@media (max-width:767px), (min-width:768px) and (max-width:1024px) and (orientation:portrait){
body.ypi-next-search-active .ypi-sse-card__mobile-agency{
display:flex!important;
align-items:center!important;
gap:5px!important;
width:100%!important;
margin-top:6px!important;
padding:0!important;
color:#667085!important;
font-size:11px!important;
line-height:1.25!important;
white-space:nowrap!important;
overflow:hidden!important;
}
body.ypi-next-search-active .ypi-sse-card__mobile-agency-label{
flex:0 0 auto!important;
color:#98a2b3!important;
font-weight:600!important;
}
body.ypi-next-search-active .ypi-sse-card__mobile-agency-name{
display:inline-flex!important;
align-items:center!important;
gap:4px!important;
min-width:0!important;
max-width:100%!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
white-space:nowrap!important;
color:#1f2937!important;
font-size:12px!important;
font-style:normal!important;
font-weight:700!important;
line-height:1.25!important;
text-decoration:none!important;
}
body.ypi-next-search-active .ypi-sse-card__mobile-agency-name i{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
width:14px!important;
height:14px!important;
min-width:14px!important;
border-radius:999px!important;
background:#2d8b73!important;
color:#fff!important;
font-size:9px!important;
font-style:normal!important;
font-weight:800!important;
line-height:1!important;
}
body.ypi-next-search-active .ypi-sse-card__bottom{
display:grid!important;
grid-template-columns:repeat(3,minmax(0,1fr))!important;
align-items:stretch!important;
gap:6px!important;
width:100%!important;
margin-top:8px!important;
}
body.ypi-next-search-active .ypi-sse-card__actions{
display:contents!important;
}
body.ypi-next-search-active .ypi-sse-card__action-btn,
body.ypi-next-search-active .ypi-sse-card__button,
body.ypi-next-search-active .ypi-sse-card__action-btn--view{
grid-column:auto!important;
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
width:100%!important;
min-width:0!important;
max-width:100%!important;
height:38px!important;
min-height:38px!important;
max-height:38px!important;
padding:0 6px!important;
border-radius:8px!important;
font-size:11px!important;
font-weight:700!important;
line-height:1!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
box-sizing:border-box!important;
}
body.ypi-next-search-active .ypi-sse-card__action-btn svg,
body.ypi-next-search-active .ypi-sse-card__button svg{
width:14px!important;
height:14px!important;
min-width:14px!important;
margin-right:4px!important;
}
body.ypi-next-search-active .ypi-sse-card__action-btn--email{
display:none!important;
}
body.ypi-next-search-active .ypi-sse-card__sidebox.ypi-sse-card__agencybox,
body.ypi-next-search-active .ypi-sse-card__agencybox{
display:none!important;
}
}