/* Teighaus refined public experience — quiet, editorial, product-first */
:root {
  --th-yellow: #ffd600 !important;
  --th-black: #181918 !important;
  --th-ink: #20211f !important;
  --th-muted: #686a65 !important;
  --th-canvas: #f7f7f4 !important;
  --th-soft: #efefeb !important;
  --th-line: #dfdfd8 !important;
  --th-shadow: 0 16px 48px rgba(22,23,21,.08) !important;
}

body {
  background: var(--th-canvas) !important;
  color: var(--th-ink) !important;
}

/* More confident brand bar, with the supplied clean logo */
.site-header, .th-topbar {
  background: var(--th-black) !important;
  border-bottom: 2px solid var(--th-yellow) !important;
  box-shadow: none !important;
}
.header-inner {
  min-height: 108px !important;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}
.brand img, .th-brand img {
  width: 190px !important;
  height: 82px !important;
  max-height: 82px !important;
}
.main-nav { gap: 7px !important; }
.main-nav a, .th-tab, .modebar a {
  min-height: 46px !important;
  padding: 0 17px !important;
  border: 0 !important;
  background: transparent !important;
  color: #e8e9e6 !important;
  box-shadow: none !important;
  font-weight: 720 !important;
}
.main-nav a:hover, .th-tab:hover, .modebar a:hover {
  transform: none !important;
  background: rgba(255,255,255,.07) !important;
}
.main-nav a.active, .th-tab.active, .modebar a.is-active {
  background: var(--th-yellow) !important;
  color: var(--th-black) !important;
}
.cart-link { border: 1px solid rgba(255,255,255,.18) !important; }

/* Editorial daily-menu intro */
.page { max-width: 1320px !important; padding-top: 38px !important; }
.menu-intro {
  position: relative;
  min-height: 360px;
  padding: clamp(32px, 5vw, 64px) !important;
  border: 0 !important;
  border-left: 9px solid var(--th-yellow) !important;
  border-radius: 4px 28px 28px 4px !important;
  background: #fff !important;
  color: var(--th-ink) !important;
  box-shadow: var(--th-shadow) !important;
}
.menu-intro::after {
  content: "GÜNLÜK VİTRİN" !important;
  top: 36px !important;
  right: 42px !important;
  color: #efefe9 !important;
  font-size: clamp(58px, 8vw, 118px) !important;
  letter-spacing: -.07em !important;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
}
.eyebrow {
  padding: 0 !important;
  background: transparent !important;
  color: #555751 !important;
  letter-spacing: .01em;
}
.open-dot { background: var(--th-yellow) !important; box-shadow: 0 0 0 4px rgba(255,214,0,.18) !important; }
.open-dot.closed { background: #c83a33 !important; box-shadow: 0 0 0 4px rgba(200,58,51,.12) !important; }
.menu-intro h1 {
  max-width: 760px;
  margin-top: 18px !important;
  color: var(--th-ink) !important;
  font-size: clamp(48px, 7vw, 88px) !important;
  font-weight: 860 !important;
  line-height: .98 !important;
}
.intro-copy {
  max-width: 680px !important;
  margin-top: 20px !important;
  color: #5f615c !important;
  font-size: 18px !important;
}
.store-status {
  max-width: 680px;
  border: 0 !important;
  border-radius: 10px !important;
  background: #f4f4ef !important;
  color: var(--th-ink) !important;
}
.store-status strong { color: var(--th-ink) !important; }
.store-status span { color: #62645f !important; }
.store-status.temporary { background: #fff0ee !important; }
.store-status.temporary strong { color: #9d2924 !important; }
.menu-intro .intro-actions { align-self: end; }
.button, .btn {
  border-radius: 10px !important;
  min-height: 48px !important;
  box-shadow: none !important;
  font-weight: 780 !important;
}
.button.primary, .btn:not(.light):not(.secondary):not(.danger):not(.ghost) {
  background: var(--th-yellow) !important;
  border: 1px solid #e0bd00 !important;
  color: var(--th-black) !important;
  box-shadow: none !important;
}
.button:hover, .btn:hover { transform: translateY(-1px) !important; box-shadow: 0 8px 18px rgba(22,23,21,.10) !important; }
.menu-intro .button:not(.primary) {
  background: var(--th-black) !important;
  border-color: var(--th-black) !important;
  color: #fff !important;
}

/* Two distinct customer journeys */
.menu-type-switcher {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  margin-top: 32px;
}
.menu-type {
  position: relative;
  display: grid;
  min-height: 116px;
  padding: 22px 74px 22px 24px;
  border-radius: 18px;
  text-decoration: none;
  transition: transform .18s ease, box-shadow .18s ease;
}
.menu-type:hover { transform: translateY(-2px); box-shadow: var(--th-shadow); }
.menu-type span { font-size: 12px; font-weight: 850; letter-spacing: .11em; }
.menu-type strong { align-self: end; font-size: clamp(20px, 2.4vw, 28px); letter-spacing: -.025em; }
.menu-type em {
  position: absolute;
  right: 22px;
  top: 50%;
  transform: translateY(-50%);
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  font-style: normal;
  font-weight: 900;
}
.menu-type.ready { background: var(--th-yellow); color: var(--th-black); }
.menu-type.ready em { background: var(--th-black); color: var(--th-yellow); }
.menu-type.made { background: var(--th-black); color: #fff; }
.menu-type.made span { color: var(--th-yellow); }
.menu-type.made em { background: #fff; color: var(--th-black); }

.menu-section {
  margin-top: 34px !important;
  padding: clamp(20px, 3vw, 34px);
  border-radius: 24px;
}
.ready-section { background: #fffbea; }
.made-section { background: #eeeeea; }
.section-head { border-bottom: 0 !important; padding-bottom: 4px !important; }
.section-kicker {
  padding: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #6f5c00 !important;
}
.made-section .section-kicker { color: #565852 !important; }
.section h2 { font-size: clamp(30px, 4vw, 44px) !important; }

/* Product photography gets priority; card styling stays quiet */
.product-grid { gap: 18px !important; }
.product-card, .pcard {
  border: 0 !important;
  border-radius: 17px !important;
  box-shadow: 0 5px 20px rgba(22,23,21,.065) !important;
}
.product-card:hover, .pcard:hover {
  transform: translateY(-3px) !important;
  border-color: transparent !important;
  box-shadow: 0 14px 34px rgba(22,23,21,.11) !important;
}
.product-card.is-ready { box-shadow: inset 0 4px 0 var(--th-yellow), 0 5px 20px rgba(22,23,21,.065) !important; }
.product-card.is-made-to-order { box-shadow: inset 0 4px 0 var(--th-black), 0 5px 20px rgba(22,23,21,.065) !important; }
.product-photo, .pimg { height: 270px !important; }
.product-body { padding: 20px !important; }
.product-body h3 { font-size: 23px !important; }
.availability.ready { background: var(--th-yellow) !important; }
.availability.order { background: var(--th-black) !important; color: #fff !important; border: 0 !important; }
.add-form button { background: var(--th-black) !important; color: #fff !important; border-radius: 10px !important; }

/* Catalog: less chrome, larger imagery */
.modebar-wrap { background: #242523 !important; }
.modebar { max-width: 1320px !important; }
.container { max-width: 1320px !important; }
.card { border: 0 !important; box-shadow: 0 8px 28px rgba(22,23,21,.065) !important; }
.catside-nav { padding: 9px !important; border-radius: 15px !important; box-shadow: none !important; }
.catside-link { border-radius: 9px !important; }
.catside-link.active { background: var(--th-yellow) !important; }
.pimg { height: 290px !important; }
.pbody { padding: 18px !important; }
.pcard .btn { min-height: 44px !important; }

/* Visit panel */
.visit {
  background: #fff !important;
  border: 0 !important;
  border-left: 7px solid var(--th-yellow) !important;
  border-radius: 4px 18px 18px 4px !important;
  box-shadow: var(--th-shadow) !important;
}
.visit .button.primary { background: var(--th-black) !important; color: #fff !important; }

/* Footer: brand, contact, social */
.th-footer {
  margin-top: 64px !important;
  background: var(--th-black) !important;
  border-top: 2px solid var(--th-yellow) !important;
  color: #d8dad5 !important;
}
.th-footwrap {
  max-width: 1320px !important;
  padding: 52px 24px 40px !important;
  grid-template-columns: 1fr 1.1fr 1fr !important;
  gap: clamp(32px, 5vw, 74px) !important;
}
.th-foot h4 {
  margin-bottom: 18px !important;
  color: #fff !important;
  font-size: 16px !important;
  text-transform: uppercase;
  letter-spacing: .08em !important;
}
.th-foot p { color: #bfc2bc !important; font-size: 14px !important; }
.th-foot p b { color: #fff; }
.th-foot a { color: #fff !important; }
.th-owner { margin-bottom: 12px !important; }
.th-craft { color: #888b84 !important; }
.th-social { gap: 9px !important; }
.th-icobtn {
  width: 46px !important;
  height: 46px !important;
  border-radius: 10px !important;
  border: 1px solid #424440 !important;
  background: #242523 !important;
  color: #fff !important;
  box-shadow: none !important;
}
.th-icobtn:hover { background: var(--th-yellow) !important; color: var(--th-black) !important; transform: translateY(-2px) !important; }
.th-whatsapp {
  display: flex;
  align-items: center;
  gap: 11px;
  margin-top: 18px;
  padding: 13px 14px;
  border-radius: 11px;
  background: var(--th-yellow);
  color: var(--th-black) !important;
  text-decoration: none;
}
.th-whatsapp svg { flex: 0 0 auto; }
.th-whatsapp span { display: grid; gap: 1px; }
.th-whatsapp b { font-size: 13px; }
.th-whatsapp small { color: #514400; font-size: 11px; }
.th-bottom {
  max-width: 1320px !important;
  padding: 15px 24px 20px !important;
  border-top-color: #353733 !important;
  color: #858881 !important;
}

@media (max-width: 920px) {
  .menu-intro { min-height: 0; }
  .menu-intro::after { display: none; }
  .menu-type-switcher { grid-template-columns: 1fr 1fr; }
  .th-footwrap { grid-template-columns: 1fr 1fr !important; }
  .th-foot:last-child { grid-column: 1 / -1; }
}

@media (max-width: 700px) {
  html { scroll-padding-top: 148px !important; }
  .header-inner {
    min-height: 0 !important;
    padding: 10px 12px 9px !important;
    display: grid !important;
    grid-template-columns: 1fr auto;
    gap: 8px 12px !important;
  }
  .brand img, .th-brand img { width: 145px !important; height: 66px !important; max-height: 66px !important; }
  .main-nav {
    grid-column: 1 / -1;
    display: grid !important;
    grid-template-columns: 1.3fr 1fr .72fr;
    width: 100%;
  }
  .main-nav a, .main-nav a:not(.active):not(.cart-link) {
    display: inline-flex !important;
    min-width: 0;
    min-height: 42px !important;
    padding: 0 8px !important;
    font-size: 12px !important;
    text-align: center;
    line-height: 1.15;
  }
  .page { padding-top: 20px !important; }
  .menu-intro {
    padding: 28px 22px !important;
    border-left-width: 6px !important;
    border-radius: 3px 18px 18px 3px !important;
  }
  .menu-intro h1 { font-size: clamp(42px, 13vw, 58px) !important; }
  .intro-copy { font-size: 16px !important; }
  .menu-type-switcher { grid-template-columns: 1fr; gap: 10px; margin-top: 22px; }
  .menu-type { min-height: 96px; padding: 17px 68px 17px 18px; border-radius: 14px; }
  .menu-type em { right: 17px; }
  .menu-section { margin-left: -5px; margin-right: -5px; padding: 18px 12px; border-radius: 18px; }
  .product-photo, .pimg { height: 285px !important; }
  .th-topwrap { min-height: 86px !important; }
  .modebar { gap: 4px !important; }
  .modebar a { min-height: 42px !important; padding: 0 12px !important; font-size: 12px !important; }
  .th-footwrap { grid-template-columns: 1fr !important; padding: 38px 20px 28px !important; gap: 28px !important; }
  .th-foot:last-child { grid-column: auto; }
  .th-bottom { padding: 14px 20px 22px !important; }
}

@media (max-width: 410px) {
  .brand img { width: 132px !important; height: 60px !important; }
  .main-nav a { font-size: 11px !important; }
  .menu-intro .intro-actions { grid-template-columns: 1fr !important; }
}