/* Confirmed property-homepage visual system for every property photo window. */
html,body{background:#050505!important}
body{color:#f3f3f3}
header.app-topbar{background:rgba(8,8,8,.97)!important;border-bottom-color:#242424!important}
.app-sidebar{background:#080808!important;border-right-color:#242424!important}
.discovery-home{background:#050505}
.feature-carousel{background:#0c0c0c;border-radius:10px}
.discovery-content,.content-shelf{background:#050505}
.discovery-content>.home-finder+.content-shelf{margin-top:30px}
.shelf-heading h2{color:#f5f5f5}.shelf-heading p{color:#999}
.shelf-controls button{background:#151515;border-color:#343434;color:#d6d6d6}
.poster-rail{grid-auto-columns:calc((100% - 48px)/5.2);gap:12px;scrollbar-color:#414141 transparent}
.property-home-card .poster-image{aspect-ratio:.72;border-radius:7px;background:#151515}
.property-home-card .poster-shade{background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.88) 100%)}
.poster-landing-copy{left:12px;right:10px;top:auto;bottom:12px}
.poster-landing-copy>p:first-child{font-size:11px}.poster-landing-copy h3{font-size:16px;margin-bottom:4px}
.discovery-map-link{background:#101010!important;border-color:#292929!important}
.home-finder,.finder-row{background:#050505}
.discovery-view .home-finder{display:none}
body.search-panel-open{overflow:hidden}
body.search-panel-open:before{content:"";position:fixed;inset:0;z-index:1090;background:rgba(0,0,0,.76);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
body.search-panel-open .home-finder{display:block;position:fixed;z-index:1100;left:50%;top:50%;transform:translate(-50%,-50%);width:min(720px,calc(100vw - 36px));max-height:calc(100dvh - 60px);overflow:auto;margin:0;padding:52px 22px 22px;border:1px solid #3a3a3a;border-radius:14px;background:#0d0d0d;box-shadow:0 24px 80px rgba(0,0,0,.7)}
.search-panel-close{position:absolute;right:13px;top:12px;width:36px;height:36px;min-height:36px;padding:0;border:1px solid #3b3b3b;border-radius:50%;background:#181818;color:#fff;font-size:22px;line-height:1}
.mobile-top-search{display:grid;place-items:center;width:38px;height:38px;padding:7px;color:#e8edf4;border-radius:7px;flex:none}.mobile-top-search:hover{background:#202020;color:#fff}.mobile-top-search .icon{width:23px;height:23px}
.shell-wordmark .jipgyul-logo{width:auto!important}
.shell-wordmark .jipgyul-logo .brand-mark{display:none!important}
.shell-wordmark .jipgyul-logo .brand-name{color:#d3132a!important;font-family:"Arial Black","Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic",sans-serif!important;font-weight:900!important;letter-spacing:-.07em!important;-webkit-text-stroke:.7px currentColor;text-shadow:none!important}
.shell-wordmark .jipgyul-logo .brand-name b,.shell-wordmark .jipgyul-logo .brand-name em{color:inherit!important;font-weight:inherit!important}
.feature-carousel{overflow:hidden;background:#14202b}
.feature-shade{background:linear-gradient(180deg,rgba(6,16,29,.58) 0%,rgba(6,16,29,.24) 34%,rgba(6,16,29,.03) 62%,rgba(6,16,29,.28) 100%)!important;pointer-events:none}
.feature-slide>img{filter:none!important;opacity:1!important}
.feature-copy{left:9%;right:auto;top:clamp(108px,15%,150px);bottom:auto;width:min(72%,980px);max-width:min(72%,980px);transform:none;color:#fff}
.feature-copy>.feature-intro{max-width:32ch;margin:0 0 7px;color:rgba(255,255,255,.82);font-family:"Apple SD Gothic Neo","Malgun Gothic",sans-serif;font-size:clamp(20px,2.4vw,38px);font-weight:300;line-height:1.28;letter-spacing:0;text-shadow:none;word-break:keep-all}
.feature-copy h2{margin:0 0 10px;color:#fff;font-family:"Apple SD Gothic Neo","Malgun Gothic",sans-serif;font-size:clamp(30px,3vw,46px);font-weight:700;line-height:1.16;letter-spacing:.025em;text-shadow:0 2px 5px rgba(0,0,0,.62);word-break:keep-all}
.feature-copy>.feature-address{margin:0 0 8px;color:#fff;font-size:clamp(11px,.95vw,14px);font-weight:500;line-height:1.45;letter-spacing:0}
.feature-property{display:flex;margin:0;color:#fff;font-size:clamp(10px,.88vw,13px);line-height:1.4}
.feature-actions{display:none}
.feature-controls{right:4%;bottom:20px}
.feature-brand{top:20px;left:4%}
.feature-menu{top:18px;right:20px}

.poster-rail{grid-auto-columns:calc((100% - 40px)/3);gap:20px;scroll-padding-inline:0 12%}
.property-home-card .poster-image{aspect-ratio:1.2;background:#253341}
.property-home-card .poster-media-link img{width:100%;height:100%;object-fit:cover;object-position:50% 42%;filter:none!important;opacity:1!important;transform:none}
.property-home-card .poster-media-link:hover img{transform:scale(1.025)}
.popular-rail{grid-auto-columns:calc((100% - 20px)/2.35);gap:20px;overflow-y:hidden;align-items:end;overscroll-behavior-y:none}
.popular-rail .ranked-card{position:relative;display:flex;flex-direction:row;align-items:flex-end;padding:0}
.ranked-card .poster-image{position:relative;z-index:2;flex:0 0 75%;width:75%;margin-left:-13%}
.popular-rank{position:relative;z-index:1;flex:0 0 38%;width:38%;margin:0;bottom:2px;color:#050505;font-family:Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;font-size:clamp(64px,6vw,110px);font-weight:900;line-height:.78;letter-spacing:-4px;text-align:center;-webkit-text-stroke:2.5px #e1e1e1;text-shadow:0 3px 12px rgba(0,0,0,.9);pointer-events:none}
.popular-rank[data-rank="10"]{font-size:clamp(56px,5.3vw,96px);letter-spacing:-7px}
.poster-new-badge{position:absolute;z-index:4;right:9px;bottom:9px;padding:4px 7px;border-radius:4px;background:#e50914;color:#fff;font-size:10px;font-weight:850;line-height:1;letter-spacing:.08em;box-shadow:0 2px 8px rgba(0,0,0,.5);pointer-events:none}
.property-home-card .poster-shade{background:linear-gradient(180deg,rgba(6,16,29,.48) 0%,rgba(6,16,29,.16) 36%,rgba(6,16,29,.02) 60%,rgba(6,16,29,.34) 100%)}
.poster-landing-copy{left:7%;right:7%;top:31%;bottom:auto;overflow:visible;text-shadow:0 2px 4px rgba(0,0,0,.72)}
.poster-landing-copy>p:first-child{max-width:26ch;margin:0 0 4px;color:rgba(255,255,255,.82);font-size:clamp(11px,.92vw,15px);font-weight:300;line-height:1.32;letter-spacing:0;text-shadow:none;word-break:keep-all}
.poster-landing-copy h3{margin:0 0 6px;font-size:clamp(18px,1.45vw,24px);font-weight:700;line-height:1.18;letter-spacing:.02em}
.poster-landing-copy .poster-address{margin:0 0 5px;color:#fff;font-size:10px;line-height:1.45}
.poster-property{font-size:10px;line-height:1.4}

@media(min-width:1550px){.poster-rail{grid-auto-columns:calc((100% - 70px)/6);gap:14px}}
@media(max-width:1100px){.poster-rail{grid-auto-columns:calc((100% - 42px)/4.2);gap:14px}}

@media(max-width:700px){
 body{padding-bottom:calc(70px + env(safe-area-inset-bottom))!important}
 header.app-topbar{position:sticky;height:52px!important;min-height:52px!important;padding:5px 10px!important;gap:6px!important;border-bottom:1px solid rgba(255,255,255,.12)!important}
 #saleDashboard{display:none!important}
 .shell-wordmark{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);min-width:0;margin:0!important}
 .shell-wordmark .jipgyul-logo{width:auto!important;height:40px!important;gap:0!important}
 .shell-wordmark .jipgyul-logo .brand-name{display:inline-flex!important;font-size:18px!important;line-height:1!important;white-space:nowrap}
 .shell-menu{flex:0 0 34px!important;width:34px!important;height:38px!important;padding:6px!important}
 .topbar-map{display:grid!important;place-items:center;margin-left:auto!important;width:34px!important;height:38px!important;padding:6px!important;border:0!important;background:transparent!important}.topbar-map>span:last-child{display:none!important}.topbar-map .icon{width:22px;height:22px}
 .mobile-top-search{display:grid!important;place-items:center;width:34px;height:38px;padding:6px;color:#e8edf4;border-radius:7px}.mobile-top-search .icon{width:23px;height:23px}
 .app-sidebar{top:52px!important;height:calc(100dvh - 52px)!important}
 .sidebar-backdrop{top:52px!important;height:calc(100dvh - 52px)!important}
 html{scroll-padding-top:68px!important}
 .discovery-home{padding-left:12px;padding-right:0}
 .feature-carousel{margin-right:12px;border-radius:15px}
 .feature-slides{height:clamp(215px,61vw,285px)}
 .feature-copy,.pamir-feature .feature-copy{left:16px;right:16px;top:62px;bottom:auto;width:auto;max-width:calc(100% - 32px)}
 .feature-copy>.feature-intro{max-width:27ch;margin:0 0 4px;font-size:clamp(12px,3.7vw,16px);line-height:1.3}
 .feature-copy h2,.pamir-feature .feature-copy h2{margin:0 0 5px;font-size:clamp(18px,5.2vw,23px);line-height:1.16}
 .feature-copy>.feature-address{margin-bottom:6px;font-size:10px;line-height:1.4}
 .feature-property{display:flex;font-size:9px}
 .feature-shade{background:linear-gradient(180deg,rgba(6,16,29,.58) 0%,rgba(6,16,29,.22) 40%,rgba(6,16,29,.02) 70%,rgba(6,16,29,.20) 100%)!important}
 .feature-brand{top:13px;left:14px}.feature-brand svg{width:28px;height:23px}.feature-brand span{font-size:12px}
 .feature-menu{top:10px;right:10px}.feature-menu>summary{width:34px;height:34px}.feature-menu>summary>span{width:18px}
 .feature-controls{left:auto;right:16px;bottom:15px;justify-content:flex-end}.feature-controls>button{padding:5px 7px;min-height:30px;font-size:10px}.feature-dots{display:none}
 .discovery-content{padding-right:0}.discovery-content>.home-finder+.content-shelf{margin-top:22px}.content-shelf{overflow:hidden}.shelf-heading{padding-right:12px}
 .content-shelf{margin-bottom:17px!important}.shelf-heading{margin-bottom:9px!important}.shelf-heading h2{font-size:17px!important;margin:0!important}.shelf-heading p{display:none}.shelf-controls{display:none}
 .poster-rail{grid-auto-columns:min(29vw,124px)!important;gap:8px!important;padding-right:14vw;padding-bottom:4px;scroll-padding-left:0;scrollbar-width:none}.poster-rail::-webkit-scrollbar{display:none}
 .property-home-card .poster-image{aspect-ratio:.82;border-radius:8px}.property-home-card .feature-menu{display:none}
 .property-home-card .feature-brand{display:flex;top:8px;left:8px;gap:4px;max-width:calc(100% - 16px);align-items:center}
 .property-home-card .feature-brand svg{width:17px;height:14px;flex:0 0 17px}
 .property-home-card .feature-brand span{min-width:0;white-space:normal;overflow:hidden;text-overflow:clip;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:9px;font-weight:750;line-height:1.25;text-shadow:0 1px 4px rgba(0,0,0,.95);word-break:keep-all;overflow-wrap:anywhere}
 .property-home-card .poster-shade{display:none}
 .property-home-card .poster-landing-copy{display:none}
 .popular-rail{grid-auto-columns:min(43vw,178px)!important;gap:7px!important}
 .popular-rail .ranked-card{padding:0;flex-direction:row}
 .ranked-card .poster-image{flex-basis:75%;width:75%;margin-left:-13%}
 .popular-rank{flex-basis:38%;width:38%;bottom:1px;font-size:clamp(62px,18vw,78px);line-height:.8;letter-spacing:-3px;text-align:center;-webkit-text-stroke:2px #e1e1e1}
 .popular-rank[data-rank="10"]{font-size:clamp(55px,16vw,69px);letter-spacing:-7px}
 .poster-new-badge{right:6px;bottom:6px;padding:3px 5px;font-size:8px}
 .listing-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .listing-cards>.card{display:flex;min-width:0;padding:7px;border-radius:13px}.listing-cards .photo{height:auto;min-height:0;aspect-ratio:1.08;border-radius:9px}.listing-cards .body{padding:10px 4px 4px}
 .listing-cards h3{margin:6px 0;font-size:15px;line-height:1.35}.listing-cards .price{font-size:17px;line-height:1.35}.listing-cards .muted{font-size:10px;line-height:1.45}.listing-cards small{font-size:9px;line-height:1.35}.listing-cards .property-meta{display:none}
 .listing-cards .badges{gap:3px}.listing-cards .badge,.listing-cards .demo-badge{font-size:9px;padding:2px 5px}.listing-cards .card-actions{display:grid;grid-template-columns:1fr;margin-top:8px;padding-top:0;gap:5px}.listing-cards .card-actions>*{min-height:34px;padding:6px 5px;font-size:10px}
}
@media(max-width:380px){.feature-slides{height:220px}.poster-rail{grid-auto-columns:min(30vw,112px)!important}.listing-cards{gap:8px}.listing-cards h3{font-size:14px}}

.mobile-contact-nav{display:none}
@media(max-width:700px){.mobile-contact-nav{position:fixed;left:0;right:0;bottom:0;z-index:1000;display:grid;grid-template-columns:repeat(4,1fr);height:calc(62px + env(safe-area-inset-bottom));padding:5px 5px env(safe-area-inset-bottom);background:rgba(13,18,25,.96);border-top:1px solid rgba(255,255,255,.13);box-shadow:0 -8px 28px rgba(0,0,0,.28);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.mobile-contact-nav a{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#d9e0e9;text-decoration:none;font-size:10px;font-weight:650;line-height:1.1;border-radius:8px;-webkit-tap-highlight-color:transparent}.mobile-contact-nav a:active,.mobile-contact-nav a:focus-visible{background:#26313f;color:#fff}.mobile-contact-nav svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.mobile-contact-nav a:last-child svg{fill:#f9df38;stroke:#221d00}.mobile-contact-nav a:last-child{color:#f5e06a}#compareDock{bottom:76px!important}}
@media(max-width:700px){body.search-panel-open .home-finder{top:58px;transform:translateX(-50%);width:calc(100vw - 20px);max-height:calc(100dvh - 78px);padding:48px 12px 14px;border-radius:12px}body.search-panel-open .home-finder .finder-row{display:grid;grid-template-columns:1fr 1fr;overflow:visible}body.search-panel-open .home-finder .finder-row>*{width:100%!important;min-width:0!important}.search-panel-close{right:10px;top:8px}}
