/* Tropik Meyve Sepetim — SEO bilgi blokları */
html:not(.js) .ssr-loading{display:none}
.ssr{font-family:Poppins,system-ui,sans-serif;color:#1d2a20;max-width:1180px;margin:0 auto;padding:16px}
.ssr-head{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;border-bottom:1px solid #e3ebe5;padding-bottom:12px}
.ssr-head nav{display:flex;flex-wrap:wrap;gap:6px 14px}
.ssr a{color:var(--brand,#05581E)}
.ssr-crumbs{font-size:.85rem;margin:12px 0;color:#5b6b60}
.ssr-products{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}
.ssr-products img{display:block;width:100%;height:auto;border-radius:10px}
.ssr-foot{border-top:1px solid #e3ebe5;margin-top:24px;padding-top:12px;font-size:.9rem}
.ssr img{max-width:100%;height:auto}

.seo-extra{background:#f5f9f3;border-top:1px solid #e1ecdf;padding:48px 16px;color:#24342a}
.seo-extra[hidden]{display:none!important}
.seo-extra-in{max-width:1080px;margin:0 auto;font-size:15px;line-height:1.75}
.seo-extra h2{font-size:clamp(20px,2.4vw,26px);line-height:1.3;color:var(--brand,#05581E);margin:0 0 14px;font-weight:700}
.seo-extra h3{font-size:17px;color:#183d24;margin:26px 0 8px;font-weight:600}
.seo-extra p{margin:0 0 12px}
.seo-extra ul{margin:0 0 12px;padding-left:20px}
.seo-extra li{margin:4px 0}
.seo-extra a{color:var(--brand,#05581E);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.seo-extra .seo-chips{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.seo-extra .seo-chips li{margin:0}
.seo-extra .seo-chips a{display:inline-block;padding:7px 14px;border:1px solid #cfe0cc;border-radius:999px;background:#fff;text-decoration:none;font-weight:500;font-size:14px}
.seo-extra .seo-chips a:hover{background:var(--brand,#05581E);color:#fff;border-color:var(--brand,#05581E)}
@media (max-width:640px){.seo-extra{padding:32px 16px}.seo-extra-in{font-size:14px}}

/* Hizmet bölgeleri: görsel şeridi, bölge ağacı, mahalle kartları */
.area-figs{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin:8px 0 28px}
.area-figs figure{margin:0}
.area-figs img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:14px;display:block}
.area-figs figcaption{font-size:13px;color:#5b6b60;margin-top:6px}
.area-tree{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin:0 0 28px}
.area-tree>div{background:#fff;border:1px solid #dfe9dc;border-radius:14px;padding:16px 20px}
.area-tree h3{margin-top:0}
.area-tree ul ul{margin-top:4px;columns:2;font-size:14px}
.area-mah{display:grid;gap:14px;margin:0 0 20px}
.area-mah section{display:grid;grid-template-columns:160px 1fr;gap:16px;align-items:start;background:#fff;border:1px solid #dfe9dc;border-radius:14px;padding:12px;scroll-margin-top:120px}
.area-mah img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:10px;display:block}
.area-mah h3{margin:4px 0 2px!important}
.area-pop{font-size:13px;color:#5b6b60;margin:0 0 6px!important}
.area-src{font-size:12px;color:#7a877e}
@media (max-width:640px){.area-mah section{grid-template-columns:1fr}.area-tree ul ul{columns:1}}

/* ===== Hizmet bölgeleri sayfa düzeni (il / ilçe / mahalle / hub) ===== */
html.is-area #root main > :not(#seo-extra),html.is-area #root .newsletter{display:none!important}
.seo-extra.seo-area{background:#fff;border-top:0;padding:28px 16px 56px}
.area-page{max-width:1240px;margin:0 auto;color:#1c2b22}
.area-crumbs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:13px;color:#6b7b70;margin-bottom:22px}
.area-crumbs a{color:#05581E!important;text-decoration:none!important;font-weight:500!important}
.area-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:44px;align-items:start}
.area-kicker{font-size:13px!important;font-weight:700;letter-spacing:.12em;color:#05581E;margin:0 0 10px!important}
.area-main h1{font-size:clamp(28px,3.4vw,42px);line-height:1.15;font-weight:800;color:#13201a;margin:0 0 16px;letter-spacing:-.01em}
.area-lead{font-size:17px;line-height:1.75;color:#3a4a40;margin:0 0 22px!important}
.area-cta{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 34px}
.area-btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 26px;border-radius:6px;font-weight:700!important;font-size:15px;text-decoration:none!important;transition:transform .15s,box-shadow .15s}
.area-btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(5,88,30,.18)}
.area-btn-dark{background:#05581E;color:#fff!important}
.area-btn-line{border:2px solid #05581E;color:#05581E!important;background:#fff}
.area-btn-wa{background:#25D366;color:#fff!important}
.area-list-title{font-size:21px!important;color:#13201a!important;margin:8px 0 14px!important}
.area-pins{list-style:none!important;padding:0!important;margin:0 0 30px!important;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:6px 18px}
.area-pins li{margin:0!important}
.area-pins a{display:flex;gap:10px;align-items:flex-start;padding:9px 6px;border-radius:8px;text-decoration:none!important;color:#1c2b22!important;font-weight:500!important}
.area-pins a:hover{background:#f1f7ef}
.area-pin{flex:none;fill:#e8457a;margin-top:3px}
.area-pins b{display:block;font-weight:600;font-size:15px;line-height:1.35}
.area-pins small{display:block;font-size:12.5px;color:#7a877e;margin-top:2px}
.area-all{margin:-18px 0 28px!important}
.area-body{margin-top:8px}
.area-body h2{font-size:clamp(22px,2.4vw,28px)!important;color:#13201a!important;margin:34px 0 12px!important;font-weight:800!important}
.area-body h3{font-size:18px!important;color:#13201a!important}
.area-body p,.area-body li{font-size:16px;line-height:1.8;color:#3a4a40}
.area-products{margin-top:34px;padding-top:26px;border-top:1px solid #e3ece1}
.area-side{position:sticky;top:110px;display:grid;gap:22px}
.area-side-box{background:#05581E;color:#fff;border-radius:14px;padding:26px 24px;box-shadow:0 18px 40px rgba(5,88,30,.22)}
.area-side-box h3{color:#fff!important;font-size:20px!important;margin:0 0 10px!important;font-weight:800!important}
.area-side-box p,.area-side-box li{color:#e3f1e5!important;font-size:15px;line-height:1.6}
.area-side-phone{display:block;color:#fff!important;font-size:28px;font-weight:800!important;text-decoration:none!important;margin:14px 0 16px;letter-spacing:.01em}
.area-side-btn{display:flex;align-items:center;justify-content:center;min-height:54px;background:#fff;color:#05581E!important;border-radius:6px;font-weight:700!important;letter-spacing:.06em;text-decoration:none!important}
.area-side-wa{display:block;text-align:center;margin-top:12px;color:#c9f5d6!important;font-size:14px}
.area-checks{list-style:none!important;padding:0!important;margin:6px 0 4px!important}
.area-checks li{position:relative;padding:10px 0 10px 30px!important;border-bottom:1px solid rgba(255,255,255,.15);margin:0!important}
.area-checks li:before{content:"✓";position:absolute;left:0;top:9px;width:20px;height:20px;border-radius:50%;background:#fff;color:#05581E;font-size:12px;font-weight:800;display:grid;place-items:center}
.area-side-list{background:#fff;border:1px solid #e3ece1;border-radius:14px;padding:20px 22px;box-shadow:0 10px 30px rgba(20,40,25,.06)}
.area-side-list h3{margin:0 0 8px!important;font-size:18px!important;color:#13201a!important;font-weight:800!important}
.area-side-list ul{list-style:none!important;padding:0!important;margin:0!important;max-height:520px;overflow:auto}
.area-side-list li{margin:0!important;border-bottom:1px solid #edf2eb}
.area-side-list a{display:flex;justify-content:space-between;gap:10px;padding:12px 2px;text-decoration:none!important;color:#1c2b22!important;font-weight:600!important;font-size:15px}
.area-side-list a[aria-current]{color:#05581E!important}
.area-side-list i{font-style:normal;color:#7a877e}
.area-side-more{display:inline-block;margin-top:12px;font-size:14px}
.area-search{background:#f4f8f2;border:1px solid #e1ecdf;border-radius:14px;padding:18px;margin:0 0 30px}
.area-search label{display:block;font-weight:700;margin-bottom:8px}
.area-search input{width:100%;min-height:50px;border:1px solid #cfdcc9;border-radius:8px;padding:0 14px;font:inherit;font-size:16px;background:#fff}
.area-search .area-pins{margin:12px 0 0!important}
.area-none{color:#7a877e;padding:8px}
.seo-area .area-figs{margin:0 0 10px}
@media (max-width:980px){.area-grid{grid-template-columns:1fr}.area-side{position:static}}
@media (max-width:560px){.area-btn{flex:1 1 100%}.area-pins{grid-template-columns:1fr 1fr}.area-side-phone{font-size:24px}}