:root{--green:#008509;--ink:#101b12;--muted:#818681;--line:#edf0ed;--light:#eff9ed}*{box-sizing:border-box}html{background:#f4f7f3}body{margin:0;color:var(--ink);font-family:Tahoma,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;background:none;color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid #7bcf7a;outline-offset:2px}button:disabled{opacity:.5;cursor:default}input,textarea,select{color:inherit;min-width:0}input,textarea{font-size:16px}a{color:var(--green)}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}canvas{display:block;width:100%;height:100%;object-fit:cover}.app{max-width:560px;min-height:100dvh;margin:auto;background:white;padding:18px 13px calc(110px + env(safe-area-inset-bottom));overflow:hidden}.brand-row{position:relative;display:flex;direction:ltr;align-items:center;justify-content:center;min-height:43px;margin-bottom:6px}.brand{font:900 34px Arial;letter-spacing:-1.5px;color:#122716}.brand span{color:var(--green)}.brand-row .back{position:absolute;left:0;top:1px}.back{border-radius:50%;width:38px;height:38px;background:#fff;display:grid;place-items:center;box-shadow:0 3px 6px #0002;color:var(--green);z-index:1}.brand-row.home-brand{justify-content:space-between;gap:8px}.language{border:1px solid var(--green);padding:6px 8px;border-radius:12px;color:#194a20;font-size:12px}.bell{position:relative}.bell:after{content:'';width:7px;height:7px;border-radius:50%;position:absolute;background:var(--green);top:1px;right:7px}.tagline{font-size:11px;text-align:center;margin:0 0 13px;color:#111}.hero{border-radius:20px;overflow:hidden;aspect-ratio:674/270;margin-bottom:13px}.search-row{display:flex;gap:8px;margin-bottom:13px}.filter-square{background:var(--green);border-radius:13px;min-width:43px;color:white;display:grid;place-items:center}.searchbox{border:1px solid #e4e7e4;border-radius:15px;box-shadow:0 2px 4px #0001;padding:10px;display:flex;gap:7px;align-items:center;background:white;flex:1;min-width:0}.searchbox input{border:0;background:transparent;width:100%;outline:none;font-size:13px;line-height:1.6}.searchbox svg{color:var(--green)}.categories{display:flex;gap:7px}.category{flex:1;min-width:0;background:#f3f9f3;border:1px solid #eef1ee;border-radius:15px;padding:9px 2px;box-shadow:0 2px 4px #0001;font-weight:bold;font-size:11px;white-space:nowrap}.category svg{display:block;margin:0 auto 5px;width:29px;height:29px;color:var(--green)}.section-head{display:flex;align-items:center;justify-content:space-between;margin:15px 0 12px}.section-head h1{font-size:19px;margin:0;border-right:5px solid var(--green);padding-right:6px;color:#090e09}.all{color:var(--green);font-weight:bold;font-size:13px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 10px}.card{min-width:0;background:white;border-radius:15px;overflow:hidden;box-shadow:0 3px 5px #0003}.photo{height:114px;position:relative;display:block;padding:0;width:100%;overflow:hidden}.photo canvas{transition:transform .3s}.photo:hover canvas{transform:scale(1.025)}.heart{position:absolute;left:5px;top:5px;width:29px;height:29px;background:white;border-radius:50%;display:grid;place-items:center;box-shadow:0 1px 4px #0002;padding:3px;color:#101510;z-index:1}.heart.saved{color:var(--green)}.heart.saved svg{fill:var(--green)}.photo-wrap{position:relative;overflow:hidden}.badge{position:absolute;bottom:6px;right:6px;background:var(--green);border:1px solid white;color:white;border-radius:20px;padding:3px 12px;font-size:11px;pointer-events:none}.info{padding:6px 8px 9px;display:block;text-align:right;width:100%}.info h2{font-size:14px;color:#111;margin:0 0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.location{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:2px;margin-bottom:5px}.location svg{width:12px;height:12px}.price{font-size:14px;font-weight:bold;color:#128215;direction:ltr;text-align:right;white-space:nowrap}.stats{display:flex;align-items:center;justify-content:space-between;gap:4px;margin-top:7px;font-size:11px;color:#141914}.stat{display:flex;gap:3px;align-items:center;white-space:nowrap}.stat svg{width:15px;height:15px}.detail-mini{background:var(--green);color:#fff;border-radius:15px;font-size:9px;padding:4px 7px;white-space:nowrap}.design-card .photo,.listing-grid .photo{height:146px}.listing-grid .info{padding:8px}.listing-grid .info h2{font-size:14px}.listing-grid .price{margin-top:8px}.listing-grid .stats{margin-top:9px}.design-card .card-foot{display:flex;justify-content:space-between;align-items:center;gap:3px;margin-top:10px}.design-card .card-foot .price{font-size:12px}.bottom{position:fixed;bottom:max(7px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:calc(100% - 10px);max-width:550px;display:flex;direction:ltr;background:#fffffff5;backdrop-filter:blur(15px);border:1px solid #eee;border-radius:35px;box-shadow:0 4px 13px #0003;z-index:20;padding:11px 4px}.nav{flex:1;display:flex;flex-direction:column;align-items:center;gap:5px;font-size:12px;direction:rtl;padding:2px 0}.nav svg{width:27px;height:27px}.nav.active{color:var(--green);font-weight:bold}.nav.active svg{fill:#00850915}.empty{text-align:center;padding:45px 15px;color:#6b756b;font-size:14px;line-height:2;grid-column:1/-1}.empty svg{width:36px;height:36px;color:var(--green)}.notice{font-size:10px;text-align:center;color:#8d958d;margin:20px 0 0}.page-heading{font-size:23px;margin:14px 0 22px}.listing-hero{margin:0 -13px;position:relative;height:102px;background:linear-gradient(white,#eaf7ff);overflow:hidden}.listing-hero h1{position:relative;z-index:1;display:flex;justify-content:center;align-items:center;gap:10px;font-size:25px;margin:9px 0}.listing-hero h1 svg{width:36px;height:36px;color:var(--green)}.landscape{height:58px;position:absolute;bottom:0;width:100%}.listing-search{position:relative;margin-top:-4px;padding-top:10px;background:white;border-radius:23px 23px 0 0;z-index:1}.chips{display:flex;gap:8px;margin:13px 0;overflow-x:auto;scrollbar-width:none;padding:2px}.chips::-webkit-scrollbar{display:none}.chip{border:1px solid #f0f0f0;border-radius:30px;box-shadow:0 2px 4px #0002;padding:8px 12px;font-size:12px;white-space:nowrap;display:flex;align-items:center;justify-content:center;gap:6px;flex:1;background:white}.chip svg{width:21px;height:21px;color:var(--green)}.chip.active,.chip.primary{background:var(--green);color:white;border-color:var(--green)}.chip.active svg,.chip.primary svg{color:white}.chip.light{background:#e8fbe6;color:var(--green);font-weight:bold}.chip select{border:0;background:transparent;font-size:11px;max-width:100%;outline:none;padding:0;color:inherit}.result-count{font-size:14px;margin:22px 0;text-align:right;color:#111}.result-count strong{color:var(--green)}.result-count small{color:#899189;font-size:10px}.message-tabs{margin:17px 0 22px;display:flex;gap:8px}.message-tabs button{flex:1;font-size:13px;padding:12px 4px;box-shadow:0 3px 5px #0002;border:1px solid #f7f7f7;border-radius:30px;font-weight:bold;white-space:nowrap}.message-tabs .active{background:var(--green);color:white}.conversation{display:flex;align-items:center;gap:10px;padding:12px 10px;border:1px solid #f3f3f3;border-radius:19px;box-shadow:0 2px 3px #0001;margin-bottom:12px;width:100%;text-align:right;background:white}.avatar{width:46px;height:46px;border-radius:50%;position:relative;flex-shrink:0;overflow:visible}.avatar canvas,.avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;overflow:hidden}.avatar.online:after{content:'';position:absolute;bottom:0;right:0;width:9px;height:9px;background:var(--green);border:2px solid white;border-radius:50%}.avatar.offline:after{content:'';position:absolute;bottom:0;right:0;width:9px;height:9px;background:#aaa;border:2px solid white;border-radius:50%}.thumb{width:51px;height:47px;border-radius:8px;overflow:hidden;flex-shrink:0}.convo-body{flex:1;min-width:0;color:#111}.convo-body h2{font-size:15px;margin:0 0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.convo-body p{font-size:12px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.convo-meta{align-self:stretch;display:flex;flex-direction:column;align-items:center;justify-content:space-between;font-size:10px;white-space:nowrap;min-width:28px;padding:3px 0}.unread{background:var(--green);color:white;border-radius:50%;width:20px;height:20px;display:grid;place-items:center;font-weight:bold}.chat-app{padding-bottom:100px}.chat-head{display:flex;align-items:center;gap:11px;margin-bottom:20px}.chat-head .avatar{width:49px;height:49px}.chat-head h1{font-size:21px;margin:0 0 7px}.chat-head p{font-size:12px;color:#999;margin:0}.chat-head .back{margin-right:auto;order:3}.chat-property{display:flex;gap:13px;align-items:center;padding:10px;border:1px solid #f1f1f1;border-radius:18px;box-shadow:0 2px 4px #0002;width:100%;text-align:right;margin-bottom:17px}.chat-property .thumb{width:109px;height:70px;border-radius:9px}.chat-property h2{font-size:17px;margin:0 0 7px}.chat-property p{font-size:12px;margin:0 0 7px}.chat-property .price{font-size:16px}.chat-property>.chevron{margin-right:auto}.day{text-align:center;margin:17px 0}.day span{background:#f1f1f1;color:#555;font-size:13px;padding:5px 15px;border-radius:25px}.bubble-row{display:flex;gap:8px;align-items:flex-start;margin:14px 0}.bubble-row.received{direction:ltr}.bubble-row .avatar{width:36px;height:36px}.bubble{direction:rtl;background:white;box-shadow:0 2px 3px #0001;border:1px solid #f7f7f7;border-radius:23px;padding:10px 14px;max-width:80%;font-size:16px;line-height:1.7;color:#121812;overflow-wrap:anywhere}.received .bubble{background:#e1fbd9}.bubble p{margin:0}.bubble-time{display:block;text-align:left;direction:ltr;font-size:10px;color:#444;margin-top:6px}.checks{color:var(--green)}.composer{position:fixed;bottom:0;left:50%;transform:translateX(-50%);max-width:560px;width:100%;padding:12px 13px calc(12px + env(safe-area-inset-bottom));display:flex;gap:9px;align-items:center;background:#fffffff5;backdrop-filter:blur(12px);z-index:25}.composer button{background:var(--green);color:white;border-radius:50%;width:39px;height:39px;display:grid;place-items:center;flex-shrink:0}.composer input{border:1px solid #ddd;border-radius:30px;padding:11px 14px;width:100%;font-size:15px;outline:none}.profile-head{display:flex;align-items:center;gap:20px;margin:15px 0 10px}.profile-head h1{font-size:24px;flex:1;text-align:center;margin:0}.profile-avatar{width:79px;height:79px}.edit-avatar{position:absolute;bottom:0;left:0;background:var(--green);color:white;width:27px;height:27px;border:3px solid white;border-radius:50%;display:grid;place-items:center;padding:3px}.edit-avatar svg{width:16px;height:16px}.identity{margin:16px 0 33px;text-align:right;padding-right:30px}.identity h2{font-size:26px;margin:0 0 12px}.identity p{font-size:17px;direction:ltr;text-align:center;color:#333;margin:0;overflow-wrap:anywhere}.identity .role{font-size:10px;color:var(--green);display:block;margin-top:10px;text-align:center}.menu-row{display:flex;align-items:center;gap:15px;padding:17px 16px;border:1px solid #f2f2f2;border-radius:22px;box-shadow:0 2px 3px #0001;width:100%;text-align:right;margin-bottom:13px;background:white}.menu-row>svg{color:var(--green);width:28px;height:28px}.menu-row strong{font-size:18px}.menu-row .chevron{margin-right:auto;color:#131813;width:18px;height:18px}.menu-row.light{background:#eef8eb}.menu-row p{font-size:12px;line-height:1.6;color:#8a8d96;margin:6px 0 0}.profile-rule{border:0;border-top:1px solid #eee;margin:25px 15px 20px}.logout{margin:28px 0;background:#fee9e9;color:#b71919;box-shadow:none;border:0;justify-content:center}.logout svg{color:inherit}.dashboard-head{display:flex;gap:15px;align-items:center;justify-content:center;margin:30px 0 26px}.dashboard-head h1{font-size:28px;margin:0}.dashboard-head .avatar{width:58px;height:58px;border:7px solid #e8f6e5}.dashboard-app{background:radial-gradient(ellipse at top left,#edffea,transparent 28%),#fff}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:29px}.metric{border-radius:21px;background:#eff7ff;display:flex;align-items:center;justify-content:center;gap:15px;padding:17px 8px}.metric.green{background:#f0faec}.metric strong{font-size:29px;display:block}.metric span{font-size:13px;display:block;margin-top:6px}.icon-box{background:#e1f1ff;color:#087ff1;border-radius:15px;padding:11px;display:grid;place-items:center}.icon-box svg{width:28px;height:28px}.metric.green .icon-box{background:#e5fbdc;color:var(--green)}.subheading{display:flex;align-items:center;gap:8px;font-size:20px;margin:20px 0}.subheading svg{color:var(--green);width:27px;height:27px}.publish-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-bottom:18px}.publish-tile{border-radius:19px;text-align:center;padding:14px 4px 8px;min-width:0;background:#f8f2ff;color:#6b15be;box-shadow:0 2px 4px #0001}.publish-tile svg{width:31px;height:31px;margin-bottom:7px}.publish-tile strong{font-size:12px;display:block;color:#111;white-space:nowrap}.publish-tile span{display:block;margin-top:14px;background:#eadfff;border-radius:20px;font-size:10px;padding:6px 1px;font-weight:bold;white-space:nowrap}.publish-tile.orange{background:#fff8ed;color:#d97810}.publish-tile.orange span{background:#fff0d9}.publish-tile.blue{background:#eef7ff;color:#087fe9}.publish-tile.blue span{background:#e0efff}.publish-tile.green{background:#f0fce9;color:var(--green)}.publish-tile.green span{background:#e0f9d5}.dashboard-app .menu-row{gap:10px;padding:15px 12px}.dashboard-app .menu-row strong{font-size:17px}.dashboard-app .menu-row .icon-box{background:#f0fbe8;color:var(--green);padding:10px}.dashboard-art{height:117px;margin:12px -13px -14px;overflow:hidden}.form{display:grid;gap:13px}.form label{display:grid;gap:7px;font-size:13px;font-weight:bold}.form input,.form select,.form textarea{border:1px solid #ddd;border-radius:12px;padding:11px;background:#fff;width:100%}.form textarea{resize:vertical;min-height:85px}.form small{font-weight:normal;font-size:11px;color:#888;line-height:1.8}.form-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.primary{background:var(--green);color:white;padding:12px 18px;border-radius:13px;font-weight:bold;width:100%;margin-top:8px}.secondary{border:1px solid var(--green);color:var(--green);padding:11px 18px;border-radius:13px;width:100%;margin-top:8px}.danger{background:#ffeded;color:#b31d1d}.muted{color:#858b85;font-size:12px;line-height:1.8}.detail-photo{height:220px;border-radius:20px;overflow:hidden;margin:15px 0}.detail-title{font-size:25px;margin:17px 0 10px}.detail-price{font-size:24px;margin:15px 0}.feature-row{display:flex;justify-content:space-around;border:1px solid #eee;border-radius:15px;padding:15px 5px;margin:20px 0;font-size:14px}.feature-row .stat{flex-direction:column;gap:8px}.feature-row svg{width:25px;height:25px;color:var(--green)}.detail-description{font-size:14px;line-height:1.9;color:#687068}.action-pair{display:flex;gap:8px}.action-pair button{flex:1}.detail-owner{margin:20px 0}.settings-row{display:flex;align-items:center;justify-content:space-between;padding:17px 3px;border-bottom:1px solid #eee;gap:10px}.settings-row input[type=checkbox]{accent-color:var(--green);width:22px;height:22px}.settings-row p{font-size:11px;color:#888}.manage-card{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #eee;border-radius:15px;margin-bottom:12px}.manage-card .thumb{width:65px;height:65px}.manage-card h2{font-size:14px;margin:0 0 8px}.manage-card .price{font-size:12px}.manage-card .grow{flex:1;min-width:0}.manage-actions{display:flex;flex-direction:column;gap:10px}.manage-actions button{font-size:11px;color:var(--green)}.manage-actions .red{color:#be2020}.request{border:1px solid #eee;border-radius:18px;padding:16px;margin:12px 0}.request h2{font-size:16px;margin:0 0 8px}.request p{font-size:13px;line-height:1.8}.status{font-size:11px;color:var(--green);background:#e8f8e4;padding:4px 9px;border-radius:20px}.upload-preview{height:120px;max-width:100%;object-fit:cover;border-radius:12px}.attachment{max-width:100%;max-height:220px;border-radius:12px;margin-top:5px}.login-card{margin:70px 10px;border:1px solid #edf2ed;border-radius:25px;padding:25px;text-align:center;box-shadow:0 8px 40px #1235120c}.login-card h1{font-size:23px}.login-card .email{direction:ltr;overflow-wrap:anywhere;color:var(--green);font-size:17px}.hide{display:none!important}.chevron{width:19px;height:19px;flex-shrink:0}.grow{flex:1;min-width:0}dialog{border:0;border-radius:24px;padding:22px;width:calc(100% - 30px);max-width:430px;max-height:85dvh;overflow:auto;box-shadow:0 10px 80px #0003;line-height:1.8}dialog::backdrop{background:#11251166;backdrop-filter:blur(3px)}dialog h2{font-size:21px;margin:0 0 18px}.close{float:left;font-size:25px;line-height:1;width:30px;height:30px;display:grid;place-items:center}.toast{position:fixed;bottom:115px;left:50%;transform:translateX(-50%);max-width:90%;background:#123516;color:white;padding:12px 18px;border-radius:13px;z-index:40;font-size:12px;text-align:center;line-height:1.7}.demo-label{display:block;font-size:10px;color:#98a198;text-align:center;margin-top:12px}.archive-button{padding:9px;font-size:12px;color:var(--green);border:1px solid #d7e8d5;border-radius:12px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:480px){.photo{height:155px}.listing-grid .photo,.design-card .photo{height:200px}.info h2,.listing-grid .info h2{font-size:17px}.price{font-size:17px}.design-card .card-foot .price{font-size:15px}.location,.stats{font-size:13px}.category{font-size:14px}.nav{font-size:14px}.listing-hero{height:130px}.listing-hero h1{font-size:30px}.landscape{height:75px}.conversation{padding:16px 12px;gap:14px}.avatar{width:58px;height:58px}.thumb{width:65px;height:59px}.convo-body h2{font-size:19px}.convo-body p{font-size:15px}.identity h2{font-size:31px}.identity p{font-size:22px}.menu-row{padding:22px 18px}.menu-row strong{font-size:21px}.profile-avatar{width:100px;height:100px}.dashboard-head h1{font-size:34px}.metric{padding:23px 12px}.publish-tile{padding:18px 5px 10px}.publish-tile strong{font-size:15px}.publish-tile span{font-size:12px}.bubble{font-size:19px}}@media(max-width:350px){.brand{font-size:28px}.category{font-size:9px}.price{font-size:12px}.info h2{font-size:12px}.nav{font-size:10px}.listing-grid .photo{height:125px}.design-card .card-foot{flex-wrap:wrap}.chip{padding:8px;font-size:11px}.chat-property .thumb{width:83px}.chat-property .price{font-size:13px}.convo-body h2{font-size:13px}.conversation{gap:6px}.conversation .thumb{width:42px}.menu-row strong{font-size:16px}.publish-tile strong{font-size:10px}.publish-tile span{font-size:9px}.identity{padding:0}.bubble{font-size:14px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Cover the heart baked into the temporary reference photo with the live control. */
.heart{width:18%;height:auto;aspect-ratio:1;left:1.5%;top:1.5%;padding:4%;max-width:none}.heart svg{width:100%;height:100%}.listing-hero h1{flex-direction:row-reverse}
/* Revision: image-led home cards and a docked, safe-area-aware navigation bar. */
html{scroll-padding-bottom:110px}.bottom{position:fixed;inset-inline:auto;left:50%;bottom:0;width:100%;max-width:560px;transform:translateX(-50%);border-radius:22px 22px 0 0;border-bottom:0;padding:10px 5px calc(9px + env(safe-area-inset-bottom));background:#fff;box-shadow:0 -3px 18px #12351212;z-index:100}.app{padding-bottom:calc(108px + env(safe-area-inset-bottom))}.nav{min-height:45px}.home-app .compact-card .photo{aspect-ratio:5/4;height:auto}.compact-card .info{padding:7px 8px 9px}.compact-card .info h2{font-size:12px;line-height:1.5;margin:0 0 3px}.compact-card .location{font-size:10px;line-height:1.5;margin-bottom:4px;color:#7c847c}.compact-card .location svg{width:12px;height:12px}.compact-price{display:flex;align-items:baseline;flex-wrap:wrap;column-gap:4px;color:var(--green);font-size:12px;font-weight:bold;line-height:1.5}.compact-price>span{white-space:nowrap}.compact-price small{font-size:9px;color:#697d69;font-weight:normal}.compact-tag{position:absolute;right:3%;bottom:3%;border:1.5px solid #fff;background:var(--green);color:white;border-radius:25px;padding:5px 9px;min-width:37%;text-align:center;font-size:11px;line-height:1;pointer-events:none}.compact-card .photo canvas{background:#eff7ec}.profile-page-title{margin:14px 0 17px}.profile-summary{display:flex;gap:15px;align-items:center;padding:18px 13px;background:linear-gradient(135deg,#f1faed,#fcfefb);border:1px solid #e8f2e3;border-radius:23px;margin-bottom:23px}.profile-summary .profile-avatar{width:72px;height:72px}.profile-summary h2{font-size:21px;margin:8px 0;color:#142218}.profile-email{font-size:12px;text-align:right;overflow-wrap:anywhere;margin:0;color:#566856}.account-chip{color:var(--green);font-size:10px;background:#e2f4dc;padding:4px 9px;border-radius:20px;display:inline-block}.profile-city{display:flex;align-items:center;gap:4px;font-size:11px;color:#7a867a;margin:8px 0 0}.profile-city svg{width:13px;height:13px}.menu-group-title{font-size:12px;color:#8a958a;font-weight:normal;margin:20px 8px 11px}.profile-app .menu-row{padding:15px 13px;border-radius:17px;margin-bottom:10px;gap:12px}.profile-app .menu-row strong{font-size:16px}.profile-app .menu-row p{font-size:10px;margin-top:5px}.profile-app .menu-row>svg{width:24px;height:24px}.profile-app .logout{margin-top:22px}.role-tabs{display:flex;gap:8px;margin:19px 0}.role-tabs .chip{padding:11px}.account-owner{display:flex;align-items:center;gap:13px;background:#f0f9ec;border:1px solid #e6f1e1;border-radius:18px;padding:15px}.account-owner>svg{color:var(--green);width:30px;height:30px}.account-owner strong{font-size:13px}.account-owner p{font-size:12px;color:#61815a;margin:8px 0 0}.permissions-card{border:1px solid #edf2eb;border-radius:20px;padding:16px}.permissions-card h2{font-size:17px;margin:0 0 8px}.permission-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 0;border-bottom:1px solid #f0f3ef;font-size:13px;line-height:1.6}.permission-row input{width:19px;height:19px;accent-color:var(--green);flex-shrink:0}.preview-note{padding:12px 4px}.booking-panel{margin-top:27px;padding:17px 14px;background:#fafff7;border:1px solid #dcebd6;border-radius:22px}.booking-heading{display:flex;align-items:center;gap:10px;margin-bottom:15px}.booking-heading>svg{color:var(--green);width:29px;height:29px}.booking-heading h2{font-size:21px;margin:0 0 5px}.booking-heading p{font-size:11px;margin:0;color:#82927d}.booking-rate{padding:12px;background:#eff9e9;border-radius:13px;display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:11px;margin-bottom:18px}.booking-rate strong{color:var(--green);font-size:13px}.booking-panel fieldset{padding:12px 10px;border:1px solid #e0e9dc;border-radius:13px;min-width:0;margin:0;background:white}.booking-panel legend{color:#426437;font-size:13px;font-weight:bold;padding:0 6px}.booking-panel .form label{font-size:12px}.booking-panel .form input{font-size:14px;min-width:0;max-width:100%;padding:10px 5px;text-align:center;direction:ltr;-webkit-appearance:none;appearance:none;min-height:43px}.booking-panel .form-two{gap:8px}.booking-panel .form textarea{font-size:14px}.booking-panel .form small{font-size:10px;line-height:1.9}.stay-summary{border-radius:12px;padding:12px;background:#edf8e7;color:#497b39;font-size:12px;line-height:1.7}.booking-error{color:#b52222;background:#fff0ed;padding:11px;border-radius:12px;font-size:12px;margin:0;line-height:1.7}.booking-record{border:1px solid #e7ede4;border-radius:20px;padding:17px;margin:15px 0;box-shadow:0 2px 7px #12351208}.booking-record h2{font-size:18px;margin:17px 0 10px}.booking-record dl{margin:17px 0}.booking-record dl>div{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #f0f3ee;font-size:12px}.booking-record dt{color:#7c8878}.booking-record dd{margin:0;color:#294b20}.chat-app{padding-bottom:calc(100px + env(safe-area-inset-bottom))}@media(min-width:480px){.home-app .compact-card .photo{aspect-ratio:5/4}.compact-card .info h2{font-size:14px}.compact-card .location{font-size:11px}.compact-price{font-size:14px}.compact-price small{font-size:10px}.profile-summary .profile-avatar{width:88px;height:88px}.profile-summary h2{font-size:25px}.profile-email{font-size:16px}.profile-app .menu-row strong{font-size:18px}.booking-panel{padding:23px}.booking-panel .form input{font-size:16px}.booking-record dl>div{font-size:14px}}@media(max-width:350px){.compact-card .info h2{font-size:11px}.compact-price{font-size:11px}.compact-tag{font-size:10px}.profile-summary{gap:10px;padding:14px 10px}.profile-summary .profile-avatar{width:60px;height:60px}.profile-email{font-size:10px}.profile-summary h2{font-size:18px}.booking-panel{padding:15px 9px}.booking-panel .form input{font-size:12px}.booking-record dl>div{font-size:11px}}

.compact-tag{font-size:12px;padding:6px 10px}.booking-jump{margin-top:0}.booking-record-note{font-size:13px;color:#53684d;line-height:1.8;overflow-wrap:anywhere}

/* Rental-first home with manually selected locality and distinct category sections. */
.home-place{display:flex;align-items:center;width:100%;gap:10px;border:1px solid #e5efdf;border-radius:15px;padding:11px 12px;margin-bottom:13px;background:#f5fbf1;text-align:right}.place-icon{display:grid;place-items:center;background:#e6f4dd;color:var(--green);width:36px;height:36px;border-radius:12px}.home-place small{display:block;font-size:9px;color:#87947f;margin-bottom:5px}.home-place strong{display:block;font-size:13px;color:#244d21}.change-place{font-size:10px;color:var(--green);white-space:nowrap}.home-app .categories .rental-category{background:#e7f7df;border-color:#b9dba8;color:#155412}.home-section{margin-top:25px}.home-section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.home-section-heading h1,.home-section-heading h2{font-size:17px;line-height:1.6;margin:0;color:#172b17}.home-section-heading p{font-size:10px;line-height:1.8;color:#85917e;margin:3px 0 0}.section-icon{width:34px;height:34px;border-radius:12px;background:#f0f8e9;display:grid;place-items:center;color:var(--green)}.section-icon svg{width:21px;height:21px}.home-section-rent{padding:14px 9px 12px;margin:19px -4px 0;background:linear-gradient(#f3faee,#fff);border:1px solid #e8f2e1;border-radius:21px}.home-section-rent .home-section-heading h1{font-size:19px}.home-section-rent .section-icon{background:#def0d3}.home-section-house,.home-section-land,.recent-section{padding-top:15px;border-top:1px solid #edf2e8}.home-section-empty{background:#f8faf6;border:1px dashed #dce8d4;border-radius:15px;padding:18px 10px;color:#89947e;font-size:11px;line-height:1.9;text-align:center}.home-section-empty button{display:block;color:var(--green);margin:8px auto 0;font-weight:bold}.recent-hint{margin:28px 0 4px;padding:16px 14px;display:flex;gap:10px;align-items:center;border-radius:16px;background:#f7faf4;color:#94a087}.recent-hint svg{width:22px;height:22px}.recent-hint p{font-size:11px;line-height:1.8;margin:0}.home-app .home-section .compact-card .info h2{font-size:12px}.home-app .home-section .compact-card .photo{aspect-ratio:5/4}.home-sections>.empty .all{display:block;margin:9px auto;font-size:12px}@media(min-width:480px){.home-place strong{font-size:15px}.home-place small{font-size:10px}.home-section-heading h1,.home-section-heading h2{font-size:21px}.home-section-rent .home-section-heading h1{font-size:23px}.home-section-heading p{font-size:12px}.home-app .home-section .compact-card .info h2{font-size:14px}.home-section-rent{padding:18px 12px 15px}}
/* Version 2: immersive cards, swipeable districts, category filters, local media. */
.header-location{display:flex;align-items:center;flex-direction:column;gap:3px;border:1px solid #dfebd8;border-radius:13px;background:#f5faf1;color:var(--green);padding:6px 7px;min-width:56px;max-width:80px}.header-location svg{width:21px;height:21px}.header-location span{font-size:10px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand-row.home-brand .brand{font-size:32px}.category-top{margin:-7px -13px 0;position:relative}.category-top>.back{position:absolute;left:14px;top:9px}.category-top .listing-hero{height:132px;margin:0}.category-top .listing-hero h1{padding-top:15px;margin:0 38px;font-size:23px}.category-top .landscape{height:72px}.listing-search{margin-bottom:10px}.result-count{margin:14px 0 19px}.listing-grid.visual-list{grid-template-columns:minmax(0,1fr);gap:20px}.image-card{position:relative;min-width:0;aspect-ratio:4/5;border-radius:24px;overflow:hidden;background:#e5eddf;isolation:isolate;box-shadow:0 5px 16px #0c240b14}.image-card-open,.district-card>button{display:block;position:absolute;inset:0;width:100%;height:100%;padding:0;text-align:right;color:white;overflow:hidden}.image-card-open>canvas,.image-card-open>img,.district-card>button>canvas,.district-card>button>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.image-shade{position:absolute;inset:0;background:linear-gradient(180deg,#00000008 0%,#00000000 24%,#00000030 40%,#071207cc 73%,#020802f5 100%);pointer-events:none}.image-card-copy{position:absolute;bottom:19px;right:18px;left:18px;color:white;text-align:right;z-index:1;pointer-events:none}.image-card-copy h2{font-size:23px;margin:0 0 9px;font-weight:700;line-height:1.5;overflow-wrap:anywhere;color:white}.image-description{font-size:12px;line-height:1.6;margin:0 0 9px;color:#f4f7f2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.image-location{display:flex;align-items:center;gap:6px;font-size:12px;line-height:1.6;margin:0 0 13px;color:#fff}.image-location svg{width:19px;height:19px}.image-price{display:block;text-align:right;font-size:21px;line-height:1.6;margin:0 0 15px;color:white;overflow-wrap:anywhere}.glass-action{display:block;border:1px solid #ffffff72;background:#ffffff26;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);border-radius:30px;text-align:center;padding:11px;font-size:15px;font-weight:bold;color:white}.image-favorite{position:absolute;top:13px;left:13px;width:38px;height:38px;border-radius:50%;background:#fffffff2;color:#183619;display:grid;place-items:center;box-shadow:0 2px 7px #0002;z-index:3}.image-favorite svg{width:24px;height:24px}.image-favorite.saved svg{fill:var(--green);color:var(--green)}.image-tag,.district-chip{position:absolute;top:15px;right:15px;z-index:2;display:block;background:#ffffffd9;backdrop-filter:blur(8px);color:#1c3618;border-radius:30px;font-size:12px;padding:8px 15px;pointer-events:none}.property-rail,.district-rail{display:flex;gap:14px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:0;scrollbar-width:none;padding:2px 0 9px;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;cursor:grab}.property-rail::-webkit-scrollbar,.district-rail::-webkit-scrollbar{display:none}.property-rail>.image-card{flex:0 0 86%;scroll-snap-align:start;scroll-snap-stop:always}.district-section{margin-top:20px}.district-rail>.district-card{flex:0 0 88%;scroll-snap-align:start;scroll-snap-stop:always}.district-card{position:relative;aspect-ratio:4/5;border-radius:25px;overflow:hidden;background:#e4edde;isolation:isolate}.district-card .image-card-copy h2{font-size:29px}.district-card .image-card-copy>p{font-size:12px;line-height:1.8}.home-app .home-section{margin-top:22px;padding-top:15px}.home-app .home-section-heading h1,.home-app .home-section-heading h2{font-size:19px}.home-app .home-section-rent{background:none;border:0;padding:0;margin:0}.home-section .grid{grid-template-columns:minmax(0,1fr)}.recent-section .property-rail>.image-card{flex-basis:86%}#results.grid:not(.listing-grid){grid-template-columns:minmax(0,1fr)}.geo-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%}.geo-row label{font-size:11px!important;min-width:0;display:grid;gap:7px}.geo-row select{padding:10px 4px!important;border-radius:10px!important;font-size:11px!important;max-width:100%;min-width:0;background:white;border:1px solid #dde5d8;min-height:42px}.geo-row select:disabled{background:#f4f6f2;color:#aaa}.service-options{display:flex;gap:12px;flex-wrap:wrap;margin:0;border:1px solid #e2eadd;border-radius:13px;padding:12px}.service-options legend{font-size:12px;color:#668259;padding:0 5px}.service-options label{display:flex;align-items:center;gap:5px;font-size:11px}.service-options input{width:17px;height:17px;padding:0;accent-color:var(--green)}.form>fieldset{border:1px solid #e2eadd;border-radius:14px;padding:12px;margin:0;min-width:0}.form>fieldset legend{font-size:12px;color:#68895b;padding:0 6px}.media-uploader{border:1px dashed #bdd7af;border-radius:17px;background:#f9fcf6;padding:15px}.media-uploader h2{font-size:18px;margin:0 0 9px}.media-uploader p{font-size:12px;line-height:1.8;color:#7d8c74}.media-add{position:relative;display:flex!important;align-items:center;justify-content:center;gap:7px;background:#e8f6df;color:var(--green);border-radius:12px;padding:13px;cursor:pointer;overflow:hidden;font-size:14px!important}.media-add input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%;padding:0}.media-uploader>small{display:block;font-size:10px;line-height:1.9;color:#8b9685;margin-top:10px}.media-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:13px}.media-item{min-width:0;border:1px solid #e2ebdc;background:white;border-radius:12px;padding:6px;overflow:hidden}.media-item>img,.media-item>video{width:100%;height:110px;object-fit:cover;border-radius:8px;background:#eaf0e5}.media-item>div{display:flex;align-items:center;justify-content:space-between;gap:5px;margin:7px 0}.media-item>div span{font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:70%}.media-item>div button{font-size:10px;color:#b52828;padding:3px}.cover-choice{font-size:10px;width:100%;border:1px solid #d5e8cb;border-radius:8px;padding:7px;color:var(--green)}.cover-choice.selected{background:#e6f7dc;font-weight:bold}.form-error{color:#b12626;background:#fff0ed;border-radius:11px;padding:12px;font-size:12px;line-height:1.7}.property-gallery{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;border-radius:20px;margin:15px 0;scrollbar-width:none}.property-gallery::-webkit-scrollbar{display:none}.gallery-slide{flex:0 0 100%;height:280px;overflow:hidden;scroll-snap-align:start;background:#edf3e8;border-radius:20px}.gallery-slide>img,.gallery-slide>video,.gallery-slide>canvas{width:100%;height:100%;object-fit:cover}.gallery-slide>video{object-fit:contain;background:#102012}.detail-subtitle{font-size:20px}.profile-app{padding-top:23px}.profile-app .profile-summary{margin-top:2px}.image-card button:focus-visible,.district-card button:focus-visible{outline-offset:-5px}.visual-list .image-card .image-price{font-size:24px}.image-card-copy *{user-select:none}.district-rail:active,.property-rail:active{cursor:grabbing}@media(min-width:480px){.image-card-copy{bottom:25px;left:25px;right:25px}.image-card-copy h2{font-size:27px}.image-price{font-size:26px}.image-description,.image-location{font-size:15px}.district-card .image-card-copy h2{font-size:35px}.glass-action{padding:14px;font-size:18px}.geo-row select{font-size:13px!important}.property-rail>.image-card,.district-rail>.district-card{flex-basis:88%}.home-app .home-section-heading h1,.home-app .home-section-heading h2{font-size:23px}.gallery-slide{height:340px}}@media(max-width:350px){.image-card-copy h2{font-size:20px}.image-price{font-size:18px}.image-card-copy{right:14px;left:14px;bottom:14px}.image-description{font-size:11px}.glass-action{padding:9px;font-size:13px}.geo-row{gap:4px}.geo-row label{font-size:10px!important}.geo-row select{font-size:10px!important}.brand-row.home-brand .brand{font-size:27px}.header-location{min-width:47px;max-width:64px}.header-location span{font-size:9px}.district-card .image-card-copy h2{font-size:24px}}
/* Version 3: compact rhythm, distinct card families and scoped exploration. */
.app{padding:12px 12px calc(91px + env(safe-area-inset-bottom))}.brand-row{min-height:39px;margin-bottom:8px}.brand-row.home-brand .brand{font-size:30px}.header-location{padding:5px 7px;border-radius:11px;min-width:52px}.hero{margin-bottom:10px;border-radius:17px}.search-row{margin-bottom:10px;gap:7px}.searchbox{padding:7px 9px;border-radius:12px;min-height:44px}.searchbox input{font-size:16px;line-height:1.5}.filter-square{min-width:43px;border-radius:12px}.categories{gap:6px}.category{padding:8px 2px;border-radius:13px;font-size:10px}.category svg{width:25px;height:25px;margin-bottom:4px}.bottom{padding:7px 4px calc(7px + env(safe-area-inset-bottom));border-radius:18px 18px 0 0}.nav{min-height:45px;gap:3px;font-size:11px}.nav svg{width:25px;height:25px}.v3-section{margin-top:18px}.v3-section-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px;min-height:32px}.v3-section-header h1,.v3-section-header h2{font-size:17px;margin:0;line-height:1.5;font-weight:bold;color:#142b17}.v3-section-header>button{display:flex;align-items:center;gap:2px;color:var(--green);font-size:11px;white-space:nowrap;min-height:40px;padding:2px 3px}.v3-section-header>button svg{width:13px;height:13px;transform:rotate(180deg)}.v3-district-rail{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 0 3px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.v3-district-card{flex:0 0 72%;position:relative;aspect-ratio:4/3;border-radius:18px;overflow:hidden;background:#e9f1e4;scroll-snap-align:start;isolation:isolate}.v3-district-card>button{position:absolute;inset:0;width:100%;height:100%;padding:0;color:white;text-align:right}.v3-district-card canvas,.v3-district-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.v3-district-shade{position:absolute;inset:0;background:linear-gradient(transparent 45%,#0a1a08b8 100%);pointer-events:none}.v3-district-copy{position:absolute;bottom:12px;left:12px;right:12px;display:flex;justify-content:space-between;align-items:center;gap:7px;pointer-events:none}.v3-district-copy>strong{font-size:20px;line-height:1.4}.v3-district-copy>span{display:flex;gap:3px;align-items:center;padding:5px 9px;border:1px solid #ffffff80;border-radius:20px;background:#ffffff20;font-size:11px}.v3-district-copy svg{width:12px;height:12px;transform:rotate(180deg)}.v3-card{position:relative;min-width:0;overflow:hidden;border:1px solid #e9eee5;border-radius:15px;background:#fff;box-shadow:0 2px 6px #1737100b;isolation:isolate}.v3-card-main{display:block;width:100%;height:100%;padding:0;text-align:right}.v3-card-photo{position:relative;width:100%;overflow:hidden;background:#edf3e7;aspect-ratio:3/2}.v3-card-photo img,.v3-card-photo canvas{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}.v3-card-body{padding:8px 10px}.v3-card-body h2{font-size:13px;font-weight:bold;line-height:1.5;margin:0 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#172a19}.v3-district{font-size:11px;line-height:1.5;color:#84907e;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v3-price{display:block;text-align:right;font-size:13px;line-height:1.6;color:var(--green);font-weight:bold;white-space:nowrap}.v3-favorite{position:absolute;left:7px;top:7px;width:34px;height:34px;display:grid;place-items:center;background:#fffffff5;box-shadow:0 1px 4px #0002;border-radius:50%;z-index:2;color:#1e3c1c}.v3-favorite svg{width:21px;height:21px}.v3-favorite.saved svg{fill:var(--green);color:var(--green)}.v3-rental-rail{display:flex;gap:10px;overflow-x:auto;padding:0 0 4px;scroll-snap-type:x mandatory;scrollbar-width:none}.v3-rental-rail>.v3-card{flex:0 0 68%;scroll-snap-align:start}.v3-house-stack{display:grid;gap:10px}.v3-card-house .v3-card-photo{aspect-ratio:16/8}.v3-card-house .v3-card-body{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 8px;align-items:center;padding:9px 11px}.v3-card-house .v3-card-body h2{font-size:14px;grid-column:1;grid-row:1}.v3-card-house .v3-district{grid-column:1;grid-row:2;margin:0}.v3-card-house .v3-price{grid-column:2;grid-row:1/3;font-size:13px;align-self:center}.v3-land-stack{display:grid;gap:8px}.v3-card-land .v3-card-main{display:flex;align-items:stretch}.v3-card-land .v3-card-photo{width:31%;flex:0 0 31%;aspect-ratio:auto;min-height:104px}.v3-card-land .v3-card-body{padding:9px 10px;flex:1;min-width:0}.v3-card-land .v3-card-body h2{font-size:13px;margin-bottom:2px}.v3-card-land .v3-district{margin-bottom:2px;font-size:10px}.v3-land-area{font-size:11px;color:#6a7c64;display:inline-block;margin-bottom:3px}.v3-card-land .v3-price{font-size:13px}.v3-card-land .v3-favorite{left:auto;right:6px;top:6px;width:29px;height:29px}.v3-card-land .v3-favorite svg{width:18px;height:18px}.v3-recent-rail{display:flex;gap:9px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 0 3px;scrollbar-width:none}.v3-recent-rail>.v3-card{flex:0 0 45%;scroll-snap-align:start}.v3-card-recent .v3-card-photo{aspect-ratio:3/2}.v3-card-recent .v3-card-body{padding:7px 8px}.v3-card-recent .v3-card-body h2{font-size:11px}.v3-card-recent .v3-price{font-size:10px}.v3-card-recent .v3-favorite{width:28px;height:28px;top:5px;left:5px}.v3-card-recent .v3-favorite svg{width:17px;height:17px}.v3-empty{font-size:12px;color:#8a9683;line-height:1.6;padding:13px;background:#f6f9f3;border-radius:12px;margin:0}.v3-explore-top{margin-top:-4px}.v3-explore-top .listing-hero{height:105px}.v3-explore-top .listing-hero h1{font-size:19px;line-height:1.4;padding-top:9px;min-height:52px;display:block;text-align:center}.v3-explore-top .landscape{height:48px}.v3-explore-top>.back{width:35px;height:35px;top:7px}.v3-explore-results{display:grid;gap:10px;grid-template-columns:minmax(0,1fr)}.v3-results-rent{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.v3-results-rent .v3-card-body{padding:7px}.v3-results-rent .v3-card-body h2{font-size:12px}.v3-results-rent .v3-price{font-size:11px;white-space:normal}.v3-results-rent .v3-card-photo{aspect-ratio:4/3}.v3-results-rent .v3-favorite{width:30px;height:30px}.v3-results-design{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.v3-results-design .v3-card-body h2{font-size:12px}.v3-results-design .v3-price{font-size:11px}.result-count{font-size:12px;color:#7e8d77;margin:10px 0 12px}.v3-optional{border:1px solid #e7eee0;border-radius:12px;padding:0 11px}.v3-optional>summary{font-size:12px;color:#567849;cursor:pointer;padding:12px 0;min-height:43px;line-height:1.6}.v3-optional[open]>.form{padding-bottom:12px}.v3-optional>label{padding-bottom:10px}.v3-optional .service-options{border:0;padding:3px 0 12px}.v3-optional .v3-optional{border:0;padding:0}.form{gap:10px}.form label{gap:6px;font-size:12px}.form input,.form select,.form textarea{padding:10px;font-size:16px;min-height:44px;border-radius:11px}.form textarea{min-height:72px}.form small{font-size:10px;line-height:1.7}.primary,.secondary{padding:10px 14px;margin-top:5px;min-height:44px;font-size:13px}.menu-row,.profile-app .menu-row{padding:12px 13px;margin-bottom:9px;border-radius:16px;min-height:55px}.menu-row strong,.profile-app .menu-row strong{font-size:15px}.menu-row p{font-size:11px;margin-top:3px}.profile-summary{padding:14px 12px;margin-bottom:17px}.profile-summary h2{font-size:21px;margin:6px 0}.profile-summary .profile-avatar{width:66px;height:66px}.profile-email{font-size:12px}.menu-group-title{margin:15px 7px 9px;font-size:11px}.page-heading{font-size:21px;margin:12px 0 17px}.dashboard-head{margin:13px 0 18px}.dashboard-head h1{font-size:25px}.dashboard-head .avatar{width:48px;height:48px}.metrics{margin-bottom:18px}.metric{padding:13px 8px;border-radius:17px;gap:11px}.metric strong{font-size:25px}.metric span{font-size:12px}.publish-grid{gap:6px;margin-bottom:14px}.publish-tile{padding:12px 3px 7px;border-radius:16px}.publish-tile span{margin-top:9px}.subheading{font-size:18px;margin:16px 0 12px}.dashboard-art{height:80px;margin-top:9px}.property-gallery{margin:10px 0;border-radius:17px}.gallery-slide{height:220px;border-radius:17px}.detail-title{font-size:23px;margin:12px 0 8px}.detail-price{font-size:21px;margin:10px 0}.feature-row{padding:11px 4px;margin:14px 0;font-size:12px;border-radius:13px}.feature-row .stat{gap:5px}.feature-row svg{width:21px;height:21px}.detail-subtitle{font-size:17px;margin:13px 0 8px}.detail-description{font-size:13px;line-height:1.75;margin:8px 0}.booking-panel{padding:14px 12px;margin-top:18px;border-radius:18px}.booking-heading{margin-bottom:12px}.booking-heading h2{font-size:18px}.booking-heading p{font-size:10px}.booking-rate{padding:10px;margin-bottom:12px}.booking-panel fieldset{padding:10px 8px}.booking-panel .form textarea{min-height:62px}.booking-panel h2{font-size:18px}.booking-record{padding:13px;margin:11px 0;border-radius:16px}.booking-record dl{margin:11px 0}.booking-record dl>div{padding:8px 0}.request{padding:13px;margin:10px 0}.manage-card{padding:10px;gap:8px;margin-bottom:9px}.conversation{padding:10px 9px;gap:9px;margin-bottom:9px;border-radius:16px}.convo-body h2{font-size:14px;margin-bottom:5px}.convo-body p{font-size:12px}.message-tabs{margin:12px 0 17px}.message-tabs button{padding:10px 4px;min-height:43px}.bubble-row{margin:11px 0}.bubble{font-size:15px;line-height:1.6;padding:9px 12px}.chat-property{margin-bottom:12px;padding:9px}.chat-head{margin-bottom:14px}.chat-property .thumb{width:90px;height:61px}.chat-property h2{font-size:16px}.permissions-card{padding:13px}.permission-row{padding:12px 0;min-height:47px}.settings-row{padding:13px 3px}.role-tabs{margin:14px 0}.notice{margin:13px 0 0;font-size:9px;color:#a1ab9a}.empty{padding:30px 10px;font-size:13px}.v3-district-rail::-webkit-scrollbar,.v3-rental-rail::-webkit-scrollbar,.v3-recent-rail::-webkit-scrollbar{display:none}@media(min-width:480px){.v3-section-header h1,.v3-section-header h2{font-size:21px}.v3-section{margin-top:21px}.v3-district-card{flex-basis:64%;aspect-ratio:4/3}.v3-rental-rail>.v3-card{flex-basis:57%}.v3-district-copy>strong{font-size:24px}.v3-card-body h2{font-size:15px}.v3-price{font-size:15px}.v3-card-house .v3-card-body h2{font-size:17px}.v3-card-house .v3-price{font-size:16px}.v3-card-house .v3-card-photo{aspect-ratio:16/7}.v3-card-land .v3-card-photo{width:27%;flex-basis:27%;min-height:115px}.v3-card-land .v3-card-body h2{font-size:16px}.v3-card-land .v3-price{font-size:15px}.v3-results-rent .v3-card-body h2{font-size:15px}.v3-results-rent .v3-price{font-size:14px}.v3-results-design .v3-card-body h2{font-size:14px}.v3-results-design .v3-price{font-size:14px}.gallery-slide{height:270px}.menu-row strong,.profile-app .menu-row strong{font-size:18px}.profile-summary .profile-avatar{width:78px;height:78px}.profile-email{font-size:15px}.v3-card-recent .v3-card-body h2{font-size:13px}.v3-card-recent .v3-price{font-size:12px}}@media(max-width:350px){.v3-section-header h1,.v3-section-header h2{font-size:15px}.v3-section-header>button{font-size:10px}.v3-district-card{flex-basis:78%}.v3-rental-rail>.v3-card{flex-basis:76%}.v3-card-house .v3-card-body{display:block}.v3-card-house .v3-price{margin-top:3px}.v3-card-land .v3-card-photo{width:29%;flex-basis:29%}.v3-card-land .v3-card-body h2{font-size:12px}.v3-card-land .v3-price{font-size:12px}.v3-explore-top .listing-hero h1{font-size:17px}.v3-price{font-size:12px}.profile-email{font-size:11px}}
.service-options input[type=checkbox]{width:18px;height:18px;min-height:18px;padding:0;flex-shrink:0}.service-options label{min-height:36px}.favorites-app #results{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
.v3-card-land .v3-card-photo{height:104px}.service-options label{min-height:40px}@media(min-width:480px){.v3-card-land .v3-card-photo{height:115px}}
/* Version 4: deliberate actions, fixed category publishing and separated media. */
.v3-card-land .v3-card-photo{width:50%;flex-basis:50%;height:104px;min-height:104px}.v4-detail-gallery{position:relative}.v4-detail-gallery .v3-favorite{left:11px;top:11px;width:37px;height:37px}.v4-detail-actions{margin:17px 0 10px;gap:8px}.v4-detail-actions button{display:flex;align-items:center;justify-content:center;gap:5px;font-size:12px;line-height:1.6}.v4-detail-actions button svg{width:19px;height:19px}.v4-document-panel{margin-top:16px;border:1px solid #dfe9d8;background:#f7fbf4;border-radius:16px;padding:13px}.v4-document-heading{display:flex;gap:10px;align-items:flex-start}.v4-document-heading>svg{color:var(--green);width:29px;height:29px}.v4-document-heading h2{font-size:16px;margin:0 0 6px}.v4-document-heading p{font-size:11px;line-height:1.8;margin:0 0 8px;color:#78896e}.v4-document-panel>small{display:block;font-size:10px;color:#819177;line-height:1.7;margin-top:8px}.v4-edit-photo{display:flex;align-items:center;gap:16px;margin:10px 0 19px}.v4-edit-photo .avatar{width:72px;height:72px}.v4-upload-label{position:relative;overflow:hidden;text-align:center;display:flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;min-height:44px}.v4-upload-label input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%;padding:0}.v4-edit-photo .v4-upload-label{width:auto;margin:0;font-size:12px}.v4-status-tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:0 0 15px;padding:1px}.v4-status-tabs button{white-space:nowrap;min-height:40px;border-radius:22px;border:1px solid #e4eddd;background:#fafcf7;padding:8px 12px;font-size:11px;color:#668557}.v4-status-tabs button.active{background:var(--green);color:white;border-color:var(--green)}.v4-request{border:1px solid #e3ecdc;border-radius:16px;margin-bottom:9px;background:white;overflow:hidden}.v4-request>summary{display:flex;align-items:center;gap:10px;cursor:pointer;padding:13px;min-height:68px;list-style:none}.v4-request>summary::-webkit-details-marker{display:none}.v4-request>summary .grow{display:flex;flex-direction:column;gap:6px}.v4-request>summary strong{font-size:14px;line-height:1.6}.v4-request>summary .grow>span{font-size:11px;color:#84917b}.v4-status{font-size:10px;line-height:1.5;background:#eef6e7;color:#567849;padding:5px 8px;border-radius:20px;white-space:nowrap}.v4-status.status-1{background:#fff5df;color:#a86e0d}.v4-status.status-2{background:#e7f8de;color:#26850b}.v4-status.status-3{background:#fff0ed;color:#ba4937}.v4-request-body{padding:0 13px 14px;border-top:1px solid #f1f5ed}.v4-request-body p{font-size:12px;line-height:1.8;color:#6c8061;overflow-wrap:anywhere}.v4-request-body label{display:grid;gap:6px;font-size:12px}.v4-request-body select{min-height:43px;border:1px solid #dfe8d8;border-radius:11px;background:white;padding:9px;font-size:14px;color:#315e1f}.v4-request-body .action-pair{margin-top:10px}.v4-request[open]>summary{background:#f8fcf5}.v4-draft-row{display:flex;align-items:center;gap:10px;border:1px solid #e2ebda;border-radius:15px;padding:13px;margin-bottom:10px}.v4-draft-row h2{font-size:15px;line-height:1.6;margin:0 0 7px}.v4-draft-row p{font-size:11px;line-height:1.7;margin:0;color:#87947d}.v4-draft-row>.secondary{width:auto;padding:9px 14px;font-size:12px;margin:0;flex-shrink:0}.v4-document-row{display:flex;align-items:center;gap:8px;border:1px solid #e2ebda;border-radius:11px;padding:10px;margin-top:10px;background:white}.v4-document-row>svg{width:22px;height:22px;color:var(--green)}.v4-document-row>span{font-size:11px;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;direction:ltr;text-align:right}.v4-document-row>button{font-size:11px;color:#b13232;min-height:34px;padding:4px 7px}.v4-deliverables{margin-top:13px}.v4-deliverables textarea{min-height:75px}.v4-ad-preview{background:#fafcf7;border:1px solid #e6eedf;border-radius:15px;overflow:hidden;padding:0 12px 12px;margin-bottom:10px}.v4-preview-photo{height:180px;margin:0 -12px 12px;overflow:hidden;background:#edf3e7}.v4-preview-photo img,.v4-preview-photo canvas{width:100%;height:100%;object-fit:cover}.v4-ad-preview h3{font-size:18px;line-height:1.6;margin:5px 0}.v4-ad-preview p{font-size:12px;line-height:1.8;color:#6c8061;margin:7px 0;overflow-wrap:anywhere}.v4-demo-box{background:#fff7e8;border:1px solid #f3e5c8;border-radius:12px;padding:12px;font-size:12px;line-height:1.9;color:#8f6e35}.v4-pdf-link{display:flex;align-items:center;gap:8px;min-height:48px;border:1px solid #dfebd5;background:#f5faef;border-radius:12px;padding:12px;margin:10px 0;font-size:12px;line-height:1.7;overflow-wrap:anywhere;text-decoration:none}.v4-pdf-link svg{width:23px;height:23px}@media(min-width:480px){.v3-card-land .v3-card-photo{width:50%;flex-basis:50%;height:115px;min-height:115px}.v4-detail-actions button{font-size:15px}.v4-request>summary strong{font-size:16px}.v4-request>summary{padding:15px}.v4-document-panel{padding:17px}.v4-draft-row h2{font-size:17px}}@media(max-width:350px){.v4-detail-actions button{font-size:11px;padding:9px 7px}.v4-status-tabs button{font-size:10px;padding:8px 9px}.v4-request>summary{padding:11px;gap:7px}.v4-request>summary strong{font-size:12px}.v4-status{font-size:9px;padding:4px 6px}.v4-draft-row h2{font-size:13px}.v3-card-land .v3-card-body{padding:8px}.v3-card-land .v3-price{font-size:11px}}
/* V5 compact publishing and management */
.v5-media-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.v5-media-row .media-uploader{padding:10px;margin:0;min-width:0}.v5-media-row .media-uploader h2{display:none}.v5-media-row .media-add{min-height:48px;padding:8px;font-size:14px;gap:6px}.v5-media-row .media-add svg{width:20px;height:20px}.v5-media-row small{font-size:10px;line-height:1.4}.v5-media-row .media-items{display:flex;overflow-x:auto;gap:6px}.v5-media-row .media-item{flex:0 0 105px;width:105px;margin-top:6px}.v5-media-row .media-item img,.v5-media-row .media-item video{height:76px}.v5-docs{border:1px solid #e5ebe5;border-radius:14px;padding:10px 12px}.v5-docs>summary{cursor:pointer;font-weight:600;font-size:14px}.v5-docs .media-uploader{border:0;padding:6px 0 0;margin:0}.v5-docs .media-add{min-height:42px;font-size:14px}.v5-docs small{font-size:11px}.v5-save{display:grid;gap:12px}.v5-switch{display:flex!important;align-items:center;justify-content:space-between;gap:12px;background:#f1f8f0;padding:12px;border-radius:14px}.v5-switch span{font-weight:700}.v5-switch small{display:block;font-weight:400;font-size:11px;color:#71816f;margin-top:3px}.v5-switch input{appearance:none;width:46px!important;min-width:46px;height:26px!important;border:0;border-radius:30px;background:#a6b0a5;padding:3px;cursor:pointer;transition:.15s}.v5-switch input:before{content:'';display:block;width:20px;height:20px;background:white;border-radius:100%;transition:.15s}.v5-switch input:checked{background:#008509}.v5-switch input:checked:before{transform:translateX(-20px)}.v5-switch input:focus-visible{outline:3px solid #67b56a;outline-offset:3px}.v5-checks{display:flex;flex-wrap:wrap;gap:8px 15px}.v5-checks label{display:flex;align-items:center;gap:7px;font-size:14px}.v5-checks input{width:18px;height:18px;accent-color:#008509}.v5-fee{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;background:#f0f8ed;border-radius:12px;padding:12px;font-size:14px}.v5-admin-title{background:#113c28;color:white;border-radius:22px;padding:22px;margin:10px 0 16px}.v5-admin-title span{font-size:12px;letter-spacing:2px;color:#b8e8b3}.v5-admin-title h1{font-size:27px;margin:10px 0}.v5-admin-title p{font-size:14px;opacity:.85;margin:0;text-align:right}.v5-admin-notice{font-size:12px;color:#6b776c;background:#f2f5f2;padding:12px;border-radius:12px;line-height:1.7}.manage-card .thumb img{width:100%;height:100%;object-fit:cover}.manage-card .thumb{overflow:hidden}.manage-card .grow{min-width:0}.manage-card h2{font-size:14px}.manage-card .grow p{font-size:12px}.manage-actions{flex-wrap:wrap;gap:5px}.manage-actions button{font-size:12px;padding:6px 8px}.v5-rent .form-two{margin-top:12px}[hidden]{display:none!important}
.live-loading #app{visibility:hidden}.live-loading body:before{content:'IMMOZEL — جارٍ الاتصال…';display:block;text-align:center;padding:35vh 20px;font-family:Arial;color:#008509}.live-photo-placeholder{display:grid;place-items:center;height:100%;min-height:110px;background:#edf4eb;color:#82a37a}.live-photo-placeholder svg{width:42px;height:42px}.live-link{display:block;text-align:center;text-decoration:none;padding:14px;border-radius:14px}.live-login{max-width:420px;margin:12vh auto}.live-avatar{display:grid;place-items:center;background:#eef6eb;color:#008509}.live-avatar>svg{width:58px;height:58px}.chat-property .thumb img{width:100%;height:100%;object-fit:cover}.bubble-row{display:flex;margin:12px 0}.bubble-row.own{justify-content:flex-end}.bubble-row .bubble{max-width:85%;padding:14px;border-radius:18px;background:#f5f5f5}.bubble-row.own .bubble{background:#e4f8db}.bubble-row small{font-size:10px;color:#6f776e}.menu-row.logout{text-decoration:none}
.v7-geo select{font-size:12px;padding:10px 5px;min-width:0;width:100%}.v7-geo label{font-size:11px}.v7-geo-note{font-size:10px;color:#6a7768}.v7-geo-note a{color:#177d23}.v7-video{position:relative;background:#17251a}.v7-video video{height:100%;width:100%;object-fit:contain}.v7-video-status{position:absolute;left:12px;top:10px;background:#0009;color:white;border-radius:8px;padding:5px;font-size:11px;pointer-events:none}.v7-open-photo{padding:0;width:100%;height:100%;border:0;background:none}.v7-open-photo img{width:100%;height:100%;object-fit:cover}.v7-photo-dialog{width:100vw!important;max-width:100vw!important;height:100dvh;max-height:100dvh;border:0;border-radius:0!important;background:#111!important;color:#fff;padding:50px 12px 12px!important}.v7-photo-dialog .close{background:#fff;color:#111;z-index:10}.v7-viewer{height:90dvh;display:flex;flex-direction:column}.v7-viewer-tools{display:flex;align-items:center;justify-content:center;gap:14px}.v7-viewer-tools button{border:0;background:#ffffff22;color:white;border-radius:50%;width:40px;height:40px;font-size:25px}.v7-viewer small{text-align:center;color:#ccc}#v7-photo-stage{flex:1;display:grid;place-items:center;overflow:hidden;touch-action:none;min-height:0}#v7-full-photo{max-width:100%;max-height:76dvh;object-fit:contain;transform-origin:center;user-select:none}.v7-calendar{border:1px solid #dce8d9;border-radius:14px;padding:10px}.v7-cal-head{display:flex;justify-content:space-between;align-items:center}.v7-cal-head button{border:0;background:#edf6e9;border-radius:8px;width:35px;height:35px;font-size:22px}.v7-weekdays,.v7-calendar-days{display:grid;grid-template-columns:repeat(7,1fr);direction:ltr;gap:4px}.v7-weekdays{font-size:9px;text-align:center;padding:10px 0 5px;color:#657560}.v7-calendar-days button{border:0;min-height:37px;background:#f3f6f1;border-radius:7px;color:#173b20}.v7-calendar-days .booked{background:repeating-linear-gradient(45deg,#ece9e8,#ece9e8 4px,#ddd4d1 4px,#ddd4d1 7px);color:#79645d;text-decoration:line-through}.v7-calendar-days .selected:not(.booked){background:#ddf1d4}.v7-calendar-days .start,.v7-calendar-days .end{outline:2px solid #008509}.v7-calendar-days button:disabled{opacity:.3}.v7-calendar small{display:block;font-size:10px;color:#6f786c;margin-top:8px}#v7-availability-status{font-size:11px;color:#687b61}.v7-banner{border-radius:22px;overflow:hidden;position:relative;margin:10px 0 16px}.v7-banner-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.v7-banner-track::-webkit-scrollbar{display:none}.v7-banner-slide{padding:0;border:0;background:#e6efe3;min-width:100%;height:190px;scroll-snap-align:start}.v7-banner-slide:disabled{opacity:1}.v7-banner-slide img{display:block;object-fit:cover;width:100%;height:100%}.v7-banner-dots{position:absolute;bottom:9px;left:0;right:0;display:flex;justify-content:center;gap:6px;pointer-events:none}.v7-banner-dots button{pointer-events:auto;border:1px solid #fff;border-radius:50%;width:9px;height:9px;padding:0;background:#fff8}.v7-banner-dots button[aria-pressed=true]{background:#008509}.v7-admin-banners article{display:grid;gap:8px;border:1px solid #e1e8df;border-radius:15px;padding:12px;margin:12px 0}.v7-admin-banners img{width:100%;height:125px;object-fit:cover;border-radius:10px}.v7-admin-banners article>div{display:flex;gap:8px;flex-wrap:wrap}.v7-admin-banners button{background:#f0f6ed;border:0;padding:8px;border-radius:8px}#v7-processing{display:grid;gap:8px;font-size:12px;color:#456d38;padding:10px}#v7-processing progress{width:100%;accent-color:#008509}

.live-loading #app{display:none}
.live-loading body:before{content:none;display:none}
.live-loading #navigation,.admin-portal #navigation{display:none}
.page-skeleton{display:none}
.live-loading .page-skeleton{display:grid;padding:14px 16px;gap:17px}
.page-skeleton .skeleton-line{height:24px;width:42%;border-radius:8px}
.page-skeleton .skeleton-hero{aspect-ratio:2.3;border-radius:22px}
.skeleton-categories{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.skeleton-categories span{height:66px;border-radius:14px}
.page-skeleton .skeleton-line,.page-skeleton .skeleton-hero,.skeleton-categories span,.media-loading{
  background:linear-gradient(105deg,#edf3eb 25%,#f9fcf7 48%,#edf3eb 70%);background-size:200% 100%;animation:immozel-shimmer 1.5s linear infinite
}
@keyframes immozel-shimmer{to{background-position:-200% 0}}
@media(prefers-reduced-motion:reduce){.page-skeleton *,.media-loading{animation:none!important}}
.media-loading>img,.media-unavailable>img{opacity:0}
.media-unavailable{background-color:#edf3eb}
.media-unavailable:after{content:'▧';position:absolute;inset:0;display:grid;place-items:center;color:#73836e;pointer-events:none;font-size:2rem}
.live-avatar>img{width:100%;height:100%;object-fit:cover;border-radius:inherit}
.admin-signout{margin:10px 0}
#connection-notice{position:fixed;top:10px;left:50%;transform:translateX(-50%);z-index:20;background:#26382a;color:#fff;padding:8px 14px;border-radius:12px;white-space:nowrap}
#connection-notice button{color:inherit;border:0;background:transparent;text-decoration:underline}
