@import url("https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700&display=swap");
:root { color-scheme: dark; }
html, body, button, input, select, textarea {
  font-family: "Sora", "Segoe UI", sans-serif !important;
}
body {
  background-color: #101614 !important;
  background-image:
    radial-gradient(900px 420px at 0% -10%, rgba(232, 192, 122, 0.16), transparent 55%),
    radial-gradient(800px 480px at 100% 0%, rgba(45, 156, 136, 0.16), transparent 50%),
    linear-gradient(180deg, #121a16 0%, #0d1210 100%) !important;
  background-size: auto !important;
  background-attachment: fixed !important;
  color: #e7eee9 !important;
}
body::before {
  content: "";
  position: fixed;
  left: 0; right: 0; top: 0;
  height: 3px;
  z-index: 4000;
  background: linear-gradient(90deg, #0f766e, #e8c07a 50%, #0f766e);
  pointer-events: none;
}
.frontend-header,
header.frontend-header,
.frontend-header.htr-header,
.frontend-header .topbar,
.frontend-header .htr-topbar,
.frontend-header .header-top,
.frontend-header .header-nav,
.frontend-header.htr-header .header-nav {
  background: #14211c !important;
  border-color: #24352e !important;
}
.frontend-header .htr-topbar,
.frontend-header .topbar.htr-topbar {
  background: #0f1916 !important;
}
.frontend-header.htr-header {
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.28) !important;
  border-bottom: 1px solid #2a4037 !important;
}
.htr-util-link { color: #d5e4dc !important; letter-spacing: 0.08em !important; }
.htr-special-btn .htr-gem {
  background: linear-gradient(135deg, #f0d7a4, #c4843c) !important;
  box-shadow: 0 0 10px rgba(212, 160, 84, 0.45) !important;
}
.frontend-header.htr-header .header-search-box {
  background: #1c2b25 !important;
  border: 1px solid #345248 !important;
  border-radius: 14px !important;
}
.frontend-header.htr-header .header-search-box:hover,
.frontend-header.htr-header .header-search-box:focus-within {
  border-color: #e8c07a !important;
  box-shadow: 0 0 0 3px rgba(232, 192, 122, 0.16) !important;
}
.frontend-header.htr-header .header-search-btn {
  background: #24584e !important;
  color: #f3d7a1 !important;
  border-radius: 10px !important;
}
.htr-btn { border-radius: 12px !important; }
.htr-btn-pass, .frontend-header.htr-header .htr-btn-pass { background: #24584e !important; }
.htr-btn-register, .frontend-header.htr-header .btn-register.htr-btn-register { background: #c4843c !important; color: #1a1208 !important; }
.htr-btn-login, .frontend-header.htr-header .btn-login.htr-btn-login { background: #e8c07a !important; color: #1a1208 !important; }
.htr-btn-login:hover, .htr-btn-register:hover { color: #1a1208 !important; }
.header-add-btn, .htr-btn-add {
  background: transparent !important;
  color: #f3d7a1 !important;
  border: 1px solid #e8c07a !important;
  border-radius: 12px !important;
}
.htr-word-orange, .htr-word-accent { color: #8ee0cf !important; }
.hd-badge-hex {
  background: linear-gradient(160deg, #d8fff6 0%, #5ee0c0 42%, #0f766e 100%) !important;
}
.hd-badge { filter: drop-shadow(0 6px 10px rgba(15, 118, 110, 0.35)) !important; }
.listings-grid > .listing-card,
.listings-grid a.listing-card {
  background: linear-gradient(180deg, #1b2a24 0%, #121c18 100%) !important;
  border: 1px solid rgba(232, 192, 122, 0.28) !important;
  border-radius: 18px !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.28) !important;
}
.listings-grid > .listing-card:hover,
.listings-grid a.listing-card:hover {
  border-color: #e8c07a !important;
  box-shadow: 0 16px 34px rgba(196, 132, 60, 0.2) !important;
}
.category-card {
  background: #18241f !important;
  border: 1px solid #2d463c !important;
  border-radius: 14px !important;
  color: #e7eee9 !important;
}
.category-card:hover { border-color: #e8c07a !important; }
.site-footer, footer.site-footer {
  background: #0f1916 !important;
  color: #d5e4dc !important;
  border-top: 1px solid #2a4037 !important;
}
.footer-link, .site-footer a { color: #d7e6df !important; }
.footer-title { color: #f3d7a1 !important; }
a { text-underline-offset: 2px; }
@media (max-width: 768px) {
  .frontend-header.htr-header .header-search-box { border-radius: 12px !important; }
}

img.hero-brand { display: none !important; }
.page { background: #101614 !important; }
.page::before { background: none !important; }
.page::after {
  background: linear-gradient(180deg, rgba(16,22,20,.2), rgba(16,22,20,.72)) !important;
}
.card, .page .card {
  background: #16211c !important;
  border: 1px solid #345248 !important;
  border-radius: 20px !important;
}
.steps-title, .steps-subtitle { color: #f3d7a1 !important; }
.step { background: #14211c !important; border-color: #2d463c !important; }
.htr-login-card h3, .login-page-card h3 { color: #f4efe4 !important; }
.frontend-header,
header.frontend-header,
.frontend-header.htr-header,
.frontend-header .header-top,
.frontend-header .header-nav,
.frontend-header.htr-header .header-nav {
  background: #1b4f43 !important;
}
.frontend-header .htr-topbar,
.frontend-header .topbar.htr-topbar {
  background: #12382f !important;
}
.frontend-header.htr-header {
  border-bottom: 3px solid #e8c07a !important;
}
.htr-login-submit {
  background: #c4843c !important;
  color: #1a1208 !important;
  border: 0 !important;
  border-radius: 14px !important;
}
.page::before { display: none !important; }
body.auth-body, body { background-image: none !important; }
.hero-slider.is-epin { padding: 16px 16px 6px !important; }
.hero-slider.is-epin .hero-cover { display: none !important; }
.hero-slider.is-epin .hero-stage { border-radius: 28px; overflow: hidden; min-height: 340px; box-shadow: 0 18px 40px rgba(0,0,0,.28); }
.hero-slider.is-epin .hero-slide { min-height: 340px !important; background: #12382f !important; }
.hero-slider.is-epin .hero-slide.tone-a { background: radial-gradient(700px 260px at 88% 10%, rgba(232,192,122,.55), transparent 60%), linear-gradient(120deg, #0f2e28, #1f6a58 70%) !important; }
.hero-slider.is-epin .hero-slide.tone-b { background: radial-gradient(640px 280px at 12% 80%, rgba(142,224,207,.4), transparent 55%), linear-gradient(135deg, #1a1208, #8a5a28 80%) !important; }
.hero-slider.is-epin .hero-slide.tone-c { background: radial-gradient(520px 240px at 80% 70%, rgba(232,192,122,.35), transparent 50%), linear-gradient(160deg, #10241f, #24584e) !important; }
.hero-slider.is-epin .hero-slide.tone-d { background: radial-gradient(600px 240px at 70% 20%, rgba(255,255,255,.12), transparent 45%), linear-gradient(120deg, #14211c, #0c3b34 40%, #c4843c) !important; }
.hero-slider.is-epin .hero-shade { background: linear-gradient(90deg, rgba(8,18,16,.45), rgba(8,18,16,.05) 70%) !important; }
.hero-slider.is-epin .hero-info h3 { text-transform: none !important; letter-spacing: -0.04em !important; font-size: 48px !important; color: #f7f3ea !important; }
.hero-slider.is-epin .hero-info p { font-size: 16px !important; max-width: 34ch; }
.hero-slider.is-epin .hero-buy, .hero-slider.is-epin a.hero-buy { background: #f3d7a1 !important; color: #1a1208 !important; border: 0 !important; height: 44px !important; padding: 0 20px !important; font-size: 14px !important; }
.hero-slider.is-epin .hero-dot { background: rgba(12,28,24,.55) !important; color: #f6f1e6 !important; border: 1px solid rgba(243,215,161,.45) !important; border-radius: 16px !important; }
.hero-slider.is-epin .hero-dot.is-active { background: #e8c07a !important; color: #1a1208 !important; }
.top-promo { background: transparent !important; gap: 10px !important; }
.top-promo-item.is-epin-promo { background: #17362e !important; border: 1px solid #c4843c !important; border-radius: 16px !important; min-height: 72px; overflow: hidden; }
.top-promo-item.is-epin-promo .top-promo-shade { background: transparent !important; }
.top-promo-item.is-epin-promo .top-promo-title { color: #f3d7a1 !important; font-weight: 700 !important; }
.top-promo-item.is-epin-promo .top-promo-sub { color: #e7eee9 !important; }
.top-promo-mark { width: 36px; height: 36px; border-radius: 12px; background: linear-gradient(135deg, #e8c07a, #1f6f62); display: inline-block; flex: 0 0 auto; }
.header-add-btn, a.header-add-btn { background: #e8c07a !important; color: #1a1208 !important; border-radius: 999px !important; border: 0 !important; font-weight: 800 !important; }
.htr-btn-register, .btn-register, .frontend-header .btn-register { background: transparent !important; color: #f3d7a1 !important; border: 1.5px solid #e8c07a !important; border-radius: 999px !important; }
.htr-btn-login, .btn-login, .frontend-header .btn-login { background: #1f6f62 !important; color: #f7f3ea !important; border-radius: 999px !important; }
.header-nav a, .htr-nav a, .category-card { border-radius: 999px !important; }
.site-footer, footer.site-footer { background: #10211c !important; border-top: 3px solid #e8c07a !important; }
input, select, textarea { border-radius: 12px !important; }
.page { --reg-bg: none !important; background: #101614 !important; }
.page .card, .register-form, .reg-head .title { font-family: "Sora", "Segoe UI", sans-serif !important; }
.register-form button[type="submit"], .reg-submit, button.reg-submit { background: #c4843c !important; color: #1a1208 !important; border: 0 !important; border-radius: 14px !important; }
.listing-form, .lf-card, .manager-card, form.listing { background: #14241f !important; }
/* kabasakal-model */
.top-promo { display: none !important; }
.frontend-header,
header.frontend-header,
.frontend-header.htr-header,
.frontend-header .header-top,
.frontend-header .header-nav,
.frontend-header.htr-header .header-nav,
.frontend-header .htr-topbar,
.frontend-header .topbar.htr-topbar {
  background: #121212 !important;
  border-color: #242424 !important;
}
.frontend-header.htr-header { border-bottom: 1px solid #242424 !important; box-shadow: none !important; }
.frontend-header.htr-header .header-search-box { background: #1c1c1c !important; border: 1px solid #2e2e2e !important; border-radius: 999px !important; }
.frontend-header.htr-header .header-search-btn { background: #f5a524 !important; color: #1a1208 !important; border-radius: 999px !important; width: auto !important; min-width: 42px !important; padding: 0 12px !important; }
.header-add-btn, a.header-add-btn, .htr-btn-register, .frontend-header .btn-register {
  background: #e8a317 !important;
  color: #1a1208 !important;
  border: 0 !important;
  border-radius: 12px !important;
}
.htr-btn-login, .frontend-header .btn-login { background: #2a2a2a !important; color: #fff !important; border: 1px solid #3a3a3a !important; border-radius: 12px !important; }
.hero-slider { padding-top: 8px !important; }
.hero-slider.is-epin .hero-art { display: block !important; }
/* slider-split */
.hero-inner.hero-split {
  display: grid !important;
  grid-template-columns: minmax(0, 1.65fr) minmax(240px, .7fr) !important;
  gap: 14px !important;
  align-items: stretch !important;
}
.hero-inner.hero-split .hero-stage { grid-column: 1; grid-row: 1; height: 390px !important; border-radius: 16px 16px 0 0 !important; }
.hero-inner.hero-split .hero-dots { grid-column: 1; grid-row: 2; border-radius: 0 0 16px 16px !important; }
.hero-inner.hero-split .hero-side { grid-column: 2; grid-row: 1 / span 2; }
.hero-inner.hero-split .hero-side-card { min-height: 100%; height: 100%; border-radius: 16px; }
.frontend-header .header-search-btn i { display: none !important; }
.frontend-header .header-search-btn::after { content: "Ara"; font-size: 13px; font-weight: 800; }
@media (max-width: 900px) {
  .hero-inner.hero-split { grid-template-columns: 1fr !important; }
  .hero-inner.hero-split .hero-side { grid-column: 1; grid-row: 3; }
  .hero-inner.hero-split .hero-side-card { min-height: 180px; }
}