/* PropertEase layout.css */
@import url("https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&display=swap");
:root{--pe-ink:#0F0F0F;--pe-ink-2:#3D3D3D;--pe-ink-3:#7A7672;--pe-ink-4:#AEAAA4;--pe-red:#CC2119;--pe-red-h:#A81A13;--pe-gold:#C8960C;--pe-white:#FFFFFF;--pe-off-white:#F8F7F5;--pe-line:#E8E5E0;--pe-shadow-md:0 12px 40px rgba(0,0,0,.10);--pe-display:"DM Serif Display","Playfair Display",Georgia,serif;--pe-nav-h:72px;}
.topbar{background:var(--pe-ink)!important;padding:10px 48px;display:flex!important;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:.06em;color:rgba(255,255,255,.55)!important;}
.topbar a{color:rgba(255,255,255,.55)!important;transition:color .2s}
.topbar a:hover{color:#fff!important}
.topbar-l{display:flex;align-items:center;gap:24px}
.tsep{width:1px;height:10px;background:rgba(255,255,255,.15)}
.topbar-r a{color:var(--pe-gold)!important;font-weight:500}
nav{position:sticky!important;top:0;z-index:900!important;background:rgba(255,255,255,.97)!important;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--pe-line)!important;padding:0 48px;display:flex!important;align-items:center;gap:40px;height:var(--pe-nav-h);box-shadow:none!important;}
.nav-logo{display:flex!important;align-items:center;gap:12px;margin-right:auto;flex-shrink:0;text-decoration:none;}
.logo-img{height:46px!important;width:46px!important;object-fit:contain;display:block;border-radius:0!important;}
.brand{font-family:var(--pe-display)!important;font-size:21px;font-weight:400;color:var(--pe-ink)!important;letter-spacing:-.01em;line-height:1;}
.brand em{font-style:italic;color:var(--pe-red)!important}
.nav-links{list-style:none;display:flex;align-items:center;gap:0}
.nav-links>li>a{font-size:12px!important;font-weight:500;color:var(--pe-ink-3)!important;padding:10px 16px;letter-spacing:.08em;text-transform:uppercase;transition:color .2s;display:block;position:relative;background:transparent!important;border-radius:0!important;}
.nav-links>li>a::after{content:"";position:absolute;bottom:0;left:16px;right:16px;height:2px;background:var(--pe-red);transform:scaleX(0);transform-origin:left;transition:transform .25s cubic-bezier(.16,1,.3,1);}
.nav-links>li>a:hover,.nav-links>li>a.active{color:var(--pe-ink)!important}
.nav-links>li>a:hover::after,.nav-links>li>a.active::after{transform:scaleX(1)}
.nav-links .nav-cta{background:var(--pe-red)!important;color:#fff!important;padding:10px 22px!important;border-radius:6px!important;font-weight:600;}
.nav-links .nav-cta::after{display:none}
.nav-links .nav-cta:hover{background:var(--pe-red-h)!important;color:#fff!important}
.nav-links li{position:relative}
.nav-links li:hover .dropdown{opacity:1;visibility:visible;transform:translateY(0)}
.dropdown{position:absolute;top:100%;left:0;background:var(--pe-white);border:1px solid var(--pe-line);border-top:3px solid var(--pe-red);border-radius:0 0 12px 12px;padding:12px 0;min-width:240px;opacity:0;visibility:hidden;transform:translateY(-6px);transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:var(--pe-shadow-md);z-index:100;}
.dropdown a{display:block;padding:9px 24px;font-size:13px;color:var(--pe-ink-2);letter-spacing:.02em;font-weight:400;text-transform:none;transition:all .15s;}
.dropdown a::after{display:none}
.dropdown a:hover{color:var(--pe-red);background:var(--pe-off-white);padding-left:28px}
.dsec{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--pe-ink-4);padding:12px 24px 6px;}
.hamburger{display:none!important;background:none;border:none;padding:8px;flex-direction:column;gap:5px;cursor:pointer;}
.hamburger span{width:22px;height:1.5px;background:var(--pe-ink);border-radius:1px;transition:.3s}
.mob-nav{display:none!important;position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;height:100%!important;background:var(--pe-white)!important;z-index:950!important;padding:80px 32px 40px!important;overflow-y:auto;flex-direction:column!important;gap:0;border-left:4px solid var(--pe-red)!important;border-radius:16px 0 0 16px!important;box-shadow:none!important;transform:none!important;transition:none!important;}
.mob-nav.open{display:flex!important}
.mob-sec{font-size:9px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--pe-ink-4);margin:24px 0 6px;}
.mob-nav a{font-size:15px!important;color:var(--pe-ink-2)!important;padding:11px 0;border-bottom:1px solid var(--pe-line);font-weight:400;background:transparent!important;border-radius:0!important;}
.mob-nav a:hover{color:var(--pe-red)!important;background:transparent!important}
.mob-close{position:absolute;top:20px;right:24px;background:none;border:none;color:var(--pe-ink)!important;font-size:22px;cursor:pointer;}
footer{background:var(--pe-ink)!important;color:rgba(255,255,255,.65);padding:80px 0 0!important;border-top:4px solid var(--pe-red)!important;}
footer .container{max-width:1320px;margin:0 auto;padding:0 56px}
.f-grid{display:grid;grid-template-columns:2.2fr 1fr 1fr 1fr;gap:56px;padding-bottom:60px;border-bottom:1px solid rgba(255,255,255,.08);}
.f-brand{font-family:var(--pe-display);font-size:28px;font-weight:400;color:#fff!important;margin-bottom:18px;display:flex;align-items:center;gap:12px;letter-spacing:-.01em;}
.f-brand em{font-style:italic;color:var(--pe-red)!important}
.f-logo-img{height:42px;width:42px;object-fit:contain;filter:drop-shadow(0 0 8px rgba(255,255,255,.1))}
.f-desc{font-size:14px;color:rgba(255,255,255,.5)!important;line-height:1.85;max-width:300px;margin-bottom:28px;font-weight:300;}
.f-socs{display:flex;gap:8px}
.f-soc{width:38px;height:38px;background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.1)!important;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .2s;text-decoration:none;}
.f-soc:hover{border-color:var(--pe-red)!important;background:rgba(204,33,25,.2)!important}
.f-col-t{font-size:9px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.3)!important;margin-bottom:20px;}
.f-links{list-style:none;display:flex;flex-direction:column;gap:12px}
.f-links a{font-size:14px;color:rgba(255,255,255,.5)!important;transition:color .2s;font-weight:300;}
.f-links a:hover{color:#fff!important}
.f-bottom{padding:26px 0;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:rgba(255,255,255,.28)!important;letter-spacing:.03em;}
.f-bottom a{color:rgba(255,255,255,.28)!important}
.f-bottom a:hover{color:rgba(255,255,255,.7)!important}
.float-cta{position:fixed;bottom:28px;right:24px;display:flex;flex-direction:column;align-items:flex-end;gap:10px;z-index:800;}
.float-label{background:#fff;color:#1a2744;font-size:12px;font-weight:700;padding:6px 14px;border-radius:20px;box-shadow:0 4px 18px rgba(0,0,0,.18);white-space:nowrap;animation:peFloatLabel 3s ease-in-out infinite;letter-spacing:.01em;border:1px solid rgba(0,0,0,.07);}
@keyframes peFloatLabel{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
.float-btn{display:flex;align-items:center;gap:9px;padding:0 18px 0 14px;height:48px;border-radius:999px;font-size:20px;font-weight:700;color:#fff;text-decoration:none;border:none;box-shadow:0 6px 24px rgba(0,0,0,.22);transition:all .25s cubic-bezier(.16,1,.3,1);white-space:nowrap;}
.float-btn:hover{transform:scale(1.07) translateX(-3px);box-shadow:0 10px 32px rgba(0,0,0,.28)}
.float-icon{font-size:20px;line-height:1}
.float-txt{font-size:13px;font-weight:700;letter-spacing:.01em}
.fb-wa{background:linear-gradient(135deg,#25D366,#1DAA55)}
.fb-wa:hover{background:linear-gradient(135deg,#2ee673,#25D366)}
.fb-msg{background:linear-gradient(135deg,#0084ff,#0066cc)}
.fb-msg:hover{background:linear-gradient(135deg,#3399ff,#0084ff)}
@media(max-width:1100px){nav{padding:0 32px}.topbar{padding:8px 32px}.f-grid{grid-template-columns:1fr 1fr;gap:36px}footer .container{padding:0 32px}}
@media(max-width:768px){nav{padding:0 20px}.topbar{display:none!important}.nav-links{display:none!important}.hamburger{display:flex!important}.f-grid{grid-template-columns:1fr}footer .container{padding:0 20px}}
@media(max-width:480px){footer .container{padding:0 16px}}