/* RİZE GEZİ & TURİZM REHBERİ - Mobil öncelikli CSS (build aracı gerektirmez) */
:root{
  --emerald-950:#022c22;--emerald-900:#064e3b;--emerald-800:#065f46;--emerald-700:#047857;
  --emerald-600:#059669;--emerald-50:#ecfdf5;--amber-500:#f59e0b;--amber-400:#fbbf24;
  --amber-50:#fffbeb;--amber-700:#b45309;--amber-900:#78350f;--gray-700:#374151;
  --gray-600:#4b5563;--gray-500:#6b7280;--gray-100:#f3f4f6;--gray-50:#f9fafb;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:#111827;background:#fff;line-height:1.5;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.container{max-width:1200px;margin:0 auto;padding:0 16px}

/* ---- ÜST BAR ---- */
.topbar{background:#04221b;color:#d1fae5;font-size:13px;border-bottom:1px solid rgba(255,255,255,.06)}
.topbar-inner{max-width:1200px;margin:0 auto;padding:6px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.topbar-ticker{position:relative;flex:1;min-width:0;height:20px;overflow:hidden}
.topbar-ticker .tb-item{position:absolute;left:0;top:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;color:#a7f3d0;text-decoration:none;opacity:0;transform:translateY(8px);transition:opacity .4s,transform .4s;pointer-events:none}
.topbar-ticker .tb-item.active{opacity:1;transform:translateY(0);pointer-events:auto}
.topbar-ticker .tb-item:hover{color:#fff;text-decoration:underline}
.topbar-ticker .tb-short{display:none}
.topbar-actions{display:flex;gap:6px;flex:0 0 auto}
.tb-btn{font-size:12px;font-weight:700;padding:4px 10px;border-radius:99px;text-decoration:none;white-space:nowrap}
.tb-reklam{background:var(--amber-500);color:var(--emerald-950)}
.tb-reklam:hover{background:var(--amber-400)}
.tb-firma{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.25)}
.tb-firma:hover{background:rgba(255,255,255,.2)}
@media(max-width:600px){
  /* Mobilde uzun ilçe sloganı yerine kısa metin göster */
  .topbar-ticker .tb-full{display:none}
  .topbar-ticker .tb-short{display:inline}
}
@media(max-width:520px){
  .topbar-inner{padding:5px 10px;gap:8px}
  .topbar{font-size:12px}
  .tb-btn{padding:4px 8px;font-size:11px}
  .tb-firma{display:none} /* mobilde dar ekranda sadece Reklam Ver butonu */
}
/* ---- NAVBAR ---- */
.nav{position:sticky;top:0;z-index:50;background:rgba(2,44,34,.96);backdrop-filter:blur(8px);color:#fff;box-shadow:0 4px 20px rgba(0,0,0,.15)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;padding:12px 16px}
.logo{display:flex;align-items:center;gap:8px;font-weight:800;font-size:18px;line-height:1.1}
.logo .amber{color:var(--amber-400)}
.logo-emoji{font-size:24px}
.logo-text{white-space:normal}
@media(max-width:480px){
  .logo{font-size:14px;gap:6px}
  .logo-emoji{font-size:20px}
}
.nav-links{display:none;align-items:center;gap:2px;font-size:13.5px;font-weight:500}
@media(min-width:1100px){.nav-links{display:flex}.menu-btn{display:none}}
.nav-links a,.dd-toggle{padding:8px 10px;border-radius:8px;transition:.2s;cursor:pointer;display:inline-flex;align-items:center;gap:4px;white-space:nowrap}
.dd-toggle{background:none;border:0;color:#fff;font:inherit;font-weight:500}
.nav-links a:hover,.dd-toggle:hover{background:var(--emerald-800)}
.btn-admin{background:var(--amber-500)!important;color:var(--emerald-950)!important;font-weight:600}
.btn-admin:hover{background:var(--amber-400)!important}
.dropdown{position:relative}
.dropdown-menu{display:none;position:absolute;top:100%;left:0;padding-top:8px;z-index:60}
.dropdown.open .dropdown-menu{display:block}
.dropdown.open .caret{transform:rotate(180deg)}
.caret{font-size:11px;transition:transform .2s;display:inline-block}
.dropdown-card{background:#fff;color:var(--emerald-950);border-radius:12px;box-shadow:0 20px 50px rgba(0,0,0,.25);padding:12px;min-width:280px}
.dd-grid2{display:grid;grid-template-columns:1fr 1fr;gap:4px;width:min(420px,90vw)}
.dd-grid3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;width:min(640px,92vw);padding:16px}
.dd-item{padding:8px 12px;border-radius:8px;font-size:14px;display:block}
.dd-item:hover{background:var(--emerald-50)}
.dd-grouptitle{font-size:11px;font-weight:700;text-transform:uppercase;color:var(--amber-700);margin-bottom:6px}
.menu-btn{background:none;border:0;color:#fff;cursor:pointer;padding:8px;font-size:26px;line-height:1}
.mobile-menu{display:none;border-top:1px solid var(--emerald-800);max-height:80vh;overflow-y:auto;padding:12px 16px}
.mobile-menu.open{display:block}
.mobile-menu a,.mobile-menu summary{display:block;padding:10px 12px;border-radius:8px;font-size:15px}
.mobile-menu a:hover,.mobile-menu summary:hover{background:var(--emerald-800)}
.mobile-menu summary{cursor:pointer;list-style:none;font-weight:600}
.mm-sub{padding-left:12px}
.mm-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px}

/* ---- HERO ---- */
.hero{position:relative;min-height:62vh;display:flex;align-items:center;justify-content:center;overflow:hidden;text-align:center;color:#fff}
@media(max-width:640px){.hero{min-height:420px}}
.hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(to top,var(--emerald-950),rgba(2,44,34,.5),rgba(2,44,34,.3))}
.hero-content{position:relative;z-index:2;max-width:720px;padding:0 16px}
.hero-emoji{font-size:52px;margin-bottom:12px}
.hero h1{font-size:clamp(30px,5vw,52px);font-weight:800;text-shadow:0 2px 12px rgba(0,0,0,.4);margin:0}
.hero p{font-size:clamp(16px,2.5vw,21px);margin-top:16px;color:#d1fae5;text-shadow:0 1px 8px rgba(0,0,0,.4)}
.hero-btns{margin-top:24px;display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.btn{display:inline-block;font-weight:700;padding:14px 24px;border-radius:12px;transition:.2s;border:0;cursor:pointer;font-size:15px}
.btn-amber{background:var(--amber-500);color:var(--emerald-950)}
.btn-amber:hover{background:var(--amber-400)}
.btn-ghost{background:rgba(255,255,255,.15);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.3);color:#fff}
.btn-ghost:hover{background:rgba(255,255,255,.25)}
.slider-dots{margin-top:22px;display:flex;gap:8px;justify-content:center}
.slider-dots button{height:8px;width:8px;border-radius:99px;border:0;background:rgba(255,255,255,.5);cursor:pointer;transition:.3s}
.slider-dots button.active{width:32px;background:var(--amber-400)}

/* ---- SECTIONS ---- */
section{padding:64px 0}
@media(min-width:768px){section{padding:96px 0}}
.sec-head{text-align:center;margin-bottom:36px;padding-top:8px}
@media(min-width:768px){.sec-head{padding-top:16px}}
.sec-head h2{position:relative}
.sec-head h2{font-size:30px;font-weight:800;color:var(--emerald-950);margin:0}
.sec-head p{color:var(--gray-500);margin-top:8px}
.bg-soft{background:rgba(236,253,245,.6)}

/* ---- İLÇE GRID ---- */
.ilce-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(min-width:640px){.ilce-grid{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1024px){.ilce-grid{grid-template-columns:repeat(4,1fr)}}
.ilce-card{position:relative;overflow:hidden;border-radius:16px;height:176px;display:flex;flex-direction:column;justify-content:flex-end;color:#fff;box-shadow:0 4px 14px rgba(0,0,0,.1);transition:.3s}
.ilce-card:hover{box-shadow:0 14px 40px rgba(0,0,0,.2)}
.ilce-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s}
.ilce-card:hover img{transform:scale(1.1)}
.ilce-card .ov{position:absolute;inset:0;background:linear-gradient(to top,rgba(2,44,34,.9),rgba(2,44,34,.3),transparent)}
.ilce-card .em{position:absolute;top:12px;right:12px;font-size:30px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4));transition:transform .3s}
.ilce-card:hover .em{transform:scale(1.25)}
.ilce-card .txt{position:relative;padding:16px}
.ilce-card h3{margin:0;font-size:18px;font-weight:700;text-shadow:0 1px 6px rgba(0,0,0,.5)}
.ilce-card .tag{font-size:12px;color:rgba(255,255,255,.9);text-shadow:0 1px 6px rgba(0,0,0,.5)}

/* ---- KATEGORİ KART ---- */
.cat-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(min-width:1024px){.cat-grid{grid-template-columns:repeat(4,1fr)}}
.cat-card{background:#fff;border-radius:16px;padding:24px;text-align:center;box-shadow:0 2px 8px rgba(0,0,0,.05);border:1px solid #d1fae5;transition:.3s}
.cat-card:hover{box-shadow:0 12px 30px rgba(0,0,0,.1);transform:translateY(-4px)}
.cat-card .ic{font-size:48px;margin-bottom:12px}
.cat-card h3{margin:0;font-weight:700;color:var(--emerald-950)}
.cat-card small{color:var(--gray-500);display:block;margin-top:4px;font-size:12px}

/* ---- PLACE CARD ---- */
.card-grid{display:grid;grid-template-columns:1fr;gap:24px}
@media(min-width:640px){.card-grid{grid-template-columns:1fr 1fr}}
@media(min-width:1024px){.card-grid{grid-template-columns:repeat(3,1fr)}}
.place-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.05);border:1px solid #ecfdf5;display:flex;flex-direction:column;transition:.3s}
.place-card:hover{box-shadow:0 14px 36px rgba(0,0,0,.12)}
.place-thumb{position:relative;height:176px;overflow:hidden}
.place-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.place-card:hover .place-thumb img{transform:scale(1.1)}
.place-thumb .ov{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.4),transparent,transparent)}
.chip{position:absolute;font-size:12px;padding:4px 8px;border-radius:99px}
.chip-ilce{top:12px;left:12px;background:rgba(0,0,0,.3);backdrop-filter:blur(6px);color:#fff}
.chip-road{top:12px;right:12px;font-weight:600}
.place-body{padding:16px;display:flex;flex-direction:column;flex:1}
.place-body h3{margin:0;font-weight:700;color:var(--emerald-950)}
.place-card:hover .place-body h3{color:var(--emerald-700)}
.place-body .desc{font-size:14px;color:var(--gray-600);margin:4px 0;flex:1}
.meta-alt{font-size:12px;color:var(--emerald-700);font-weight:500;margin-top:8px}
.meta-price{font-size:12px;color:var(--amber-700);font-weight:600;margin-top:8px}
.tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:12px}
.tag-pill{font-size:11px;background:var(--emerald-50);color:var(--emerald-700);padding:2px 8px;border-radius:99px}
.contact-row{display:flex;gap:8px;margin-top:16px}
.contact-row a{flex:1;text-align:center;font-size:14px;font-weight:600;padding:8px;border-radius:8px;color:#fff}
.wa{background:#22c55e}.wa:hover{background:#16a34a}
.tel{background:var(--emerald-700)}.tel:hover{background:var(--emerald-800)}

/* ---- DETAY / İLÇE SAYFA ---- */
.page-hero{position:relative;overflow:hidden;color:#fff}
.page-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.page-hero .grad{position:absolute;inset:0;opacity:.8}
.page-hero .ov{position:absolute;inset:0;background:linear-gradient(to top,var(--emerald-950),rgba(2,44,34,.3),transparent)}
.page-hero .inner{position:relative;max-width:1200px;margin:0 auto;padding:48px 16px}
@media(max-width:640px){.page-hero .inner{padding:36px 16px}}
.breadcrumb{font-size:14px;color:rgba(255,255,255,.8);margin-bottom:16px}
.breadcrumb a:hover{color:#fff}
.page-hero .pe{font-size:60px;margin-bottom:12px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.4))}
.page-hero h1{font-size:36px;font-weight:800;margin:0;text-shadow:0 2px 8px rgba(0,0,0,.4)}
.page-hero .sub{font-size:20px;color:rgba(255,255,255,.95);margin-top:4px}
.page-hero .lead{max-width:720px;color:rgba(255,255,255,.9);margin-top:16px}
.hl-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.hl-pill{background:rgba(255,255,255,.2);backdrop-filter:blur(6px);padding:4px 12px;border-radius:99px;font-size:14px}
.layout{display:grid;grid-template-columns:1fr;gap:32px;max-width:1200px;margin:0 auto;padding:48px 16px}
@media(min-width:1024px){.layout{grid-template-columns:2fr 1fr}}
.article p{color:var(--gray-700);line-height:1.7;margin:0 0 16px}
.rich h2{font-size:22px;font-weight:800;color:var(--emerald-950);margin:18px 0 10px}
.rich h3{font-size:18px;font-weight:700;color:var(--emerald-900);margin:14px 0 8px}
.rich p{color:var(--gray-700);line-height:1.7;margin:0 0 14px}
.rich ul,.rich ol{margin:0 0 14px 22px;line-height:1.7;color:var(--gray-700)}
.rich a{color:var(--emerald-700);text-decoration:underline}
.rich img{max-width:100%;border-radius:12px;margin:8px 0}
.rich strong{font-weight:700}
.h2{font-size:24px;font-weight:800;color:var(--emerald-950);margin:0 0 16px}
.box{background:#fff;border:1px solid #d1fae5;border-radius:16px;padding:20px;margin-bottom:24px}
.box h3{margin:0 0 12px;color:var(--emerald-950);font-weight:700}
.info-grid{display:grid;grid-template-columns:1fr;gap:16px}
@media(min-width:640px){.info-grid{grid-template-columns:1fr 1fr}}
.stat-box{border-radius:16px;padding:20px}
.stat-box.green{background:var(--emerald-50)}
.stat-box.amber{background:var(--amber-50)}
.stat-box .lbl{font-size:13px;font-weight:600}
.stat-box.green .lbl{color:var(--emerald-600)}.stat-box.amber .lbl{color:var(--amber-700)}
.stat-box .val{font-size:20px;font-weight:800;color:var(--emerald-950)}
.empty{background:var(--emerald-50);border-radius:16px;padding:40px;text-align:center;color:var(--gray-500)}
.gallery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:8px}
@media(min-width:640px){.gallery-grid{grid-template-columns:repeat(3,1fr)}}
.gallery-grid img{width:100%;height:120px;object-fit:cover;border-radius:10px;transition:.2s}
.gallery-grid a:hover img{transform:scale(1.04);box-shadow:0 6px 18px rgba(0,0,0,.15)}
.admin-thumb{width:60px;height:44px;object-fit:cover;border-radius:6px}
.gal-admin{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.gal-admin .gi{position:relative}
.gal-admin .gi img{width:80px;height:60px;object-fit:cover;border-radius:8px}
.gal-admin .gi a{position:absolute;top:-6px;right:-6px;background:#dc2626;color:#fff;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;text-decoration:none}
.badge-on{background:#dcfce7;color:#166534;padding:3px 8px;border-radius:99px;font-size:12px;font-weight:600}
.badge-off{background:#fee2e2;color:#991b1b;padding:3px 8px;border-radius:99px;font-size:12px;font-weight:600}

/* ---- FİLTRE ---- */
/* ---- SEKME ÇUBUĞU (ilçe alt sayfaları) ---- */
.tabbar-wrap{background:#fff;border-bottom:1px solid #e5e7eb;position:sticky;top:56px;z-index:30}
.tabbar{display:flex;gap:4px;overflow-x:auto;padding:8px 0;scrollbar-width:thin}
.tabitem{white-space:nowrap;padding:10px 16px;border-radius:10px;font-size:14px;font-weight:600;color:var(--gray-600);transition:.2s}
.tabitem:hover{background:var(--emerald-50);color:var(--emerald-800)}
.tabitem.active{background:var(--emerald-700);color:#fff}
.filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:32px}
.filter{padding:8px 16px;border-radius:99px;font-size:14px;font-weight:500;background:var(--emerald-50);color:var(--emerald-800);text-decoration:none;transition:.2s}
.filter:hover{background:#d1fae5}
.filter.active{background:var(--emerald-700);color:#fff}

/* ---- BANNER ---- */
.banner{border-radius:24px;background:linear-gradient(to right,var(--emerald-800),#134e4a);color:#fff;padding:48px 32px;text-align:center}
.banner h2{font-size:clamp(22px,3vw,30px);margin:0;font-weight:800}
.banner p{color:#d1fae5;max-width:640px;margin:12px auto 0}

/* ---- FOOTER ---- */
.footer{background:var(--emerald-950);color:#d1fae5;margin-top:64px}
.footer-grid{max-width:1200px;margin:0 auto;padding:48px 16px;display:grid;gap:32px;grid-template-columns:1fr}
@media(min-width:768px){.footer-grid{grid-template-columns:2fr 1fr 1fr 1.4fr}}
.footer h4{color:#fff;margin:0 0 12px}
.footer a:hover{color:var(--amber-400)}
.footer ul{list-style:none;padding:0;margin:0;line-height:2;font-size:14px}
.footer .sub{font-size:14px;color:#6ee7b7;margin-top:12px}
.footer-bottom{border-top:1px solid var(--emerald-800);padding:16px;text-align:center;font-size:12px;color:#34d399;line-height:1.7}
.footer-bottom a{color:var(--amber-400);font-weight:700;text-decoration:none}
.footer-bottom a:hover{text-decoration:underline}
/* Masaüstü: tek satır → "© telif · SİTE TASARIM: DİJİPEK" */
.footer-bottom .fb-telif{order:1}
.footer-bottom .fb-tasarim{order:2}
.footer-bottom .fb-tasarim::before{content:"· "}
.footer-bottom{display:flex;flex-wrap:wrap;justify-content:center;gap:4px}
/* DİJİPEK: masaüstünde web linki, mobilde telefon linki */
.dijipek-tel{display:none}
@media(max-width:760px){
  .dijipek-web{display:none}
  .dijipek-tel{display:inline}
  /* Mobil: alt alta iki satır → 1) SİTE TASARIM: DİJİPEK  2) telif */
  .footer-bottom{flex-direction:column;gap:6px}
  .footer-bottom .fb-telif{order:2}
  .footer-bottom .fb-tasarim{order:1}
  .footer-bottom .fb-tasarim::before{content:""}
}

/* ---- ADMIN ---- */
.admin-wrap{display:flex;flex-direction:column;min-height:100vh;background:var(--gray-50)}
@media(min-width:1024px){.admin-wrap{flex-direction:row}}
.admin-side{background:var(--emerald-950);color:#fff}
@media(min-width:1024px){.admin-side{width:256px;min-height:100vh}}
.admin-side .brand{padding:16px;border-bottom:1px solid var(--emerald-800);font-weight:800;display:flex;gap:8px;align-items:center}
.admin-nav{padding:12px;display:flex;gap:4px;overflow-x:auto}
@media(min-width:1024px){.admin-nav{flex-direction:column}}
.admin-nav a{display:flex;gap:8px;align-items:center;padding:10px 12px;border-radius:8px;font-size:14px;white-space:nowrap}
.admin-nav a:hover{background:var(--emerald-800)}
.admin-nav a.active{background:var(--amber-500);color:var(--emerald-950);font-weight:600}
.admin-main{flex:1;padding:20px}
@media(min-width:1024px){.admin-main{padding:32px}}
.admin-main h1{font-size:24px;font-weight:800;color:#111827;margin:0 0 4px}
.admin-main .muted{color:var(--gray-500);margin:0 0 24px}
.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:32px}
@media(min-width:1024px){.stat-grid{grid-template-columns:repeat(4,1fr)}}
.stat{background:#fff;border-radius:16px;border:1px solid #e5e7eb;padding:20px}
.stat .i{font-size:30px;margin-bottom:8px}
.stat .n{font-size:30px;font-weight:800}
.stat .l{font-size:14px;color:var(--gray-500)}
table{width:100%;border-collapse:collapse;font-size:14px;background:#fff;border-radius:16px;overflow:hidden;border:1px solid #e5e7eb}
thead{background:var(--gray-50);color:var(--gray-500);text-align:left}
th,td{padding:12px}
tbody tr{border-top:1px solid #f3f4f6}
.lnk-edit{color:var(--emerald-700)}.lnk-del{color:#dc2626}
.field{display:block;width:100%;border:1px solid #e5e7eb;border-radius:8px;padding:8px 12px;font-size:14px;font-family:inherit;margin-top:4px}
.field:focus{outline:0;border-color:var(--emerald-600);box-shadow:0 0 0 3px rgba(5,150,105,.15)}
.form-grid{display:grid;grid-template-columns:1fr;gap:12px}
@media(min-width:640px){.form-grid{grid-template-columns:1fr 1fr}}
@media(min-width:1024px){.form-grid{grid-template-columns:1fr 1fr 1fr}}
.col-span{grid-column:1/-1}
.btn-save{background:var(--emerald-700);color:#fff;border:0;padding:10px 20px;border-radius:8px;font-weight:600;cursor:pointer;font-size:14px}
.login-wrap{min-height:80vh;display:flex;align-items:center;justify-content:center;background:var(--emerald-50);padding:16px}
.login-box{background:#fff;border-radius:16px;box-shadow:0 20px 50px rgba(0,0,0,.1);padding:32px;width:100%;max-width:360px}
.alert{background:#fef2f2;color:#991b1b;padding:10px;border-radius:8px;font-size:14px;margin-bottom:12px}
.bar{background:var(--gray-100);border-radius:99px;height:12px;overflow:hidden}
.bar>span{display:block;height:100%;background:var(--emerald-600);border-radius:99px}
.tag-filter{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.tag-filter a{padding:6px 12px;border-radius:99px;font-size:12px;background:var(--gray-100);color:#111}
.tag-filter a.active{background:var(--emerald-700);color:#fff}
.mt{margin-top:16px}.flex{display:flex;gap:8px;align-items:center}
.notice{font-size:12px;color:#9ca3af;margin-top:12px}
/* ---- WYSIWYG EDİTÖR ---- */
.rte-wrap{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;margin-top:4px;background:#fff}
.rte-bar{display:flex;flex-wrap:wrap;gap:2px;background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:6px}
.rte-btn{border:1px solid #e5e7eb;background:#fff;border-radius:6px;padding:4px 9px;font-size:13px;cursor:pointer;line-height:1;color:#111}
.rte-btn:hover{background:var(--emerald-50);border-color:var(--emerald-600)}
.rte-btn.on{background:var(--emerald-700);color:#fff;border-color:var(--emerald-700)}
.rte-html{margin-left:auto}
.rte-edit{min-height:140px;max-height:400px;overflow-y:auto;padding:12px;font-size:14px;line-height:1.6;outline:none}
.rte-edit:focus{box-shadow:inset 0 0 0 2px rgba(5,150,105,.15)}
.rte-edit h2{font-size:20px;margin:8px 0}.rte-edit h3{font-size:17px;margin:6px 0}
.rte-edit p{margin:0 0 8px}.rte-edit ul,.rte-edit ol{margin:0 0 8px 20px}
.rte-edit img{max-width:100%;border-radius:8px}
textarea.rte{min-height:160px;font-family:ui-monospace,monospace;font-size:13px}
.tabsep{background:var(--emerald-950);color:#fff;font-weight:700;padding:10px 14px;border-radius:8px;margin-top:8px;font-size:14px}
/* Admin form bölüm başlığı */
.formsec{background:var(--emerald-50);color:var(--emerald-900);font-weight:700;padding:10px 14px;border-radius:8px;margin:18px 0 12px;font-size:14px;border-left:4px solid var(--emerald-600)}
.flbl{display:block;font-size:13px;color:var(--gray-600);margin-bottom:4px;font-weight:600}
/* Form içi sekmeler */
.ftabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.ftab{border:1px solid #e5e7eb;background:#fff;color:var(--gray-700);border-radius:8px;padding:8px 12px;font-size:13px;font-weight:600;cursor:pointer}
.ftab:hover{background:var(--emerald-50)}
.ftab.active{background:var(--emerald-700);color:#fff;border-color:var(--emerald-700)}
.ftab-panel{display:none}
.ftab-panel.active{display:block}
/* Admin katlanabilir içerik bölümleri */
.acc{border:1px solid #e5e7eb;border-radius:10px;margin-bottom:10px;background:#fff;overflow:hidden}
.acc>summary{cursor:pointer;list-style:none;padding:12px 14px;font-weight:700;font-size:14px;color:var(--emerald-900);background:var(--emerald-50);user-select:none;display:flex;align-items:center;gap:8px}
.acc>summary::-webkit-details-marker{display:none}
.acc>summary::before{content:'▸';color:var(--emerald-700);transition:transform .2s}
.acc[open]>summary::before{transform:rotate(90deg)}
.acc>summary:hover{background:#d1fae5}
.acc .rte-wrap,.acc>textarea{margin:12px}
/* ---- FİRMA KARTLARI ---- */
/* ---- DİJİTAL YÜZLER (Instagram) — kompakt & şık ---- */
.dijital-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,300px));gap:18px;justify-content:center}
@media(min-width:700px){.dijital-grid{justify-content:flex-start}}
.dijital-card{width:100%;max-width:300px;background:#fff;border:1px solid #f0e6f5;border-radius:16px;padding:12px;box-shadow:0 2px 10px rgba(0,0,0,.06);transition:.2s;display:flex;flex-direction:column}
.dijital-card:hover{box-shadow:0 12px 28px rgba(0,0,0,.13);transform:translateY(-2px)}
.dj-head{display:flex;align-items:center;gap:10px}
.dj-avatar{width:42px;height:42px;border-radius:50%;overflow:hidden;flex:0 0 auto;background:linear-gradient(45deg,#f58529,#dd2a7b,#8134af);display:flex;align-items:center;justify-content:center;padding:2px}
.dj-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;border:2px solid #fff}
.dj-avatar span{font-size:20px}
.dj-meta{display:flex;flex-direction:column;min-width:0}
.dj-meta strong{font-size:14.5px;color:var(--emerald-950);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dj-handle{font-size:12.5px;color:#c13584;font-weight:600;text-decoration:none}
.dj-handle:hover{text-decoration:underline}
/* Ana görsel ~270x180 (3:2) */
.dj-main{position:relative;display:block;margin-top:12px;border-radius:12px;overflow:hidden;aspect-ratio:3/2;background:var(--emerald-50)}
.dj-main img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.dj-main:hover img{transform:scale(1.05)}
.dj-main-ic{position:absolute;top:8px;right:8px;width:26px;height:26px;border-radius:8px;background:rgba(0,0,0,.35);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center}
.dj-thumbs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:6px}
.dj-thumb{display:block;border-radius:8px;overflow:hidden;aspect-ratio:3/2;background:var(--emerald-50)}
.dj-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.dj-thumb:hover img{transform:scale(1.06)}
.dj-desc{font-size:12.5px;color:var(--gray-600);margin:10px 0 0;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
/* Naif/şık takip butonu */
.dj-follow{display:inline-flex;align-items:center;justify-content:center;gap:6px;margin-top:12px;align-self:flex-start;
  background:#fff;color:#c13584;font-weight:700;font-size:13px;
  padding:8px 16px;border-radius:99px;text-decoration:none;border:1.5px solid #e9c3dd;transition:.2s;width:100%}
.dj-follow:hover{background:linear-gradient(45deg,#f58529,#dd2a7b,#8134af);color:#fff;border-color:transparent;box-shadow:0 4px 14px rgba(221,42,123,.3)}
/* ---- BLOG KARTLARI ---- */
.blog-card{display:flex;flex-direction:column;background:#fff;border:1px solid #ecfdf5;border-radius:16px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.05);transition:.2s}
.blog-card:hover{box-shadow:0 14px 36px rgba(0,0,0,.12);transform:translateY(-2px)}
.blog-thumb{height:180px;overflow:hidden}
.blog-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.blog-card:hover .blog-thumb img{transform:scale(1.06)}
.blog-thumb-empty{display:flex;align-items:center;justify-content:center;font-size:54px;background:var(--emerald-50);height:100%}
.blog-body{padding:16px;display:flex;flex-direction:column;flex:1}
.blog-date{font-size:12px;color:var(--gray-500);font-weight:600}
.blog-body h3{margin:6px 0 0;font-size:17px;font-weight:700;color:var(--emerald-950);line-height:1.35}
.blog-body p{font-size:14px;color:var(--gray-600);margin:8px 0 0;line-height:1.5;flex:1}
.blog-more{margin-top:12px;color:var(--emerald-700);font-weight:700;font-size:13.5px}
/* Firma kartları — kompakt (~300x250), belirgin çerçeve */
.firma-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,300px));gap:18px;justify-content:center}
@media(min-width:680px){.firma-grid{justify-content:flex-start}}
.firma-card{position:relative;width:100%;max-width:300px;background:#fff;border:2px solid #d1e7db;border-radius:14px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.06);display:flex;flex-direction:column;transition:.2s}
.firma-card:hover{box-shadow:0 12px 30px rgba(0,0,0,.14);transform:translateY(-2px)}
/* Öne çıkan firma: farklı/belirgin çerçeve */
.firma-featured{border:2px solid var(--amber-500);box-shadow:0 0 0 3px rgba(245,158,11,.18),0 8px 22px rgba(245,158,11,.22)}
.firma-rozet{position:absolute;top:8px;left:8px;z-index:2;background:var(--amber-500);color:var(--emerald-950);font-size:10.5px;font-weight:800;padding:3px 9px;border-radius:99px;box-shadow:0 2px 6px rgba(0,0,0,.15)}
.firma-thumb{height:140px;overflow:hidden}
.firma-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.firma-card:hover .firma-thumb img{transform:scale(1.06)}
.firma-thumb-empty{display:flex;align-items:center;justify-content:center;font-size:44px;background:var(--emerald-50);height:100%}
.firma-body{padding:12px;display:flex;flex-direction:column;flex:1}
.firma-body h3{margin:0;font-size:15px;font-weight:700;color:var(--emerald-950);display:flex;align-items:center;gap:6px;flex-wrap:wrap;line-height:1.3}
.firma-kat{font-size:10.5px;font-weight:600;background:var(--emerald-50);color:var(--emerald-700);padding:2px 7px;border-radius:99px}
.firma-ozet{font-size:12.5px;color:var(--gray-600);margin:6px 0 0;line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.firma-icerik{font-size:12px;color:var(--gray-700);margin-top:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.firma-icerik p{margin:0 0 4px}
/* Küçük, şık aksiyon butonları */
.firma-actions{display:flex;gap:6px;margin-top:auto;padding-top:12px}
.firma-actions a{display:inline-flex;align-items:center;justify-content:center;gap:4px;font-size:12px;font-weight:600;padding:7px 10px;border-radius:8px;color:#fff;flex:1}
.firma-actions .fa-web{flex:0 0 auto;width:38px;padding:7px 0}
.fa-web{background:var(--emerald-700)}.fa-web:hover{background:var(--emerald-800)}
.fa-tel{background:#0891b2}.fa-tel:hover{background:#0e7490}
.fa-wa{background:#22c55e}.fa-wa:hover{background:#16a34a}
/* ---- REKLAM ALANLARI ---- */
/* Tüm reklam alanları hem masaüstü hem mobilde gösterilir; genişlik responsive. */
.reklam{margin:0 auto 14px;text-align:center;width:100%}
.reklam img{max-width:100%}
.reklam-top{padding-top:14px}
.reklam-bottom{padding-top:32px;padding-bottom:16px}
@media(min-width:768px){.reklam-bottom{padding-top:48px}}
/* Cihaz hedefli görünürlük: both her yerde, mobile sadece mobil, desktop sadece masaüstü */
.reklam-both{display:block}
.reklam-mobile{display:none}
.reklam-desktop{display:block}
@media(max-width:760px){
  .reklam-desktop{display:none}
  .reklam-mobile{display:block}
}
/* Boş/pasif alan: sönük "Reklam Verin" çağrısı */
.reklam-bos{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:100%;
  min-height:64px;box-sizing:border-box;
  background:repeating-linear-gradient(45deg,#f6fdf9,#f6fdf9 10px,#eefcf4 10px,#eefcf4 20px);
  border:1px dashed #a7d7c1;border-radius:8px;color:#0f766e;text-decoration:none;padding:10px;
  opacity:.75;transition:.2s}
.reklam-bos:hover{opacity:1;border-color:var(--emerald-600);background:#ecfdf5}
.reklam-bos .rb-ic{font-size:18px;line-height:1}
.reklam-bos .rb-t{font-weight:700;font-size:14px}
.reklam-bos small{font-size:11px;color:#5b9e86}
/* Mobilde geniş banner'lar taşmasın */
@media(max-width:760px){.reklam,.reklam .reklam-bos{max-width:100%!important}}
/* Ana sayfa mobil bölüm-arası reklam: sadece mobilde görünür */
.reklam-asmobil{display:none;margin:8px auto}
@media(max-width:760px){.reklam-asmobil{display:block}}
/* Fiyat tablosu */
.price-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}
.price-table th{background:var(--emerald-700);color:#fff;text-align:left;padding:12px;font-size:14px}
.price-table td{padding:12px;border-top:1px solid #f3f4f6;font-size:14px}
.price-table tbody tr:hover{background:var(--emerald-50)}
.size-badge{background:var(--emerald-50);color:var(--emerald-800);padding:3px 10px;border-radius:99px;font-weight:600;font-size:13px;white-space:nowrap}
.price{font-weight:800;color:var(--amber-700);white-space:nowrap}
.btn-mini{background:var(--emerald-700);color:#fff;padding:6px 14px;border-radius:8px;font-size:13px;font-weight:600;white-space:nowrap}
.btn-mini:hover{background:var(--emerald-800)}