/* Mahalle Ağı v8 — considered, accessible premium homepage. No external fonts/assets. */
:root{--v8-ink:#1c332c;--v8-deep:#174e3b;--v8-muted:#687b71;--v8-border:#e5ebe6;--v8-bg:#f5f7f5;--v8-shadow:0 12px 36px rgba(20,51,34,.045)}
body{background:var(--v8-bg);color:var(--v8-ink)}
.app-shell{max-width:1640px;background:var(--v8-bg)}
.sidebar{width:243px;flex:0 0 243px;padding:25px 17px 15px;border-right:1px solid #e9eee9;box-shadow:none}
.sidebar .brand{padding:4px 10px 26px}
.sidebar .hood-switch{background:#f5faf5;border-color:#e1ebe3;border-radius:16px;margin-bottom:9px}
.sidebar .sidebar-small.nav-caption{letter-spacing:1.1px;font-size:10px;color:#84948a;margin-top:13px}
.sidebar .nav-list{gap:3px}
.sidebar .nav-link{border-radius:12px;min-height:47px;padding:10px 12px;font-weight:650;font-size:13px}
.sidebar .nav-link.active{background:#e7f1e9;color:#14563b;box-shadow:none}
.sidebar .nav-link:hover{background:#f2f7f2}
.sidebar .nav-link.active:hover{background:#e7f1e9}
.sidebar .v8-services-link{margin-top:4px}
.sidebar .v5-sidebar-links{gap:0;margin-top:0}
.sidebar .v5-sidebar-links button{border-radius:12px;font-size:12px;min-height:39px;text-align:left}
.sidebar .impact-note{display:none}
.sidebar .sidebar-bottom{margin-top:auto;padding-top:14px}
.feature-nav{display:none!important}
.app-main-wrap{min-width:0;flex:1}
.topbar{height:75px;min-height:75px;background:#fff;border-bottom:1px solid var(--v8-border);padding:0 26px}
.topbar .crumb{font-size:13px;font-weight:650;color:#567366}
.content-row{grid-template-columns:minmax(0,1fr) 250px;gap:0}
.main-content{padding:27px clamp(20px,2.4vw,37px) 70px}
.rightbar{padding:31px 20px 26px;border-left:1px solid #ebeeeb;background:#fafbfa}
.v8-home{max-width:1010px;margin:0 auto}
.v8-welcome{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:20px}
.v8-overline,.v8-section-overline{display:block;text-transform:uppercase;letter-spacing:1.65px;font-weight:800;font-size:10px;color:#6d9982}
.v8-welcome h1{font-size:clamp(25px,2.8vw,34px);font-weight:800;letter-spacing:-1.25px;line-height:1.2;margin:6px 0}
.v8-welcome h1 span{font-size:.8em}
.v8-welcome p{color:var(--v8-muted);margin:0;font-size:14px}
.v8-welcome-create{min-height:44px;white-space:nowrap;display:flex;align-items:center;gap:8px;background:var(--v8-deep);color:#fff;border:0;border-radius:12px;padding:0 17px;font-weight:750;font-size:13px}
.v8-welcome-create svg{width:18px;height:18px}
.v8-welcome-create:hover,.v8-hero-primary:hover{background:#0d3a2a}
.v8-hero{background:linear-gradient(122deg,#144c3a 0%,#1c634e 65%,#35745b 100%);border-radius:25px;display:flex;position:relative;overflow:hidden;min-height:248px;color:#fff;isolation:isolate;box-shadow:0 17px 36px rgba(21,72,54,.13)}
.v8-hero:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 91% 80%,rgba(187,236,206,.22),transparent 42%);pointer-events:none}
.v8-hero-copy{position:relative;z-index:2;width:64%;padding:29px 38px 31px}
.v8-hero-kicker{font-size:10px;letter-spacing:1.4px;font-weight:800;color:#bddccc;display:flex;align-items:center;gap:7px}
.v8-pulse{height:7px;width:7px;border-radius:50%;background:#fbd18e;display:inline-block}
.v8-hero h2{font-size:clamp(28px,3vw,39px);font-weight:790;letter-spacing:-1.55px;line-height:1.14;margin:13px 0 8px;color:#fff}
.v8-hero p{max-width:348px;line-height:1.55;color:#e0eee3;margin:0;font-size:13px}
.v8-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:19px}
.v8-hero-primary,.v8-hero-secondary{min-height:43px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;font-size:12px;font-weight:800;padding:0 16px}
.v8-hero-primary{background:white;color:#164b39;border:0}
.v8-hero-primary:hover{background:#eef7f0;color:#164b39}
.v8-hero-primary .svg-icon{width:15px;height:15px}
.v8-hero-secondary{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.3);color:#fff}
.v8-hero-secondary:hover{background:rgba(255,255,255,.17)}
.v8-hero-visual{position:absolute;right:4%;top:0;height:100%;width:33%;display:flex;align-items:center;justify-content:center}
.v8-orbit{position:absolute;border-radius:50%;border:1px solid rgba(235,255,238,.18)}
.v8-orbit-one{width:228px;height:228px}.v8-orbit-two{width:175px;height:175px;background:rgba(225,246,224,.06)}
.v8-orbit-emblem{width:110px;height:110px;border-radius:30px;background:rgba(231,253,235,.13);border:1px solid rgba(255,255,255,.17);box-shadow:0 16px 39px rgba(12,51,38,.12);display:grid;place-items:center;transform:rotate(-9deg)}
.v8-orbit-emblem svg{width:66px;height:66px;stroke:#e5f6e7;stroke-width:1.1;transform:rotate(9deg)}
.v8-float{position:absolute;z-index:2;border:1px solid #eaf4e8;background:#fff;border-radius:10px;box-shadow:0 12px 30px rgba(0,0,0,.08);display:flex;align-items:center;gap:6px;padding:8px 10px;color:#2b6749;font-size:11px;font-weight:800}
.v8-float svg{width:18px;height:18px}.v8-float-top{top:37px;right:1px;transform:rotate(5deg)}.v8-float-bottom{bottom:32px;left:-10px;transform:rotate(-5deg)}
.v8-section{margin-top:30px}
.v8-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:15px}
.v8-section-head h2{font-size:21px;letter-spacing:-.55px;line-height:1.2;margin:5px 0 0;font-weight:800}
.v8-text-link{background:none;border:0;display:inline-flex;align-items:center;gap:6px;color:#246b4b;font-weight:800;font-size:12px;white-space:nowrap;padding:8px 2px;min-height:38px}
.v8-text-link .svg-icon{height:15px;width:15px}
.v8-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.v8-action{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:5px;background:#fff;border:1px solid var(--v8-border);border-radius:18px;padding:16px 14px;min-height:136px;box-shadow:var(--v8-shadow);transition:transform .16s ease,border-color .16s ease;min-width:0}
.v8-action:hover{transform:translateY(-2px);border-color:#bbd1c2}
.v8-action-symbol{height:40px;width:40px;border-radius:13px;display:grid;place-items:center;margin-bottom:7px}
.v8-action-symbol svg{width:21px;height:21px}.v8-action strong{font-size:13px;font-weight:800;line-height:1.25;color:#263d30}.v8-action small{font-size:11px;line-height:1.3;color:#718478}
.v8-coral{background:#fff0e9;color:#a05e41}.v8-mint{background:#e5f3eb;color:#277450}.v8-blue{background:#e8effb;color:#466ca6}.v8-amber{background:#fbf1df;color:#977038}
.v8-post-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.v8-post{min-width:0;display:flex;overflow:hidden;background:white;border:1px solid var(--v8-border);border-radius:18px;box-shadow:var(--v8-shadow);min-height:154px}
.v8-post-picture{width:39%;flex:0 0 39%;background:#f1f6f1;border:0;padding:0;overflow:hidden;display:flex;align-items:center;justify-content:center}
.v8-post-picture img{width:100%;height:100%;object-fit:cover;min-height:154px}
.v8-post-picture.v8-no-picture svg{width:37px;height:37px;color:#93b29d}
.v8-post-content{padding:12px 13px;min-width:0;flex:1;display:flex;flex-direction:column;align-items:stretch}
.v8-post-top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:5px;margin-bottom:7px}
.v8-tag{padding:4px 7px;border-radius:7px;background:#eff6f0;color:#527660;font-size:10px;font-weight:750}
.v8-post-age{font-size:10px;color:#8d9b91}
.v8-post-title{text-align:left;padding:0;margin:0 0 5px;border:0;background:transparent;font-size:14px;font-weight:800;line-height:1.34;color:#273e30;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.v8-post-title:hover{color:#277b53}
.v8-post-content p{font-size:11px;line-height:1.4;color:#667d70;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.v8-post-bottom{border-top:1px solid #edf1ed;display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;margin-top:auto;padding-top:9px}
.v8-post-bottom strong{font-size:12px;color:#287451}.v8-post-bottom span{color:#809186;font-size:10px;min-width:0;overflow-wrap:anywhere}
.v8-empty{padding:32px 22px;border:1px dashed #d1dfd3;border-radius:18px;text-align:center;background:#fff;display:flex;flex-direction:column;align-items:center;gap:10px}
.v8-empty-symbol{height:48px;width:48px;border-radius:15px;background:#e8f5e9;color:#428d5e;display:grid;place-items:center}
.v8-empty h3{margin:2px 0 0;font-size:17px}.v8-empty p{margin:0 0 7px;color:#728579;font-size:13px}
.v8-more{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:27px 0 5px;padding:17px 20px;border:1px solid #dfebe1;background:#edf5ee;border-radius:17px}
.v8-more>div{display:flex;align-items:center;gap:13px;min-width:0}
.v8-more-icon{width:41px;height:41px;flex:none;display:grid;place-items:center;border-radius:13px;background:#dbebdc;color:#438458}
.v8-more strong,.v8-more small{display:block}.v8-more strong{font-size:13px}.v8-more small{font-size:11px;color:#6c8371;margin-top:4px}
.v8-more button{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:800;color:#246b4b;white-space:nowrap;background:transparent;border:0;min-height:42px}
.v8-more button svg{height:15px;width:15px}
.v8-aside-card{background:#fff;border:1px solid var(--v8-border);border-radius:19px;padding:20px 17px;box-shadow:var(--v8-shadow)}
.v8-aside-kicker{font-size:10px;letter-spacing:1.2px;font-weight:800;color:#6a9b77}
.v8-aside-card h3{font-size:19px;letter-spacing:-.6px;margin:7px 0 3px}
.v8-aside-card>p{font-size:12px;color:#77867c;margin:0 0 16px}
.v8-stat-box{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.v8-stat{padding:13px 10px;border-radius:12px;background:#f6f9f6;display:flex;flex-direction:column;gap:3px}
.v8-stat strong{font-size:24px;line-height:1;font-weight:800;color:#285a3c}
.v8-stat span{font-size:10px;font-weight:650;color:#799083}
.v8-aside-link{background:#eff6f0;border:0;border-radius:11px;min-height:43px;width:100%;margin-top:14px;color:#2d6b49;display:flex;align-items:center;justify-content:center;gap:7px;font-size:12px;font-weight:800}
.v8-aside-link svg{width:16px;height:16px}
.v8-aside-tip{display:flex;gap:10px;align-items:flex-start;margin-top:18px;padding:10px 5px}.v8-aside-tip>span{color:#50896a}.v8-aside-tip strong{font-size:12px}.v8-aside-tip p{font-size:11px;line-height:1.5;color:#7f8c82;margin:5px 0 0}
.v8-services{max-width:1020px;margin:0 auto}
.v8-services-head{padding:11px 0 17px}.v8-services-head h1{font-size:clamp(27px,3.2vw,37px);letter-spacing:-1.1px;margin:6px 0}.v8-services-head p{margin:0;color:#687d71;font-size:14px}
.v8-services-group{margin:17px 0 30px}.v8-services-group-title{margin-bottom:12px}.v8-services-group-title h2{margin:0;font-size:19px;letter-spacing:-.5px}.v8-services-group-title p{margin:4px 0 0;color:#7a8e80;font-size:12px}
.v8-services-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.v8-service-card{min-width:0;display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--v8-border);border-radius:17px;padding:14px 15px;text-align:left;min-height:86px;box-shadow:var(--v8-shadow)}
.v8-service-card:hover{border-color:#b8d5c3;background:#fdfefd}
.v8-service-icon{width:43px;height:43px;flex:none;border-radius:13px;display:grid;place-items:center}
.v8-service-icon svg{height:21px;width:21px}.v8-service-text{min-width:0;flex:1;display:flex;flex-direction:column;gap:4px}.v8-service-text strong{font-size:13px;color:#264032;font-weight:800}.v8-service-text small{font-size:11px;line-height:1.4;color:#7f9185}.v8-service-arrow{color:#91a99b}.v8-service-arrow svg{width:17px;height:17px}
.v8-mobile-create-label{display:none}
@media(max-width:1320px){.content-row{grid-template-columns:minmax(0,1fr) 225px}.rightbar{padding:24px 12px}.main-content{padding:27px 25px 70px}.v8-actions{gap:9px}.v8-action{padding:14px 11px}}
@media(max-width:1150px){.rightbar{display:none}.content-row{display:block}.v8-home{max-width:960px}.main-content{padding:27px clamp(17px,3vw,34px) 70px}}
@media(max-width:840px){.sidebar{width:220px;flex:0 0 220px}.app-main-wrap{width:100%}.topbar{padding:0 19px}.main-content{padding:25px 20px 105px}.v8-hero-copy{width:66%;padding:29px}.v8-actions{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:760px){.sidebar{display:none}}
@media(max-width:650px){.main-content{padding:19px 14px 113px}.v8-welcome{align-items:start;margin-bottom:17px}.v8-welcome h1{font-size:26px}.v8-welcome p{font-size:12px}.v8-welcome-create{padding:0 12px;min-width:44px;font-size:0;border-radius:12px}.v8-welcome-create svg{width:20px;height:20px}.v8-hero{min-height:235px;border-radius:20px}.v8-hero-copy{width:100%;padding:25px 23px}.v8-hero h2{font-size:31px}.v8-hero p{max-width:270px;font-size:12px}.v8-hero-visual{opacity:.13;right:-40px;width:210px;pointer-events:none}.v8-float{display:none}.v8-hero-actions{margin-top:16px}.v8-hero-primary,.v8-hero-secondary{padding:0 12px;font-size:11px}.v8-section{margin-top:25px}.v8-section-head h2{font-size:19px}.v8-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.v8-action{min-height:119px;padding:12px}.v8-action-symbol{height:37px;width:37px;margin-bottom:4px}.v8-action small{font-size:11px}.v8-post-list{grid-template-columns:1fr}.v8-post{min-height:142px}.v8-post-picture{width:36%;flex-basis:36%}.v8-post-picture img{min-height:142px}.v8-services-grid{grid-template-columns:1fr}.v8-more{padding:13px;align-items:flex-start}.v8-more>div{gap:8px}.v8-more button{font-size:0;min-height:42px}.v8-more button svg{width:20px;height:20px}.v8-service-card{min-height:77px}.mobile-bottom-nav{background:#fff;border-top:1px solid #e4ebe4;box-shadow:0 -5px 24px #0c31200a}.mobile-bottom-nav button:not(.mobile-create){color:#6a8172}.mobile-bottom-nav button.active:not(.mobile-create){color:#146345}.mobile-bottom-nav button:not(.mobile-create) small{font-size:10px}.mobile-bottom-nav .mobile-create{background:#1d664b;box-shadow:0 7px 18px #16543829}}
@media(max-width:370px){.v8-hero h2{font-size:27px}.v8-action strong{font-size:12px}.v8-welcome h1{font-size:23px}.v8-hero-secondary{display:none}}
@media(prefers-reduced-motion:reduce){.v8-action{transition:none}.v8-action:hover{transform:none}}
@media(prefers-contrast:more){.v8-post,.v8-service-card,.v8-action,.v8-aside-card{border:2px solid #365a45}.v8-hero-primary{border:2px solid white}.v8-hero{border:2px solid #174b39}}

.v8-service-search{width:min(100%,520px);display:flex;align-items:center;gap:10px;background:white;border:1px solid #dce8df;border-radius:13px;min-height:47px;padding:0 13px;margin-top:20px;color:#678575;box-shadow:var(--v8-shadow)}
.v8-service-search svg{width:19px;height:19px}.v8-service-search input{width:100%;min-width:0;border:0;background:transparent;outline:0!important;box-shadow:none!important;font-size:13px;color:#1f4231}.v8-service-search:focus-within{border-color:#39835f;box-shadow:0 0 0 3px rgba(39,118,72,.13)}