/* Eyup Express V11.97 - category storefront + black product copy */
:root{
  --eyup-green:#078b45;
  --eyup-green-dark:#056d36;
  --eyup-green-line:#33b86b;
  --eyup-ink:#0f1720;
  --eyup-muted:#455563;
}

/* Header / navigation */
body:not(.admin-body) .pro-desktop-nav button[data-target="home"]{color:var(--eyup-green)!important}
body:not(.admin-body) .pro-desktop-nav button[data-target="home"]::after{
  content:"";display:block;height:3px;border-radius:3px;background:var(--eyup-green);margin-top:7px
}

/* Hero: closer to the approved green category design */
body:not(.admin-body) .hero{
  min-height:245px!important;
  border-radius:0 0 24px 24px!important;
  overflow:hidden!important;
  background-image:
    linear-gradient(90deg,rgba(8,27,18,.88) 0%,rgba(8,35,20,.68) 46%,rgba(8,56,25,.18) 100%),
    url('assets/eyup-express-hero-v2.webp')!important;
  background-size:cover!important;
  background-position:center!important;
}
body:not(.admin-body) .hero-content{padding:36px 42px!important;max-width:760px!important}
body:not(.admin-body) .hero-kicker{background:var(--eyup-green)!important;color:#fff!important}
body:not(.admin-body) .hero h1{font-size:54px!important;line-height:1!important;color:#fff!important;margin:8px 0 12px!important}
body:not(.admin-body) .hero h1 span{color:#a7e36f!important}
body:not(.admin-body) .hero p{color:#fff!important;font-size:19px!important;max-width:680px!important}

/* Section headings */
body:not(.admin-body) #categoriesSection .section-head,
body:not(.admin-body) #products .section-head{margin-bottom:14px!important}
body:not(.admin-body) #categoriesSection .section-head h2,
body:not(.admin-body) #products .section-head h2{color:#111827!important;font-size:31px!important;font-weight:950!important}
body:not(.admin-body) #categoriesSection .section-head small{color:#64748b!important;font-size:13px!important;margin-top:4px!important}
body:not(.admin-body) .section-head a{color:var(--eyup-green)!important;font-weight:900!important}

/* Category grid like the approved mockup */
body:not(.admin-body) #categoriesSection .categories{
  display:grid!important;
  grid-template-columns:repeat(7,minmax(0,1fr))!important;
  gap:12px!important;
  overflow:visible!important;
  padding:0!important;
}
body:not(.admin-body) #categoriesSection .category-card{
  min-width:0!important;
  width:auto!important;
  flex:none!important;
  display:block!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid #dfe9e3!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 7px 18px rgba(5,92,45,.08)!important;
  transition:transform .18s ease,box-shadow .18s ease!important;
}
body:not(.admin-body) #categoriesSection .category-card:hover{
  transform:translateY(-3px)!important;
  box-shadow:0 12px 26px rgba(5,92,45,.14)!important;
}
body:not(.admin-body) #categoriesSection .category-card img{
  display:block!important;
  width:100%!important;
  height:112px!important;
  object-fit:cover!important;
  object-position:center!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  filter:saturate(1.08) contrast(1.03)!important;
}
body:not(.admin-body) #categoriesSection .category-card b{
  min-height:42px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  padding:9px 12px!important;
  color:#fff!important;
  background:var(--eyup-green)!important;
  font-size:12px!important;
  font-weight:900!important;
  line-height:1.1!important;
  text-align:left!important;
}
/* Category-specific accent bars */
body:not(.admin-body) .category-card[data-filter="Fırsat Ürünleri"] b{background:#e31f2f!important}
body:not(.admin-body) .category-card[data-filter="İçecekler"] b{background:#6132c7!important}
body:not(.admin-body) .category-card[data-filter="Bakliyatlar"] b{background:#9b5a2d!important}
body:not(.admin-body) .category-card[data-filter="Meyveler"] b{background:#ff6d00!important}
body:not(.admin-body) .category-card[data-filter="Sebzeler"] b{background:#278b2a!important}
body:not(.admin-body) .category-card[data-filter="Yeşillikler"] b{background:#08783f!important}
body:not(.admin-body) .category-card[data-filter="Tropikal Meyveler"] b{background:#efa90c!important}
body:not(.admin-body) .category-card[data-filter="Kuru Ürünler"] b{background:#9a5a2e!important}
body:not(.admin-body) .category-card[data-filter="Mantarlar"] b{background:#bd7d37!important}
body:not(.admin-body) .category-card[data-filter="Patates & Soğan"] b{background:#ff7f1c!important}
body:not(.admin-body) .category-card[data-filter="Domatesler"] b{background:#e31329!important}
body:not(.admin-body) .category-card[data-filter="Paketli Ürünler"] b{background:#078b45!important}
body:not(.admin-body) .category-card[data-filter="Kök Sebzeler"] b{background:#7b2db8!important}
body:not(.admin-body) .category-card[data-filter="Dondurulmuş Ürünler"] b{background:#168eda!important}

/* Product grid */
body:not(.admin-body) #products .products{gap:12px!important;align-items:stretch!important}
body:not(.admin-body) #products .product{
  border:1.5px solid #4fce7e!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 6px 18px rgba(4,123,57,.06)!important;
  overflow:hidden!important;
}
body:not(.admin-body) #products .product:hover{
  border-color:var(--eyup-green)!important;
  box-shadow:0 12px 26px rgba(4,123,57,.13)!important;
}
body:not(.admin-body) #products .product .product-image{
  width:100%!important;
  height:220px!important;
  min-height:220px!important;
  object-fit:contain!important;
  object-position:center!important;
  background:#fff!important;
  margin:4px 0 0!important;
  padding:7px!important;
  border-radius:10px 10px 0 0!important;
  border-bottom:2px solid #39b96d!important;
  box-sizing:border-box!important;
}

/* Product copy: user requested BLACK text. Stock remains green for status. */
body:not(.admin-body) #products .product h3,
body:not(.admin-body) #products .product .type,
body:not(.admin-body) #products .product .pack-info,
body:not(.admin-body) #products .product .price,
body:not(.admin-body) #products .product .price small,
body:not(.admin-body) #products .product .price-row small,
body:not(.admin-body) #products .product .cart-calc-note,
body:not(.admin-body) #products .product .rating,
body:not(.admin-body) #products .product .rating span{
  color:#111!important;
}
body:not(.admin-body) #products .product h3{
  font-weight:950!important;
  font-size:16px!important;
  margin:12px 0 5px!important;
  min-height:0!important;
}
body:not(.admin-body) #products .product .type{font-weight:850!important;font-size:12px!important}
body:not(.admin-body) #products .product .pack-info{
  background:#f7f8f8!important;
  border:1px solid #e6e9ea!important;
  font-size:12px!important;
}
body:not(.admin-body) #products .product .availability{
  color:var(--eyup-green)!important;
  font-weight:950!important;
}
body:not(.admin-body) #products .product .price{font-size:23px!important;font-weight:950!important}
body:not(.admin-body) #products .product .add{
  background:var(--eyup-green)!important;
  color:#fff!important;
  border-radius:10px!important;
  font-weight:900!important;
  box-shadow:none!important;
}
body:not(.admin-body) #products .product .add:hover{background:var(--eyup-green-dark)!important}
body:not(.admin-body) #products .product .fav{background:#fff!important;color:#1e293b!important}

/* Green cart */
body:not(.admin-body) #mobileCart .bottom-icon-wrap,
body:not(.admin-body) #mobileCartTop .qicon,
body:not(.admin-body) .pro-cart .pro-nav-icon,
body:not(.admin-body) .cart-action .action-icon{color:var(--eyup-green)!important}
body:not(.admin-body) #mobileCartBadge,
body:not(.admin-body) #mobileCartTopBadge,
body:not(.admin-body) #proCartBadge,
body:not(.admin-body) #cartBadge{background:var(--eyup-green)!important;color:#fff!important}

@media(max-width:1100px){
  body:not(.admin-body) #categoriesSection .categories{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  body:not(.admin-body) .hero h1{font-size:45px!important}
}
@media(max-width:800px){
  body:not(.admin-body) .hero{min-height:315px!important;border-radius:0 0 18px 18px!important}
  body:not(.admin-body) .hero-content{padding:30px 20px!important}
  body:not(.admin-body) .hero h1{font-size:38px!important}
  body:not(.admin-body) #categoriesSection .categories{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  body:not(.admin-body) #categoriesSection .category-card img{height:102px!important}
  body:not(.admin-body) #products .products{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  body:not(.admin-body) #products .product{padding:7px!important}
  body:not(.admin-body) #products .product .product-image{height:160px!important;min-height:160px!important;padding:4px!important}
  body:not(.admin-body) #products .product h3{font-size:13px!important;margin-top:9px!important}
  body:not(.admin-body) #products .product .type,
  body:not(.admin-body) #products .product .pack-info{font-size:10.5px!important}
  body:not(.admin-body) #products .product .price{font-size:18px!important}
  body:not(.admin-body) #products .product .add{font-size:11px!important;padding:10px 5px!important}
}
@media(max-width:430px){
  body:not(.admin-body) #categoriesSection .category-card img{height:88px!important}
  body:not(.admin-body) #categoriesSection .category-card b{font-size:10.5px!important;padding:8px 9px!important}
  body:not(.admin-body) #products .product .product-image{height:145px!important;min-height:145px!important}
}