/* WordPress integration only. Native account, support, search and navigation own their behavior. */
body.pdvr-active .pdvr-chrome{display:contents}
:is(body,#pdv-site-typography).pdvr-active.pdvr-homepage #pd-native-content{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;}
body.pdvr-active #pdvr-home{display:block;max-width:none;padding:0;background:#fff;color:#152235;isolation:isolate}
body.pdvr-active.pdvr-menu-open{overflow:hidden}
body.pdvr-active .pdvr-chrome #header{display:block;position:sticky;top:0;z-index:80;width:100%;margin:0;float:none;background:rgba(255,255,255,.98);border-bottom:1px solid #e2e7ed}
body.pdvr-active.admin-bar .pdvr-chrome #header{top:32px}
body.pdvr-active .pdvr-chrome .nav-row{display:flex;align-items:center}
body.pdvr-active .pdvr-chrome #mobile-menu{padding:0}
body.pdvr-active .pdvr-chrome .logo{float:none;max-width:none}
body.pdvr-active .pdvr-chrome .logo img{height:auto;object-fit:contain}
/* Native form margins must not increase the approved search row height. */
body.pdvr-active #pdvr-home #buy-panel :is(label,input,select){margin:0}
body.pdvr-active #pdvr-home .directory-search input{margin:0}
/* Native typography combines two ID-specificity branches and !important.
   Repeated body-matching :is() branches win only inside the replacement surfaces. */
:is(body,#pdv-site-typography):is(body,#pdv-site-typography):is(body,#pdv-site-typography).pdvr-active :is(.pdvr-chrome,#pdvr-home),
:is(body,#pdv-site-typography):is(body,#pdv-site-typography):is(body,#pdv-site-typography).pdvr-active :is(.pdvr-chrome,#pdvr-home) :is(h1,h2,h3,h4,h5,h6,p,a,span,div,section,nav,header,footer,main,aside,article,ul,ol,li,button,input,select,option,label,summary,details,strong,b,small,form){font-family:Manrope,Arial,sans-serif!important}
body.pdvr-active :is(.pdvr-chrome,#pdvr-home) .pdvr-status{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);max-width:calc(100vw - 32px);padding:12px 18px;background:#371063;color:#fff;box-shadow:0 6px 22px #24133220;border-radius:10px;font-size:13px;line-height:1.5;z-index:99999}
body.pdvr-active :is(.pdvr-chrome,#pdvr-home) .pdvr-status[hidden]{display:none!important}
body.pdvr-active #pdvr-home .save-listing[aria-pressed=true]{color:#4d148c;background:#f4ecfc}
body.pdvr-active #pdvr-home .save-listing[aria-pressed=true] svg{fill:#4d148c;stroke:#4d148c}
body.pdvr-active #pdvr-home .save-listing[aria-busy=true]{opacity:.6;cursor:progress}
body.pdvr-active #pdvr-home .listing-photo img{width:100%;height:100%;object-fit:contain}
@media(max-width:782px){body.pdvr-active.admin-bar .pdvr-chrome #header{top:46px}}
@media(max-width:600px){body.pdvr-active.admin-bar .pdvr-chrome #header{top:0}}
@media(max-width:767px){
 body.pdvr-active #pdvr-home{padding-bottom:calc(74px + env(safe-area-inset-bottom,0px))}
 body.pdvr-active :is(.pdvr-chrome,#pdvr-home) .pdvr-status{bottom:calc(84px + env(safe-area-inset-bottom,0px))}
 /* Colors only: preserve the native navigation's visibility, hit areas, drawer and keyboard rules. */
}
/* Beat native critical colors without changing inactive colors, layout, visibility or panel state. */
@media(max-width:767px){
 :is(body,#pdv-site-typography):is(body,#pdv-site-typography):is(body,#pdv-site-typography).pdvr-active :is(#dashboard,#pdv-global-mobile-dashboard,.pdv-dashboard).pdv-dashboard .pdv-mobile-nav .pdv-mobile-nav-item:is(.is-active,[aria-expanded=true],[aria-current=page],:focus-visible),
 :is(body,#pdv-site-typography):is(body,#pdv-site-typography):is(body,#pdv-site-typography).pdvr-active :is(#dashboard,#pdv-global-mobile-dashboard,.pdv-dashboard).pdv-dashboard .pdv-mobile-nav .pdv-mobile-nav-item:is(.is-active,[aria-expanded=true],[aria-current=page],:focus-visible) :is(i,span,svg),
 :is(body,#pdv-site-typography):is(body,#pdv-site-typography):is(body,#pdv-site-typography).pdvr-active :is(#dashboard,#pdv-global-mobile-dashboard,.pdv-dashboard).pdv-dashboard .pdv-mobile-nav .pdv-mobile-nav-post,
 :is(body,#pdv-site-typography):is(body,#pdv-site-typography):is(body,#pdv-site-typography).pdvr-active :is(#dashboard,#pdv-global-mobile-dashboard,.pdv-dashboard).pdv-dashboard .pdv-mobile-nav .pdv-mobile-nav-post>span{color:#4d148c!important}
 :is(body,#pdv-site-typography):is(body,#pdv-site-typography):is(body,#pdv-site-typography).pdvr-active :is(#dashboard,#pdv-global-mobile-dashboard,.pdv-dashboard).pdv-dashboard .pdv-mobile-nav .pdv-mobile-nav-post>i{background:#4d148c!important;background-color:#4d148c!important;background-image:none!important;color:#fff!important;box-shadow:0 3px 10px #4d148c2c!important}
 :is(body,#pdv-site-typography):is(body,#pdv-site-typography):is(body,#pdv-site-typography).pdvr-active :is(#dashboard,#pdv-global-mobile-dashboard,.pdv-dashboard).pdv-dashboard .pdv-mobile-nav .pdv-mobile-nav-post>i :is(svg,path){color:#fff!important}
 :is(body,#pdv-site-typography):is(body,#pdv-site-typography):is(body,#pdv-site-typography).pdvr-active :is(#dashboard,#pdv-global-mobile-dashboard,.pdv-dashboard).pdv-dashboard .pdv-mobile-nav .pdv-mobile-nav-post>i svg{fill:currentColor!important;stroke:#fff!important}
}
@media(max-width:767px) and (hover:hover) and (pointer:fine){
 :is(body,#pdv-site-typography):is(body,#pdv-site-typography):is(body,#pdv-site-typography).pdvr-active :is(#dashboard,#pdv-global-mobile-dashboard,.pdv-dashboard).pdv-dashboard .pdv-mobile-nav .pdv-mobile-nav-item:hover,
 :is(body,#pdv-site-typography):is(body,#pdv-site-typography):is(body,#pdv-site-typography).pdvr-active :is(#dashboard,#pdv-global-mobile-dashboard,.pdv-dashboard).pdv-dashboard .pdv-mobile-nav .pdv-mobile-nav-item:hover :is(i,span,svg){color:#4d148c!important}
}

/* Approved refinements — 26 October 2026. */
/* Restore the original compact listing cards; keep the approved brand purple.
   Only the homepage listing surface is affected. Native feeds, links and account actions remain unchanged. */
body.pdvr-active #pdvr-home #listings>.container{max-width:none!important;padding-inline:15px!important}
body.pdvr-active #pdvr-home .listing-carousel{position:relative;min-width:0;overflow:visible}
body.pdvr-active #pdvr-home .listing-section .listing-grid{display:grid!important;grid-template-columns:none!important;grid-auto-flow:column!important;grid-auto-columns:calc((100% - 48px)/5)!important;align-items:stretch!important;gap:12px!important;min-width:0!important;margin:0!important;padding:3px 0 10px!important;overflow-x:auto!important;scroll-snap-type:x proximity;scrollbar-width:none!important;-ms-overflow-style:none}
body.pdvr-active #pdvr-home .listing-section .listing-grid::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
body.pdvr-active #pdvr-home .listing-card{position:relative!important;display:flex!important;flex-direction:column!important;align-self:stretch!important;height:auto!important;min-width:0!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0!important;box-sizing:border-box!important;border:1px solid #ede9fe!important;border-radius:16px!important;background:#fff!important;box-shadow:0 5px 12px #00000008!important;overflow:hidden!important;scroll-snap-align:start}
body.pdvr-active #pdvr-home .listing-card>a{display:flex!important;flex:1 1 auto!important;flex-direction:column!important;min-width:0!important;min-height:0!important;margin:0!important;padding:0!important;color:inherit!important;text-decoration:none!important}
body.pdvr-active #pdvr-home .listing-card .listing-photo{position:relative!important;display:block!important;flex:0 0 142px!important;width:100%!important;height:142px!important;min-height:142px!important;max-height:142px!important;margin:0!important;padding:0!important;border:0!important;border-radius:15px 15px 0 0!important;background:#f2f4f7!important;overflow:hidden!important}
body.pdvr-active #pdvr-home .listing-card .listing-photo img{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;margin:0!important;padding:0!important;object-fit:contain!important;object-position:center!important;border-radius:0!important;transform:none!important}
body.pdvr-active #pdvr-home .listing-card .listing-body{display:flex!important;flex:1 1 auto!important;flex-direction:column!important;align-items:stretch!important;min-width:0!important;min-height:110px!important;gap:0!important;margin:0!important;padding:10px 11px 8px!important;box-sizing:border-box!important;text-align:left!important}
body.pdvr-active #pdvr-home .listing-card .listing-body h3{display:block!important;flex:0 0 auto!important;width:100%!important;min-width:0!important;height:15px!important;min-height:15px!important;max-height:15px!important;margin:0!important;padding:0!important;color:#0f172a!important;font-size:12.5px!important;font-weight:600!important;line-height:15px!important;letter-spacing:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;overflow-wrap:normal!important;word-break:normal!important;-webkit-line-clamp:unset!important;text-decoration:none!important}
body.pdvr-active #pdvr-home .listing-card .listing-body .price{display:block!important;flex:0 0 auto!important;height:19px!important;min-height:19px!important;margin:4px 0 0!important;padding:0!important;color:#4d148c!important;font-size:14.5px!important;font-weight:900!important;line-height:19px!important;letter-spacing:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
body.pdvr-active #pdvr-home .listing-card .listing-city{display:flex!important;align-items:center!important;flex:0 0 12px!important;gap:3px!important;min-width:0!important;height:12px!important;min-height:12px!important;margin:auto 0 0!important;padding:0!important;color:#64748b!important;font-size:10px!important;font-weight:600!important;line-height:12px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
body.pdvr-active #pdvr-home .listing-card .listing-city>span{min-width:0!important;margin:0!important;color:inherit!important;font-size:inherit!important;font-weight:inherit!important;line-height:inherit!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
body.pdvr-active #pdvr-home .listing-card .listing-city svg{display:block!important;flex:0 0 12px!important;width:12px!important;height:12px!important;margin:0!important;color:#4d148c!important;stroke-width:1.7!important}
body.pdvr-active #pdvr-home .listing-card .listing-specs{display:block!important;flex:0 0 auto!important;width:100%!important;height:17px!important;min-height:17px!important;max-height:17px!important;box-sizing:border-box!important;margin:5px 0 0!important;padding:5px 0 0!important;border:0!important;border-top:1px solid #ede9fe!important;border-radius:0!important;background:transparent!important;color:#6b7280!important;font-size:9px!important;font-weight:600!important;line-height:11px!important;letter-spacing:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
body.pdvr-active #pdvr-home .listing-card .listing-specs span{display:inline!important;height:auto!important;min-height:0!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:inherit!important;font-size:9px!important;font-weight:600!important;line-height:11px!important;white-space:nowrap!important}
body.pdvr-active #pdvr-home .listing-card .listing-specs .listing-spec-separator{padding:0 3px!important;font-weight:400!important}
body.pdvr-active #pdvr-home .listing-card .listing-specs span:before{content:none!important}
body.pdvr-active #pdvr-home .listing-card .save-listing{position:absolute!important;z-index:3!important;display:grid!important;place-items:center!important;top:8px!important;right:8px!important;left:auto!important;width:31px!important;height:31px!important;min-width:31px!important;min-height:31px!important;margin:0!important;padding:0!important;box-sizing:border-box!important;border:1px solid #ede9fe!important;border-radius:50%!important;background:#fff!important;color:#64748b!important;box-shadow:0 4px 12px #0f172a21!important;line-height:1!important;transform:none!important}
body.pdvr-active #pdvr-home .listing-card .save-listing svg{display:block!important;width:16px!important;height:16px!important;margin:0!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important}
body.pdvr-active #pdvr-home .listing-card .save-listing[aria-pressed=true]{background:#fff!important;color:#4d148c!important}
body.pdvr-active #pdvr-home .listing-card .save-listing[aria-pressed=true] svg{fill:#4d148c!important;stroke:#4d148c!important}
/* The original cards used Poppins. Beat the integration's scoped Manrope rule only here. */
:is(body,#pdv-site-typography):is(body,#pdv-site-typography):is(body,#pdv-site-typography).pdvr-active #pdvr-home .listing-card,
:is(body,#pdv-site-typography):is(body,#pdv-site-typography):is(body,#pdv-site-typography).pdvr-active #pdvr-home .listing-card :is(a,h3,div,span,p,strong,button){font-family:Poppins,Arial,sans-serif!important}
/* Carousel controls sit on the rail edges, as on the original homepage. */
body.pdvr-active #pdvr-home .listing-carousel>.listing-controls{position:absolute!important;z-index:5!important;top:0!important;right:0!important;bottom:auto!important;left:0!important;display:block!important;width:100%!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important;overflow:visible!important;pointer-events:none}
body.pdvr-active #pdvr-home .listing-carousel>.listing-controls>button{position:absolute!important;top:137px!important;display:grid!important;place-items:center!important;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;margin:0!important;padding:0!important;border:1px solid #ede9fe!important;border-radius:50%!important;background:#fff!important;color:#4d148c!important;box-shadow:0 8px 22px #13275724!important;transform:translateY(-50%)!important;cursor:pointer;pointer-events:auto;line-height:1!important}
body.pdvr-active #pdvr-home .listing-carousel>.listing-controls>.listing-prev{left:-19px!important;right:auto!important}
body.pdvr-active #pdvr-home .listing-carousel>.listing-controls>.listing-next{right:-19px!important;left:auto!important}
body.pdvr-active #pdvr-home .listing-carousel>.listing-controls>button svg{display:block!important;width:18px!important;height:18px!important;margin:0!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important}
body.pdvr-active #pdvr-home .listing-carousel>.listing-controls>.listing-prev svg{transform:rotate(180deg)!important}
body.pdvr-active #pdvr-home .listing-carousel>.listing-controls>.listing-next svg{transform:none!important}
body.pdvr-active #pdvr-home .listing-carousel>.listing-controls>button:disabled{visibility:hidden!important;opacity:0!important;pointer-events:none!important}
@media(hover:hover) and (pointer:fine){
 body.pdvr-active #pdvr-home .listing-card:hover{box-shadow:0 14px 32px #182e641a!important;transform:translateY(-3px)!important}
 body.pdvr-active #pdvr-home .listing-carousel>.listing-controls>button:hover{border-color:#cdb8e2!important;background:#fff!important}
}
@media(max-width:930px) and (min-width:641px){
 body.pdvr-active #pdvr-home .listing-section .listing-grid{grid-auto-columns:calc((100% - 12px)/2)!important;gap:12px!important}
}
@media(max-width:767px){
 body.pdvr-active #pdvr-home .listing-carousel>.listing-controls{display:none!important}
}
@media(max-width:640px){
 body.pdvr-active #pdvr-home .listing-section .listing-grid{grid-auto-columns:calc((100% - 10px)/2)!important;gap:10px!important;padding:0 0 10px!important}
 body.pdvr-active #pdvr-home .listing-card{height:242px!important;min-height:242px!important;max-height:242px!important;transform:none!important}
 body.pdvr-active #pdvr-home .listing-card .listing-photo{flex-basis:130px!important;height:130px!important;min-height:130px!important;max-height:130px!important}
 body.pdvr-active #pdvr-home .listing-card .listing-body{min-height:0!important;padding:10px 11px 8px!important}
 body.pdvr-active #pdvr-home .listing-card .save-listing{width:26px!important;height:26px!important;min-width:26px!important;min-height:26px!important;padding:5px!important;border:0!important;color:#202124!important;box-shadow:0 2px 4px #0000001f!important}
 body.pdvr-active #pdvr-home .listing-card .save-listing[aria-pressed=true]{color:#4d148c!important}
}

/* Small sizing adjustments to the approved header and offerings only. */
body.pdvr-active .pdvr-header #header .nav-row{height:68px}
body.pdvr-active .pdvr-header #header .logo img{height:33.4766px;width:auto;max-width:none}
@media(max-width:930px){body.pdvr-active .pdvr-header #header .nav-row{height:64px}}
@media(max-width:640px){body.pdvr-active .pdvr-header #header .nav-row{height:60px}}

body.pdvr-active #pdvr-home #services{padding:33px 0 19px}
body.pdvr-active #pdvr-home #services .services-heading{margin-bottom:21px}
body.pdvr-active #pdvr-home #services .services-heading h2{font-size:24px;margin-bottom:8px}
body.pdvr-active #pdvr-home #services .services-heading p.services-intro{font-size:11px}
body.pdvr-active #pdvr-home #services .services-intro svg{width:13px;height:13px}
body.pdvr-active #pdvr-home #services #feature-services .service-feature{min-height:189px;padding:21px 23px}
body.pdvr-active #pdvr-home #services #feature-services h3{font-size:23px;margin-bottom:8px}
body.pdvr-active #pdvr-home #services #feature-services p{font-size:11px;margin-bottom:15px}
body.pdvr-active #pdvr-home #services .service-kicker{font-size:8px;margin-bottom:9px;padding:4px 7px 4px 4px}
body.pdvr-active #pdvr-home #services .service-kicker svg{width:17px;height:17px}
body.pdvr-active #pdvr-home #services .offering-scene{width:71px;height:71px}
body.pdvr-active #pdvr-home #services #feature-services .offering-scene{width:234px;height:159px}
body.pdvr-active #pdvr-home #services #service-grid .service-card{min-height:111px;padding:15px 12px}
body.pdvr-active #pdvr-home #services #service-grid .service-card h3{font-size:12px;margin-bottom:6px}
body.pdvr-active #pdvr-home #services #service-grid .service-card p{font-size:10.5px}
body.pdvr-active #pdvr-home #services #service-grid .card-arrow{width:23px;height:23px}
body.pdvr-active #pdvr-home #services #service-grid .card-arrow svg{width:12px;height:12px}
@media(min-width:641px){
 body.pdvr-active #pdvr-home #services .service-feature-cta{min-height:35px;padding:6px 12px;font-size:10px}
 body.pdvr-active #pdvr-home #services .service-feature-cta svg{width:13px;height:13px}
}
@media(min-width:641px) and (max-width:1100px){
 body.pdvr-active #pdvr-home #services #feature-services .service-feature{min-height:179px;padding:19px}
 body.pdvr-active #pdvr-home #services #feature-services h3{font-size:20px}
 body.pdvr-active #pdvr-home #services .offering-scene{width:57px;height:57px;flex-basis:57px}
 body.pdvr-active #pdvr-home #services #service-grid .service-card{min-height:117px;padding:11px 8px}
 body.pdvr-active #pdvr-home #services #service-grid .service-card h3{font-size:10px}
 /* Keep already-small supporting copy at its existing readable minimum. */
 body.pdvr-active #pdvr-home #services #service-grid .service-card p{font-size:9px}
}
@media(min-width:641px) and (max-width:1000px){
 body.pdvr-active #pdvr-home #services #service-grid .service-card{min-height:103px;padding:13px}
 body.pdvr-active #pdvr-home #services #service-grid .service-card h3{font-size:12px}
 body.pdvr-active #pdvr-home #services #service-grid .service-card p{font-size:10px}
}
@media(min-width:641px) and (max-width:900px){
 body.pdvr-active #pdvr-home #services #feature-services .offering-scene{width:calc(42% - 1px);height:135px}
}
@media(max-width:640px){
 body.pdvr-active #pdvr-home #services{padding:21px 0 16px}
 body.pdvr-active #pdvr-home #services .services-heading{margin-bottom:12px}
 body.pdvr-active #pdvr-home #services .services-heading h2{font-size:19px;margin-bottom:0}
 body.pdvr-active #pdvr-home #services #feature-services .service-feature{min-height:114px;padding:11px 9px}
 body.pdvr-active #pdvr-home #services #feature-services h3{font-size:13px;min-height:34px;margin-bottom:11px}
 body.pdvr-active #pdvr-home #services #feature-services .offering-scene{width:99px;height:66px}
 body.pdvr-active #pdvr-home #services .service-feature-cta{width:24px;height:24px;min-height:24px;padding:4px}
 body.pdvr-active #pdvr-home #services .service-feature-cta svg{width:14px;height:14px}
 body.pdvr-active #pdvr-home #services #service-grid .service-card{min-height:109px;padding:8px 7px 9px}
 body.pdvr-active #pdvr-home #services .offering-scene{width:48px;height:48px;flex-basis:auto}
 body.pdvr-active #pdvr-home #services #service-grid .service-card h3{font-size:9.5px;margin:0}
 body.pdvr-active #pdvr-home #services #service-grid .card-arrow{width:12px;height:12px}
 body.pdvr-active #pdvr-home #services #service-grid .card-arrow svg{width:9px;height:9px}
}
@media(max-width:359px){body.pdvr-active #pdvr-home #services #service-grid .service-card{padding-left:5px;padding-right:5px}}

/* Align the restored listing rail with the existing page frame.
   Bootstrap clearfix pseudo-elements must not create phantom header flex items. */
body.pdvr-active .pdvr-header #header .nav-row::before,
body.pdvr-active .pdvr-header #header .nav-row::after{content:none!important;display:none!important}
body.pdvr-active .pdvr-footer #pdv-site-footer .pdv-footer-inner{padding-inline:15px!important}
@media(max-width:640px){
 body.pdvr-active #pdvr-home #main>section>.container:not(.business-card),
 body.pdvr-active .pdvr-header #header .nav-row,
 body.pdvr-active .pdvr-footer #pdv-site-footer .pdv-footer-inner{width:calc(100% - 36px)!important;max-width:none!important;padding-inline:0!important}
 body.pdvr-active #pdvr-home #main>section>.business-card{width:calc(100% - 36px)}
}

@media(min-width:641px) and (max-width:767px){
 body.pdvr-active .pdvr-footer #pdv-site-footer .pdv-footer-inner{width:calc(100% - 48px)!important}
}

/* Match the business card's outer border to the surrounding content edges. */
@media(min-width:1161px){
 body.pdvr-active #pdvr-home #business>.business-card{width:min(1210px,calc(100% - 110px))}
}
@media(min-width:641px) and (max-width:1160px){
 body.pdvr-active #pdvr-home #business>.business-card{width:calc(100% - 78px)}
}

/* Extend the business surface to the page edges without moving its content. */
body.pdvr-active #pdvr-home #business{background:var(--soft)}
body.pdvr-active #pdvr-home #business>.business-card{background:transparent;border-color:transparent}
body.pdvr-active #pdvr-home #business>.business-card::before,
body.pdvr-active #pdvr-home #business>.business-card::after{content:none!important;display:none!important}