/* PN Signs 0.2: implementation of the user's approved reference, 11 Nov 2026. */
:root{--pn-sign-navy:#102b4e;--pn-sign-green:#18aa59;--pn-sign-gold:#b58b36;--pn-sign-black:#17191b;--pn-sign-cream:#fcf7eb}
.pn-offer-card{--pn-smile:var(--pn-sign-green);--pn-card-ink:var(--pn-sign-navy);--pn-card-muted:#586c87;--pn-card-surface:#fff;--pn-chip-surface:#eaf0f7;border:1px solid #e4e9ef!important;border-radius:24px!important;overflow:hidden;background:var(--pn-card-surface)!important;color:var(--pn-card-ink);box-shadow:0 9px 28px rgba(16,43,78,.065)!important;position:relative;isolation:isolate;transition:box-shadow .18s ease,transform .18s ease}
.pn-offer-card:hover{box-shadow:0 15px 36px rgba(16,43,78,.12)!important;transform:translateY(-2px)}
.pn-offer-card .listing-photo{position:relative;display:block;aspect-ratio:1.4;height:auto!important;min-height:0;overflow:hidden;border-radius:0!important;background:#eef2f6}
.pn-offer-card .listing-photo img{display:block;width:100%;height:100%!important;object-fit:cover;transition:transform .3s ease}
.pn-offer-card:hover .listing-photo img{transform:scale(1.015)}
.pn-offer-card .listing-card-content{padding:19px 19px 17px!important;display:flex;flex-direction:column;gap:0;flex:1;min-width:0;background:var(--pn-card-surface)}
.pn-offer-card .listing-price{font-size:clamp(23px,1.8vw,29px)!important;font-weight:780!important;letter-spacing:-1px;line-height:1.15!important;color:var(--pn-card-ink)!important;margin:0 0 4px!important;overflow-wrap:anywhere;order:0}
.pn-offer-card .price-per-area{font-size:11px!important;line-height:1.4;color:var(--pn-card-muted)!important;margin:0 0 13px!important;order:1}
.pn-offer-card .listing-facts{order:2;display:flex;flex-wrap:wrap;gap:6px 8px;font-size:14px!important;font-weight:650;color:var(--pn-card-ink)!important;line-height:1.5;margin:0 0 3px!important}
.pn-offer-card .listing-facts span+span:before{margin-right:7px;color:var(--pn-card-muted)}
.pn-offer-card .listing-facts span:last-child:not(:first-child){font-weight:500}
.pn-offer-card .listing-location{order:3;font-size:13px!important;line-height:1.5;color:var(--pn-card-muted)!important;margin:0 0 10px!important;gap:5px;min-height:20px}
.pn-offer-card .listing-location>.icon{width:15px;height:15px;flex:none}
.pn-offer-card h3{order:4;font-size:14px!important;font-weight:650!important;line-height:1.45!important;margin:0 0 12px!important;min-height:40px}
.pn-offer-card h3 a{color:var(--pn-card-ink)!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-decoration:none}
.pn-offer-card h3 a:hover{text-decoration:underline;text-underline-offset:3px}
.pn-offer-card .listing-feature-chips{order:5;display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin:0 0 16px!important;min-height:32px}
.pn-offer-card .listing-feature-chips>span{display:inline-flex;align-items:center;gap:6px;border:0!important;border-radius:30px!important;background:var(--pn-chip-surface)!important;color:var(--pn-card-ink)!important;padding:5px 10px!important;font-size:12px!important;line-height:1.25!important;font-weight:600;min-height:31px}
.pn-amenity-icon{display:inline-block;vertical-align:middle;width:21px;height:23px;flex:0 0 21px;overflow:visible;color:inherit}
.pn-offer-card .pn-listing-card-footer{order:7;border-top:1px solid #e9edf2!important;padding-top:13px!important;margin-top:auto!important;display:flex;flex-direction:column;gap:12px}
.pn-offer-card .pn-listing-advertiser{display:flex;align-items:center;gap:9px;min-width:0}
.pn-offer-card .pn-advertiser-avatar{width:31px!important;height:31px!important;min-width:31px!important;border-radius:9px!important;border:0!important;background:#dfe8f2!important;color:var(--pn-sign-navy)!important;font-size:12px!important}
.pn-offer-card .pn-advertiser-name{font-size:12px!important;line-height:1.4!important;font-weight:650;color:var(--pn-card-ink)!important}
.pn-offer-card .pn-advertiser-kind{font-size:9px!important;line-height:1.25!important;color:var(--pn-card-muted)!important}
.pn-offer-card .pn-card-contact-actions{display:flex!important;flex-wrap:nowrap!important;align-items:center;justify-content:stretch;gap:6px!important;margin:0!important}
.pn-offer-card .pn-card-contact-actions>.button,.pn-offer-card .pn-compare-button{min-height:40px!important;height:40px!important;border-radius:10px!important;padding:0 10px!important;font-size:11px!important;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:5px;box-shadow:none!important}
.pn-offer-card .pn-card-phone{width:40px!important;min-width:40px!important;flex:0 0 40px!important;padding:0!important}
.pn-offer-card .pn-card-phone>span{position:absolute!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;width:1px!important;height:1px!important;overflow:hidden!important;white-space:nowrap!important}
.pn-offer-card .pn-card-contact-actions>.button-primary{flex:1;min-width:0}
.pn-offer-card .pn-compare-button{width:40px!important;min-width:40px!important;flex:0 0 40px!important;padding:0!important}
.pn-offer-card .pn-compare-button>span{position:absolute!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;width:1px!important;height:1px!important;overflow:hidden!important;white-space:nowrap!important}
.pn-offer-card .pn-card-contact-actions svg{width:17px!important;height:17px!important;flex:0 0 17px}
.pn-offer-card .favorite-button-compact{top:13px!important;right:13px!important;width:38px!important;height:38px!important;border-radius:50%!important;background:rgba(255,255,255,.96)!important;border:1px solid rgba(16,43,78,.1)!important;color:#102b4e!important;z-index:3;box-shadow:0 3px 10px #102b4e14!important}
.pn-offer-card .photo-tag{top:auto!important;bottom:12px;left:13px;font-size:10px!important;padding:5px 8px!important;border-radius:6px!important;line-height:1.2;background:rgba(255,255,255,.94)!important;color:#102b4e!important}
.pn-offer-card .photo-count{right:13px!important;bottom:12px!important;font-size:10px!important;border-radius:6px!important;padding:4px 7px!important;background:#102b4ebd!important;color:#fff!important}
.pn-card-signs{position:absolute;left:13px;top:13px;right:60px;display:flex;flex-wrap:wrap;align-items:flex-start;gap:7px;z-index:2;pointer-events:none}
.pn-card-signs:empty{display:none}
.pn-level-badge,.pn-paid-badge,.pn-earned-badge{display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap;border-radius:100px;font-size:11px;font-weight:780;line-height:1.1;letter-spacing:1.3px;text-transform:uppercase;padding:8px 12px}
.pn-level-badge>svg{width:23px;height:23px;flex:none;margin:-4px 0}
.pn-level-badge--premium{--pn-smile:#102b4e;background:linear-gradient(105deg,#f2dfa8,#d0aa58);color:#102b4e;box-shadow:0 4px 13px #60440b29}
.pn-level-badge--black{--pn-smile:#fff;background:#17191b;color:#fff;box-shadow:0 4px 13px #0002}
.pn-paid-badge{background:#fff;color:#102b4e;border:2px solid #afbdd2;padding:7px 11px;box-shadow:0 2px 6px #102b4e0d}
.pn-offer-card[data-pn-presentation="premium"]{--pn-smile:#b58b36;--pn-card-surface:#fcf7eb;--pn-chip-surface:#f3e9d1;border:2px solid #daba67!important;box-shadow:0 9px 28px #b08a3320!important}
.pn-offer-card[data-pn-presentation="premium"]:after{content:"";height:5px;position:absolute;bottom:0;left:0;right:0;background:linear-gradient(90deg,#e4c67d,#f4e4bc,#c9a149)}
.pn-offer-card[data-pn-presentation="premium"] .pn-listing-card-footer{border-color:#e9dcba!important}
.pn-offer-card[data-pn-presentation="black"]{--pn-smile:#fff;--pn-card-surface:#17191b;--pn-card-ink:#fff;--pn-card-muted:#b5bbc6;--pn-chip-surface:#2b2e32;border:2px solid #17191b!important;box-shadow:0 9px 28px #0002!important}
.pn-offer-card[data-pn-presentation="black"] .pn-listing-card-footer{border-color:#353a41!important}
.pn-offer-card[data-pn-presentation="black"] .pn-advertiser-avatar{background:#2b2e32!important;color:#fff!important}
.pn-offer-card[data-pn-presentation="black"] .pn-card-contact-actions>.button-outline,.pn-offer-card[data-pn-presentation="black"] .pn-compare-button{background:#272b30!important;border-color:#515966!important;color:#fff!important}
.pn-earned-badge{--pn-smile:currentColor;background:#def3e6;color:#137f42;font-size:10px;padding:7px 11px}
.pn-earned-badge>svg{width:16px;height:16px}
.pn-earned-badge--strong{background:#137f42;color:#fff}
.pn-trust-mark{display:inline-flex;align-items:center;gap:8px;color:#137f42;font-size:11px;letter-spacing:1px;font-weight:750;text-transform:uppercase}
.pn-trust-mark svg{width:30px;height:30px;flex:none}
.pn-medallion{--pn-smile:#18aa59;width:88px;height:88px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#fff;color:#102b4e;box-shadow:0 5px 14px #102b4e25}
.pn-medallion>svg{width:52px;height:52px}
.pn-medallion--premium{--pn-smile:#102b4e;background:linear-gradient(125deg,#f3e2b5,#cba34e)}
.pn-medallion--black{--pn-smile:#fff;background:#17191b;color:#fff}
.pn-offer-card:focus-within{outline:3px solid #177d55;outline-offset:3px}
.pn-offer-card a:focus-visible,.pn-offer-card button:focus-visible{outline:3px solid #08784f!important;outline-offset:3px!important}
.pn-offer-card[data-pn-presentation="black"] a:focus-visible,.pn-offer-card[data-pn-presentation="black"] button:focus-visible{outline-color:#fff!important}
/* Keep the portal's existing list and compact views operational. */
@media(prefers-reduced-motion:reduce){.pn-offer-card,.pn-offer-card .listing-photo img{transition:none!important;transform:none!important}}
@media(max-width:600px){.pn-offer-card{border-radius:21px!important}.pn-offer-card .listing-card-content{padding:17px!important}.pn-offer-card .listing-price{font-size:27px!important}.pn-offer-card .pn-card-contact-actions>.button,.pn-offer-card .pn-compare-button{height:44px!important;min-height:44px!important}.pn-offer-card .pn-card-phone,.pn-offer-card .pn-compare-button{width:44px!important;min-width:44px!important;flex-basis:44px!important}.pn-offer-card .favorite-button-compact{width:44px!important;height:44px!important}.pn-card-signs{right:66px}.pn-level-badge,.pn-paid-badge{font-size:10px}}

@media(min-width:761px){
[data-listing-layout="list"] .pn-offer-card{display:grid!important;grid-template-columns:minmax(220px,32%) minmax(0,1fr)!important;gap:0!important}
[data-listing-layout="list"] .pn-offer-card .listing-photo{height:100%!important;aspect-ratio:auto!important;grid-column:1;grid-row:1;min-height:270px}
[data-listing-layout="list"] .pn-offer-card .listing-card-content{grid-column:2;grid-row:1}
[data-listing-layout="list"] .pn-offer-card h3{min-height:0}
[data-listing-layout="list"] .pn-offer-card .pn-listing-card-footer{flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap}
[data-listing-layout="list"] .pn-offer-card .pn-card-contact-actions{width:250px;max-width:100%}
[data-listing-layout="compact"] .pn-offer-card{display:grid!important;grid-template-columns:170px minmax(0,1fr)!important;gap:0!important;border-radius:16px!important}
[data-listing-layout="compact"] .pn-offer-card .listing-photo{height:100%!important;aspect-ratio:auto!important;grid-column:1;grid-row:1;min-height:185px}
[data-listing-layout="compact"] .pn-offer-card .listing-card-content{grid-column:2;grid-row:1;padding:15px 18px!important}
[data-listing-layout="compact"] .pn-offer-card h3{min-height:0;margin-bottom:8px!important;font-size:13px!important}
[data-listing-layout="compact"] .pn-offer-card .listing-price{font-size:23px!important}
[data-listing-layout="compact"] .pn-offer-card .listing-feature-chips{display:none!important}
[data-listing-layout="compact"] .pn-offer-card .pn-listing-card-footer{flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap;padding-top:9px!important;gap:8px}
[data-listing-layout="compact"] .pn-offer-card .pn-card-contact-actions{width:240px;max-width:100%}
[data-listing-layout="compact"] .pn-offer-card .pn-card-signs{right:auto;max-width:148px}
[data-listing-layout="compact"] .pn-offer-card .pn-level-badge,[data-listing-layout="compact"] .pn-offer-card .pn-paid-badge{font-size:9px;padding:7px 9px}
}
