/* Eser Organik brand layer. Loaded after the legacy theme styles. */
:root {
  --eser-forest: #173f34;
  --eser-forest-deep: #0f3028;
  --eser-leaf: #2e7053;
  --eser-copper: #b87946;
  --eser-cream: #f7f4ed;
  --eser-sage: #e3efe6;
  --eser-ink: #20392f;
}

body {
  background: var(--eser-cream);
  color: var(--eser-ink);
}

header {
  background: #fffdf9;
  border-bottom: 1px solid #e1e9df;
  box-shadow: 0 8px 24px rgba(23, 63, 52, 0.06);
}

header .bar,
section.bestsellers .bar,
section.onsale .bar {
  background: linear-gradient(90deg, var(--eser-forest), var(--eser-leaf) 58%, var(--eser-copper));
  height: 3px;
}

header .container-lg .row .col-xl-3.col-lg-3 img {
  display: block;
  width: 235px;
  max-width: 235px !important;
  height: auto;
  max-height: 74px;
  object-fit: contain;
}

.stories.snapgram .story > .item-link > .item-preview,
.stories.snapgram .story.seen > .item-link > .item-preview {
  background: linear-gradient(135deg, var(--eser-forest), var(--eser-leaf) 55%, var(--eser-copper));
}

header a.mobileUser,
header a.mobileSearch {
  color: var(--eser-forest);
}

header form.search input.form-control {
  border-color: #b9d1c3;
  color: var(--eser-ink);
}

header form.search input.form-control:focus {
  border-color: var(--eser-leaf);
}

nav.navbar {
  background: #f7faf6;
  box-shadow: 0 8px 20px rgba(23, 63, 52, 0.06);
}

nav.navbar ul.navbar-nav li a.nav-link {
  color: var(--eser-ink) !important;
  border-color: #e0e9df;
}

nav.navbar ul.navbar-nav li a.nav-link:hover,
nav.navbar ul.navbar-nav li a.nav-link.show {
  color: #fff !important;
}

section.bestsellers,
section.onsale {
  border-radius: 16px;
  box-shadow: 0 14px 36px rgba(23, 63, 52, 0.08);
  overflow: hidden;
}

section.bestsellers .title,
section.onsale .title,
section.banner .title {
  color: var(--eser-forest);
}

.productlist .item {
  border: 1px solid #e0e9df;
  border-radius: 13px;
  box-shadow: 0 5px 16px rgba(23, 63, 52, 0.05);
  transition: box-shadow 180ms ease, transform 180ms ease;
}

.productlist .item:hover {
  box-shadow: 0 12px 30px rgba(23, 63, 52, 0.13);
  transform: translateY(-2px);
}

.productlist .item a.title,
.productlist .item a.title h3 {
  color: var(--eser-ink);
}

section.bestsellers ul.nav-filter li a.active,
section.bestsellers ul.nav-filter li a:hover,
section.onsale ul.nav-filter li a.active,
section.onsale ul.nav-filter li a:hover {
  box-shadow: 0 6px 18px rgba(23, 63, 52, 0.2);
}

footer .top {
  background: #f1eadf;
  border-top: 1px solid #e4ddcf;
}

footer .menu {
  background: #e7efe7;
}

footer .ymenu {
  background: #f1eadf;
}

footer .copyright {
  background: var(--eser-forest);
}

footer .top img.img-fluid {
  width: 235px;
  max-width: 100%;
  height: auto;
}

footer .top .appindir,
footer .menu ul li a,
footer .ymenu a.nav-link {
  color: var(--eser-ink);
}

footer .menu .title {
  color: var(--eser-forest);
}

footer .menu ul li a:before,
footer .menu ul li a:hover,
footer .ymenu a.nav-link:hover {
  color: var(--eser-copper);
}

footer .ymenu a.nav-link {
  border-color: #d4ded3 !important;
}

footer .top ul.social li a,
footer .top ul.social li a.facebook,
footer .top ul.social li a.twitter,
footer .top ul.social li a.instagram {
  background: #fffdf9;
  color: var(--eser-forest);
  border: 1px solid #d4e1d4;
  border-radius: 12px;
}

footer .top ul.social li a:hover,
footer .top ul.social li a.facebook:hover,
footer .top ul.social li a.twitter:hover,
footer .top ul.social li a.instagram:hover {
  background: var(--eser-forest);
  color: #fff;
}

footer .copyright p,
footer .copyright a {
  color: #ecf3eb;
}

footer .copyright img {
  max-width: 150px;
  height: auto;
  filter: brightness(0) invert(1);
}

a:focus-visible,
button:focus-visible,
input:focus-visible {
  outline: 3px solid var(--eser-copper) !important;
  outline-offset: 3px;
}

@media (max-width: 991px) {
  header .container-lg .row .col-xl-3.col-lg-3 img {
    width: min(56vw, 230px);
    max-width: min(56vw, 230px) !important;
    max-height: 60px;
  }

  header {
    padding-top: 17px;
    padding-bottom: 15px;
  }

  footer .copyright {
    padding-bottom: 90px;
  }
}