/*
  Koy Çuvala Market UI Override
  Hedef: Getir market uygulamalarındaki gibi yuvarlak, tok, okunaklı, modern ve mobil öncelikli görünüm.
*/
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@500;600;700;800;900;1000&display=swap');

:root{
  --kc-font:"Nunito Sans",Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  --kc-green:#087a35;
  --kc-green-2:#12a64b;
  --kc-deep:#052d1b;
  --kc-mint:#e8f8ec;
  --kc-lime:#dff6c8;
  --kc-yellow:#ffd84d;
  --kc-orange:#ff8b24;
  --kc-ink:#101914;
  --kc-muted:#65756b;
  --kc-line:#e7eee8;
  --kc-bg:#fbfdfb;
  --kc-paper:#ffffff;
  --kc-shadow:0 22px 65px rgba(5,45,27,.12);
  --kc-soft:0 10px 28px rgba(16,34,22,.075);
  --kc-radius-xl:30px;
  --kc-radius-lg:22px;
  --kc-radius-md:16px;
}

html,body{
  font-family:var(--kc-font)!important;
  text-rendering:geometricPrecision;
  -webkit-font-smoothing:antialiased;
  background:
    radial-gradient(circle at 8% -5%,rgba(18,166,75,.13),transparent 30%),
    radial-gradient(circle at 94% 0%,rgba(255,216,77,.15),transparent 25%),
    linear-gradient(180deg,#ffffff 0%,#fbfdfb 42%,#f7fbf8 100%)!important;
  color:var(--kc-ink)!important;
}

body *{
  font-family:var(--kc-font)!important;
}

a,button,input,select,textarea{
  font-family:var(--kc-font)!important;
}

img{
  image-rendering:auto;
}

.nav,
header.nav,
.topbar,
.sidebar,
.side{
  letter-spacing:-.015em;
}

.nav{
  min-height:86px!important;
  height:auto!important;
  padding:14px 30px!important;
  border-bottom:1px solid rgba(231,238,232,.85)!important;
  background:rgba(255,255,255,.91)!important;
  backdrop-filter:blur(18px)!important;
  box-shadow:0 10px 32px rgba(5,45,27,.055)!important;
}

.brand,
.logo{
  font-weight:1000!important;
  color:var(--kc-green)!important;
}

.brand b,
.logo span,
.brand-text b{
  font-weight:1000!important;
  letter-spacing:-.055em!important;
}

.brand small,
.brand-text small{
  color:var(--kc-muted)!important;
  font-weight:900!important;
  letter-spacing:-.01em!important;
}

.nav-links a,
.menu a,
.nav a:not(.brand):not(.logo),
.side a{
  font-weight:900!important;
  border-radius:18px!important;
  transition:.18s ease!important;
}

.nav-links a:hover,
.menu a:hover,
.nav a:hover,
.side a:hover{
  transform:translateY(-1px);
  background:var(--kc-mint)!important;
  color:var(--kc-green)!important;
}

.nav-links a.active,
.menu a.active,
.nav a.active,
.side a.active{
  background:linear-gradient(135deg,var(--kc-green),var(--kc-green-2))!important;
  color:#fff!important;
  box-shadow:0 14px 28px rgba(8,122,53,.22)!important;
}

.nav-search,
.search,
.hero-search,
.map-search,
input[type="text"],
input[type="search"],
input[type="email"],
input[type="password"],
input[name="q"]{
  border-radius:20px!important;
  border:1px solid rgba(231,238,232,.95)!important;
  background:#fff!important;
  box-shadow:var(--kc-soft)!important;
  font-weight:800!important;
}

input::placeholder{
  color:#98a59d!important;
  font-weight:800!important;
}

.hero{
  border-radius:38px!important;
  border:1px solid rgba(231,238,232,.95)!important;
  box-shadow:0 28px 85px rgba(5,45,27,.14)!important;
  overflow:hidden!important;
}

.hero h1,
.head h1,
h1{
  font-family:var(--kc-font)!important;
  font-weight:1000!important;
  letter-spacing:-.075em!important;
  color:#07140c!important;
}

.hero h1{
  text-wrap:balance;
}

h2,h3,h4,
.head h2,
.card h2,
.card h3,
.product-body b,
.body h3,
.farmer-body b{
  font-family:var(--kc-font)!important;
  font-weight:950!important;
  letter-spacing:-.035em!important;
  color:#101914!important;
}

p,small,.meta,.muted,.source,.note{
  font-weight:700!important;
  letter-spacing:-.012em!important;
}

.btn,
button,
.mini-btn,
.btn.main,
.chip,
.nav-pill,
.badge,
.sort-label{
  font-family:var(--kc-font)!important;
  font-weight:950!important;
  letter-spacing:-.02em!important;
}

.btn,
button[type="submit"],
button.btn,
a.btn{
  border-radius:18px!important;
  border:0!important;
  background:linear-gradient(135deg,var(--kc-green),var(--kc-green-2))!important;
  color:#fff!important;
  box-shadow:0 16px 32px rgba(8,122,53,.23)!important;
  transition:.18s ease!important;
}

.btn:hover,
button[type="submit"]:hover,
button.btn:hover,
a.btn:hover{
  transform:translateY(-2px);
  box-shadow:0 22px 44px rgba(8,122,53,.28)!important;
}

.btn.light,
.btn.secondary,
.mini-btn,
button.light,
a.light{
  background:#fff!important;
  color:var(--kc-green)!important;
  border:1px solid rgba(8,122,53,.18)!important;
  box-shadow:var(--kc-soft)!important;
}

.mini-btn.main,
.btn.main{
  background:linear-gradient(135deg,var(--kc-green),var(--kc-green-2))!important;
  color:#fff!important;
}

.card,
.product-card,
.farmer-card,
.glass-card,
.result,
.stat,
.benefit,
.info,
.login .card,
.panel .card{
  border-radius:26px!important;
  border:1px solid rgba(231,238,232,.95)!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:var(--kc-soft)!important;
}

.product-card,
.farmer-card,
.result,
.card{
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease!important;
}

.product-card:hover,
.farmer-card:hover,
.result:hover,
.card:hover{
  transform:translateY(-4px)!important;
  border-color:rgba(8,122,53,.22)!important;
  box-shadow:var(--kc-shadow)!important;
}

.product-img,
.img,
.farmer-cover{
  border-radius:22px 22px 0 0!important;
  overflow:hidden!important;
  background:#eef8f0!important;
}

.product-img img,
.img img,
.product-row img,
.mini,
.avatar,
.info-avatar{
  object-fit:cover!important;
}

.price{
  color:#111b14!important;
  font-weight:1000!important;
  letter-spacing:-.045em!important;
}

.km,
.star,
.rating{
  font-weight:950!important;
}

.km{
  color:var(--kc-green)!important;
  background:#f1fbf3!important;
  border-radius:999px!important;
  padding:5px 10px!important;
  display:inline-flex!important;
}

.badge,
.sort-label,
.chip{
  border-radius:999px!important;
  background:#e8f8ec!important;
  color:var(--kc-green)!important;
  border:1px solid rgba(8,122,53,.12)!important;
  box-shadow:none!important;
}

.chip.btn-chip:hover,
.chip:hover{
  background:var(--kc-green)!important;
  color:#fff!important;
}

.grid,
.product-grid,
.farmer-grid,
.benefit-grid,
.stats{
  gap:18px!important;
}

.source,
.note{
  border-radius:20px!important;
  border:1px solid #bfe9cb!important;
  background:linear-gradient(135deg,#e8f8ec,#f9fff9)!important;
  color:#145c2e!important;
  box-shadow:0 10px 26px rgba(8,122,53,.07)!important;
}

.map-card,
.map{
  border-radius:30px!important;
  overflow:hidden!important;
}

#yandexMap{
  border-radius:30px!important;
}

.info{
  border-radius:28px!important;
}

.product-row{
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 7px 18px rgba(16,34,22,.055)!important;
}

.login{
  background:
    radial-gradient(circle at 8% 8%,rgba(18,166,75,.12),transparent 26%),
    linear-gradient(135deg,#ffffff,#f8fbf9)!important;
}

.login .visual{
  background:
    radial-gradient(circle at 20% 18%,rgba(255,216,77,.20),transparent 22%),
    linear-gradient(135deg,#e8f8ec,#ffffff)!important;
}

.login .panel h2{
  font-size:42px!important;
  font-weight:1000!important;
  letter-spacing:-.065em!important;
}

.icon{
  border-radius:22px!important;
  background:linear-gradient(135deg,#e8f8ec,#ffffff)!important;
  color:var(--kc-green)!important;
  box-shadow:0 12px 26px rgba(8,122,53,.10)!important;
}

.side{
  background:linear-gradient(180deg,#063d24,#03170f)!important;
}

.side h2{
  font-weight:1000!important;
  letter-spacing:-.055em!important;
}

.table td,
.table th{
  font-weight:750!important;
}

.footer{
  font-weight:800!important;
}

.empty{
  font-weight:850!important;
}

/* Daha dengeli mobil görünüm */
@media(max-width:1280px){
  .nav{
    gap:12px!important;
  }
  .hero h1{
    font-size:56px!important;
  }
}

@media(max-width:760px){
  .nav{
    padding:12px 14px!important;
    border-radius:0 0 22px 22px!important;
  }
  .brand b,
  .logo span{
    font-size:22px!important;
  }
  h1,
  .head h1,
  .hero h1{
    font-size:38px!important;
    letter-spacing:-.055em!important;
  }
  .hero{
    border-radius:26px!important;
  }
  .card,
  .product-card,
  .farmer-card,
  .glass-card,
  .result,
  .stat{
    border-radius:22px!important;
  }
  .btn,
  button,
  a.btn{
    width:100%;
    justify-content:center;
  }
}