/* ============================================================
   UMAY DERİ — "Sıcak Zanaat" kaplama katmanı (v1)
   Journal3 üstüne biner; html.umay-tema sınıfıyla etkinleşir.
   Kaldırmak = header.twig'deki link satırını silmek.
   Palet: krem #faf6f0 · kahve #2b1d14 · tarçın #c98a3d
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,500;0,600;0,700;0,800;1,500&family=Orbitron:wght@500;600;700;800&display=swap');

html.umay-tema {
  --u-krem: #faf6f0;
  --u-kart: #ffffff;
  --u-cizgi: #e5dccd;
  --u-kahve: #2b1d14;
  --u-kahve-2: #4a3423;
  --u-metin: #3a2c1d;
  --u-soluk: #8a7a66;
  --u-tarcin: #c98a3d;
  --u-tarcin-k: #a96f2c;
  /* Marka fontu = logodaki geometrik sans (Montserrat). "serif" adi eski kaldi. */
  --u-serif: 'Montserrat', 'Segoe UI', Arial, sans-serif;
  --u-govde: 'Montserrat', 'Segoe UI', Arial, sans-serif;
}

/* ---------- TIPOGRAFI: tum site logoyla ayni geometrik sans (Montserrat) ---------- */
html.umay-tema body,
html.umay-tema button, html.umay-tema input, html.umay-tema textarea, html.umay-tema select,
html.umay-tema a, html.umay-tema p, html.umay-tema li, html.umay-tema td, html.umay-tema th,
html.umay-tema h1, html.umay-tema h2, html.umay-tema h3, html.umay-tema h4, html.umay-tema h5, html.umay-tema h6,
html.umay-tema .links-text, html.umay-tema .name, html.umay-tema .caption, html.umay-tema label,
html.umay-tema .module-title, html.umay-tema .title, html.umay-tema .price, html.umay-tema .product-price {
  font-family: var(--u-govde) !important;
}
html.umay-tema h1, html.umay-tema h2, html.umay-tema h3,
html.umay-tema .module-title, html.umay-tema .page-title, html.umay-tema .title-wrapper h1 {
  font-weight: 700 !important; letter-spacing: .5px;
}

/* ---------- Zemin & metin ---------- */
html.umay-tema body,
html.umay-tema .site-wrapper,
html.umay-tema #content { background: var(--u-krem) !important; color: var(--u-metin); }
html.umay-tema a { color: var(--u-kahve-2); }
html.umay-tema a:hover { color: var(--u-tarcin-k); }

/* ---------- Başlıklar: serif ---------- */
html.umay-tema h1, html.umay-tema h2, html.umay-tema h3,
html.umay-tema .module-title,
html.umay-tema .title,
html.umay-tema .page-title {
  font-family: var(--u-serif) !important;
  color: var(--u-kahve) !important;
  letter-spacing: .3px;
  text-transform: none !important;
}
html.umay-tema .module-title { position: relative; padding-bottom: 12px; }
html.umay-tema .module-title::after {
  content: ''; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%);
  width: 44px; height: 3px; background: var(--u-tarcin); border-radius: 2px;
}

/* ---------- Üst bant (kayan yazı) & top bar ---------- */
html.umay-tema [class*="module-header_notice"],
html.umay-tema [class*="module-header_notice"] *,
html.umay-tema .notice-module {
  background: #5a4536 !important; color: #f0e6d6 !important;
}
html.umay-tema [class*="module-header_notice"] b,
html.umay-tema [class*="module-header_notice"] strong { color: var(--u-tarcin) !important; }

/* Urun modulu sekmeleri (Yeni Gelenler / Cok Satanlar) */
html.umay-tema li[class*="tab-"] a p,
html.umay-tema li[class*="tab-"] a p span {
  font-family: var(--u-serif) !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 22px !important;
  letter-spacing: .4px !important;
  color: var(--u-kahve) !important;
  text-transform: none !important;
}
html.umay-tema li[class*="tab-"] a,
html.umay-tema li[class*="tab-"] a p,
html.umay-tema li[class*="tab-"] a p span,
html.umay-tema ul.nav-tabs, html.umay-tema .tab-container {
  background: transparent !important;
}
html.umay-tema li[class*="tab-"] a { border-color: transparent !important; }
html.umay-tema li[class*="tab-"] { border-bottom-color: transparent !important; }
html.umay-tema li[class*="tab-"].active { border-bottom-color: var(--u-tarcin) !important; }
html.umay-tema li[class*="tab-"].active a { border-bottom: 2px solid var(--u-tarcin) !important; }
html.umay-tema ul[class*="tabs"] { border-color: var(--u-cizgi) !important; }
/* DIKKAT: #top Journal3'te icerik-ustu BOLGE (topbar degil) — ona dokunma! */
html.umay-tema .mobile-top-bar, html.umay-tema .desktop-header .top-bar {
  background: var(--u-kahve-2) !important;
}
html.umay-tema .mobile-top-bar a, html.umay-tema .mobile-top-bar span,
html.umay-tema .desktop-header .top-bar a, html.umay-tema .desktop-header .top-bar span { color: #efe4d0 !important; }

/* ---------- Header (logo satırı) ---------- */
html.umay-tema .desktop-header, html.umay-tema .header,
html.umay-tema .mobile-header, html.umay-tema .mobile-wrapper-header {
  background: #fffdf9 !important; border-bottom: 1px solid var(--u-cizgi);
}
html.umay-tema #search input[name="search"], html.umay-tema .search-input input {
  background: #fff; border: 1.5px solid var(--u-cizgi) !important; border-radius: 10px !important;
  color: var(--u-metin);
}
html.umay-tema #search .search-button, html.umay-tema #search button { color: var(--u-tarcin-k) !important; }

/* ---------- Butonlar (turuncu → tarçın) ---------- */
html.umay-tema .btn, html.umay-tema .button, html.umay-tema input[type="submit"] { border-radius: 8px; }
html.umay-tema .btn-primary, html.umay-tema #button-cart,
html.umay-tema .btn.btn-cart, html.umay-tema .checkout-cart,
html.umay-tema .buy-now-button, html.umay-tema .btn-extra-46 {
  background: var(--u-tarcin) !important; border-color: var(--u-tarcin) !important; color: #fff !important;
}
html.umay-tema .btn-primary:hover, html.umay-tema #button-cart:hover,
html.umay-tema .btn.btn-cart:hover, html.umay-tema .buy-now-button:hover {
  background: var(--u-tarcin-k) !important; border-color: var(--u-tarcin-k) !important;
}

/* ---------- Kategori kartları (eski turuncu ızgara) ---------- */
html.umay-tema .links-menu-376 .links-menu-item a span,
html.umay-tema .links-menu-451 .links-menu-item a span,
html.umay-tema .links-menu-452 .links-menu-item a span,
html.umay-tema .links-menu-453 .links-menu-item a span,
html.umay-tema .links-menu-454 .links-menu-item a span {
  color: var(--u-kahve) !important; background: transparent !important;
  font: inherit !important; letter-spacing: inherit !important; text-transform: inherit !important;
}
html.umay-tema .links-menu-376 .links-menu-item > a,
html.umay-tema .links-menu-451 .links-menu-item > a,
html.umay-tema .links-menu-452 .links-menu-item > a,
html.umay-tema .links-menu-453 .links-menu-item > a,
html.umay-tema .links-menu-454 .links-menu-item > a {
  background: var(--u-kart) !important;
  color: var(--u-kahve) !important;
  font-family: 'Montserrat', 'Segoe UI', Arial, sans-serif !important;
  font-weight: 600 !important;
  font-size: 13.5px !important;
  letter-spacing: 1.6px !important;
  text-transform: uppercase !important;
  border: 1px solid var(--u-cizgi) !important;
  border-radius: 10px !important;
  box-shadow: 0 1px 4px rgba(74, 52, 35, .06);
  transition: border-color .15s, color .15s, box-shadow .15s;
  text-decoration: none !important;
}
html.umay-tema .links-menu-376 .links-menu-item > a:hover,
html.umay-tema .links-menu-451 .links-menu-item > a:hover,
html.umay-tema .links-menu-452 .links-menu-item > a:hover,
html.umay-tema .links-menu-453 .links-menu-item > a:hover {
  border-color: var(--u-tarcin) !important; color: var(--u-tarcin-k) !important;
  box-shadow: 0 3px 10px rgba(74, 52, 35, .12);
}
html.umay-tema .links-menu-376 .links-menu-item > a:hover span,
html.umay-tema .links-menu-451 .links-menu-item > a:hover span,
html.umay-tema .links-menu-452 .links-menu-item > a:hover span,
html.umay-tema .links-menu-453 .links-menu-item > a:hover span { color: var(--u-tarcin-k) !important; }
html.umay-tema .links-menu-376 .links-menu-item,
html.umay-tema .links-menu-451 .links-menu-item,
html.umay-tema .links-menu-452 .links-menu-item,
html.umay-tema .links-menu-453 .links-menu-item { background: transparent !important; }

/* ---------- Ürün kartları ---------- */
html.umay-tema .product-thumb {
  background: var(--u-kart);
  border: 1px solid var(--u-cizgi) !important;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 1px 5px rgba(74, 52, 35, .05);
  transition: box-shadow .15s, border-color .15s;
}
html.umay-tema .product-thumb:hover {
  box-shadow: 0 4px 14px rgba(74, 52, 35, .13);
  border-color: #d9c7ad !important;
}
/* Kart alti (aciklama+fiyat): krem degrade zemin, ortali, sik tipografi */
html.umay-tema .product-thumb .caption {
  background: linear-gradient(180deg, #fffdf9 0%, #f7f0e3 100%) !important;
  border-top: 1px solid #efe6d5;
  text-align: center !important;
  padding: 11px 10px 13px !important;
}
html.umay-tema .product-thumb .name,
html.umay-tema .product-thumb .name a {
  color: var(--u-kahve) !important;
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 600 !important; font-size: 12.5px !important;
  letter-spacing: .6px !important; text-transform: uppercase !important;
}
html.umay-tema .product-thumb .description { color: var(--u-soluk) !important; font-size: 12px; }
html.umay-tema .product-thumb .price,
html.umay-tema .product-thumb .price-normal {
  color: var(--u-tarcin-k) !important;
  font-family: var(--u-serif) !important;
  font-weight: 700 !important; font-size: 19px !important;
  display: block; margin-top: 3px;
}
/* Kart alt buton seridi: zemin KREM, tum ikincil butonlar krem; SADECE sepet kahve+vurgulu */
html.umay-tema .product-thumb .button-group,
html.umay-tema .product-thumb .buttons-wrapper {
  background: #f3ece0 !important; border-color: #f3ece0 !important;
}
html.umay-tema .product-thumb .buttons-wrapper .btn,
html.umay-tema .product-thumb .button-group .btn,
html.umay-tema .product-thumb .btn-wishlist, html.umay-tema .product-thumb .btn-compare,
html.umay-tema .product-thumb [class*="btn-extra"] {
  background: #f3ece0 !important; color: var(--u-kahve-2) !important; border-color: #f3ece0 !important;
}
html.umay-tema .product-thumb .buttons-wrapper .btn:hover { color: var(--u-tarcin-k) !important; }
/* Sepete ekle: tek koyu buton — vurgu burada */
html.umay-tema .product-thumb .btn-cart,
html.umay-tema .product-thumb .cart-group .btn {
  background: var(--u-kahve) !important; border-color: var(--u-kahve) !important;
  color: #f5ead6 !important; font-size: 17px !important; border-radius: 8px !important;
}
html.umay-tema .product-thumb .btn-cart:hover,
html.umay-tema .product-thumb .cart-group .btn:hover {
  background: var(--u-tarcin) !important; border-color: var(--u-tarcin) !important; color: #fff !important;
}
/* Ürün etiketleri (Yeni vb.) */
html.umay-tema .product-label-default, html.umay-tema .product-labels .product-label {
  background: var(--u-tarcin) !important; color: #fff !important; border-radius: 4px;
}

/* ---------- HERO (script enjekte eder; yalniz ana sayfa) ---------- */
html.umay-tema .umay-hero {
  display: block;
  position: relative;
  margin: 10px 10px 4px;
  min-height: 320px;
  border-radius: 16px;
  overflow: hidden;
  border: 4px solid #2a3c6b;   /* lacivert cerceve (bordo deri ile birlikte) */
  background:
    linear-gradient(160deg, rgba(43,29,20,.20) 0%, rgba(43,29,20,.38) 55%, rgba(24,16,10,.72) 100%),
    url('https://umayderi.com.tr/image/catalog/umay/frame_18106400909028447.jpg') center 40% / cover no-repeat;
  box-shadow: 0 6px 22px rgba(43, 29, 20, .22);
  text-decoration: none !important;
}
html.umay-tema .umay-hero-ic {
  position: absolute; left: 0; right: 0; bottom: 0;
  padding: 22px 20px 24px;
  display: flex; flex-direction: column; gap: 8px;
}
html.umay-tema .umay-hero-baslik {
  font-family: var(--u-serif); font-size: 25px; line-height: 1.25;
  color: #f7efe0; font-weight: 600; text-shadow: 0 1px 8px rgba(0,0,0,.45);
  text-transform: uppercase; letter-spacing: .8px;
  max-width: 600px;
}
html.umay-tema .umay-hero-alt {
  font-size: 13.5px; color: #e6d7bd; text-shadow: 0 1px 6px rgba(0,0,0,.5); max-width: 520px;
}
html.umay-tema .umay-hero-btn {
  align-self: flex-start; margin-top: 6px;
  background: var(--u-tarcin); color: #fff;
  font-family: 'Montserrat', sans-serif; font-weight: 600; font-size: 12.5px;
  letter-spacing: 1.4px; text-transform: uppercase;
  padding: 11px 22px; border-radius: 9px;
  box-shadow: 0 3px 12px rgba(0,0,0,.3);
  transition: background .15s;
}
html.umay-tema .umay-hero:hover .umay-hero-btn { background: var(--u-tarcin-k); }
@media (min-width: 768px) {
  html.umay-tema .umay-hero { min-height: 420px; margin: 14px auto 6px; max-width: 1180px; }
  html.umay-tema .umay-hero-ic { padding: 34px 38px 36px; }
  html.umay-tema .umay-hero-baslik { font-size: 36px; }
  html.umay-tema .umay-hero-alt { font-size: 15.5px; }
}

/* ---------- Kategori izgarasi: dengeli grid (11 oge; sonuncu tam satir) ---------- */
html.umay-tema .links-menu-376 .module-body {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr);
  gap: 9px;
  column-count: unset !important;
  padding: 4px 10px !important;
}
html.umay-tema .links-menu-376 .links-menu-item {
  width: auto !important; float: none !important; margin: 0 !important; break-inside: unset;
}
html.umay-tema .links-menu-376 .links-menu-item > a {
  display: flex !important; align-items: center; justify-content: center;
  min-height: 52px; height: 100%; text-align: center; padding: 8px 6px !important;
}
/* Instagram Urunleri: EN USTTE, tam satir, hafif vurgulu */
html.umay-tema .links-menu-376 .links-menu-item:last-child { grid-column: 1 / -1; order: -1; }
html.umay-tema .links-menu-376 .links-menu-item:last-child > a {
  border-color: var(--u-tarcin) !important;
  color: var(--u-tarcin-k) !important;
}
html.umay-tema .links-menu-376 .links-menu-item:last-child a span { color: var(--u-tarcin-k) !important; }
@media (min-width: 768px) {
  html.umay-tema .links-menu-376 .module-body { grid-template-columns: repeat(4, 1fr); max-width: 1180px; margin: 0 auto; }
}

/* ---------- Hero / banner ---------- */
html.umay-tema .module-banners-439 img,
html.umay-tema .module-banners img {
  border-radius: 14px; box-shadow: 0 4px 18px rgba(43, 29, 20, .14);
}

/* ---------- Bilgi blokları ---------- */
html.umay-tema .module-info_blocks-86 .module-item,
html.umay-tema .module-info_blocks-446 .module-item,
html.umay-tema .info-blocks .module-item {
  background: var(--u-kart); border: 1px solid var(--u-cizgi); border-radius: 12px;
}
html.umay-tema .info-block-title { color: var(--u-kahve) !important; font-family: var(--u-serif); }
html.umay-tema .info-block-text { color: var(--u-soluk) !important; }

/* ---------- Bülten bandı ---------- */
html.umay-tema .module-newsletter-67, html.umay-tema .module-newsletter-67 .module-body {
  background: var(--u-kahve) !important; border-radius: 14px;
}
html.umay-tema .module-newsletter-67 * { color: #efe4d0; }
html.umay-tema .module-newsletter-67 input {
  background: #fffdf9 !important; border-radius: 8px !important; color: var(--u-metin) !important;
}
html.umay-tema .module-newsletter-67 .btn {
  background: var(--u-tarcin) !important; border-color: var(--u-tarcin) !important; color: #fff !important;
}

/* ---------- Footer ---------- */
html.umay-tema footer, html.umay-tema .footer-wrapper, html.umay-tema #footer {
  background: var(--u-kahve) !important; color: #cdbba0 !important;
}
html.umay-tema footer .grid-rows, html.umay-tema footer .grid-row,
html.umay-tema footer .grid-cols, html.umay-tema footer .grid-col { background: transparent !important; }
html.umay-tema footer a, html.umay-tema #footer a,
html.umay-tema footer span, html.umay-tema #footer span,
html.umay-tema footer p, html.umay-tema #footer p,
html.umay-tema footer li, html.umay-tema #footer li { color: #cdbba0 !important; }
html.umay-tema footer a:hover, html.umay-tema #footer a:hover { color: var(--u-tarcin) !important; }
html.umay-tema footer .title, html.umay-tema #footer .title,
html.umay-tema footer .module-title, html.umay-tema #footer .module-title {
  color: #efe4d0 !important;
}
html.umay-tema footer .module-title::after { background: var(--u-tarcin); }
/* Footer ici beyaz bilgi kutulari -> koyu saydam (krem yazi okunsun) */
html.umay-tema footer [class*="module-info_blocks"] .module-item {
  background: rgba(255, 253, 249, .07) !important;
  border-color: rgba(229, 220, 205, .25) !important;
}
html.umay-tema footer .info-block-title, html.umay-tema footer .info-block-text { color: #e8dcc8 !important; }
html.umay-tema footer input { background: #fffdf9 !important; color: var(--u-metin) !important; border-radius: 8px !important; }

/* ---------- Mobil menü ---------- */
html.umay-tema .mobile-main-menu-wrapper { background: #fffdf9 !important; }
html.umay-tema .mobile-main-menu-wrapper a { color: var(--u-kahve-2) !important; }

/* ---------- Urun gorseli: kutuyu doldur + hafif yakinlastir (yan masa/bosluk kirpilsin) ---------- */
html.umay-tema .product-thumb .image,
html.umay-tema .product-thumb .product-img { overflow: hidden !important; }
html.umay-tema .product-thumb .image img,
html.umay-tema .product-thumb .product-img img {
  object-fit: cover !important;
  object-position: center 42% !important;
  width: 100% !important;
  height: 100% !important;
  transform: scale(1.16);
  transition: transform .25s ease;
}
html.umay-tema .product-thumb:hover .image img { transform: scale(1.22); }

/* ---------- "Cookie Policy" tekrar-ac sekmesi: gizle (footer'da linki zaten var) ---------- */
html.umay-tema .cc-revoke { display: none !important; }

/* ---------- Cerez uyarisi (cookieconsent) ---------- */
html.umay-tema .cc-window, html.umay-tema .cc-revoke {
  background: var(--u-kahve) !important; color: #e8dcc8 !important;
}
html.umay-tema .cc-window a, html.umay-tema .cc-window .cc-message { color: #e8dcc8 !important; }
html.umay-tema .cc-btn {
  background: var(--u-tarcin) !important; color: #fff !important;
  border-color: var(--u-tarcin) !important; border-radius: 8px !important;
}

/* ========== URUN DETAY SAYFASI ========== */
/* Fiyat: turuncu -> tarcin serif, buyuk */
html.umay-tema .product-price,
html.umay-tema .price-group .product-price,
html.umay-tema .price-new,
html.umay-tema .autocalc-product-price {
  color: var(--u-tarcin-k) !important;
  font-family: var(--u-serif) !important;
  font-weight: 700 !important;
}
html.umay-tema .price-old { color: var(--u-soluk) !important; }
/* Bilgi kartlari */
html.umay-tema .product-right .list-group,
html.umay-tema .product-stats,
html.umay-tema .product-right .block {
  border-color: var(--u-cizgi) !important; border-radius: 12px !important;
}
/* Stat madde isaretleri: turuncu -> kahve (stok yesil kalir) */
html.umay-tema .product-stats li::before,
html.umay-tema .list-unstyled li::before { background: var(--u-kahve-2) !important; color: var(--u-kahve-2) !important; }
html.umay-tema .product-stock.in-stock::before { background: #16a34a !important; }
html.umay-tema .product-right h1, html.umay-tema .title-wrapper h1 {
  font-family: var(--u-serif) !important; color: var(--u-kahve) !important;
}
/* "Urun Detayi" sekme basligi */
html.umay-tema .tabs-wrapper .nav-tabs a, html.umay-tema .product-tabs .title {
  font-family: var(--u-serif) !important; color: var(--u-kahve) !important;
}
/* Miktar kutusu + favori */
html.umay-tema .quantity-wrapper, html.umay-tema .stepper { border-color: var(--u-cizgi) !important; }
html.umay-tema #button-cart { font-size: 16px !important; letter-spacing: .5px; }
/* Yildiz derecelendirme */
html.umay-tema .rating .fa-star, html.umay-tema .rating-stars .fa { color: var(--u-tarcin) !important; }

/* Kargo tarihi satiri (artik sku=3 ile dogru calisir): kamyon ikonu kahve */
html.umay-tema .list-group-item .fa-truck { color: var(--u-kahve-2) !important; }
html.umay-tema .list-group-item .fa-info-circle { color: var(--u-tarcin) !important; }

/* Detay sayfasi "Yeni" etiketi: tam-genislik bant -> kucuk kose rozeti */
html.umay-tema .product-left .product-labels { align-items: flex-start !important; pointer-events: none; }
html.umay-tema .product-left .product-labels .product-label {
  width: auto !important; align-self: flex-start !important;
  padding: 4px 12px !important; border-radius: 0 0 8px 0 !important;
  font-family: 'Montserrat', sans-serif !important; font-size: 11px !important;
  letter-spacing: 1px; font-weight: 600;
  background: var(--u-kahve) !important; color: #f0e4d0 !important;
}

/* Detay sayfasi ANA GORSELI: kutuyu doldur + hafif zoom (yan masa kirpilsin) */
html.umay-tema .product-left .swiper-slide,
html.umay-tema .product-images .swiper-slide,
html.umay-tema .product-left .image { overflow: hidden !important; }
html.umay-tema .product-left .swiper-slide img,
html.umay-tema .product-images .swiper-slide img {
  object-fit: cover !important;
  width: 100% !important; height: 100% !important;
  transform: scale(1.1);
}

/* ---------- Mobil sabit ALT MENU (bottom_menu-266): turuncu -> kahve ---------- */
html.umay-tema .bottom-menu,
html.umay-tema .bottom-menu > ul,
html.umay-tema .bottom-menu .bottom-menu-item {
  background: var(--u-kahve) !important;
}
html.umay-tema .bottom-menu { border-top: 1px solid #4a3423 !important; box-shadow: 0 -2px 10px rgba(0,0,0,.18) !important; }
html.umay-tema .bottom-menu .bottom-menu-item { border-color: rgba(233,220,200,.14) !important; }
html.umay-tema .bottom-menu a,
html.umay-tema .bottom-menu .links-text,
html.umay-tema .bottom-menu a::before,
html.umay-tema .bottom-menu li > a::before,
html.umay-tema .bottom-menu i,
html.umay-tema .bottom-menu .fa,
html.umay-tema .bottom-menu svg { color: #ecdcc0 !important; fill: #ecdcc0 !important; }
html.umay-tema .bottom-menu a:hover,
html.umay-tema .bottom-menu a:hover .links-text,
html.umay-tema .bottom-menu a:hover::before,
html.umay-tema .bottom-menu a:hover i { color: var(--u-tarcin) !important; }
html.umay-tema .bottom-menu .links-text { font-family: 'Montserrat', sans-serif !important; font-size: 10.5px !important; letter-spacing: .3px; }

/* ---------- KALAN TURUNCULARI TEMIZLE (Journal3 primary #ed5f1f) ---------- */
/* Etiket ici <b>Yeni</b> kendi turuncu zeminini tasiyor */
html.umay-tema .product-label b,
html.umay-tema .product-label span,
html.umay-tema .product-labels b { background: transparent !important; color: inherit !important; }
/* Sepet/favori sayac rozetleri */
html.umay-tema .count-badge { background: var(--u-tarcin) !important; color: #fff !important; }
/* Slider (swiper) ok butonlari */
html.umay-tema .swiper-button-prev, html.umay-tema .swiper-button-next {
  background: var(--u-kahve) !important; color: #f0e4d0 !important;
}
html.umay-tema .swiper-button-prev:hover, html.umay-tema .swiper-button-next:hover { background: var(--u-tarcin) !important; }
/* H1 baslik turuncu zemin -> temiz */
html.umay-tema h1.title, html.umay-tema .page-title { background: transparent !important; color: var(--u-kahve) !important; }
/* Yan iletisim bari (side_menu) */
html.umay-tema .side-menu-item > a { background: var(--u-kahve) !important; color: #f0e4d0 !important; }
/* Sekme aktif alt cizgi / cesitli turuncu vurgular */
html.umay-tema .nav-tabs > li.active > a,
html.umay-tema .nav-tabs > li.active { border-color: var(--u-tarcin) !important; }

/* ---------- BASLIK FONTU: Montserrat (Orbitron oncesi ilk hal) ---------- */
html.umay-tema .umay-hero-baslik { line-height: 1.34 !important; font-size: 23px; font-weight: 800 !important; }
@media (min-width:768px){ html.umay-tema .umay-hero-baslik { font-size: 33px; } }

/* ---------- Header hesap etiketleri: Ethnocentric + kahve ---------- */
@font-face {
  font-family: 'Ethnocentric';
  src: url('/catalog/view/theme/journal3/stylesheet/umayfonts/ethnocentric.ttf') format('truetype');
  font-weight: normal; font-style: normal; font-display: swap;
  unicode-range: U+0000-0024, U+0026-10FFFF; /* % glifi bozuk -> disla */
}
html.umay-tema .mid-bar .links-text,
html.umay-tema .classic-cart-wrapper .links-text,
html.umay-tema .header-classic .classic-links-heading,
html.umay-tema .header-classic [class*="cart"] > a > .links-text {
  font-family: 'Ethnocentric', 'Montserrat', sans-serif !important;
  font-weight: 400 !important;
  color: var(--u-kahve) !important;
  letter-spacing: .3px !important;
}

/* ---------- Boxed genislik: 1120 -> 1280 (ortalanmis) ---------- */
html.umay-tema .grid-cols,
html.umay-tema .mid-bar { max-width: 1280px !important; }
/* Header genisligini icerikle esitle (1440 beyaz tasma seridi giderilir) */
html.umay-tema .header.header-classic { max-width: 1280px !important; margin-left: auto !important; margin-right: auto !important; }
/* Bos ana-menu seridi (beyaz cizgi) kaldir */
html.umay-tema .desktop-main-menu-wrapper { display: none !important; }

/* ---------- Header ikonlari (turuncu icomoon -> tarcin) ---------- */
html.umay-tema .mid-bar a::before,
html.umay-tema .top-bar a::before { color: var(--u-tarcin) !important; }

/* ---------- Logo buyut (UMAY / DERI yazisi daha buyuk) ---------- */
html.umay-tema #logo img { height: 56px !important; width: auto !important; max-width: none !important; max-height: none !important;
  mix-blend-mode: multiply; /* logo dosyasinin beyaz zemini header kremine karissin (yan beyaz kutular gitsin) */ }
@media (min-width:768px){ html.umay-tema #logo img { height: 68px !important; } }

/* Sepet ozet kutusunda "Kargo ve Vergileri Hesapla" akordeonunu kaldir */
html.umay-tema #ic-accordion .panel:has(a[href="#ic-collapse-shipping"]) { display: none !important; }

/* ---------- Ortalanmis / boxed duzen (buyuk ekran) ----------
   Tum zeminler ayni krem: header/govde/gutter arasinda sert cizgi olusmaz.
   Icerik yine 1280'de ortali kalir; kenar bosluklar da krem (gorunmez box). */
html.umay-tema body,
html.umay-tema header,
html.umay-tema .header-classic,
html.umay-tema .header.header-classic,
html.umay-tema .grid-cols { background: var(--u-krem) !important; }

/* ---------- Kaydirma cubugu (turuncu -> tarcin) ---------- */
html.umay-tema { scrollbar-color: var(--u-tarcin) var(--u-krem); scrollbar-width: thin; }
html.umay-tema::-webkit-scrollbar,
html.umay-tema ::-webkit-scrollbar { width: 12px; height: 12px; }
html.umay-tema::-webkit-scrollbar-track,
html.umay-tema ::-webkit-scrollbar-track { background: var(--u-krem); }
html.umay-tema::-webkit-scrollbar-thumb,
html.umay-tema ::-webkit-scrollbar-thumb { background: var(--u-tarcin); border-radius: 6px; }
html.umay-tema::-webkit-scrollbar-thumb:hover,
html.umay-tema ::-webkit-scrollbar-thumb:hover { background: var(--u-tarcin-k); }

/* ---------- Sepet ekrani ---------- */
html.umay-tema #ic-container .ic-btn-checkout,
html.umay-tema .ic-btn-checkout {
  background: var(--u-kahve) !important; border-color: var(--u-kahve) !important;
  color: #f4e9dc !important; font-weight: 600 !important; letter-spacing: .4px !important;
}
html.umay-tema #ic-container .ic-btn-checkout:hover,
html.umay-tema .ic-btn-checkout:hover { background: var(--u-kahve-2) !important; border-color: var(--u-kahve-2) !important; }
html.umay-tema .cart-bottom.ic-next-block {
  background: var(--u-krem) !important; border: 1px solid var(--u-cizgi) !important; border-radius: 8px !important;
}
html.umay-tema .ic-head-row {
  background: var(--u-kahve) !important; color: #f4e9dc !important;
}
html.umay-tema .ic-head-row * { color: #f4e9dc !important; }
/* Toplam satiri vurgu */
html.umay-tema .cart-total strong,
html.umay-tema .cart-bottom .totals-value { color: var(--u-kahve) !important; }

/* ---------- Kasa / Odeme ekrani (mor -> tema) ---------- */
html.umay-tema .btn-success,
html.umay-tema input.btn-success,
html.umay-tema a.btn-success {
  background: var(--u-tarcin) !important; border-color: var(--u-tarcin-k) !important; color: #fff !important;
}
html.umay-tema .btn-success:hover,
html.umay-tema input.btn-success:hover,
html.umay-tema a.btn-success:hover { background: var(--u-tarcin-k) !important; border-color: var(--u-tarcin-k) !important; }
/* Adim gostergesi (wizard) — aktif + tamamlanan tarcin, pasif gri kalir */
html.umay-tema .bs-wizard-step:not(.disabled) .bs-wizard-dot { background: var(--u-tarcin) !important; }
html.umay-tema .bs-wizard-step:not(.disabled) .bs-wizard-dot:after { background: var(--u-tarcin) !important; }
html.umay-tema .bs-wizard-step:not(.disabled) .progress-bar { background: var(--u-tarcin) !important; }
html.umay-tema .bs-wizard-stepnum { color: var(--u-kahve) !important; }
/* Aktif sekme metni */
html.umay-tema .nav-tabs > li.active > a,
html.umay-tema .checkout-tabs a.active { color: var(--u-kahve) !important; }
/* Pasif adim daire kenari mor kalmasin */
html.umay-tema .bs-wizard-step.disabled .bs-wizard-dot { border-color: var(--u-cizgi) !important; }
/* "Odemeye Git" ana buton (progress-bar stilinde, mor -> kahve) */
html.umay-tema #button-payment,
html.umay-tema #button-confirm,
html.umay-tema .progress-continue .progress-bar,
html.umay-tema .progress-bar-success {
  background-color: var(--u-kahve) !important; color: #f4e9dc !important;
}
html.umay-tema .progress-continue:hover .progress-bar { background-color: var(--u-kahve-2) !important; }
/* Panel basliklari + ikonlar (mor -> tarcin) */
html.umay-tema .panel-address-heading,
html.umay-tema .panel-address-heading .padd,
html.umay-tema .panel-address-heading .fa,
html.umay-tema .panel-address-heading .pull-right { color: var(--u-tarcin) !important; border-color: var(--u-tarcin) !important; }
/* Secili radyo/onay rengi */
html.umay-tema .input-radio,
html.umay-tema input[type="radio"],
html.umay-tema input[type="checkbox"] { accent-color: var(--u-tarcin) !important; }
/* Ozel-stilli radio (box-shadow inset ile dolan) mor -> tarcin */
html.umay-tema input.input-radio:checked,
html.umay-tema .input-radio:checked,
html.umay-tema input.input-radio:checked + label::before {
  box-shadow: var(--u-tarcin) 0 0 0 10px inset !important;
  border-color: var(--u-tarcin) !important;
}
/* Wizard daire kenarlari + kalan kasa ikonlari/basliklari mor -> tema */
html.umay-tema .bs-wizard-step:not(.disabled) .bs-wizard-dot { border-color: var(--u-tarcin) !important; }
html.umay-tema .panel-address-heading .heading,
html.umay-tema .panel-address-heading .fa,
html.umay-tema .col-sm-8 .fa-truck,
html.umay-tema .col-sm-8 .fa-comment,
html.umay-tema [class*="checkout"] .fa,
html.umay-tema #ic-container .fa { color: var(--u-tarcin) !important; }

/* ---------- Urun sayfasi: fiyat + stok/kod satirlari ---------- */
/* Fiyat ile stok/kod YAN YANA ama bitisik degil (yatay bosluk) */
html.umay-tema .product-price-group { gap: 22px !important; align-items: center !important; }
html.umay-tema .product-stats .list-unstyled > li { margin-bottom: 4px !important; }
/* Stok: gercek adet goster -> "3 adet" (config_stock_display=1 sayiyi verir) */
html.umay-tema .product-stock.in-stock > span {
  font-size: inherit !important; color: var(--u-tarcin-k) !important; font-weight: 600 !important;
}
html.umay-tema .product-stock.in-stock > span::after { content: " adet"; }
/* Bastaki simgeler -> gercek emoji ikonlar (yuksek ozgulluk: Journal'in in-stock kuralini yen) */
html.umay-tema .product-stats li.product-stock.in-stock::before,
html.umay-tema .product-stats li.product-model::before,
html.umay-tema .product-stock.in-stock::before,
html.umay-tema .product-model::before {
  font-family: "Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif !important;
  background: none !important; color: initial !important;
  width: auto !important; height: auto !important; line-height: 1 !important;
  margin-right: 6px !important; vertical-align: -1px !important;
}
html.umay-tema .product-stats li.product-stock.in-stock::before,
html.umay-tema .product-stock.in-stock::before { content: "📦" !important; }
html.umay-tema .product-stats li.product-model::before,
html.umay-tema .product-model::before { content: "🏷️" !important; }
html.umay-tema .product-stats b { color: var(--u-metin) !important; }

/* ---------- Kasa (.odeme_ozel) icindeki TUM mor -> tema (yuksek ozgulluk) ---------- */
html.umay-tema .odeme_ozel .btn.btn-success,
html.umay-tema .odeme_ozel .btn.btn-success:hover,
html.umay-tema .odeme_ozel .btn.btn-success:focus {
  background-color: var(--u-tarcin) !important; border-color: var(--u-tarcin-k) !important; color: #fff !important;
}
html.umay-tema .odeme_ozel .input-radio:checked,
html.umay-tema .odeme_ozel .input-checkbox:checked { box-shadow: var(--u-tarcin) 0 0 0 10px inset !important; }
html.umay-tema .odeme_ozel .progress-bar-success { background-color: var(--u-kahve) !important; }
html.umay-tema .odeme_ozel .bs-wizard > .bs-wizard-step > .bs-wizard-dot { background: var(--u-tarcin) !important; }
html.umay-tema .odeme_ozel .bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar { background-color: var(--u-tarcin) !important; }
html.umay-tema .odeme_ozel .xerror,
html.umay-tema .odeme_ozel a.xerror:hover,
html.umay-tema .odeme_ozel .removeAddress,
html.umay-tema .odeme_ozel .editcart.xwishlist,
html.umay-tema .odeme_ozel .panel-address-heading,
html.umay-tema .odeme_ozel .container_panel .heading,
html.umay-tema .odeme_ozel #paymentPage .panel-group .panel .panel-heading a.heading-panel[aria-expanded="true"] { color: var(--u-tarcin) !important; }
html.umay-tema .odeme_ozel .editcart.xwishlist:hover { background: var(--u-tarcin) !important; border-color: var(--u-tarcin) !important; color: #fff !important; }
html.umay-tema .odeme_ozel .tabbable .nav-tabs > li.active { border-bottom-color: var(--u-tarcin) !important; }
html.umay-tema .odeme_ozel .tabbable .nav-tabs > li > a:hover { color: var(--u-tarcin) !important; border-color: var(--u-tarcin) !important; }
html.umay-tema .odeme_ozel a.heading-panel[aria-expanded="true"]::before { box-shadow: none !important; color: var(--u-tarcin) !important; }
/* Odeme yontemi (sol) sekmeleri + addon + adres secimi */
html.umay-tema .odeme_ozel .tabs-left > li.active > a,
html.umay-tema .odeme_ozel .tabs-left > li.active > a:hover,
html.umay-tema .odeme_ozel .tabs-left > li.active > a:focus { border-color: var(--u-tarcin) !important; color: var(--u-kahve) !important; }
html.umay-tema .odeme_ozel .input-group-addon { background-color: var(--u-tarcin) !important; border-color: var(--u-tarcin) !important; }
html.umay-tema .odeme_ozel .address-label.selected,
html.umay-tema .odeme_ozel #addressPage .col-md-9 .panel.panel-default .panel-heading.selected,
html.umay-tema .odeme_ozel #addressPage .col-md-9 .panel.panel-default .panel-heading:hover,
html.umay-tema .odeme_ozel #addressPage .col-md-9 .panel.panel-default .panel-footer.selected,
html.umay-tema .odeme_ozel #addressPage .col-md-9 .panel.panel-default .panel-footer:hover { border-color: var(--u-tarcin) !important; }
html.umay-tema .odeme_ozel .group.custom-field.has-error button { border-color: var(--u-tarcin) !important; }

/* ---------- Sosyal giris: Facebook gizli, Google ortala + guzellestir ---------- */
html.umay-tema .facebookButton,
html.umay-tema .facebookLoginHTML,
html.umay-tema .facebookLoginAnchor { display: none !important; }
/* Google butonu sol-yari sutunda kaliyordu: kapsayan grid sutunlarini tam genislige yay + ortala */
html.umay-tema .grid-cols:has(.googleButton),
html.umay-tema .grid-col:has(.googleButton),
html.umay-tema .grid-items:has(.googleButton),
html.umay-tema .grid-item:has(.googleButton) {
  width: 100% !important; max-width: 100% !important; flex: 1 1 100% !important; justify-content: center !important;
}
html.umay-tema .googleButton { text-align: center !important; width: 100% !important; margin: 12px 0 !important; }
html.umay-tema a.googleLoginAnchor,
html.umay-tema .googleLoginAnchor.gglMetroStyleBtn {
  display: inline-flex !important; align-items: center !important; justify-content: center !important;
  gap: 10px !important; width: auto !important; min-width: 250px !important; max-width: 100% !important;
  background: #fff !important; color: #3a2c1d !important;
  border: 1px solid var(--u-cizgi) !important; border-radius: 999px !important;
  padding: 12px 24px !important; height: auto !important; text-transform: none !important;
  font-family: 'Montserrat', sans-serif !important; font-weight: 600 !important; font-size: 15px !important;
  line-height: 1 !important; letter-spacing: .2px !important;
  box-shadow: 0 1px 4px rgba(43,29,20,.12) !important; transition: box-shadow .15s, background .15s !important;
}
html.umay-tema a.googleLoginAnchor:hover { background: #fdfaf5 !important; box-shadow: 0 3px 12px rgba(43,29,20,.22) !important; }
html.umay-tema .googleLoginAnchor > span {
  width: 20px !important; height: 20px !important; margin: 0 !important; padding: 0 !important;
  position: static !important; display: inline-block !important; flex: 0 0 auto !important; top: auto !important; left: auto !important;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%23EA4335' d='M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z'/%3E%3Cpath fill='%234285F4' d='M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z'/%3E%3Cpath fill='%23FBBC05' d='M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z'/%3E%3Cpath fill='%2334A853' d='M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z'/%3E%3C/svg%3E") no-repeat center / contain !important;
}

/* ---------- Footer: marquee ile ayni yumusak sicak ton ---------- */
html.umay-tema footer { background: #5a4536 !important; }

/* ---------- KATEGORI/liste sayfasi kart butonlari (anasayfa modulleri ETKILENMEZ) ---------- */
/* Butonlar hep gorunsun (mobilde hover yok) + hover-slide transform'u SIFIRLA (fiyata binmesin) */
html.umay-tema.route-product-category .product-thumb .buttons-wrapper,
html.umay-tema.route-product-category .product-thumb .buttons-wrapper .button-group,
html.umay-tema.route-product-category .product-thumb .cart-group,
html.umay-tema.route-product-category .product-thumb .wish-group {
  transform: none !important; margin-top: 0 !important; top: auto !important; opacity: 1 !important; visibility: visible !important;
}
html.umay-tema.route-product-category .product-thumb .buttons-wrapper { margin-top: 10px !important; }
html.umay-tema.route-product-category .product-thumb .buttons-wrapper { display: block !important; }
html.umay-tema.route-product-category .product-thumb .buttons-wrapper .button-group {
  display: flex !important; align-items: stretch !important; gap: 6px !important; flex-wrap: nowrap !important;
}
html.umay-tema.route-product-category .product-thumb .cart-group { display: flex !important; flex: 1 1 auto !important; min-width: 0 !important; }
html.umay-tema.route-product-category .product-thumb .wish-group { display: flex !important; flex: 0 0 38px !important; }
/* Sepete Ekle: daha kucuk, sik (yan yana kalp ile) */
html.umay-tema.route-product-category .product-thumb .btn-cart,
html.umay-tema.route-product-category .product-thumb .cart-group .btn {
  font-size: 12px !important; padding: 0 8px !important; height: 40px !important; width: 100% !important; border-radius: 9px !important;
  display: inline-flex !important; align-items: center !important; justify-content: center !important; white-space: nowrap !important;
}
/* Kalp: butonla ayni yukseklikte kompakt kare, yaninda hizali */
html.umay-tema.route-product-category .product-thumb .wish-group .btn,
html.umay-tema.route-product-category .product-thumb .btn-wishlist {
  width: 38px !important; height: 40px !important; padding: 0 !important; border-radius: 9px !important;
  display: inline-flex !important; align-items: center !important; justify-content: center !important;
  border: 1px solid var(--u-cizgi) !important; background: #f3ece0 !important;
}
/* Karsilastir + Buy Now / Question clutter'ini kaldir (sade: Sepete Ekle + kalp) */
html.umay-tema.route-product-category .product-thumb .caption .extra-group,
html.umay-tema.route-product-category .product-thumb .btn-compare,
html.umay-tema.route-product-category .product-thumb .wish-group .btn-compare,
html.umay-tema.route-product-category .product-thumb [class*="compare"] { display: none !important; }

/* ---------- Modul basligi (Benzer Urunler vb.): Ethnocentric, beyaz kutu yok ---------- */
html.umay-tema .module-title,
html.umay-tema .module-title p,
html.umay-tema .module-title span {
  font-family: 'Ethnocentric', 'Montserrat', sans-serif !important;
  font-weight: 400 !important;
  color: var(--u-kahve) !important;
  background: transparent !important;
  background-color: transparent !important;
  letter-spacing: .3px !important;
}
html.umay-tema .module-title { font-size: 18px !important; }

/* Kategori sayfa basligi (Instagram Urunleri vb.) -> Ethnocentric */
html.umay-tema .page-title,
html.umay-tema h1.title.page-title {
  font-family: 'Ethnocentric', 'Montserrat', sans-serif !important;
  font-weight: 400 !important;
  color: var(--u-kahve) !important;
  letter-spacing: .3px !important;
}

/* Anasayfa urun sekmesi basligi (Yeni Gelen Urunler) -> Ethnocentric + ortala, cizgiyi yaklastir */
html.umay-tema.route-common-home .nav-tabs > li > a,
html.umay-tema.route-common-home .nav-tabs > li > a p,
html.umay-tema.route-common-home .nav-tabs > li > a span {
  font-family: 'Ethnocentric', 'Montserrat', sans-serif !important;
  font-weight: 400 !important;
  letter-spacing: .3px !important;
}
html.umay-tema.route-common-home .nav-tabs { text-align: center !important; justify-content: center !important; margin-top: 20px !important; }
html.umay-tema.route-common-home .nav-tabs > li > a { padding-bottom: 3px !important; text-transform: uppercase !important; }
html.umay-tema.route-common-home .nav-tabs > li > a p { margin-bottom: 2px !important; }

/* Benzer Urunler / modul baslik: gorselin onunde + ust-alt bosluk dengeli */
html.umay-tema .module-products .module-title,
html.umay-tema .module .module-title {
  position: relative !important; z-index: 5 !important;
  margin-top: 18px !important; padding-bottom: 8px !important;
}
html.umay-tema .module-products .module-title p,
html.umay-tema .module .module-title p { margin-bottom: 6px !important; }

/* Anasayfa kategori linkleri (CRAZY, NAPA...) -> Ethnocentric ince */
html.umay-tema.route-common-home .links-menu .menu-item,
html.umay-tema.route-common-home .links-menu .menu-item > a {
  font-family: 'Ethnocentric', 'Montserrat', sans-serif !important;
  font-weight: 400 !important;
  letter-spacing: .2px !important;
}

/* Hesap etiketi alt satiri (Cikis Yap / Alisveris Listem / Hosgeldiniz) -> hero fontu (Montserrat) */
html.umay-tema .links-text s {
  font-family: 'Montserrat', 'Segoe UI', Arial, sans-serif !important;
  text-decoration: none !important;
}

/* ---------- Genel ufak dokunuşlar ---------- */
html.umay-tema .breadcrumb { background: transparent; }
html.umay-tema .rating-stars .fa { color: var(--u-tarcin); }
html.umay-tema ::selection { background: var(--u-tarcin); color: #fff; }