:root{
  --green:#159653;
  --green-dark:#08723b;
  --text:#172033;
  --muted:#657084;
  --bg:#f7f9fb;
  --line:#e8edf3;
  --shadow:0 12px 35px rgba(23,32,51,.08);
}
*{box-sizing:border-box}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text)}
a{text-decoration:none;color:inherit}
.container{width:min(1480px,96%);margin:auto}
.header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}
.nav{min-height:86px;display:flex;align-items:center;gap:28px}
.logo img{width:220px;display:block}
.menu{display:flex;align-items:center;gap:24px;font-weight:800;flex:1}
.menu a{padding:32px 0 26px;border-bottom:4px solid transparent}
.menu a:hover,.menu a.active{color:var(--green);border-bottom-color:var(--green)}
.header-actions{display:flex;align-items:center;gap:10px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;padding:15px 24px;font-weight:900}
.btn.small{padding:12px 16px}
.btn.green{background:linear-gradient(135deg,var(--green),var(--green-dark));color:#fff}
.btn.light{background:#f5f7f9;color:#172033}
.main{padding:28px 0 70px}
.top-grid{display:grid;grid-template-columns:1.65fr .9fr;gap:18px}
.slider{position:relative;height:430px;border-radius:18px;overflow:hidden;background:#ddd;box-shadow:var(--shadow)}
.slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:.55s ease;background-image:linear-gradient(90deg,rgba(255,255,255,.18),rgba(255,221,115,.76)),var(--bg);background-size:cover;background-position:center}
.slide.active{opacity:1;visibility:visible}
.slide-content{position:absolute;right:70px;top:50%;transform:translateY(-50%);width:min(420px,46%);color:#121827}
.slide-content h1{font-size:42px;line-height:1.15;margin:0 0 16px;letter-spacing:-.8px}
.slide-content p{font-size:18px;line-height:1.65;color:#374151;margin:0 0 24px}
.arrow{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;border-radius:50%;border:0;background:#fff;font-size:38px;line-height:1;color:#5b6472;cursor:pointer;box-shadow:var(--shadow)}
.arrow.prev{left:18px}
.arrow.next{right:18px}
.dots{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);display:flex;gap:8px}
.dot{width:14px;height:14px;border-radius:50%;border:3px solid #fff;background:#fff;cursor:pointer}
.dot.active{background:var(--green)}
.featured{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px;box-shadow:var(--shadow)}
.featured h2{font-size:24px;margin:6px 0 28px}
.featured-item{display:grid;grid-template-columns:64px 1fr 20px;align-items:center;gap:16px;background:#fff;border:1px solid #eef1f5;border-radius:14px;padding:18px;margin-bottom:12px;box-shadow:0 8px 22px rgba(23,32,51,.05)}
.featured-item span{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:#f8fafc;font-size:30px}
.featured-item strong{display:block;font-size:18px;margin-bottom:6px}
.featured-item small{color:var(--muted)}
.featured-item b{font-size:30px;color:#8d97a5}
.all-cats{display:block;text-align:center;color:var(--green);font-weight:900;margin-top:28px;font-size:18px}
.search-panel{display:grid;grid-template-columns:1.3fr .9fr .9fr .75fr;gap:36px;background:#fff;margin-top:22px;padding:14px;border-radius:14px;box-shadow:var(--shadow)}
.search-panel input,.search-panel select{width:100%;height:50px;border:1px solid #d9e1ea;border-radius:10px;padding:0 16px;font-size:16px;background:#fff;color:#1f2937}
.search-btn{height:50px}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:24px}
.stat{background:#fff;border-radius:16px;padding:22px 24px;display:flex;align-items:center;gap:22px;box-shadow:var(--shadow)}
.stat span{width:62px;height:62px;border-radius:22px;display:grid;place-items:center;font-size:28px;background:#dcfce7}
.stat:nth-child(2) span{background:#dbeafe}
.stat:nth-child(3) span{background:#ffedd5}
.stat:nth-child(4) span{background:#f3e8ff}
.stat strong{display:block;font-size:32px;line-height:1}
.stat small{font-size:18px;color:#647084}
.info-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:28px}
.info{border-radius:16px;padding:22px;display:flex;gap:18px;align-items:flex-start;box-shadow:var(--shadow)}
.info span{width:58px;height:58px;border-radius:20px;display:grid;place-items:center;background:rgba(255,255,255,.55);font-size:28px}
.info strong{font-size:18px}
.info p{color:#4b5563;line-height:1.55;margin:6px 0 0}
.green-soft{background:linear-gradient(135deg,#dcfce7,#fff)}
.blue-soft{background:linear-gradient(135deg,#dbeafe,#fff)}
.orange-soft{background:linear-gradient(135deg,#ffedd5,#fff)}
.purple-soft{background:linear-gradient(135deg,#f3e8ff,#fff)}
.section{margin-top:60px}
.section-title span{color:var(--green);font-weight:900}
.section-title h2{font-size:34px;margin:8px 0 24px}
.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.category{border-radius:18px;padding:26px;box-shadow:var(--shadow);border:1px solid #eef1f5}
.category span{width:64px;height:64px;border-radius:20px;background:#fff;display:grid;place-items:center;font-size:36px;margin-bottom:14px}
.category strong{font-size:20px}
.category p{color:#657084;line-height:1.6}
.cat1{background:linear-gradient(135deg,#fff0f7,#fff)}
.cat2{background:linear-gradient(135deg,#eef7ff,#fff)}
.cat3{background:linear-gradient(135deg,#fff8d8,#fff)}
.cat4{background:linear-gradient(135deg,#eaffff,#fff)}
.cat5{background:linear-gradient(135deg,#fff0df,#fff)}
.cat6{background:linear-gradient(135deg,#f5efff,#fff)}
.seo-box{margin-top:60px;background:#fff;border-radius:18px;padding:34px;box-shadow:var(--shadow)}
.seo-box h2{margin:0 0 12px}
.seo-box p{color:#4b5563;line-height:1.8;font-size:17px}
.mobile-bottom-nav{display:none}
@media(max-width:1100px){
  .menu{display:none}
  .header-actions{margin-left:auto}
  .top-grid,.search-panel,.stats,.info-cards,.category-grid{grid-template-columns:1fr}
  .slider{height:500px}
  .slide-content{left:34px;right:34px;width:auto;top:auto;bottom:58px;transform:none;background:rgba(255,255,255,.82);padding:18px;border-radius:14px}
}
@media(max-width:760px){
  body{padding-bottom:78px}
  .container{width:92%}
  .nav{min-height:auto;padding:15px 0;flex-wrap:wrap}
  .logo img{width:175px}
  .header-actions{display:none}
  .main{padding-top:18px}
  .slider{height:470px}
  .slide-content h1{font-size:28px}
  .slide-content p{font-size:15px}
  .arrow{width:42px;height:42px;font-size:30px}
  .featured{padding:18px}
  .search-panel{gap:10px}
  .stat{padding:18px}
  .info-cards{gap:14px}
  .mobile-bottom-nav{
    position:fixed;left:12px;right:12px;bottom:12px;z-index:99;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;
    background:rgba(255,255,255,.96);border:1px solid #bde7cd;border-radius:22px;box-shadow:0 16px 38px rgba(23,32,51,.18);padding:8px
  }
  .mobile-bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:11px;font-weight:900;color:#465064;min-height:52px;border-radius:16px}
  .mobile-bottom-nav a span{font-size:19px}
  .mobile-bottom-nav a.post{background:linear-gradient(135deg,var(--green),var(--green-dark));color:#fff}
}


/* Yeni modern menü tasarımı */
.header{
  background:rgba(255,255,255,.96);
  backdrop-filter:blur(14px);
  border-bottom:1px solid #e9eef4;
  position:sticky;
  top:0;
  z-index:50;
}
.nav{
  min-height:78px;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:28px;
}
.logo img{
  width:178px;
  display:block;
}
.menu{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  font-weight:900;
  flex:initial;
}
.menu a{
  border-bottom:0 !important;
  padding:12px 14px !important;
  border-radius:12px;
  font-size:15px;
  line-height:1;
  white-space:nowrap;
  color:#172033;
  transition:.18s ease;
}
.menu a:hover{
  color:var(--green);
  background:#f0fff6;
}
.menu a.active{
  color:var(--green);
  background:#eafaf1;
  border-bottom:0 !important;
}
.header-actions{
  display:flex;
  align-items:center;
  gap:10px;
}
.post-btn{
  height:44px;
  padding:0 18px !important;
  border-radius:13px;
  box-shadow:0 8px 18px rgba(21,150,83,.18);
  white-space:nowrap;
}
.login-link,
.register-link{
  height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 15px;
  border-radius:12px;
  background:#f6f8fb;
  color:#172033;
  font-weight:900;
  white-space:nowrap;
}
.login-link:hover,
.register-link:hover{
  background:#eef7ff;
  color:var(--green);
}

@media(max-width:1250px){
  .nav{gap:16px;}
  .logo img{width:160px;}
  .menu{gap:4px;}
  .menu a{
    font-size:14px;
    padding:11px 10px !important;
  }
  .post-btn{padding:0 14px !important;}
  .login-link,.register-link{padding:0 12px;}
}

@media(max-width:1100px){
  .nav{
    grid-template-columns:auto auto;
    justify-content:space-between;
  }
  .menu{
    order:3;
    grid-column:1 / -1;
    justify-content:flex-start;
    overflow-x:auto;
    padding-bottom:12px;
    scrollbar-width:none;
  }
  .menu::-webkit-scrollbar{display:none;}
  .header-actions{margin-left:0;}
}

@media(max-width:760px){
  .nav{
    padding:13px 0;
    display:flex;
    flex-wrap:wrap;
  }
  .logo img{width:166px;}
  .header-actions{display:none;}
  .menu{
    display:flex;
    width:100%;
    order:2;
    overflow-x:auto;
    gap:6px;
    padding:4px 0 0;
  }
  .menu a{
    font-size:13px;
    padding:10px 12px !important;
    background:#f8fafc;
  }
}


/* Marketplace bölümleri */
.split-title{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
}
.view-all{
  color:var(--green);
  font-weight:900;
  background:#eafaf1;
  padding:12px 16px;
  border-radius:12px;
  white-space:nowrap;
}
.listing-grid{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:16px;
}
.listing-card{
  background:#fff;
  border:1px solid #eef1f5;
  border-radius:18px;
  overflow:hidden;
  box-shadow:var(--shadow);
  transition:.2s ease;
}
.listing-card:hover{
  transform:translateY(-4px);
  border-color:#bde7cd;
}
.listing-photo{
  height:140px;
  display:grid;
  place-items:center;
  font-size:56px;
}
.emoji-bg{
  background:linear-gradient(135deg,#f8fafc,#fff);
}
.cat-bg{background:linear-gradient(135deg,#fff0f7,#fff)}
.dog-bg{background:linear-gradient(135deg,#eef7ff,#fff)}
.bird-bg{background:linear-gradient(135deg,#fff8d8,#fff)}
.fish-bg{background:linear-gradient(135deg,#eaffff,#fff)}
.rabbit-bg{background:linear-gradient(135deg,#fff0df,#fff)}
.lost-bg{background:linear-gradient(135deg,#f3e8ff,#fff)}
.listing-body{
  padding:16px;
}
.listing-body strong{
  display:block;
  min-height:42px;
  font-size:16px;
  line-height:1.3;
}
.listing-body small{
  display:block;
  color:#657084;
  margin:8px 0 12px;
}
.tag{
  display:inline-flex;
  color:#08723b;
  background:#eafaf1;
  font-size:12px;
  font-weight:900;
  padding:7px 10px;
  border-radius:999px;
}
.tag.free{
  background:#fff8d8;
  color:#9a6200;
}
.tag.lost{
  background:#f3e8ff;
  color:#7e22ce;
}
.forum-market{
  display:grid;
  grid-template-columns:1.25fr .75fr;
  gap:22px;
}
.forum-box,.city-box{
  background:#fff;
  border:1px solid #eef1f5;
  border-radius:20px;
  padding:26px;
  box-shadow:var(--shadow);
}
.forum-list{
  display:grid;
  gap:12px;
}
.forum-list a{
  display:block;
  background:#f8fafc;
  border:1px solid #edf1f5;
  border-radius:14px;
  padding:16px;
}
.forum-list a:hover{
  border-color:#bde7cd;
}
.forum-list strong{
  display:block;
  margin-bottom:6px;
}
.forum-list small{
  color:#657084;
}
.city-links{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:12px;
}
.city-links a{
  background:#f8fafc;
  border:1px solid #edf1f5;
  border-radius:13px;
  padding:13px 14px;
  font-weight:900;
}
.city-links a:hover{
  background:#eafaf1;
  color:var(--green);
}
.market-cta{
  margin-top:38px;
  background:linear-gradient(135deg,#159653,#08723b);
  color:#fff;
  border-radius:22px;
  padding:28px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
  box-shadow:var(--shadow);
}
.market-cta span{
  font-size:34px;
}
.market-cta strong{
  display:block;
  font-size:26px;
  margin:6px 0;
}
.market-cta p{
  margin:0;
  color:#eafff2;
}
.market-cta .btn{
  background:#fff;
  color:#08723b;
}
.mega-footer{
  margin-top:60px;
  background:#101b2d;
  color:#fff;
  padding:46px 2% 22px;
}
.footer-grid{
  width:min(1480px,96%);
  margin:auto;
  display:grid;
  grid-template-columns:1.6fr 1fr 1fr 1fr;
  gap:34px;
}
.footer-logo{
  width:190px;
  filter:brightness(0) invert(1);
}
.mega-footer p{
  color:#cbd3df;
  line-height:1.75;
  max-width:440px;
}
.mega-footer h3{
  margin:0 0 15px;
}
.mega-footer a{
  display:block;
  color:#cbd3df;
  margin:10px 0;
}
.mega-footer a:hover{
  color:#fff;
}
.footer-bottom{
  width:min(1480px,96%);
  margin:30px auto 0;
  padding-top:20px;
  border-top:1px solid rgba(255,255,255,.1);
  color:#9ca8ba;
  font-size:14px;
}

@media(max-width:1200px){
  .listing-grid{
    grid-template-columns:repeat(3,1fr);
  }
}
@media(max-width:900px){
  .listing-grid,.forum-market,.footer-grid{
    grid-template-columns:1fr;
  }
  .split-title{
    align-items:flex-start;
    flex-direction:column;
  }
  .market-cta{
    align-items:flex-start;
    flex-direction:column;
  }
}
@media(max-width:600px){
  .listing-grid{
    grid-template-columns:1fr;
  }
  .city-links{
    grid-template-columns:1fr;
  }
}


/* Portal geliştirme + dolandırıcılık uyarısı */
.quick-strip{
  display:grid;
  grid-template-columns:repeat(8,1fr);
  gap:12px;
  margin-top:22px;
}
.quick-strip a{
  background:#fff;
  border:1px solid #edf1f5;
  border-radius:16px;
  padding:14px 10px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  font-weight:900;
  box-shadow:0 8px 22px rgba(23,32,51,.05);
}
.quick-strip a:hover{
  background:#eafaf1;
  color:var(--green);
  border-color:#bde7cd;
}
.quick-strip span{font-size:24px}

.how-it-works{
  margin-top:48px;
}
.steps{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}
.steps div{
  background:#fff;
  border:1px solid #eef1f5;
  border-radius:20px;
  padding:26px;
  box-shadow:var(--shadow);
}
.steps b{
  width:42px;
  height:42px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background:#eafaf1;
  color:var(--green);
  font-size:20px;
  margin-bottom:14px;
}
.steps strong{
  display:block;
  font-size:20px;
  margin-bottom:8px;
}
.steps p{
  color:#657084;
  line-height:1.7;
  margin:0;
}

.portal-highlight{
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:22px;
  margin-top:42px;
}
.adopt-panel,
.safety-panel{
  border-radius:24px;
  padding:32px;
  box-shadow:var(--shadow);
}
.adopt-panel{
  background:
    radial-gradient(circle at 85% 10%, rgba(255,213,107,.42), transparent 28%),
    linear-gradient(135deg,#e8fff2,#ffffff);
  border:1px solid #bde7cd;
}
.safety-panel{
  background:linear-gradient(135deg,#eef7ff,#ffffff);
  border:1px solid #cfe8ff;
}
.panel-icon{
  width:64px;
  height:64px;
  border-radius:22px;
  background:#fff;
  display:grid;
  place-items:center;
  font-size:34px;
  box-shadow:0 10px 24px rgba(23,32,51,.08);
}
.adopt-panel h2,
.safety-panel h2{
  font-size:30px;
  margin:18px 0 10px;
}
.adopt-panel p,
.safety-panel li{
  color:#4b5563;
  line-height:1.75;
}
.safety-panel ul{
  margin:0;
  padding-left:20px;
}
.fraud-warning{
  margin-top:22px;
  display:grid;
  grid-template-columns:72px 1fr;
  gap:20px;
  align-items:flex-start;
  background:linear-gradient(135deg,#fff7ed,#ffffff);
  border:1px solid #fed7aa;
  border-left:8px solid #f97316;
  border-radius:22px;
  padding:26px;
  box-shadow:var(--shadow);
}
.warning-icon{
  width:62px;
  height:62px;
  border-radius:20px;
  display:grid;
  place-items:center;
  background:#ffedd5;
  font-size:34px;
}
.fraud-warning h2{
  margin:0 0 10px;
  font-size:28px;
  color:#9a3412;
}
.fraud-warning p{
  margin:0;
  color:#4b5563;
  line-height:1.8;
  font-size:17px;
}
.warning-list{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:18px;
}
.warning-list span{
  background:#fff;
  color:#9a3412;
  border:1px solid #fed7aa;
  border-radius:999px;
  padding:9px 13px;
  font-weight:900;
  font-size:13px;
}

@media(max-width:1000px){
  .quick-strip{
    grid-template-columns:repeat(4,1fr);
  }
  .portal-highlight,
  .steps{
    grid-template-columns:1fr;
  }
}
@media(max-width:640px){
  .quick-strip{
    grid-template-columns:repeat(2,1fr);
  }
  .fraud-warning{
    grid-template-columns:1fr;
  }
}


/* Canlı portal, premium ilanlar, rehber yazıları */
.live-dashboard{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
  margin-top:26px;
}
.live-card{
  background:#fff;
  border:1px solid #eef1f5;
  border-radius:18px;
  padding:20px;
  display:flex;
  align-items:center;
  gap:16px;
  box-shadow:var(--shadow);
}
.live-card > span{
  width:54px;
  height:54px;
  border-radius:18px;
  display:grid;
  place-items:center;
  background:#eafaf1;
  font-size:26px;
}
.live-card strong{
  display:block;
  font-size:28px;
  line-height:1;
}
.live-card small{
  color:#657084;
  font-weight:800;
}
.pulse{
  position:relative;
  background:#dcfce7 !important;
}
.pulse:before{
  content:"";
  width:18px;
  height:18px;
  border-radius:50%;
  background:#22c55e;
  box-shadow:0 0 0 8px rgba(34,197,94,.15);
}
.premium-listings{
  margin-top:44px;
}
.gold-link{
  background:#fff8d8;
  color:#9a6200;
}
.premium-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}
.premium-card{
  position:relative;
  overflow:hidden;
  background:linear-gradient(135deg,#fff8d8,#ffffff);
  border:1px solid #facc15;
  border-radius:22px;
  padding:24px;
  min-height:220px;
  box-shadow:0 16px 38px rgba(154,98,0,.10);
}
.premium-card:after{
  content:"";
  position:absolute;
  right:-50px;
  top:-50px;
  width:150px;
  height:150px;
  border-radius:50%;
  background:rgba(250,204,21,.23);
}
.premium-card i{
  display:inline-flex;
  background:#facc15;
  color:#4a3300;
  border-radius:999px;
  padding:8px 12px;
  font-style:normal;
  font-weight:900;
  font-size:13px;
}
.premium-emoji{
  font-size:54px;
  margin:20px 0 14px;
}
.premium-card strong{
  display:block;
  font-size:21px;
  margin-bottom:9px;
}
.premium-card small{
  color:#657084;
  font-weight:800;
}
.fresh-area{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:22px;
}
.fresh-left,.fresh-right{
  background:#fff;
  border:1px solid #eef1f5;
  border-radius:22px;
  padding:26px;
  box-shadow:var(--shadow);
}
.timeline-list{
  display:grid;
  gap:12px;
}
.timeline-list a{
  display:grid;
  grid-template-columns:95px 1fr auto;
  gap:14px;
  align-items:center;
  background:#f8fafc;
  border:1px solid #edf1f5;
  border-radius:14px;
  padding:15px;
}
.timeline-list b{
  color:#08723b;
  background:#eafaf1;
  border-radius:999px;
  padding:7px 10px;
  font-size:12px;
  text-align:center;
}
.timeline-list small{
  color:#657084;
  font-weight:800;
}
.badge-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:12px;
}
.badge-grid div{
  background:#f8fafc;
  border:1px solid #edf1f5;
  border-radius:14px;
  padding:14px;
  color:#08723b;
  font-weight:900;
}
.guide-posts{
  margin-top:54px;
}
.post-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
}
.post-grid article{
  background:#fff;
  border:1px solid #eef1f5;
  border-radius:22px;
  padding:24px;
  box-shadow:var(--shadow);
}
.post-grid article span{
  width:58px;
  height:58px;
  border-radius:20px;
  display:grid;
  place-items:center;
  background:#eafaf1;
  font-size:30px;
}
.post-grid article h3{
  font-size:20px;
  margin:16px 0 10px;
}
.post-grid article p{
  color:#657084;
  line-height:1.65;
}
.post-grid article a{
  color:var(--green);
  font-weight:900;
}
@media(max-width:1100px){
  .live-dashboard,.post-grid{
    grid-template-columns:repeat(2,1fr);
  }
  .fresh-area{
    grid-template-columns:1fr;
  }
}
@media(max-width:800px){
  .premium-grid,.live-dashboard,.post-grid{
    grid-template-columns:1fr;
  }
  .timeline-list a{
    grid-template-columns:1fr;
  }
  .badge-grid{
    grid-template-columns:1fr;
  }
}


/* Gerçek fotoğraflı sürüm */
.real-slide{
  background-image:
    linear-gradient(90deg,rgba(0,0,0,.50),rgba(0,0,0,.12),rgba(255,255,255,.12)),
    var(--bg) !important;
  background-size:cover !important;
  background-position:center !important;
}
.real-slide .slide-content{
  left:54px !important;
  right:auto !important;
  width:min(520px,52%) !important;
  color:#fff !important;
  background:rgba(0,0,0,.34);
  backdrop-filter:blur(8px);
  padding:28px;
  border-radius:20px;
}
.real-slide .slide-content h1,
.real-slide .slide-content p{
  color:#fff !important;
}
.slide-label{
  display:inline-flex;
  background:rgba(255,255,255,.18);
  border:1px solid rgba(255,255,255,.35);
  border-radius:999px;
  padding:8px 13px;
  font-weight:900;
  margin-bottom:14px;
}
.mini-photo{
  background-size:cover !important;
  background-position:center !important;
  font-size:0 !important;
}
.listing-photo.emoji-bg{
  font-size:0 !important;
  background-size:cover !important;
  background-position:center !important;
}
.cat-bg{background-image:url('https://images.unsplash.com/photo-1514888286974-6c03e2ca1dba?auto=format&fit=crop&w=1200&q=80') !important;}
.dog-bg{background-image:url('https://images.unsplash.com/photo-1552053831-71594a27632d?auto=format&fit=crop&w=1200&q=80') !important;}
.bird-bg{background-image:url('https://images.unsplash.com/photo-1522926193341-e9ffd686c60f?auto=format&fit=crop&w=1200&q=80') !important;}
.fish-bg{background-image:url('https://images.unsplash.com/photo-1522069169874-c58ec4b76be5?auto=format&fit=crop&w=1200&q=80') !important;}
.rabbit-bg{background-image:url('https://images.unsplash.com/photo-1585110396000-c9ffd4e4b308?auto=format&fit=crop&w=1200&q=80') !important;}
.lost-bg{background-image:url('https://images.unsplash.com/photo-1601758177266-bc599de87707?auto=format&fit=crop&w=1200&q=80') !important;}

.premium-card .premium-emoji{
  width:100%;
  height:145px;
  border-radius:18px;
  margin:18px 0 14px;
  font-size:0 !important;
  background-size:cover;
  background-position:center;
  box-shadow:0 10px 24px rgba(23,32,51,.10);
}
.premium-card:nth-child(1) .premium-emoji{background-image:url('https://images.unsplash.com/photo-1514888286974-6c03e2ca1dba?auto=format&fit=crop&w=1200&q=80');}
.premium-card:nth-child(2) .premium-emoji{background-image:url('https://images.unsplash.com/photo-1552053831-71594a27632d?auto=format&fit=crop&w=1200&q=80');}
.premium-card:nth-child(3) .premium-emoji{background-image:url('https://images.unsplash.com/photo-1522926193341-e9ffd686c60f?auto=format&fit=crop&w=1200&q=80');}

.category span{
  background-size:cover !important;
  background-position:center !important;
  color:transparent;
  overflow:hidden;
}
.category.cat1 span{background-image:url('https://images.unsplash.com/photo-1514888286974-6c03e2ca1dba?auto=format&fit=crop&w=1200&q=80') !important;}
.category.cat2 span{background-image:url('https://images.unsplash.com/photo-1552053831-71594a27632d?auto=format&fit=crop&w=1200&q=80') !important;}
.category.cat3 span{background-image:url('https://images.unsplash.com/photo-1522926193341-e9ffd686c60f?auto=format&fit=crop&w=1200&q=80') !important;}
.category.cat4 span{background-image:url('https://images.unsplash.com/photo-1522069169874-c58ec4b76be5?auto=format&fit=crop&w=1200&q=80') !important;}
.category.cat5 span{background-image:url('https://images.unsplash.com/photo-1585110396000-c9ffd4e4b308?auto=format&fit=crop&w=1200&q=80') !important;}
.category.cat6 span{background-image:url('https://images.unsplash.com/photo-1601758177266-bc599de87707?auto=format&fit=crop&w=1200&q=80') !important;}

@media(max-width:1100px){
  .real-slide .slide-content{
    left:34px !important;
    right:34px !important;
    width:auto !important;
    bottom:58px !important;
    top:auto !important;
    transform:none !important;
  }
}


/* PRO fotoğraf tasarımı */
.slider{
  height:470px;
  border-radius:24px;
}
.real-slide{
  background-image:
    linear-gradient(90deg,rgba(0,0,0,.64),rgba(0,0,0,.25),rgba(255,255,255,.05)),
    var(--bg) !important;
}
.real-slide .slide-content{
  background:rgba(0,0,0,.46);
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 22px 60px rgba(0,0,0,.25);
}
.slide-label{
  background:rgba(21,150,83,.90);
  border-color:rgba(255,255,255,.28);
}
.pro-service-showcase{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
  margin-top:28px;
}
.pro-service-card{
  min-height:210px;
  border-radius:24px;
  overflow:hidden;
  position:relative;
  background-image:linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.66)),var(--photo);
  background-size:cover;
  background-position:center;
  box-shadow:var(--shadow);
  display:flex;
  align-items:flex-end;
  transition:.22s ease;
}
.pro-service-card:hover{
  transform:translateY(-5px);
}
.pro-service-card div{
  padding:22px;
  color:#fff;
}
.pro-service-card span{
  display:inline-flex;
  background:rgba(255,255,255,.18);
  border:1px solid rgba(255,255,255,.25);
  border-radius:999px;
  padding:8px 11px;
  font-weight:900;
  margin-bottom:10px;
}
.pro-service-card strong{
  display:block;
  font-size:21px;
  line-height:1.25;
}
.pro-service-card small{
  display:block;
  margin-top:7px;
  color:#eef4ff;
  font-weight:800;
}

.listing-card{
  border-radius:22px;
}
.listing-photo{
  height:180px;
}
.listing-body{
  padding:18px;
}
.listing-body strong{
  font-size:17px;
}
.premium-card{
  padding:0;
  overflow:hidden;
}
.premium-card i{
  position:absolute;
  top:14px;
  left:14px;
  z-index:2;
}
.premium-card .premium-emoji{
  height:190px;
  border-radius:0;
  margin:0;
}
.premium-card strong,
.premium-card small{
  display:block;
  padding-left:20px;
  padding-right:20px;
}
.premium-card strong{
  padding-top:18px;
}
.premium-card small{
  padding-bottom:22px;
}

.firm-photo-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
}
.firm-photo-grid a{
  min-height:260px;
  border-radius:24px;
  overflow:hidden;
  position:relative;
  background-image:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.72)),var(--photo);
  background-size:cover;
  background-position:center;
  color:#fff;
  padding:24px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  box-shadow:var(--shadow);
  transition:.22s ease;
}
.firm-photo-grid a:hover{
  transform:translateY(-5px);
}
.firm-photo-grid span{
  width:54px;
  height:54px;
  border-radius:18px;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.18);
  backdrop-filter:blur(8px);
  font-size:28px;
  margin-bottom:14px;
}
.firm-photo-grid strong{
  font-size:22px;
  margin-bottom:8px;
}
.firm-photo-grid small{
  color:#eef4ff;
  font-weight:800;
  line-height:1.5;
}
.featured-item{
  border-radius:18px;
}
.featured-item .mini-photo{
  border-radius:16px !important;
}
.category span{
  width:74px !important;
  height:74px !important;
  border-radius:24px !important;
}
.guide-posts .post-grid article{
  transition:.22s ease;
}
.guide-posts .post-grid article:hover{
  transform:translateY(-4px);
}

@media(max-width:1200px){
  .pro-service-showcase,
  .firm-photo-grid{
    grid-template-columns:repeat(2,1fr);
  }
}
@media(max-width:700px){
  .pro-service-showcase,
  .firm-photo-grid{
    grid-template-columns:1fr;
  }
  .slider{
    height:520px;
  }
  .listing-photo{
    height:210px;
  }
}

/* V3 Logo + profesyonel kart final dokunuşları */
.logo img{
  width:230px !important;
  max-width:100%;
}
.header{
  box-shadow:0 8px 28px rgba(23,32,51,.06);
}
.pro-premium-grid{
  align-items:stretch;
}
.pro-listing{
  background:#fff !important;
  border:1px solid #f3d56b !important;
}
.pro-listing-body{
  padding:20px;
}
.pro-listing-body strong{
  padding:0 !important;
  font-size:21px;
  line-height:1.3;
}
.listing-meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:12px 0;
}
.listing-meta span{
  background:#f8fafc;
  border:1px solid #edf1f5;
  border-radius:999px;
  padding:8px 10px;
  color:#657084;
  font-size:13px;
  font-weight:900;
}
.pro-listing-body p{
  color:#657084;
  line-height:1.6;
  margin:0 0 16px;
}
.pro-listing-body b{
  display:inline-flex;
  color:#08723b;
  background:#eafaf1;
  border-radius:999px;
  padding:9px 12px;
  font-size:13px;
}
.firm-showcase-pro{
  background:linear-gradient(135deg,#f8fafc,#ffffff);
  border-radius:26px;
  padding:30px;
  box-shadow:0 14px 38px rgba(23,32,51,.05);
}
.firm-vitrine a{
  min-height:300px;
}
.firm-vitrine em{
  display:inline-flex;
  margin-top:16px;
  font-style:normal;
  background:rgba(255,255,255,.18);
  border:1px solid rgba(255,255,255,.28);
  border-radius:999px;
  padding:9px 12px;
  font-weight:900;
}
.firm-vitrine a:before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 20%,rgba(0,0,0,.78));
  z-index:0;
}
.firm-vitrine a > *{
  position:relative;
  z-index:1;
}
.footer-logo{
  width:210px !important;
}
@media(max-width:760px){
  .logo img{
    width:190px !important;
  }
  .firm-showcase-pro{
    padding:20px;
  }
}


/* V4 Dark mode + premium animasyonlar */
html{
  scroll-behavior:smooth;
}
body{
  transition:background .25s ease,color .25s ease;
}
.theme-toggle{
  width:44px;
  height:44px;
  border:0;
  border-radius:14px;
  background:#f6f8fb;
  cursor:pointer;
  font-size:20px;
  box-shadow:0 8px 18px rgba(23,32,51,.06);
}
.theme-toggle:hover{
  background:#eafaf1;
}
.reveal{
  opacity:0;
  transform:translateY(22px);
  transition:opacity .65s ease, transform .65s ease;
}
.reveal.show{
  opacity:1;
  transform:translateY(0);
}
.btn,.listing-card,.premium-card,.category,.firm-photo-grid a,.pro-service-card,.featured-item,.info,.stat,.live-card{
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease;
}
.btn:hover,.listing-card:hover,.premium-card:hover,.category:hover,.firm-photo-grid a:hover,.pro-service-card:hover,.featured-item:hover{
  transform:translateY(-5px);
}
.premium-card,.pro-listing{
  position:relative;
}
.fav-btn{
  position:absolute;
  right:14px;
  top:14px;
  z-index:5;
  width:42px;
  height:42px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.65);
  background:rgba(255,255,255,.86);
  backdrop-filter:blur(8px);
  color:#e11d48;
  font-size:24px;
  cursor:pointer;
  box-shadow:0 10px 24px rgba(23,32,51,.14);
}
.fav-btn.active{
  background:#e11d48;
  color:#fff;
}
.rating{
  color:#facc15;
  font-weight:900;
  margin:8px 0;
  letter-spacing:1px;
}
.rating span{
  color:#fff;
  letter-spacing:0;
  margin-left:6px;
  font-size:13px;
  background:rgba(0,0,0,.32);
  border-radius:999px;
  padding:3px 8px;
}
.mobile-bottom-nav{
  backdrop-filter:blur(16px);
}
.mobile-bottom-nav a{
  transition:.2s ease;
}
.mobile-bottom-nav a:hover{
  background:#eafaf1;
  color:var(--green);
}
body.dark{
  --bg:#0f172a;
  --text:#e5edf7;
  --muted:#a8b3c7;
  --line:#263244;
  background:#0f172a;
  color:#e5edf7;
}
body.dark .header,
body.dark .featured,
body.dark .search-panel,
body.dark .stat,
body.dark .info,
body.dark .category,
body.dark .seo-box,
body.dark .fresh-left,
body.dark .fresh-right,
body.dark .forum-box,
body.dark .city-box,
body.dark .listing-card,
body.dark .premium-card,
body.dark .guide-posts article,
body.dark .steps div,
body.dark .live-card{
  background:#162033 !important;
  color:#e5edf7;
  border-color:#263244 !important;
}
body.dark .header{
  background:rgba(15,23,42,.92) !important;
}
body.dark .menu a,
body.dark .login-link,
body.dark .register-link{
  color:#e5edf7;
}
body.dark .menu a:hover,
body.dark .menu a.active{
  background:#123823;
}
body.dark .theme-toggle,
body.dark .login-link,
body.dark .register-link,
body.dark .search-panel input,
body.dark .search-panel select,
body.dark .timeline-list a,
body.dark .forum-list a,
body.dark .city-links a,
body.dark .badge-grid div{
  background:#1f2a3d !important;
  color:#e5edf7;
  border-color:#334155 !important;
}
body.dark p,
body.dark small,
body.dark .hero p,
body.dark .seo-box p,
body.dark .category p,
body.dark .post-grid article p,
body.dark .listing-body small,
body.dark .pro-listing-body p{
  color:#a8b3c7 !important;
}
body.dark .warning-box,
body.dark .fraud-warning{
  background:#2a1b12 !important;
  border-color:#f97316 !important;
}
body.dark .footer-logo{
  filter:none;
}
body.dark .mega-footer{
  background:#070b14;
}
body.dark .mobile-bottom-nav{
  background:rgba(22,32,51,.94);
  border-color:#334155;
}
body.dark .mobile-bottom-nav a{
  color:#e5edf7;
}
body.dark .logo img{
  filter:brightness(1.08);
}

@media(prefers-reduced-motion: reduce){
  .reveal,.btn,.listing-card,.premium-card,.category,.firm-photo-grid a,.pro-service-card,.featured-item{
    transition:none !important;
  }
}

.footer-logo{
width:220px!important;
height:auto!important;
filter:none!important;
display:block!important;
}
.footer-brand h3{color:#fff;font-size:24px}
.footer-stats{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}
.footer-stats span{background:rgba(255,255,255,.08);padding:8px 12px;border-radius:10px;color:#fff}


/* HEADER LOGO + FIRMALAR FIX */
.header .nav{
  min-height:78px !important;
  display:grid !important;
  grid-template-columns:250px 1fr auto !important;
  align-items:center !important;
  gap:24px !important;
}
.logo{
  display:flex !important;
  align-items:center !important;
  min-width:250px !important;
}
.logo img{
  width:250px !important;
  height:auto !important;
  display:block !important;
  filter:none !important;
  opacity:1 !important;
}
.menu{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  white-space:nowrap !important;
}
.menu a{
  font-size:15px !important;
  padding:12px 13px !important;
  border-radius:12px !important;
}
.header-actions{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  white-space:nowrap !important;
}
.footer-logo{
  filter:none !important;
  opacity:1 !important;
  width:250px !important;
  height:auto !important;
}
body.dark .logo img,
body.dark .footer-logo{
  filter:none !important;
}
@media(max-width:1280px){
  .header .nav{
    grid-template-columns:215px 1fr auto !important;
    gap:14px !important;
  }
  .logo,.logo img{width:215px !important;min-width:215px !important;}
  .menu a{font-size:14px !important;padding:10px 9px !important;}
}
@media(max-width:1080px){
  .header .nav{
    display:flex !important;
    flex-wrap:wrap !important;
  }
  .logo,.logo img{width:220px !important;min-width:220px !important;}
  .menu{
    order:3 !important;
    width:100% !important;
    justify-content:flex-start !important;
    overflow-x:auto !important;
    padding-bottom:10px !important;
  }
}
@media(max-width:760px){
  .logo,.logo img{width:190px !important;min-width:190px !important;}
  .header-actions{display:none !important;}
}

/* Evcilhane canlı veri entegrasyonu */
.live-photo{background-size:cover;background-position:center;min-height:160px;}
.premium-photo{border-radius:24px 24px 0 0;}
.listing-photo.live-photo{min-height:150px;}
.evh-live-loaded .live-dashboard::after{content:'Canlı veriler alt sistemlerden çekiliyor';display:block;width:100%;font-size:12px;opacity:.65;margin-top:8px;}
.evh-live-fallback .live-dashboard::after{content:'Canlı veri okunamadı; yedek içerik gösteriliyor';display:block;width:100%;font-size:12px;opacity:.65;margin-top:8px;}


.live-loading{padding:22px;border:1px dashed rgba(22,163,74,.35);border-radius:18px;background:rgba(255,255,255,.72);color:#456;grid-column:1/-1;text-align:center;font-weight:700}.evh-live-error .live-loading{border-color:rgba(220,38,38,.35);color:#991b1b;background:#fff5f5}.live-photo{background-size:cover;background-position:center}.firm-vitrine a::before{background-image:var(--photo);}

/* =========================================================
   Evcilhane Premium V5.4 - Bol Renk + Okunabilir Canlı Alan
   ========================================================= */
:root{
  --evh-orange:#ff7a1a;
  --evh-blue:#248cff;
  --evh-cyan:#17c6d8;
  --evh-purple:#8b5cf6;
  --evh-pink:#f43f8f;
  --evh-yellow:#fbbf24;
}

body{
  background:
    radial-gradient(circle at 6% 8%, rgba(255,122,26,.20) 0 13%, transparent 30%),
    radial-gradient(circle at 92% 8%, rgba(23,198,216,.22) 0 14%, transparent 32%),
    radial-gradient(circle at 12% 72%, rgba(139,92,246,.16) 0 12%, transparent 30%),
    radial-gradient(circle at 86% 82%, rgba(244,63,143,.13) 0 11%, transparent 31%),
    linear-gradient(180deg,#f5fff8 0%, #f5fbff 45%, #fff8fb 100%) !important;
}

.live-dashboard{
  position:relative;
  padding:22px !important;
  border-radius:28px !important;
  background:
    linear-gradient(135deg,#0f766e 0%,#16a34a 48%,#0891b2 100%) !important;
  box-shadow:0 24px 70px rgba(8,145,178,.22) !important;
  overflow:hidden;
}
.live-dashboard:before{
  content:"";
  position:absolute;
  inset:-80px -120px auto auto;
  width:280px;
  height:280px;
  border-radius:999px;
  background:rgba(255,255,255,.20);
  pointer-events:none;
}
.live-card{
  position:relative;
  background:rgba(255,255,255,.92) !important;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  border:1px solid rgba(255,255,255,.72) !important;
  box-shadow:0 14px 34px rgba(2,44,34,.13) !important;
}
.live-card:nth-child(1){border-top:5px solid #22c55e !important;}
.live-card:nth-child(2){border-top:5px solid #3b82f6 !important;}
.live-card:nth-child(3){border-top:5px solid #8b5cf6 !important;}
.live-card:nth-child(4){border-top:5px solid #f43f5e !important;}
.live-card > span{
  font-size:28px !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.6),0 10px 25px rgba(0,0,0,.08);
}
.live-card strong{
  color:#0f172a !important;
  text-shadow:none !important;
  font-weight:950 !important;
}
.live-card small{
  color:#475569 !important;
  text-shadow:none !important;
  font-weight:900 !important;
}
.evh-live-loaded .live-dashboard::after{
  color:rgba(255,255,255,.86) !important;
  opacity:1 !important;
  padding-left:4px;
}

.category-grid .category{
  min-height:165px;
  color:#fff !important;
  border:0 !important;
  box-shadow:0 18px 44px rgba(15,23,42,.14) !important;
  overflow:hidden;
}
.category-grid .category:before{
  background:rgba(255,255,255,.22) !important;
}
.category-grid .category span,
.category-grid .category strong,
.category-grid .category p{color:#fff !important;}
.category.cat1{background:linear-gradient(135deg,#ff8a00,#ff3d71) !important;}
.category.cat2{background:linear-gradient(135deg,#2798ff,#0057ff) !important;}
.category.cat3{background:linear-gradient(135deg,#facc15,#fb923c) !important;}
.category.cat4{background:linear-gradient(135deg,#22d3ee,#0284c7) !important;}
.category.cat5{background:linear-gradient(135deg,#a855f7,#ec4899) !important;}
.category.cat6{background:linear-gradient(135deg,#22c55e,#0f766e) !important;}

.premium-listings,
.popular-listings,
.pro-firms,
.forum-market,
.fresh-area{
  border-radius:32px;
}

.premium-grid,
.listing-grid{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:20px !important;
}
.premium-card,
.listing-card{
  position:relative;
  overflow:hidden !important;
  border:0 !important;
  border-radius:28px !important;
  background:#fff !important;
  box-shadow:0 18px 45px rgba(15,23,42,.12) !important;
  transform:translateY(0);
}
.premium-card:hover,
.listing-card:hover{
  transform:translateY(-8px) scale(1.01) !important;
  box-shadow:0 26px 70px rgba(15,23,42,.18) !important;
}
.premium-card:nth-child(4n+1),.listing-card:nth-child(4n+1){background:linear-gradient(180deg,#fff,#fff7ed) !important;}
.premium-card:nth-child(4n+2),.listing-card:nth-child(4n+2){background:linear-gradient(180deg,#fff,#eff6ff) !important;}
.premium-card:nth-child(4n+3),.listing-card:nth-child(4n+3){background:linear-gradient(180deg,#fff,#f5f3ff) !important;}
.premium-card:nth-child(4n+4),.listing-card:nth-child(4n+4){background:linear-gradient(180deg,#fff,#ecfeff) !important;}
.premium-photo,
.listing-photo{
  min-height:210px !important;
  height:210px !important;
  border-radius:0 !important;
  margin:0 !important;
  transition:transform .35s ease;
}
.premium-card:hover .premium-photo,
.listing-card:hover .listing-photo{transform:scale(1.06);}
.pro-listing-body,
.listing-body{
  padding:18px 18px 20px !important;
  position:relative;
  z-index:2;
}
.pro-listing-body strong,
.listing-body strong{
  color:#101828 !important;
  font-weight:950 !important;
  line-height:1.25 !important;
}
.pro-listing-body p,
.listing-body small,
.listing-meta{
  color:#64748b !important;
  font-weight:800 !important;
}
.premium-card i{
  border-radius:999px !important;
  background:linear-gradient(135deg,#f59e0b,#ef4444) !important;
  color:#fff !important;
  box-shadow:0 12px 28px rgba(239,68,68,.25) !important;
}
.tag{
  background:linear-gradient(135deg,#16a34a,#22c55e) !important;
  color:#fff !important;
  border:0 !important;
}
.tag.free{
  background:linear-gradient(135deg,#0ea5e9,#2563eb) !important;
}

.forum-list a,
.timeline-list a,
.city-links a,
.firm-vitrine a{
  box-shadow:0 14px 34px rgba(15,23,42,.08) !important;
}
.forum-list a:nth-child(3n+1){background:linear-gradient(135deg,#eff6ff,#fff) !important;}
.forum-list a:nth-child(3n+2){background:linear-gradient(135deg,#f5f3ff,#fff) !important;}
.forum-list a:nth-child(3n+3){background:linear-gradient(135deg,#fff7ed,#fff) !important;}
.timeline-list a:nth-child(3n+1){background:linear-gradient(135deg,#ecfdf5,#fff) !important;}
.timeline-list a:nth-child(3n+2){background:linear-gradient(135deg,#eef2ff,#fff) !important;}
.timeline-list a:nth-child(3n+3){background:linear-gradient(135deg,#fff1f2,#fff) !important;}
.firm-vitrine a:nth-child(4n+1){background:linear-gradient(135deg,rgba(22,163,74,.90),rgba(5,150,105,.72)),var(--photo) !important;}
.firm-vitrine a:nth-child(4n+2){background:linear-gradient(135deg,rgba(37,99,235,.88),rgba(14,165,233,.72)),var(--photo) !important;}
.firm-vitrine a:nth-child(4n+3){background:linear-gradient(135deg,rgba(147,51,234,.86),rgba(236,72,153,.68)),var(--photo) !important;}
.firm-vitrine a:nth-child(4n+4){background:linear-gradient(135deg,rgba(234,88,12,.86),rgba(250,204,21,.68)),var(--photo) !important;}

@media(max-width:1100px){
  .premium-grid,.listing-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
}
@media(max-width:820px){
  .premium-grid,.listing-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
  .live-dashboard{grid-template-columns:repeat(2,1fr) !important;}
}
@media(max-width:520px){
  .premium-grid,.listing-grid{grid-template-columns:1fr !important;}
  .live-dashboard{grid-template-columns:1fr !important;padding:16px !important;}
  .premium-photo,.listing-photo{height:230px !important;min-height:230px !important;}
}