*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#fff;color:#173f37}button,input,select,textarea{font:inherit}a{color:inherit}.site-header{height:82px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 5.5%;border-bottom:1px solid #eee;position:sticky;top:0;z-index:50}.logo{display:flex;align-items:center;gap:10px;text-decoration:none}.logo-badge{display:grid;place-items:center;width:45px;height:45px;background:#168754;color:#fff;border-radius:12px;font-size:25px}.logo strong{font-size:21px;display:block}.logo em{font-style:normal;color:#168754}.logo small{display:block;color:#777;margin-top:3px;font-size:11px}.main-nav{display:flex;align-items:center;gap:24px}.main-nav a{font-weight:800;text-decoration:none;color:#173f37}.main-nav a:hover,.main-nav .active{color:#168754}.btn{background:#168754;color:#fff!important;border:0;border-radius:10px;padding:13px 19px;font-weight:800;cursor:pointer;text-decoration:none;display:inline-block}.btn:hover{background:#0f7145}.hero{min-height:405px;margin:0 5%;border-radius:0 0 22px 22px;background-image:linear-gradient(90deg,rgba(0,38,42,.28),rgba(0,38,42,.05)),url('hero-v35.png');background-size:cover;background-position:center;position:relative;overflow:hidden}.hero-overlay{min-height:405px;padding:82px 7%;background:linear-gradient(90deg,rgba(0,38,42,.68),rgba(0,38,42,.08));color:#fff}.hero h1{font-size:44px;margin:0 0 12px}.hero p{font-size:18px;max-width:760px;margin:0;line-height:1.45}.search-box{background:#fff;border-radius:16px;padding:11px;display:grid;grid-template-columns:1.55fr 1fr .95fr .72fr .72fr auto;gap:8px;max-width:1180px;margin-top:31px;box-shadow:0 7px 28px #0003;align-items:stretch}.search-box input,.search-box select{min-width:0;border:1px solid #ddd;border-radius:9px;padding:14px;color:#555;background:#fff}.search-btn{border-radius:9px;padding:0 25px;min-width:96px;white-space:nowrap}.section{padding:38px 7%}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.section-title h2{margin:0;font-size:24px}.text-btn{border:0;background:none;color:#168754;font-weight:800;cursor:pointer}.categories{display:grid;grid-template-columns:repeat(8,minmax(100px,1fr));gap:13px}.category{background:#fff;border:1px solid #e9ecea;border-radius:14px;padding:18px 7px;min-height:112px;text-align:center;cursor:pointer;color:#173f37;box-shadow:0 2px 9px #0000000b;transition:.15s}.category:hover{transform:translateY(-3px);border-color:#168754;box-shadow:0 7px 20px #00000012}.category span{display:block;font-size:30px;margin-bottom:10px}.category b{line-height:1.2}.ads{display:grid;grid-template-columns:repeat(auto-fill,minmax(225px,1fr));gap:20px}.ad{background:#fff;border:1px solid #e9ecea;border-radius:15px;overflow:hidden;position:relative;cursor:pointer;box-shadow:0 3px 13px #0000000c;transition:.15s}.ad:hover{transform:translateY(-3px);box-shadow:0 8px 24px #00000014}.ad>img{width:100%;height:185px;object-fit:cover;background:#edf2ef}.ad-body{padding:15px}.ad h3{margin:0 0 8px;font-size:17px}.price{font-size:21px;font-weight:900;color:#168754}.muted{color:#666;margin:7px 0}.small{font-size:12px}.fav{position:absolute;right:10px;top:10px;width:42px;height:42px;border:0;border-radius:50%;background:#fff;font-size:23px;cursor:pointer;box-shadow:0 2px 9px #0003;z-index:2}.ad-link{display:inline-block;margin-top:3px;color:#126f55;text-decoration:underline;font-weight:800}.empty{grid-column:1/-1;padding:45px;text-align:center;background:#f7faf8;border-radius:15px;color:#666}.empty .btn{margin-top:15px}.container{max-width:900px;margin:45px auto;background:#fff;border-radius:16px;padding:30px;box-shadow:0 3px 20px #00000012}.form input,.form select,.form textarea{width:100%;padding:13px;margin:7px 0 18px;border:1px solid #ddd;border-radius:9px}.form label{font-weight:800}.notice{padding:13px 15px;background:#eef8f3;border-radius:10px;margin-bottom:20px}.detail-img{width:100%;max-height:600px;object-fit:contain;background:#f1f3f2;border-radius:14px}.thumbs{display:flex;gap:10px;margin:12px 0;flex-wrap:wrap}.thumbs img{width:92px;height:72px;object-fit:cover;border-radius:8px;cursor:pointer}.owner-box{background:#f2f8f5;padding:18px;border-radius:12px;margin-top:20px}.detail-actions{display:flex;gap:10px;margin-top:18px}footer{text-align:center;padding:45px;color:#777}@media(max-width:1000px){.main-nav{gap:12px}.categories{grid-template-columns:repeat(4,1fr)}.search-box{grid-template-columns:1.3fr 1fr 1fr}.search-btn{height:48px}}@media(max-width:650px){.site-header{height:auto;padding:12px 4%;align-items:flex-start}.main-nav{gap:8px;justify-content:flex-end;flex-wrap:wrap}.main-nav a{font-size:12px}.main-nav .btn{padding:10px}.logo strong{font-size:17px}.hero{margin:0;border-radius:0}.hero-overlay{padding:55px 5%;min-height:405px}.hero h1{font-size:31px}.hero p{font-size:16px}.search-box{grid-template-columns:1fr}.search-btn{height:50px}.section{padding:30px 5%}.categories{grid-template-columns:repeat(2,1fr)}.container{margin:20px 5%;padding:22px}}

.ad:focus{outline:3px solid #168754;outline-offset:2px}

/* Qaybaha cusub ee hoose */
.eyebrow{display:inline-block;font-size:11px;letter-spacing:1.5px;font-weight:900;color:#168754;margin-bottom:7px}.why-section{margin:8px 7% 0;padding:34px 0 45px}.why-head{margin-bottom:24px}.why-head h2,.cities-section h2,.steps-section h2,.cta-card h2{margin:0;font-size:29px;color:#173f37}.why-head p{margin:7px 0 0;color:#6c7773}.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.why-card{background:linear-gradient(145deg,#f8fcfa,#fff);border:1px solid #e4eee9;border-radius:18px;padding:23px;box-shadow:0 6px 20px #0000000a;transition:.18s}.why-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #00000012}.why-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#e9f7f0;font-size:24px;margin-bottom:15px}.why-card h3{margin:0 0 8px}.why-card p{margin:0;color:#6a746f;line-height:1.5}.cities-section{padding-top:20px}.city-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.city-card{border:1px solid #e4ebe8;background:#fff;border-radius:15px;padding:17px 10px;text-align:left;cursor:pointer;box-shadow:0 3px 12px #00000009;transition:.15s;color:#173f37}.city-card:hover{transform:translateY(-3px);border-color:#168754}.city-card span{font-size:20px}.city-card b{display:block;margin-top:9px;font-size:15px}.city-card small{display:block;color:#7a8580;margin-top:4px}.steps-section{margin:15px 7%;border-radius:24px;background:#f0f8f4;padding:40px}.steps-inner{display:grid;grid-template-columns:.8fr 1.5fr;gap:45px;align-items:center}.steps-inner>div>p{color:#6a746f;line-height:1.5}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.step{background:#fff;border-radius:17px;padding:22px;border:1px solid #dfeae5}.step strong{font-size:13px;color:#168754}.step h3{margin:10px 0 7px}.step p{margin:0;color:#69736f;line-height:1.45;font-size:14px}.cta-section{padding:38px 7% 52px}.cta-card{border-radius:23px;padding:34px 40px;background:linear-gradient(110deg,#123f37,#168754);color:#fff;display:flex;justify-content:space-between;align-items:center;gap:25px;box-shadow:0 12px 35px #00000018}.cta-card .eyebrow{color:#bdebd5}.cta-card h2{color:#fff;margin-bottom:7px}.cta-card p{margin:0;color:#d9eee6}.cta-btn{background:#fff!important;color:#126f55!important;white-space:nowrap}.cta-btn:hover{background:#eaf8f2!important}.footer-main{max-width:1200px;margin:auto;padding:38px 7%;display:flex;justify-content:space-between;gap:30px;border-top:1px solid #edf0ef}.footer-main strong{font-size:18px;color:#173f37}.footer-main p{color:#78817e;margin:7px 0}.footer-links{display:flex;gap:20px;flex-wrap:wrap;align-items:center}.footer-links a{font-weight:700;text-decoration:none;color:#42615a}.footer-links a:hover{color:#168754}.footer-bottom{padding:18px 7% 35px;text-align:center;color:#89928f;font-size:13px}.footer-bottom span{margin:0 7px}
@media(max-width:1000px){.why-grid{grid-template-columns:repeat(2,1fr)}.city-grid{grid-template-columns:repeat(3,1fr)}.steps-inner{grid-template-columns:1fr}.steps-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:650px){.why-section{margin:0 5%}.why-grid{grid-template-columns:1fr}.city-grid{grid-template-columns:repeat(2,1fr)}.steps-section{margin:10px 5%;padding:27px}.steps-grid{grid-template-columns:1fr}.cta-section{padding:25px 5% 40px}.cta-card{padding:27px;display:block}.cta-btn{margin-top:20px}.footer-main{display:block;padding:30px 5%}.footer-links{margin-top:22px;gap:14px}.footer-bottom{padding-left:5%;padding-right:5%}}

/* V23: clear account requirement for posting an ad */
.post-intro{max-width:920px;margin:28px auto 20px;padding:24px 28px;display:flex;gap:18px;align-items:flex-start;background:#f2fbf6;border:1px solid #cfe9da;border-radius:18px;box-shadow:0 8px 24px rgba(0,0,0,.06)}
.post-intro-icon{font-size:42px;line-height:1}
.post-intro h2{margin:0 0 8px;font-size:24px;color:#123b2b}
.post-intro p{margin:0 0 16px;color:#52645c;line-height:1.55}
.post-intro-actions{display:flex;gap:10px;flex-wrap:wrap}
.post-intro-actions a{text-decoration:none;display:inline-block;padding:11px 17px;border-radius:10px;font-weight:700}
.post-intro .btn-primary{background:#147a4a;color:#fff}
.post-intro .btn-secondary{background:#fff;color:#147a4a;border:1px solid #147a4a}
@media(max-width:650px){.post-intro{margin:18px 12px;padding:20px;flex-direction:column}.post-intro h2{font-size:20px}}

/* V26: quick search inside "Wax kasta hal meel ku hel" */
.quick-search{display:flex;gap:10px;max-width:760px;margin-top:20px}
.quick-search input{flex:1;height:50px;padding:0 16px;border:1px solid #d7e2dc;border-radius:12px;font-size:16px;outline:none;background:#fff}
.quick-search input:focus{border-color:#168754;box-shadow:0 0 0 3px rgba(22,135,84,.10)}
.quick-search .btn{height:50px;padding:0 25px;border:0;border-radius:12px;background:#147a4a;color:#fff;font-weight:800;cursor:pointer}
@media(max-width:650px){.quick-search{flex-direction:column}.quick-search .btn{width:100%}}

/* V28 signup field spacing */
.auth-card label{display:block;margin:14px 0 7px;font-weight:700}
.auth-card input{margin-bottom:4px}

/* V30: elegant login-before-posting modal */
.post-login-overlay{position:fixed;inset:0;background:rgba(10,28,22,.68);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:9999;opacity:0;visibility:hidden;transition:.2s ease}
.post-login-overlay.show{opacity:1;visibility:visible}
body.modal-open{overflow:hidden}
.post-login-modal{position:relative;width:min(650px,100%);background:#fff;border-radius:24px;padding:34px 38px 28px;text-align:center;box-shadow:0 25px 80px rgba(0,0,0,.3);transform:translateY(10px) scale(.98);transition:.2s ease}
.post-login-overlay.show .post-login-modal{transform:translateY(0) scale(1)}
.post-modal-close{position:absolute;right:16px;top:14px;width:40px;height:40px;border:0;border-radius:50%;background:#f0f3f2;color:#26332e;font-size:28px;line-height:40px;cursor:pointer}
.post-modal-icon{width:86px;height:86px;margin:2px auto 18px;border-radius:50%;display:grid;place-items:center;background:#e6f7ee;font-size:46px}
.post-login-modal h2{margin:0 auto 12px;max-width:570px;font-size:27px;line-height:1.2;color:#10261d}
.post-login-modal p{margin:0 auto 24px;max-width:570px;color:#5c6b64;font-size:16px;line-height:1.6}
.post-modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.post-modal-actions a{min-height:58px;border-radius:13px;text-decoration:none;font-weight:800;display:flex;align-items:center;justify-content:center;gap:8px;font-size:16px}
.post-modal-login{background:#147a4a;color:#fff}
.post-modal-signup{background:#fff;color:#147a4a;border:1.5px solid #147a4a}
.post-modal-safe{margin-top:20px;color:#68756f;font-size:14px;font-weight:600}
@media(max-width:600px){.post-login-modal{padding:30px 20px 24px;border-radius:20px}.post-login-modal h2{font-size:22px}.post-modal-actions{grid-template-columns:1fr}.post-modal-icon{width:72px;height:72px;font-size:38px}}

/* V32: clean account form field spacing */
.auth-card label{display:block;margin-top:18px;margin-bottom:7px;font-weight:800}
.auth-card label:first-of-type{margin-top:0}
.auth-card input{display:block;width:100%;box-sizing:border-box;min-height:52px;margin-bottom:4px}
.auth-card h1{margin-bottom:26px}
/* V36 marketplace layout */
body{background:#f7faf9;color:#152b26}.site-header{height:76px;padding:0 2.7%;position:sticky;top:0;background:#fff;border-bottom:1px solid #e6ece9;gap:22px}.logo{min-width:245px}.logo-badge{width:44px;height:44px;border-radius:12px}.logo strong{font-size:21px}.top-search{display:flex;align-items:center;flex:1;max-width:365px;height:44px;border:1px solid #dbe5e1;border-radius:11px;overflow:hidden;background:#fff}.top-search input{border:0;outline:0;flex:1;height:100%;padding:0 14px;font-size:14px;color:#173f37}.top-search button{width:48px;height:100%;border:0;background:#168754;color:#fff;font-size:25px;cursor:pointer}.main-nav{gap:20px;white-space:nowrap}.main-nav a{font-size:14px}.main-nav .btn{padding:12px 16px}.hero{margin:0;border-radius:0;min-height:345px;background-position:center}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,39,34,.77),rgba(3,55,45,.27) 60%,rgba(3,55,45,.08))}.hero-content{position:relative;min-height:345px;padding:45px 5.5%;color:#fff}.hero-copy h1{font-size:39px;line-height:1.1;margin:0 0 10px}.hero-copy h1 span{color:#2ce78e}.hero-copy p{font-size:16px;max-width:700px;margin:0}.hero-points{display:flex;gap:20px;margin-top:13px;font-weight:700}.hero-sign{position:absolute;right:5.5%;top:35px;text-align:right;font-size:25px;line-height:1.15;transform:rotate(-3deg);font-style:italic}.hero-sign b{color:#36e995}.search-box{position:absolute;left:5.5%;right:5.5%;bottom:22px;max-width:none;margin:0;padding:9px;border-radius:16px;grid-template-columns:1.35fr 1fr 1fr .72fr .72fr auto;gap:7px;box-shadow:0 12px 35px rgba(0,0,0,.23)}.search-field{display:flex;align-items:center;border:1px solid #e1e7e4;border-radius:10px;background:#fff}.search-field span{font-size:23px;color:#168754;padding-left:12px}.search-box input,.search-box select{border:1px solid #e1e7e4;border-radius:10px;padding:12px 13px;min-height:46px;font-size:14px}.search-field input{border:0!important;outline:0;width:100%}.search-btn{min-height:46px;background:#168754;border-radius:10px}.category-strip{background:#fff;padding:14px 2.7%;border-bottom:1px solid #edf1ef}.category-scroll{display:grid;grid-template-columns:repeat(9,1fr);gap:9px;max-width:1450px;margin:auto}.category{min-height:82px;border:1px solid #e5ece9;border-radius:11px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;box-shadow:0 2px 7px rgba(0,0,0,.04);cursor:pointer;color:#18352d}.category span,.category:first-child{font-size:25px}.category b{font-size:12px;line-height:1.15;text-align:center}.category.active-cat{background:#168754;color:#fff;border-color:#168754}.market-layout{max-width:1450px;margin:22px auto 0;padding:0 2.7%;display:grid;grid-template-columns:250px minmax(0,1fr) 270px;gap:18px;align-items:start}.filter-panel{background:#fff;border:1px solid #e4ebe8;border-radius:14px;padding:18px;box-shadow:0 4px 14px rgba(0,0,0,.04);position:sticky;top:94px}.filter-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.filter-head h3{margin:0;font-size:18px}.reset-btn{border:0;background:none;color:#168754;font-size:11px;font-weight:800;cursor:pointer}.filter-panel>label:not(.check){display:block;margin:17px 0 7px;font-size:12px;font-weight:800;color:#3d514b}.filter-cat{width:100%;border:0;background:#fff;padding:9px 3px;text-align:left;color:#30453e;display:flex;justify-content:space-between;cursor:pointer;border-bottom:1px solid #f0f3f2;font-size:13px}.filter-cat:hover{color:#168754}.filter-panel select,.side-price input{width:100%;height:39px;border:1px solid #dfe7e3;border-radius:8px;padding:0 9px;background:#fff}.side-price{display:grid;grid-template-columns:1fr 1fr;gap:7px}.side-price input{min-width:0}.check{display:block;font-size:12px;color:#5c6b65;margin:8px 0}.check input{margin-right:7px}.side-search{width:100%;margin-top:15px;text-align:center}.results-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:14px}.results-head h2{margin:0;font-size:23px}.results-head .eyebrow{margin:0 0 4px;font-size:10px}.view-controls{display:flex;gap:5px}.view{border:1px solid #dfe8e4;background:#fff;padding:8px 10px;border-radius:8px;font-size:12px;cursor:pointer;color:#3b4e48}.view.active{background:#168754;color:#fff;border-color:#168754}.ads{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.ad{border-radius:11px;box-shadow:0 2px 9px rgba(0,0,0,.06);border:1px solid #e4ebe8}.ad:hover{transform:translateY(-2px);box-shadow:0 7px 20px rgba(0,0,0,.11)}.ad>img{height:170px}.ad-body{padding:11px 12px}.ad h3{font-size:14px;margin-bottom:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.price{font-size:18px}.muted{font-size:12px;margin:5px 0}.fav{width:34px;height:34px;font-size:19px;right:8px;top:8px}.ad-link{font-size:12px}.right-rail{display:flex;flex-direction:column;gap:13px}.post-card,.vip-card,.promo-card{background:#fff;border:1px solid #e3ebe7;border-radius:13px;padding:15px;box-shadow:0 4px 14px rgba(0,0,0,.04)}.post-card{background:linear-gradient(145deg,#087c49,#15965e);color:#fff;border:0}.post-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#fff;color:#168754;font-size:24px;margin-bottom:10px}.post-card h3{margin:0 0 6px}.post-card p{font-size:12px;line-height:1.45;color:#d9f5e8}.post-card .btn{background:#fff!important;color:#087447!important;width:100%;text-align:center;margin-top:5px}.vip-title{font-weight:900;font-size:14px;margin-bottom:8px}.vip-title span{float:right;color:#168754;font-size:10px;margin-top:3px}.mini-ad{display:grid;grid-template-columns:55px 1fr 15px;gap:8px;align-items:center;padding:9px 0;border-top:1px solid #eef2f0}.mini-pic{width:55px;height:50px;border-radius:7px;display:grid;place-items:center;font-size:27px;background:#eef7f2}.mini-ad b,.mini-ad strong,.mini-ad small{display:block}.mini-ad b{font-size:11px}.mini-ad strong{color:#168754;font-size:14px;margin:2px 0}.mini-ad small{font-size:9px;color:#6e7974}.mini-ad>span{font-size:18px;color:#76827d}.promo-card{background:linear-gradient(135deg,#0b69c7,#117cba);color:#fff;min-height:125px;display:flex;flex-direction:column;justify-content:space-between}.promo-card b{font-size:17px;line-height:1.25}.promo-card a,.promo-card button{background:#fff;color:#1169a4;border-radius:8px;text-decoration:none;padding:9px 12px;width:max-content;font-size:11px;font-weight:900;border:0;cursor:pointer}.pagination{display:flex;justify-content:center;align-items:center;gap:5px;margin:22px 0;flex-wrap:wrap}.pagination button{min-width:33px;height:33px;padding:0 8px;border:1px solid #e1e8e5;background:#fff;border-radius:7px;cursor:pointer;color:#30453e;font-weight:700}.pagination button:hover{border-color:#168754;color:#168754}.pagination .page-active{background:#168754;color:#fff;border-color:#168754}.pagination .page-more{color:#168754;background:#f4faf7}.trust-strip{max-width:1450px;margin:20px auto 0;padding:18px 2.7%;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;background:#fff;border-top:1px solid #e9efec;border-bottom:1px solid #e9efec}.trust-strip>div{display:grid;grid-template-columns:42px 1fr;column-gap:10px;align-items:center;padding:5px 12px;border-right:1px solid #edf1ef}.trust-strip>div:last-child{border-right:0}.trust-strip span{grid-row:1/3;font-size:28px;color:#168754}.trust-strip b{font-size:13px}.trust-strip small{font-size:10px;color:#71807a}.why-section{max-width:1450px;margin:0 auto;padding:48px 2.7%}.why-head{margin-bottom:22px}.why-grid{grid-template-columns:repeat(4,1fr)}.cities-section.section{padding:35px 2.7%}.city-grid{grid-template-columns:repeat(6,1fr)}.steps-section{margin:10px auto;max-width:1390px}.cta-section{max-width:1450px;margin:auto}.footer-main{max-width:1450px}.quick-search{display:none}
@media(max-width:1200px){.site-header{gap:10px}.logo{min-width:220px}.main-nav{gap:12px}.market-layout{grid-template-columns:220px minmax(0,1fr)}.right-rail{display:none}.ads{grid-template-columns:repeat(3,minmax(0,1fr))}.category-scroll{grid-template-columns:repeat(5,1fr)}.top-search{max-width:280px}}
@media(max-width:850px){.site-header{height:auto;padding:12px 4%;flex-wrap:wrap}.logo{min-width:auto}.top-search{order:3;max-width:none;width:100%}.main-nav{margin-left:auto;flex-wrap:wrap}.hero-content{padding:35px 5%;min-height:390px}.hero{min-height:390px}.hero-copy h1{font-size:31px}.hero-sign{display:none}.search-box{left:5%;right:5%;grid-template-columns:1fr 1fr;bottom:15px}.search-btn{grid-column:1/-1}.category-scroll{grid-template-columns:repeat(3,1fr)}.market-layout{grid-template-columns:1fr;padding:0 4%}.filter-panel{position:static}.filter-cat{display:inline-flex;width:48%;margin-right:1%;border:1px solid #edf1ef;border-radius:7px;padding:8px}.ads{grid-template-columns:repeat(2,minmax(0,1fr))}.trust-strip{grid-template-columns:repeat(2,1fr)}.why-grid{grid-template-columns:repeat(2,1fr)}.city-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.main-nav{width:100%;justify-content:space-between}.main-nav a{font-size:11px}.main-nav .btn{padding:10px}.hero-content{min-height:470px}.hero{min-height:470px}.hero-copy h1{font-size:27px}.hero-points{font-size:11px;gap:9px}.search-box{grid-template-columns:1fr;bottom:12px}.search-btn{grid-column:auto}.category-scroll{grid-template-columns:repeat(2,1fr)}.results-head{align-items:flex-start;gap:10px}.view-controls .view:nth-child(2),.view-controls .view:nth-child(3){display:none}.ads{grid-template-columns:1fr}.trust-strip{grid-template-columns:1fr}.trust-strip>div{border-right:0;border-bottom:1px solid #edf1ef;padding:12px}.why-grid{grid-template-columns:1fr}.city-grid{grid-template-columns:repeat(2,1fr)}}
.post-login-overlay{position:fixed;inset:0;background:rgba(20,35,29,.32);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:9999;opacity:0;visibility:hidden;transition:.2s}.post-login-overlay.show{opacity:1;visibility:visible}.modal-open{overflow:hidden}.post-login-modal{position:relative;width:min(520px,100%);background:#fff;border-radius:22px;padding:34px;box-shadow:0 20px 70px rgba(0,0,0,.22);text-align:center}.post-modal-close{position:absolute;right:14px;top:12px;border:0;background:#f1f4f2;border-radius:50%;width:38px;height:38px;font-size:26px;cursor:pointer}.post-modal-icon{width:70px;height:70px;border-radius:50%;background:#e8f7ef;color:#168754;font-size:42px;font-weight:900;display:grid;place-items:center;margin:0 auto 18px}.post-login-modal h2{margin:0 0 10px;color:#173127;font-size:25px}.post-login-modal p{color:#64716b;line-height:1.55;margin:0 auto 22px}.post-modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.post-modal-actions a{padding:14px;border-radius:12px;text-decoration:none;font-weight:800}.post-modal-login{background:#147a4a;color:#fff}.post-modal-signup{border:1px solid #147a4a;color:#147a4a;background:#fff}@media(max-width:600px){.post-modal-actions{grid-template-columns:1fr}.post-login-modal{padding:28px 20px}}

/* ===== V39 professional login gate ===== */
.post-gate-overlay{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:22px;background:rgba(238,244,242,.68);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease}
.post-gate-overlay.show{opacity:1;visibility:visible;pointer-events:auto}
body.post-gate-open{overflow:hidden}
.post-gate-modal{position:relative;width:min(590px,100%);background:#fff;border:1px solid rgba(11,127,79,.10);border-radius:26px;padding:34px 36px 30px;box-shadow:0 28px 80px rgba(19,43,35,.22);text-align:center;transform:translateY(10px) scale(.98);transition:transform .22s ease}
.post-gate-overlay.show .post-gate-modal{transform:translateY(0) scale(1)}
.post-gate-close{position:absolute;right:16px;top:14px;width:42px;height:42px;border:0;border-radius:50%;background:#f5f8f7;color:#50645e;font-size:28px;line-height:1;cursor:pointer}
.post-gate-close:hover{background:#eaf4ef;color:#07834f}
.post-gate-icon{width:78px;height:78px;margin:0 auto 18px;border-radius:50%;display:grid;place-items:center;background:#e8f8ef;color:#079454;font-size:42px;font-weight:800;box-shadow:inset 0 0 0 1px rgba(7,148,84,.08)}
.post-gate-modal h2{margin:0 28px 10px;color:#102d5d;font-size:27px;line-height:1.25;font-weight:800}
.post-gate-modal p{margin:0 auto 24px;max-width:470px;color:#61738b;font-size:16px;line-height:1.65}
.post-gate-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.post-gate-actions a{min-height:54px;border-radius:13px;display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:16px;font-weight:800;padding:0 16px;transition:.18s ease}
.post-gate-login{background:#079454;color:#fff;box-shadow:0 8px 20px rgba(7,148,84,.18)}
.post-gate-login:hover{background:#067d47;transform:translateY(-1px)}
.post-gate-signup{background:#fff;color:#087d4d;border:1.5px solid #0a9a5b}
.post-gate-signup:hover{background:#f0fbf5;transform:translateY(-1px)}
.post-gate-backdrop-note{font-size:13px;color:#81908b;margin-top:14px}
@media(max-width:600px){.post-gate-overlay{padding:14px}.post-gate-modal{padding:28px 20px 22px;border-radius:22px}.post-gate-modal h2{font-size:22px;margin-left:8px;margin-right:8px}.post-gate-modal p{font-size:14px}.post-gate-actions{grid-template-columns:1fr}.post-gate-icon{width:68px;height:68px;font-size:36px}}

.post-page-locked .form{filter:blur(1.5px);pointer-events:none;user-select:none}
.post-page-locked .post-intro{filter:blur(.5px)}
.filter-cat.selected-filter{color:#087c49;background:#eef9f3;border-radius:8px;padding-left:9px;padding-right:9px;font-weight:800}
.mini-ad:hover{background:#f4faf7;border-radius:8px;padding-left:6px;padding-right:6px}
.vip-title span{cursor:pointer}
.ads.list-mode{display:flex;flex-direction:column;gap:12px}
.ads.list-mode .ad{display:grid;grid-template-columns:210px 1fr;min-height:150px}
.ads.list-mode .ad>img{height:100%;min-height:150px}
.ads.map-mode{display:block;min-height:360px;border:1px dashed #b8cbc3;border-radius:14px;background:linear-gradient(135deg,#eef8f3,#f8fbfa);padding:45px;text-align:center}
.ads.map-mode::before{content:'📍  Khariidadda xayeysiisyada';display:block;font-size:24px;font-weight:900;color:#173f37;margin-top:80px}
.ads.map-mode .ad{display:none}
@media(max-width:850px){.ads.list-mode .ad{grid-template-columns:150px 1fr}.ads.list-mode .ad>img{min-height:130px}}
.modal-open{overflow:hidden}
#clothesGenderWrap select{width:100%;padding:13px 14px;border:1px solid #d9e4df;border-radius:12px;background:#fff;font-size:16px;margin-bottom:14px}

/* V51 visual refresh: hero follows the approved marketplace reference */
.hero{background-image:url('hero-v51.png')!important;background-size:cover!important;background-position:center center!important;min-height:405px!important;margin:0 5%!important;border-radius:0 0 22px 22px!important}
.hero-copy,.hero-sign{display:none!important}
.hero-shade{position:absolute;inset:0;background:transparent!important}
@media(max-width:650px){.hero{margin:0!important;border-radius:0!important;min-height:405px!important}.hero-copy,.hero-sign{display:none!important}}
.car-post-btn{display:block;width:100%;margin-top:10px;text-align:center;padding:11px 10px;border:1px solid #168754;border-radius:9px;background:#fff;color:#168754!important;text-decoration:none;font-size:12px;font-weight:900}.car-post-btn:hover{background:#effaf4}

/* V90 generic ad page */
.ad-post-page{background:#f5f8f7;color:#142039;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}.ad-post-page *{box-sizing:border-box}.ad-topbar{height:40px;background:#078b52;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 4%;font-size:13px}.ad-header{background:#fff;padding:18px 4%;display:flex;align-items:center;justify-content:space-between;gap:30px}.ad-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#142039;min-width:270px}.ad-brand-badge{width:62px;height:62px;border-radius:17px;background:#0a9257;display:grid;place-items:center;font-size:32px}.ad-brand strong{font-size:26px}.ad-brand em{color:#078b52;font-style:normal}.ad-brand small{display:block;color:#66748a;margin-top:5px}.ad-header-search{height:52px;border:1px solid #d9e2e8;border-radius:13px;display:flex;align-items:center;flex:1;max-width:620px;overflow:hidden}.ad-header-search span{font-size:29px;padding-left:16px}.ad-header-search input{flex:1;border:0;outline:0;padding:0 12px;font-size:16px}.ad-header-search button{height:100%;border:0;background:#078b52;color:white;font-weight:800;padding:0 25px}.ad-header-actions{display:flex;gap:20px;align-items:center;margin-left:auto}.ad-header-actions a{text-decoration:none;color:#142039;text-align:center;font-size:23px}.ad-header-actions small{display:block;font-size:11px;font-weight:700}.ad-user{display:flex!important;align-items:center;gap:7px;font-size:13px!important}.ad-user span{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#0a9257;color:#fff;font-weight:800}.ad-category-nav{max-width:1480px;margin:0 auto 18px;background:#fff;border-radius:16px;padding:8px 18px;display:flex;gap:5px;align-items:center;box-shadow:0 5px 18px rgba(0,0,0,.06);overflow:auto}.ad-category-nav a{white-space:nowrap;text-decoration:none;color:#17213a;padding:13px 14px;border-radius:11px;font-weight:700}.ad-category-nav a.active{background:#e5f6ee;color:#078b52}.ad-category-nav .ad-post-btn{margin-left:auto;background:#078b52;color:#fff}.ad-breadcrumb{max-width:1400px;margin:18px auto;padding:0 8px;display:flex;gap:10px;color:#68768c}.ad-breadcrumb a{color:#52617a;text-decoration:none}.ad-layout{max-width:1400px;margin:auto auto 50px;display:grid;grid-template-columns:270px minmax(0,1fr) 290px;gap:20px}.ad-side-intro{padding:25px 8px}.ad-mega-icon{width:72px;height:72px;border-radius:50%;background:#e2f6ec;display:grid;place-items:center;font-size:35px}.ad-side-intro h1{font-size:34px;margin:15px 0 8px}.ad-side-intro>p{color:#607087;line-height:1.55}.ad-benefit{display:flex;gap:12px;margin:22px 0}.ad-benefit span{width:44px;height:44px;border-radius:50%;background:#e7f8ef;display:grid;place-items:center}.ad-benefit b,.ad-benefit small{display:block}.ad-benefit small{color:#718096;margin-top:3px}.ad-somali-note{margin-top:30px;padding:18px;border-radius:16px;background:#eaf9f1;color:#078b52;font-size:21px;line-height:1.35}.ad-form-card,.help-card{background:#fff;border:1px solid #e3eaef;border-radius:18px;box-shadow:0 6px 22px rgba(19,32,58,.06)}.ad-form-card{padding:25px}.ad-form-head{display:flex;gap:14px;align-items:center}.ad-form-head.second{margin-top:27px;padding-top:25px;border-top:1px solid #edf0f3}.step-dot{width:38px;height:38px;border-radius:50%;background:#078f58;color:#fff;display:grid;place-items:center;font-weight:800}.ad-form-head h2{margin:0;font-size:19px}.ad-form-head p{margin:4px 0 0;color:#718096;font-size:13px}.ad-category-choices{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:18px}.ad-category-choices button{min-height:86px;background:#fff;border:1px solid #dce5eb;border-radius:12px;color:#142039;cursor:pointer;font-size:22px}.ad-category-choices button:hover,.ad-category-choices button.selected{border-color:#078f58;background:#effaf5}.ad-category-choices b{display:block;font-size:12px;margin-top:7px}.ad-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:20px}.field.full{grid-column:1/-1}.field label{display:block;font-size:13px;font-weight:800;margin-bottom:6px}.field label i{color:#d94b44;font-style:normal}.field input,.field select,.field textarea{width:100%;border:1px solid #d9e1e8;border-radius:10px;padding:12px 13px;font:inherit;outline:0;background:#fff}.field input:focus,.field select:focus,.field textarea:focus{border-color:#078f58;box-shadow:0 0 0 3px rgba(7,143,88,.1)}.field textarea{resize:vertical}.counter{display:block;text-align:right;color:#8b97a8;font-size:11px;margin-top:3px}.price-input{display:flex;border:1px solid #d9e1e8;border-radius:10px;overflow:hidden}.price-input span{padding:12px 13px;background:#f7f9fa;font-weight:800}.price-input input{border:0;border-radius:0}.ad-upload{position:relative;border:2px dashed #ccd8e0;border-radius:12px;padding:24px;text-align:center;color:#637188;cursor:pointer}.ad-upload>div{font-size:30px}.ad-upload b,.ad-upload span,.ad-upload small{display:block}.ad-upload b{color:#26344d}.ad-upload small{margin-top:5px}.ad-upload input{position:absolute;inset:0;opacity:0;cursor:pointer}.ad-image-preview{display:flex;gap:8px;margin-top:8px}.ad-image-preview img{width:64px;height:64px;object-fit:cover;border-radius:8px}.ad-form-actions{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.ad-back{padding:11px 17px;border:1px solid #d9e2e8;border-radius:9px;text-decoration:none;color:#26344d;font-weight:700}.ad-submit{border:0;border-radius:10px;background:#078b52;color:#fff;padding:13px 22px;font-weight:800;cursor:pointer}.ad-help{display:flex;flex-direction:column;gap:15px}.help-card{padding:20px}.help-card h3{margin:0 0 5px;font-size:16px}.help-card p{color:#718096;font-size:12px;margin:0 0 10px}.help-card ul{list-style:none;padding:0;margin:0}.help-card li{font-size:12px;padding:6px 0 6px 22px;position:relative}.help-card li:before{content:"✓";position:absolute;left:0;top:6px;width:16px;height:16px;border-radius:50%;background:#0a9257;color:#fff;display:grid;place-items:center;font-size:10px;font-weight:900}.support button{background:#fff;border:1px solid #d8e1e7;border-radius:9px;padding:10px 14px;font-weight:800}.post-page-locked .ad-form-card{position:relative}.post-page-locked .ad-form-card:after{content:"🔐 Fadlan marka hore gal Account-ka si aad xayeysiis u dhigto";position:absolute;inset:0;border-radius:18px;background:rgba(255,255,255,.78);backdrop-filter:blur(2px);display:grid;place-items:center;text-align:center;padding:30px;color:#078b52;font-weight:800;font-size:17px;z-index:3}
@media(max-width:1100px){.ad-layout{grid-template-columns:1fr}.ad-side-intro{display:none}.ad-help{display:grid;grid-template-columns:1fr 1fr}}@media(max-width:700px){.ad-topbar{padding:0 14px;font-size:11px}.ad-topbar span:last-child{display:none}.ad-header{padding:14px;flex-wrap:wrap}.ad-brand{min-width:auto}.ad-header-search{order:3;flex-basis:100%}.ad-header-actions>a:not(.ad-user){display:none}.ad-category-nav{border-radius:0}.ad-layout{margin:0 10px}.ad-form-card{padding:17px}.ad-category-choices{grid-template-columns:repeat(2,1fr)}.ad-fields{grid-template-columns:1fr}.field.full{grid-column:auto}.ad-help{display:block}.help-card{margin-bottom:12px}}

/* V92 — Suuqa Soomaaliya brand logo placement */
.logo-badge{overflow:hidden;padding:0;background:#fff;border:1px solid #dcefe6;box-shadow:0 4px 14px rgba(22,135,84,.12)}
.logo-badge img{width:100%;height:100%;display:block;object-fit:cover;object-position:50% 24%}
.ad-brand-badge{overflow:hidden;background:#fff!important;border:1px solid #dcefe6;box-shadow:0 4px 14px rgba(22,135,84,.12)}
.ad-brand-badge img{width:100%;height:100%;display:block;object-fit:cover;object-position:50% 24%}
.footer-brand{display:flex;align-items:center;gap:14px;text-align:left}
.footer-brand img{width:64px;height:64px;object-fit:cover;object-position:50% 24%;border-radius:18px;border:1px solid #dcefe6;box-shadow:0 5px 16px rgba(22,135,84,.12)}
.footer-brand strong{display:block}
.auth-page-card{text-align:center;position:relative;overflow:hidden}
.auth-logo{width:105px;height:105px;margin:0 auto 12px;border-radius:28px;overflow:hidden;box-shadow:0 10px 28px rgba(22,135,84,.14);border:1px solid #dcefe6;background:#fff}
.auth-logo img{width:100%;height:100%;object-fit:cover;object-position:50% 24%}
.auth-page-card h1{margin-top:8px}
.auth-page-card .btn{margin-top:4px}
.page-logo-watermark{position:absolute;right:18px;top:18px;width:74px;height:74px;opacity:.9;border-radius:20px;overflow:hidden}
.page-logo-watermark img{width:100%;height:100%;object-fit:cover;object-position:50% 24%}
@media(max-width:650px){.footer-brand{justify-content:center}.footer-brand img{width:55px;height:55px}.auth-logo{width:88px;height:88px}.page-logo-watermark{width:58px;height:58px;right:12px;top:12px}}

/* V93 — Logo-ga rasmiga ah ku muuji footer-ka */
.footer-brand{display:flex;align-items:center;gap:14px;text-align:left}
.footer-brand img{width:70px;height:70px;object-fit:cover;object-position:50% 24%;border-radius:20px;border:1px solid #dcefe6;background:#fff;box-shadow:0 7px 20px rgba(22,135,84,.14)}
.footer-brand strong{display:block;font-size:19px;color:#173f37}
.footer-brand p{margin:6px 0 0;color:#78817e}
@media(max-width:650px){.footer-brand{justify-content:center;text-align:center}.footer-brand img{width:60px;height:60px}}

/* V95 — Qayb weyn oo xiriir/taageero ah Home-ka, ka hor Footer-ka */
.contact-section{max-width:1450px;margin:0 auto;padding:18px 2.7% 45px}.contact-card{position:relative;overflow:hidden;background:linear-gradient(135deg,#ffffff 0%,#f1faf6 100%);border:1px solid #dcebe5;border-radius:24px;box-shadow:0 10px 30px rgba(0,0,0,.06)}
.contact-compact{min-height:130px;padding:25px 30px;display:flex;align-items:center;gap:20px}.contact-compact:after{content:'✉';position:absolute;right:35px;top:-48px;font-size:190px;line-height:1;color:#16875408;pointer-events:none}.contact-compact-icon{width:72px;height:72px;border-radius:20px;background:#eaf7f1;display:grid;place-items:center;font-size:34px;flex:0 0 72px;position:relative;z-index:1}.contact-compact-text{position:relative;z-index:1;flex:1}.contact-compact-text .eyebrow{font-size:11px;color:#168754;font-weight:800;letter-spacing:.8px}.contact-compact-text h2{margin:3px 0 4px;font-size:27px;color:#173f37}.contact-compact-text p{margin:0;color:#64736d;font-size:14px}.contact-open-btn{position:relative;z-index:2;border:1px solid #d7e4df;background:#fff;color:#173f37;border-radius:14px;padding:15px 22px;font-size:15px;font-weight:800;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.04);transition:.15s}.contact-open-btn:hover{transform:translateY(-2px);border-color:#168754;box-shadow:0 8px 20px rgba(0,0,0,.08)}.contact-open-btn span{font-size:20px;margin-left:8px;color:#168754}
.contact-overlay{position:fixed;inset:0;background:rgba(12,28,24,.58);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;visibility:hidden;pointer-events:none;transition:.2s;z-index:99999}.contact-overlay.show{opacity:1;visibility:visible;pointer-events:auto}.contact-modal{width:min(470px,100%);background:#fff;border-radius:24px;padding:30px;position:relative;box-shadow:0 25px 70px rgba(0,0,0,.25);transform:translateY(12px) scale(.98);transition:.2s}.contact-overlay.show .contact-modal{transform:none}.contact-close{position:absolute;right:17px;top:14px;border:0;background:transparent;font-size:29px;line-height:1;color:#687873;cursor:pointer}.contact-modal-icon{width:70px;height:70px;border-radius:50%;background:#eaf7f1;display:grid;place-items:center;font-size:31px;margin:0 auto 12px}.contact-modal h2{text-align:center;margin:0;color:#173f37;font-size:29px}.contact-modal>p{text-align:center;color:#6b7874;margin:6px 0 20px}.contact-modal-item{display:flex;align-items:center;gap:13px;text-decoration:none;color:#173f37;background:#fff;border:1px solid #dfeae5;border-radius:15px;padding:14px;margin-top:10px;transition:.15s}.contact-modal-item:hover{border-color:#168754;transform:translateY(-2px);box-shadow:0 7px 18px rgba(0,0,0,.07)}.contact-modal-item>span{width:43px;height:43px;border-radius:12px;background:#eaf7f1;display:grid;place-items:center;font-size:20px;flex:0 0 43px}.contact-modal-item div{flex:1}.contact-modal-item small,.contact-modal-item strong,.contact-modal-item em{display:block}.contact-modal-item small{font-size:10px;color:#7a8782;font-weight:800;text-transform:uppercase;letter-spacing:.4px}.contact-modal-item strong{font-size:15px;margin-top:2px;word-break:break-word}.contact-modal-item em{font-size:10px;color:#168754;font-style:normal;margin-top:3px;font-weight:700}.contact-modal-item>b{font-size:19px;color:#168754}.contact-modal-close-btn{width:100%;margin-top:18px;border:0;border-radius:12px;padding:12px;background:#edf1ef;color:#173f37;font-weight:800;cursor:pointer}.contact-modal-open{overflow:hidden}
@media(max-width:700px){.contact-compact{padding:20px;gap:13px;align-items:flex-start;flex-wrap:wrap}.contact-compact-icon{width:58px;height:58px;flex-basis:58px;font-size:27px;border-radius:16px}.contact-compact-text{min-width:calc(100% - 75px)}.contact-compact-text h2{font-size:23px}.contact-open-btn{width:100%;margin-top:2px}.contact-modal{padding:25px 18px;border-radius:20px}.contact-modal h2{font-size:25px}}

/* V109 — Logo cusub + animation live (international marketplace) */
.logo-badge,.ad-brand-badge,.auth-logo,.page-logo-watermark,.footer-brand img,.fav-brand img{
  animation:suuqaLogoFloat 4s ease-in-out infinite;
  transform-origin:center;
}
.logo-badge img,.ad-brand-badge img,.auth-logo img,.page-logo-watermark img,.footer-brand img,.fav-brand img{
  filter:drop-shadow(0 4px 7px rgba(15,105,190,.14));
}
.logo-badge::after,.ad-brand-badge::after,.auth-logo::after,.page-logo-watermark::after{
  content:"";position:absolute;inset:-35%;
  background:linear-gradient(115deg,transparent 38%,rgba(255,255,255,.65) 50%,transparent 62%);
  transform:translateX(-75%) rotate(8deg);
  animation:suuqaLogoShine 5s ease-in-out infinite;
  pointer-events:none;
}
.logo-badge,.ad-brand-badge,.auth-logo,.page-logo-watermark{position:relative}
@keyframes suqLogoFloat{
  0%,100%{transform:translateY(0) scale(1)}
  50%{transform:translateY(-3px) scale(1.025)}
}
@keyframes suqLogoShine{
  0%,55%{transform:translateX(-75%) rotate(8deg);opacity:0}
  65%{opacity:1}
  82%,100%{transform:translateX(75%) rotate(8deg);opacity:0}
}
@media(prefers-reduced-motion:reduce){
  .logo-badge,.ad-brand-badge,.auth-logo,.page-logo-watermark,.footer-brand img,.fav-brand img,
  .logo-badge::after,.ad-brand-badge::after,.auth-logo::after,.page-logo-watermark::after{animation:none!important}
}

/* V144 — Eye-friendly light theme + stronger readable text */
:root{
  --sq-bg:#f3f6f2;
  --sq-surface:#fffdf9;
  --sq-surface-2:#f7faf7;
  --sq-border:#d9e3dd;
  --sq-navy:#102f5f;
  --sq-text:#24384f;
  --sq-muted:#5c6d7c;
  --sq-green:#148a50;
  --sq-green-dark:#0d6f40;
  --sq-highlight:#edf6ef;
}
html,body{background:var(--sq-bg);color:var(--sq-text)}
body{font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}
.site-header{background:#f8faf8;border-bottom-color:var(--sq-border)}
.market-topbar{background:#e9f2ec;color:#29435a}
.logo strong,.section-title h2,.why-head h2,.cities-section h2,.steps-section h2,.cta-card h2,.container h1,.container h2,.form label{color:var(--sq-navy)}
.logo small,.muted,.why-head p,.why-card p,.city-card small,.steps-inner>div>p,.step p,.footer-main p,.footer-bottom{color:var(--sq-muted)}
.main-nav a{color:var(--sq-navy)}
.btn{background:var(--sq-green)}
.btn:hover{background:var(--sq-green-dark)}
.search-box,.smart-search,.category,.ad,.container,.form,.why-card,.city-card,.step,.contact-card,.contact-modal,.post-intro{background:var(--sq-surface);border-color:var(--sq-border)}
.search-box input,.search-box select,.smart-search input,.smart-search select,.form input,.form select,.form textarea{background:#fbfcfa;border-color:#cbd8d1;color:var(--sq-text)}
.search-box input::placeholder,.smart-search input::placeholder,.form input::placeholder,.form textarea::placeholder{color:#667789;opacity:1}
.category,.city-card{color:var(--sq-navy)}
.category b,.city-card b,.ad h3,.step h3,.why-card h3{color:var(--sq-navy)}
.ad-body .muted{color:#5d6e7e}
.price,.text-btn,.ad-link{color:var(--sq-green-dark)}
.empty{background:#edf3ee;color:#536677}
.notice,.post-intro{background:#eaf5ee;border-color:#c9dfd1;color:#244d3a}
.owner-box{background:#e8f4ed}

/* Readability: headings/body copy are darker and slightly roomier */
h1,h2,h3,h4,h5,h6{color:var(--sq-navy);line-height:1.22}
p,li,small,label{line-height:1.5}
button,input,select,textarea{color:var(--sq-text)}

/* Mobile: calm background, larger readable text, less visual glare */
@media(max-width:700px){
  body{background:#f3f6f2!important;color:#24384f!important}
  .site-header{background:#f8faf8!important;border-bottom:1px solid #d9e3dd!important}
  .site-header .logo strong{color:#102f5f!important}
  .site-header .logo small{color:#5c6d7c!important}
  .site-header .top-info-button{background:linear-gradient(135deg,#fffdf9,#f0f6f1)!important;border-color:#cfded5!important;box-shadow:0 5px 16px rgba(30,65,45,.06)!important}
  .site-header .top-info-copy b{color:#102f5f!important;font-size:13px!important}
  .site-header .top-info-copy small{color:#5c6d7c!important;font-size:10px!important}
  .modern-hero{background:#f8fbf8!important;box-shadow:0 7px 24px rgba(20,55,40,.07)!important}
  .modern-hero h1{color:#102f5f!important;font-size:29px!important;line-height:1.14!important}
  .modern-hero p{color:#30465d!important;font-size:15px!important;line-height:1.6!important}
  .hero-benefits>div{background:rgba(255,253,249,.94)!important;border:1px solid #e0e8e2!important}
  .hero-benefits b{color:#173b68!important;font-size:11px!important}
  .hero-benefits small{color:#627487!important;font-size:9px!important}
  .smart-search{background:#fffdf9!important;border:1px solid #d9e3dd!important;box-shadow:0 5px 18px rgba(20,55,40,.06)!important}
  .smart-search .search-field,.smart-search select,.smart-search>input{background:#fbfcfa!important;border:1px solid #ccd9d2!important;color:#24384f!important}
  .smart-search input::placeholder{color:#667789!important}
  .category{background:#fffdf9!important;border-color:#dbe4df!important;color:#102f5f!important;box-shadow:0 2px 9px rgba(25,55,45,.05)!important}
  .category b{color:#173b68!important;font-size:11px!important}
  .category span{font-size:21px!important}
  .results-head h2{color:#102f5f!important;font-size:20px!important}
  .ad{background:#fffdf9!important;border-color:#dbe4df!important;box-shadow:0 4px 14px rgba(25,55,45,.06)!important}
  .ad-body h3{color:#102f5f!important;font-size:14px!important;line-height:1.3!important}
  .ad-body .price{color:#0d7c46!important;font-size:16px!important}
  .ad-body .muted{color:#5c6d7c!important;font-size:11px!important}
  .mobile-bottom-nav{background:rgba(248,250,248,.97)!important;border-color:#d5e0da!important;box-shadow:0 9px 28px rgba(25,55,45,.16)!important}
  .mobile-nav-item span{color:#284765!important}
  .mobile-nav-item small{color:#5d6e7e!important;font-size:9px!important}
  .mobile-nav-item.active{background:#e6f3eb!important}
  .mobile-nav-item.active span,.mobile-nav-item.active small{color:#0d7c46!important}
  .mobile-nav-post{background:#148a50!important}
  footer{color:#5c6d7c!important}
}

@media(max-width:380px){
  .modern-hero h1{font-size:26px!important}
  .modern-hero p{font-size:14px!important}
  .ad-body h3{font-size:13px!important}
}

/* V145 — Professional eye-friendly redesign
   Keeps all existing functionality; visual layer only. */
:root{
  --v145-bg:#eef3f0;
  --v145-card:#f8faf8;
  --v145-card2:#f3f7f4;
  --v145-border:#d6e0da;
  --v145-navy:#173b67;
  --v145-text:#2d4357;
  --v145-muted:#657789;
  --v145-green:#11945a;
  --v145-green-dark:#087642;
}
body{background:var(--v145-bg)!important;color:var(--v145-text)!important;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important}

/* desktop header */
.site-header{background:#f5f8f5!important;border-bottom:1px solid var(--v145-border)!important;box-shadow:0 2px 12px rgba(26,55,43,.035)!important}
.site-header .logo strong{color:var(--v145-navy)!important}
.site-header .logo em{color:var(--v145-green)!important}
.site-header .logo small{color:#71808d!important}
.site-header .top-info-button{background:#f7faf8!important;border-color:#ccd9d1!important;box-shadow:0 4px 14px rgba(30,70,50,.05)!important}
.site-header .top-info-copy b{color:var(--v145-navy)!important}
.site-header .top-info-copy small{color:var(--v145-muted)!important}
.site-header .top-info-arrow{background:var(--v145-green)!important}
.main-nav a{color:var(--v145-navy)!important}
.main-nav .btn,.btn{background:var(--v145-green)!important}
.main-nav .btn:hover,.btn:hover{background:var(--v145-green-dark)!important}

/* clean hero: no huge empty white area */
.modern-hero{
  position:relative!important;display:grid!important;grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr)!important;
  min-height:310px!important;margin:18px auto 0!important;max-width:1450px!important;border-radius:26px!important;overflow:hidden!important;
  padding:42px 52px!important;background:linear-gradient(115deg,#e8f2ed 0%,#f6f8f5 54%,#e4f0ec 100%)!important;
  border:1px solid #d6e3dc!important;box-shadow:0 10px 30px rgba(25,55,45,.07)!important;
}
.modern-hero:before{content:""!important;position:absolute!important;inset:0!important;background:radial-gradient(circle at 85% 25%,rgba(17,148,90,.12),transparent 34%),radial-gradient(circle at 20% 100%,rgba(23,59,103,.06),transparent 36%)!important;pointer-events:none!important}
.modern-hero-copy{position:relative!important;z-index:2!important;max-width:680px!important;align-self:center!important}
.welcome-pill{display:inline-flex!important;background:#dff1e7!important;color:#087642!important;border:1px solid #c5e3d2!important;font-weight:800!important;padding:8px 13px!important;border-radius:999px!important;font-size:12px!important}
.modern-hero h1{color:var(--v145-navy)!important;font-size:42px!important;line-height:1.08!important;letter-spacing:-1px!important;margin:14px 0 12px!important}
.modern-hero h1 em{font-style:normal!important;color:var(--v145-green)!important}
.modern-hero p{color:var(--v145-text)!important;font-size:17px!important;line-height:1.58!important;margin:0!important;max-width:650px!important}
.hero-benefits{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:9px!important;margin-top:22px!important}
.hero-benefits>div{background:rgba(248,250,248,.92)!important;border:1px solid #d9e4de!important;border-radius:15px!important;padding:11px 9px!important;box-shadow:0 4px 12px rgba(20,60,40,.035)!important}
.hero-benefits span{font-size:20px!important}.hero-benefits b{display:block!important;color:var(--v145-navy)!important;font-size:12px!important;margin-top:4px!important}.hero-benefits small{color:var(--v145-muted)!important;font-size:10px!important}
.modern-hero-visual{display:block!important;position:absolute!important;right:0!important;top:0!important;width:48%!important;height:100%!important;z-index:1!important;background:url('hero-v125-modern.png') right center/cover no-repeat!important;opacity:.9!important;mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.35) 16%,#000 40%,#000 100%)!important;-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.35) 16%,#000 40%,#000 100%)!important}
.visual-glow{display:none!important}

/* search */
.smart-search{max-width:1370px!important;margin:16px auto 0!important;padding:10px!important;background:#f8faf8!important;border:1px solid var(--v145-border)!important;border-radius:18px!important;box-shadow:0 6px 20px rgba(25,55,45,.06)!important;display:grid!important;grid-template-columns:1.7fr 1fr 1fr .65fr .65fr auto!important;gap:8px!important;position:relative!important}
.smart-search .search-field{min-height:48px!important;border:1px solid #cfdcd5!important;border-radius:12px!important;background:#fdfefc!important}
.smart-search .search-field span{color:var(--v145-green)!important}
.smart-search input,.smart-search select{min-height:48px!important;border:1px solid #cfdcd5!important;border-radius:12px!important;background:#fdfefc!important;color:var(--v145-text)!important;outline:none!important;font-size:14px!important}
.smart-search input:focus,.smart-search select:focus{border-color:#7bbd9d!important;box-shadow:0 0 0 3px rgba(17,148,90,.08)!important}
.smart-search .search-btn{border-radius:12px!important;padding:0 22px!important}

/* categories */
.category-strip{background:transparent!important;border:0!important;padding:15px max(2.7%,calc((100% - 1450px)/2)) 5px!important}
.category-scroll{background:transparent!important;gap:10px!important}
.category{background:#f8faf8!important;border:1px solid #d8e2dc!important;color:var(--v145-navy)!important;border-radius:15px!important;box-shadow:0 3px 10px rgba(25,55,45,.035)!important}
.category:hover{border-color:#94c9ab!important;box-shadow:0 7px 18px rgba(25,80,50,.08)!important}
.category.active-cat{background:#e3f2e9!important;color:#087642!important;border-color:#a9d5ba!important}
.category b{color:inherit!important}

/* content cards */
.market-layout{margin-top:17px!important}
.filter-panel,.post-card,.vip-card,.promo-card,.ad,.why-card,.city-card,.step,.contact-card{background:#f8faf8!important;border-color:#d7e1dc!important;box-shadow:0 5px 16px rgba(25,55,45,.045)!important}
.filter-panel{background:#f6f9f7!important}
.ad{border-radius:15px!important}.ad>img{height:175px!important}.ad h3{color:var(--v145-navy)!important}.price{color:var(--v145-green-dark)!important}
.results-head h2,.section-title h2,.why-head h2,.cities-section h2,.steps-section h2,.cta-card h2{color:var(--v145-navy)!important}
.trust-strip{background:#f8faf8!important;border-color:#d7e1dc!important}

/* mobile professional */
@media(max-width:700px){
  body{background:#eef3f0!important;padding-bottom:88px!important}
  .site-header{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;padding:11px 14px 10px!important;background:#f4f7f4!important;box-shadow:none!important}
  .site-header .logo{justify-self:start!important;min-width:0!important;width:100%!important}
  .site-header .logo-badge{width:44px!important;height:44px!important;min-width:44px!important;flex-basis:44px!important;border-radius:13px!important}
  .site-header .logo strong{font-size:18px!important;letter-spacing:-.2px!important}.site-header .logo small{font-size:9px!important}
  .site-header .top-info-button{grid-column:1!important;width:100%!important;margin:0!important;height:54px!important;min-height:54px!important;border-radius:15px!important;padding:8px 10px!important}
  .site-header .top-info-icon{width:35px!important;height:35px!important;flex-basis:35px!important}.site-header .top-info-copy b{font-size:12px!important}.site-header .top-info-copy small{font-size:9px!important}.site-header .top-info-arrow{width:31px!important;height:31px!important}
  .modern-main-nav{grid-column:1!important;width:100%!important;display:flex!important;justify-content:flex-end!important;gap:7px!important;margin:0!important}
  .modern-main-nav>.nav-plain{display:none!important}
  .modern-main-nav .account-menu-wrap{margin-left:auto!important}
  .account-menu-trigger{background:#f8faf8!important;border:1px solid #d5e0da!important;color:var(--v145-navy)!important;padding:9px 11px!important;border-radius:12px!important;font-size:11px!important}
  .modern-main-nav>.btn{font-size:11px!important;padding:10px 13px!important;border-radius:12px!important}

  .modern-hero{display:block!important;margin:12px 10px 0!important;padding:22px 17px 142px!important;min-height:0!important;height:auto!important;border-radius:22px!important;background:linear-gradient(145deg,#e9f2ee,#f5f7f3 65%,#e4efeb)!important;box-shadow:0 7px 22px rgba(25,55,45,.07)!important}
  .modern-hero-copy{max-width:100%!important}.welcome-pill{font-size:10px!important;padding:7px 10px!important}
  .modern-hero h1{font-size:27px!important;line-height:1.12!important;letter-spacing:-.6px!important;margin:11px 0 11px!important}
  .modern-hero p{font-size:14px!important;line-height:1.58!important;color:#334b5e!important}
  .hero-benefits{grid-template-columns:repeat(3,1fr)!important;gap:7px!important;margin-top:15px!important}.hero-benefits>div{padding:9px 4px!important;border-radius:13px!important}.hero-benefits>div:nth-child(4){display:none!important}.hero-benefits span{font-size:18px!important}.hero-benefits b{font-size:10px!important}.hero-benefits small{font-size:8px!important}
  .modern-hero-visual{display:block!important;right:0!important;bottom:0!important;top:auto!important;width:100%!important;height:125px!important;background-position:center bottom!important;opacity:.94!important;mask-image:linear-gradient(to bottom,transparent 0%,#000 35%,#000 100%)!important;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 35%,#000 100%)!important}
  .modern-hero:after{display:none!important}

  .smart-search{margin:12px 10px 0!important;padding:9px!important;border-radius:18px!important;grid-template-columns:1fr 1fr!important;gap:7px!important}
  .smart-search .search-field{grid-column:1/-1!important;min-height:47px!important;border-radius:13px!important}.smart-search input,.smart-search select{height:45px!important;min-height:45px!important;font-size:12px!important;border-radius:12px!important}.smart-search .search-btn{grid-column:1/-1!important;height:45px!important;min-height:45px!important;font-size:12px!important}
  .category-strip{padding:12px 10px 3px!important}.category-scroll{gap:8px!important;padding:0 1px 7px!important}.category{flex:0 0 86px!important;min-width:86px!important;min-height:74px!important;padding:9px 6px!important;border-radius:14px!important}.category span,.category:first-child{font-size:19px!important}.category b{font-size:9px!important}
  .market-layout{padding:0 10px!important;margin-top:5px!important}.results-area{margin-top:3px!important}.results-head{padding:8px 2px 9px!important}.results-head h2{font-size:18px!important}.ads{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}.ad{border-radius:15px!important}.ad>img{height:128px!important}.ad-body{padding:9px!important}.ad-body h3{font-size:12px!important}.ad-body .price{font-size:15px!important}.ad-body .muted{font-size:9px!important}.fav{width:32px!important;height:32px!important;font-size:17px!important}
  .trust-strip,.why-section,.cities-section,.steps-section,.cta-section,.contact-section{margin-left:10px!important;margin-right:10px!important}.trust-strip{padding:12px!important}.why-section{padding:28px 2px!important}.city-grid{gap:8px!important}.city-card{border-radius:14px!important}
  footer{padding-bottom:105px!important}
  .mobile-bottom-nav{left:8px!important;right:8px!important;bottom:8px!important;height:66px!important;border-radius:21px!important;background:rgba(247,250,247,.97)!important;border:1px solid #d5e0da!important;box-shadow:0 10px 30px rgba(20,50,40,.16)!important}
  .mobile-nav-item{height:56px!important}.mobile-nav-item span{font-size:20px!important;color:#294765!important}.mobile-nav-item small{font-size:8px!important;color:#647789!important}.mobile-nav-item.active{background:#e4f2e9!important}.mobile-nav-item.active span,.mobile-nav-item.active small{color:#0b8a4f!important}.mobile-nav-post{width:52px!important;height:52px!important;flex:0 0 52px!important;transform:translateY(-8px)!important;background:#10955a!important;border-color:#f7faf7!important;box-shadow:0 7px 18px rgba(16,149,90,.25)!important}
}
@media(max-width:380px){.modern-hero h1{font-size:25px!important}.modern-hero{padding-bottom:135px!important}.modern-hero p{font-size:13px!important}.hero-benefits b{font-size:9px!important}.category{flex-basis:80px!important;min-width:80px!important}.ad>img{height:115px!important}}

/* V146 — Clean professional layout fix
   Fixes header overflow, unstyled topbar, horizontal clipping and weak hierarchy. */
html,body{overflow-x:hidden!important}
.market-topbar{
  min-height:34px!important;padding:7px 5%!important;background:#173b67!important;color:#fff!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;
  font-size:12px!important;font-weight:600!important;line-height:1.2!important;
}
.market-topbar-right{display:flex!important;align-items:center!important;gap:18px!important;white-space:nowrap!important;opacity:.94!important}
.site-header{
  height:auto!important;min-height:82px!important;padding:13px 4.5%!important;
  display:grid!important;grid-template-columns:230px minmax(360px,560px) minmax(360px,1fr)!important;
  align-items:center!important;gap:20px!important;position:relative!important;
  background:#fbfcfa!important;border-bottom:1px solid #d8e2dc!important;box-shadow:0 3px 16px rgba(22,55,43,.055)!important;
}
.site-header .logo{min-width:0!important}
.site-header .logo-badge{width:48px!important;height:48px!important;min-width:48px!important;border-radius:14px!important}
.site-header .logo strong{font-size:21px!important;line-height:1.1!important;white-space:nowrap!important}
.site-header .logo small{font-size:10px!important;white-space:nowrap!important}
.site-header .top-info-button{
  width:100%!important;min-width:0!important;min-height:58px!important;height:58px!important;margin:0!important;
  border-radius:17px!important;padding:8px 12px!important;box-shadow:0 4px 14px rgba(30,70,50,.045)!important;
}
.site-header .top-info-icon{width:39px!important;height:39px!important;flex-basis:39px!important;font-size:20px!important}
.site-header .top-info-copy b{font-size:14px!important;white-space:nowrap!important}
.site-header .top-info-copy small{font-size:10px!important}
.site-header .top-info-pill{font-size:9px!important;padding:6px 8px!important}
.site-header .top-info-arrow{width:31px!important;height:31px!important;font-size:17px!important;border-radius:10px!important}
.modern-main-nav{
  min-width:0!important;width:100%!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;
  gap:14px!important;margin:0!important;white-space:nowrap!important;
}
.modern-main-nav>.nav-plain{font-size:13px!important;font-weight:800!important}
.modern-main-nav>.btn{font-size:12px!important;padding:11px 14px!important;border-radius:12px!important}
.account-menu-wrap{flex:0 0 auto!important}
.account-menu-trigger{white-space:nowrap!important;font-size:12px!important;padding:10px 11px!important}
.modern-hero{
  width:calc(100% - 48px)!important;max-width:1450px!important;margin:18px auto 0!important;
  min-height:320px!important;padding:42px 48px!important;border-radius:26px!important;
  grid-template-columns:minmax(0,1.03fr) minmax(380px,.97fr)!important;
}
.modern-hero-copy{max-width:670px!important}
.modern-hero h1{font-size:40px!important;max-width:650px!important}
.modern-hero p{font-size:16px!important;max-width:610px!important}
.hero-benefits{max-width:640px!important}
.modern-hero-visual{width:49%!important;opacity:.96!important;background-position:right center!important}
.smart-search{width:calc(100% - 48px)!important;max-width:1370px!important}
.category-strip{padding-left:max(24px,calc((100% - 1370px)/2))!important;padding-right:max(24px,calc((100% - 1370px)/2))!important}
.category-scroll{overflow-x:auto!important}

@media(max-width:1180px) and (min-width:701px){
  .site-header{grid-template-columns:205px minmax(300px,1fr) auto!important;gap:12px!important;padding-left:24px!important;padding-right:24px!important}
  .modern-main-nav{gap:8px!important}.modern-main-nav>.nav-plain{font-size:12px!important}.modern-main-nav>.btn{padding:10px 11px!important;font-size:11px!important}
  .modern-hero{width:calc(100% - 32px)!important;padding:34px 36px!important;grid-template-columns:minmax(0,1fr) minmax(320px,.9fr)!important}
  .modern-hero h1{font-size:36px!important}.smart-search{width:calc(100% - 32px)!important}
}

@media(max-width:700px){
  .market-topbar{display:none!important}
  .site-header{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;padding:11px 14px 10px!important}
  .site-header .logo{width:100%!important}
  .site-header .logo-badge{width:44px!important;height:44px!important;min-width:44px!important}
  .site-header .logo strong{font-size:18px!important}.site-header .logo small{font-size:9px!important}
  .site-header .top-info-button{height:54px!important;min-height:54px!important;width:100%!important}
  .modern-main-nav{justify-content:flex-end!important;gap:7px!important}
  .modern-hero{width:calc(100% - 20px)!important;margin:12px 10px 0!important;padding:22px 17px 142px!important}
  .smart-search{width:calc(100% - 20px)!important;margin:12px 10px 0!important}
}

/* V148 — FINAL eye-friendly text only
   Layout, images, buttons and functionality intentionally unchanged. */
html,body{color:#24364b!important}
body{font-weight:400}
.site-header .logo strong{color:#173b68!important}
.site-header .logo em{color:#128a52!important}
.site-header .logo small{color:#5a6978!important}
.main-nav a,.nav-plain,.account-menu-trigger{color:#243b57!important}
.main-nav a:hover,.main-nav .active{color:#128a52!important}
.site-header .top-info-copy b{color:#183b68!important}
.site-header .top-info-copy small{color:#596b7c!important}
.modern-hero h1{color:#173b68!important}
.modern-hero h1 em{color:#128a52!important}
.modern-hero p{color:#30485f!important}
.hero-benefits b{color:#183b68!important}
.hero-benefits small{color:#5d6c7b!important}
.welcome-pill,.eyebrow{color:#137c4c!important}
.smart-search input,.smart-search select,.search-field input{color:#24384f!important}
.smart-search input::placeholder,.search-field input::placeholder{color:#667586!important;opacity:1!important}
.category,.category b,.category strong{color:#203b5a!important}
.category small,.category .muted{color:#607080!important}
.results-head h2,.results-head .eyebrow{color:#203b5a!important}
.ad h3{color:#203b5a!important}
.ad .price{color:#087f4b!important}
.ad .muted,.ad .small,.muted,.small{color:#5b6b7a!important}
.section-title h2,.why-head h2,.cities-section h2,.steps-section h2{color:#203b5a!important}
.why-head p,.why-card p,.city-card small,.steps-inner>div>p,.step p{color:#5d6d7b!important}
.why-card h3,.city-card b,.step h3{color:#203b5a!important}
.form label{color:#203b5a!important}
.form input,.form select,.form textarea{color:#24384f!important}
.form input::placeholder,.form textarea::placeholder{color:#687887!important;opacity:1!important}
.post-intro h2,.auth-card h1,.post-login-modal h2{color:#183b68!important}
.post-intro p,.post-login-modal p,.post-modal-safe{color:#596b79!important}
footer,.footer-bottom{color:#66737e!important}
.footer-main strong{color:#203b5a!important}
.footer-main p{color:#687680!important}
.footer-links a{color:#36556d!important}
.owner-box{color:#24384f!important}
@media(max-width:650px){
  .main-nav a,.nav-plain,.account-menu-trigger{color:#243b57!important}
  .modern-hero h1{color:#173b68!important}
  .modern-hero p{color:#30485f!important}
  .hero-benefits b{color:#183b68!important}
  .hero-benefits small{color:#5d6c7b!important}
}

/* V149 — Fix Account dropdown visibility/position on mobile + desktop.
   Functional behavior unchanged: dropdown opens only when Account is tapped. */
.account-menu-wrap{position:relative!important;z-index:100!important}
.account-dropdown{
  display:none!important;
  position:absolute!important;
  top:calc(100% + 10px)!important;
  right:0!important;
  width:330px!important;
  max-width:calc(100vw - 24px)!important;
  padding:8px!important;
  background:#ffffff!important;
  border:1px solid #d8e3dd!important;
  border-radius:16px!important;
  box-shadow:0 18px 45px rgba(18,45,35,.18)!important;
  z-index:10000!important;
}
.account-dropdown.open{display:block!important}
.account-item{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  width:100%!important;
  min-height:54px!important;
  padding:9px 10px!important;
  border-radius:12px!important;
  text-decoration:none!important;
  color:#243b57!important;
  box-sizing:border-box!important;
}
.account-item:hover{background:#f0f7f3!important}
.account-item-icon{width:34px!important;flex:0 0 34px!important;height:34px!important;border-radius:10px!important;background:#e8f5ee!important;display:grid!important;place-items:center!important;color:#0d824c!important;font-weight:800!important}
.account-item>b,.account-item span b{color:#183b68!important}
.account-item span:nth-child(2){min-width:0!important;display:block!important;flex:1!important}
.account-item small{display:block!important;margin-top:2px!important;color:#617181!important;font-size:11px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.account-item-arrow{flex:0 0 auto!important;color:#6b7b88!important;font-size:20px!important}
@media(max-width:700px){
  .account-dropdown{top:calc(100% + 8px)!important;right:0!important;width:min(92vw,340px)!important}
  .account-item{min-height:50px!important}
}

/* V154 — New desktop Home theme: Yellow + Grey + White.
   Inspired by the approved mockup. Desktop Home only; mobile styles untouched. */
@media (min-width:701px){
  :root{
    --v154-yellow:#f5b51b;
    --v154-yellow-soft:#fff3cf;
    --v154-yellow-pale:#fff8e7;
    --v154-navy:#10243d;
    --v154-grey:#eef0f2;
    --v154-grey-2:#e3e6e9;
    --v154-border:#d4d9de;
    --v154-muted:#596779;
  }

  html,body{background:var(--v154-grey)!important;color:var(--v154-navy)!important}
  body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important}

  /* Header */
  .market-topbar{background:var(--v154-navy)!important;color:#fff!important}
  .site-header{
    background:#fff!important;
    border-bottom:1px solid var(--v154-border)!important;
    box-shadow:0 3px 14px rgba(16,36,61,.06)!important;
  }
  .site-header .logo strong{color:var(--v154-navy)!important}
  .site-header .logo em{color:#e7a700!important}
  .site-header .logo small{color:var(--v154-muted)!important}
  .site-header .top-info-button{
    background:#f7f8f9!important;
    border-color:#d6dbe0!important;
    box-shadow:0 4px 14px rgba(16,36,61,.05)!important;
  }
  .site-header .top-info-copy b{color:var(--v154-navy)!important}
  .site-header .top-info-copy small{color:var(--v154-muted)!important}
  .site-header .top-info-pill{background:var(--v154-yellow-soft)!important;color:#8a6500!important}
  .site-header .top-info-arrow{background:var(--v154-yellow)!important;color:var(--v154-navy)!important}
  .modern-main-nav>.nav-plain,.account-menu-trigger{color:var(--v154-navy)!important}
  .modern-main-nav>.btn{background:var(--v154-yellow)!important;color:var(--v154-navy)!important;border-color:var(--v154-yellow)!important;box-shadow:0 5px 14px rgba(245,181,27,.18)!important}

  /* Hero */
  .modern-hero{
    background:linear-gradient(112deg,#fff3d0 0%,#fff8e8 38%,#eef0f1 70%,#e6e9ec 100%)!important;
    border:1px solid #e0d8bf!important;
    box-shadow:0 10px 28px rgba(16,36,61,.08)!important;
  }
  .modern-hero:before{
    background:
      radial-gradient(circle at 17% 20%,rgba(245,181,27,.22),transparent 31%),
      radial-gradient(circle at 76% 82%,rgba(255,255,255,.7),transparent 34%)!important;
  }
  .welcome-pill{background:#fff8e6!important;border-color:#e6c96e!important;color:#765500!important}
  .modern-hero h1{color:var(--v154-navy)!important}
  .modern-hero h1 em{color:#e5a700!important}
  .modern-hero p{color:#34465a!important}
  .hero-benefits>div{background:rgba(255,255,255,.88)!important;border-color:#d9dde1!important;box-shadow:0 4px 12px rgba(16,36,61,.04)!important}
  .hero-benefits b{color:var(--v154-navy)!important}
  .hero-benefits small{color:var(--v154-muted)!important}

  /* Search */
  .smart-search{
    background:#fff!important;
    border:1px solid #d5d9dd!important;
    box-shadow:0 8px 22px rgba(16,36,61,.07)!important;
  }
  .smart-search .search-field,
  .smart-search input,.smart-search select{
    background:#f8f9fa!important;
    border-color:#cfd5da!important;
    color:var(--v154-navy)!important;
  }
  .smart-search input::placeholder,.search-field input::placeholder{color:#667587!important}
  .smart-search .search-field span{color:#d49d00!important}
  .smart-search input:focus,.smart-search select:focus{border-color:#e2b52e!important;box-shadow:0 0 0 3px rgba(245,181,27,.13)!important}
  .smart-search .search-btn{background:var(--v154-yellow)!important;color:var(--v154-navy)!important;border-color:var(--v154-yellow)!important}

  /* Category strip */
  .category-strip{background:transparent!important}
  .category{background:#f7f8f9!important;border-color:#d6dbe0!important;color:var(--v154-navy)!important;box-shadow:0 4px 11px rgba(16,36,61,.04)!important}
  .category:hover{background:#fff!important;border-color:#e3b52a!important;box-shadow:0 8px 18px rgba(16,36,61,.07)!important}
  .category.active-cat{background:var(--v154-yellow-soft)!important;border-color:#e8c35b!important;color:#735300!important}
  .category b{color:inherit!important}

  /* Results */
  .results-head h2,.results-head .eyebrow,.section-title h2,.why-head h2,.cities-section h2,.steps-section h2,.cta-card h2{color:var(--v154-navy)!important}
  .results-head .eyebrow{color:#a87500!important}
  .ad,.filter-panel,.post-card,.vip-card,.promo-card,.why-card,.city-card,.step,.contact-card{
    background:#f8f9fa!important;
    border-color:#d6dbe0!important;
    box-shadow:0 6px 16px rgba(16,36,61,.05)!important;
  }
  .ad h3{color:var(--v154-navy)!important}
  .ad .price,.price{color:#c58b00!important}
  .ad .muted,.muted,.small{color:var(--v154-muted)!important}
  .trust-strip{background:#e4e7ea!important;border-color:#d1d6db!important}
  .trust-strip b{color:var(--v154-navy)!important}
  .trust-strip small{color:var(--v154-muted)!important}

  /* Yellow accents on common actions in Home */
  .view.active,.pagination button.active{background:var(--v154-yellow)!important;color:var(--v154-navy)!important;border-color:var(--v154-yellow)!important}
  .section-action,.cta-card .btn,.why-card .btn{background:var(--v154-yellow)!important;color:var(--v154-navy)!important}
}

/* V155 — Approved Yellow + Grey + White desktop redesign.
   Keeps existing HTML/JS/Supabase/auth functionality. Mobile is intentionally untouched. */
@media (min-width:1001px){
  :root{
    --v155-yellow:#f7b91e;
    --v155-yellow-soft:#fff1c9;
    --v155-yellow-pale:#fff8e8;
    --v155-navy:#10233f;
    --v155-grey:#f1f2f3;
    --v155-grey-dark:#e3e5e8;
    --v155-border:#d5d9de;
    --v155-muted:#5c6979;
  }

  html,body{background:#f5f6f7!important;color:var(--v155-navy)!important}
  body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important}

  .market-topbar{background:var(--v155-navy)!important;color:#fff!important}
  .site-header{background:#fff!important;border-bottom:1px solid #dfe2e5!important;box-shadow:0 3px 16px rgba(16,35,63,.07)!important}
  .site-header .logo strong{color:var(--v155-navy)!important}
  .site-header .logo em{color:#e5a500!important}
  .site-header .logo small{color:var(--v155-muted)!important}
  .site-header .top-info-button{background:#f7f8f9!important;border-color:#d7dbe0!important}
  .site-header .top-info-copy b{color:var(--v155-navy)!important}
  .site-header .top-info-copy small{color:var(--v155-muted)!important}
  .site-header .top-info-pill{background:var(--v155-yellow-soft)!important;color:#765700!important}
  .site-header .top-info-arrow{background:var(--v155-yellow)!important;color:var(--v155-navy)!important}
  .modern-main-nav>.nav-plain,.account-menu-trigger{color:var(--v155-navy)!important}
  .modern-main-nav>.nav-plain:hover,.modern-main-nav>.nav-plain.active{color:#bd8500!important}
  .modern-main-nav>.btn{background:var(--v155-yellow)!important;color:var(--v155-navy)!important;border-color:var(--v155-yellow)!important;box-shadow:0 5px 16px rgba(247,185,30,.2)!important}

  /* Hero: warm yellow left side + clear marketplace image on the right */
  .modern-hero{
    width:calc(100% - 60px)!important;max-width:1450px!important;min-height:405px!important;
    margin:18px auto 0!important;padding:48px 58px!important;border-radius:24px!important;
    background:linear-gradient(110deg,#fff0c9 0%,#fff7e5 38%,#f2f3f4 68%,#e8eaec 100%)!important;
    border:1px solid #ead9a9!important;box-shadow:0 12px 32px rgba(16,35,63,.08)!important;
    grid-template-columns:minmax(0,1.04fr) minmax(450px,.96fr)!important;overflow:hidden!important;
  }
  .modern-hero:before{background:radial-gradient(circle at 22% 28%,rgba(247,185,30,.2),transparent 34%),radial-gradient(circle at 72% 70%,rgba(255,255,255,.72),transparent 36%)!important}
  .modern-hero-copy{max-width:710px!important;position:relative;z-index:3!important}
  .welcome-pill{background:#fff5d7!important;border-color:#e5c86a!important;color:#745500!important}
  .modern-hero h1{font-size:54px!important;line-height:1.04!important;letter-spacing:-1.5px!important;color:var(--v155-navy)!important;max-width:690px!important}
  .modern-hero h1 em{color:#e6a700!important}
  .modern-hero p{font-size:20px!important;line-height:1.55!important;color:#273b55!important;max-width:680px!important}
  .hero-benefits{gap:12px!important;max-width:680px!important}
  .hero-benefits>div{background:rgba(255,255,255,.92)!important;border:1px solid #dfe1e3!important;border-radius:16px!important;box-shadow:0 5px 15px rgba(16,35,63,.05)!important}
  .hero-benefits b{font-size:16px!important;color:var(--v155-navy)!important}
  .hero-benefits small{font-size:12px!important;color:var(--v155-muted)!important}
  .modern-hero-visual{width:53%!important;opacity:1!important;background-position:right center!important;mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.28) 8%,#000 27%,#000 100%)!important;-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.28) 8%,#000 27%,#000 100%)!important}

  /* Search card overlaps the bottom of hero like the approved mockup */
  .smart-search{width:calc(100% - 120px)!important;max-width:1370px!important;margin:-42px auto 0!important;position:relative!important;z-index:8!important;background:#fff!important;border:1px solid #d9dde1!important;border-radius:17px!important;box-shadow:0 10px 28px rgba(16,35,63,.12)!important;padding:10px!important}
  .smart-search .search-field,.smart-search input,.smart-search select{background:#fafbfc!important;border-color:#cfd5da!important;color:var(--v155-navy)!important}
  .smart-search .search-field span{color:#d49b00!important}
  .smart-search input::placeholder,.search-field input::placeholder{color:#657285!important;opacity:1!important}
  .smart-search input:focus,.smart-search select:focus{border-color:#e3b62c!important;box-shadow:0 0 0 3px rgba(247,185,30,.14)!important}
  .smart-search .search-btn{background:var(--v155-yellow)!important;color:var(--v155-navy)!important;border-color:var(--v155-yellow)!important;font-size:16px!important;font-weight:900!important}

  /* Categories */
  .category-strip{background:transparent!important;border:0!important;padding-top:22px!important;padding-bottom:6px!important}
  .category-scroll{max-width:1450px!important;grid-template-columns:repeat(9,minmax(0,1fr))!important;gap:11px!important;overflow:visible!important}
  .category{min-height:104px!important;background:#eceeef!important;border:1px solid #dfe2e5!important;border-radius:13px!important;box-shadow:0 3px 10px rgba(16,35,63,.045)!important;color:var(--v155-navy)!important}
  .category span{font-size:30px!important}
  .category b{font-size:14px!important;color:var(--v155-navy)!important}
  .category:hover{background:#fff!important;border-color:#e5b21c!important}
  .category.active-cat{background:var(--v155-yellow-soft)!important;border-color:#e7c45d!important;color:#735400!important}
  .category.active-cat b{color:#735400!important}

  /* Featured listings become the main desktop content; filters remain available below them */
  .market-layout{max-width:1450px!important;margin:24px auto 0!important;padding:0 30px!important;display:grid!important;grid-template-columns:1fr!important;gap:20px!important}
  .results-area{grid-column:1!important;grid-row:1!important}
  .filter-panel{grid-column:1!important;grid-row:2!important;position:static!important;background:#fff!important;border:1px solid var(--v155-border)!important;border-radius:16px!important}
  .right-rail{grid-column:1!important;grid-row:3!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:14px!important}
  .post-card,.vip-card,.promo-card{min-height:150px!important;background:#fff!important;color:var(--v155-navy)!important;border:1px solid var(--v155-border)!important;border-radius:15px!important;box-shadow:0 5px 16px rgba(16,35,63,.05)!important}
  .post-card{background:var(--v155-yellow-soft)!important;border-color:#e8ce76!important}
  .post-card .post-icon{background:var(--v155-yellow)!important;color:var(--v155-navy)!important}
  .post-card p{color:#4e5e70!important}
  .post-card .btn{background:var(--v155-yellow)!important;color:var(--v155-navy)!important}
  .promo-card{background:#e9ebed!important;color:var(--v155-navy)!important}
  .promo-card a,.promo-card button{background:var(--v155-yellow)!important;color:var(--v155-navy)!important}

  .results-head{margin-bottom:15px!important}
  .results-head h2{font-size:29px!important;color:var(--v155-navy)!important}
  .results-head .eyebrow{font-size:11px!important;color:#b17b00!important}
  .ads{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:14px!important}
  .ad{background:#fff!important;border:1px solid #d9dde1!important;border-radius:11px!important;box-shadow:0 4px 12px rgba(16,35,63,.06)!important}
  .ad>img{height:145px!important}
  .ad-body{padding:11px!important}
  .ad h3{font-size:14px!important;color:var(--v155-navy)!important}
  .ad .price,.price{font-size:18px!important;color:#b57c00!important}
  .ad .muted,.muted,.small{font-size:12px!important;color:var(--v155-muted)!important}
  .fav{width:34px!important;height:34px!important}

  .trust-strip{max-width:1450px!important;margin:24px auto 0!important;background:#e5e7e9!important;border-color:#d4d8dc!important}
  .trust-strip span{color:#d49b00!important}
  .trust-strip b{color:var(--v155-navy)!important}
  .trust-strip small{color:var(--v155-muted)!important}

  .why-section{background:#fff!important;margin-top:24px!important;border-top:1px solid #e0e3e6!important}
  .why-head h2,.cities-section h2,.steps-section h2,.cta-card h2{color:var(--v155-navy)!important}
  .why-card,.city-card,.step{background:#f0f1f2!important;border-color:#dfe2e5!important}
  .why-card h3,.city-card b,.step h3{color:var(--v155-navy)!important}
  .why-card p,.city-card small,.steps-inner>div>p,.step p{color:var(--v155-muted)!important}
  .eyebrow{color:#b17b00!important}

  .cta-card{background:var(--v155-navy)!important}
  .cta-card .eyebrow{color:#ffd66a!important}
  .cta-btn{background:var(--v155-yellow)!important;color:var(--v155-navy)!important}
}

/* V157 — Desktop viewing zoom test: mobile untouched */
@media (min-width: 1000px) {
  body { zoom: 1.08; }
}

/* V170 — Mobile Account position only: desktop stays unchanged */
@media(max-width:520px){
  .v161-account{
    position:fixed;
    right:14px;
    bottom:14px;
    top:auto;
    z-index:1000;
  }
  .v161-account-btn{
    min-width:104px;
    height:48px;
    justify-content:center;
    border:2px solid var(--yellow);
    background:#123b7a;
    color:#fff;
    border-radius:14px;
    box-shadow:0 8px 24px rgba(8,43,85,.28);
    font-size:0;
  }
  .v161-account-btn::before{
    content:'♙ Account';
    font-size:13px;
    font-weight:900;
  }
  .v161-account-btn:hover{background:#0b6edc;color:#fff}
  .v161-dropdown{
    top:auto;
    bottom:58px;
    right:0;
    width:min(265px,calc(100vw - 28px));
  }
}

/* V209 Notifications */
.notification-nav{position:relative;display:inline-flex;align-items:center;gap:4px!important;text-decoration:none!important}
.notification-badge{position:absolute;top:-8px;right:-9px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:#e84c4c;color:#fff;font-size:10px;font-weight:900;align-items:center;justify-content:center;line-height:17px}
