/* Kara Tahta — tebeşir yazısı, ahşap çerçeve, iğneli polaroidler */
.theme-tahta {
  --bg: #26322c; --surface: #2f3c35; --surface-2: #3a4840; --text: #f1efe6; --muted: #c5c9bf; --faint: #8f988f;
  --line: rgba(241, 239, 230, .16); --line-strong: rgba(241, 239, 230, .4); --price: var(--primary);
  --wood: #6b4527; --chalk: #f1efe6;
  --primary-soft: rgba(245, 215, 110, .16);
}
body.theme-tahta {
  background-color: var(--bg);
  background-image:
    radial-gradient(60% 40% at 20% 10%, rgba(255,255,255,.07), transparent 70%),
    radial-gradient(50% 35% at 80% 60%, rgba(255,255,255,.05), transparent 70%),
    repeating-radial-gradient(circle at 30% 40%, rgba(255,255,255,.012) 0 2px, transparent 2px 5px);
  font-size: 15px;
}
.theme-tahta [data-section] { scroll-margin-top: 64px; }
.theme-tahta h1, .theme-tahta h2, .theme-tahta h3 { font-weight: 700; }

.frame-top, .frame-bottom { height: 16px; background: linear-gradient(180deg, #8a5a33, var(--wood) 60%, #4a2f19); box-shadow: 0 2px 6px rgba(0,0,0,.4); }
.frame-bottom { margin-top: 30px; }

/* Başlık */
.chalk-head { position: relative; text-align: center; padding: 16px 20px 6px; }
.c-tools { display: flex; justify-content: flex-end; margin-bottom: 6px; }
.chalk-head .tool { background: transparent; color: var(--chalk); box-shadow: inset 0 0 0 1.5px var(--line-strong); backdrop-filter: none; -webkit-backdrop-filter: none; }
.c-logo { width: 84px; height: 84px; margin: 4px auto 6px; border-radius: 50%; overflow: hidden; display: grid; place-items: center; box-shadow: 0 0 0 2px var(--line-strong); }
.c-logo > span { font-family: var(--font-head); font-size: 48px; color: var(--chalk); }
.chalk-head h1 { font-family: var(--font-head); font-size: clamp(46px, 14vw, 72px); line-height: .95; color: var(--chalk); text-shadow: 0 0 1px rgba(255,255,255,.6), 0 0 12px rgba(255,255,255,.08); text-wrap: balance; }
.squiggle { display: block; width: 150px; height: 14px; margin: 4px auto 0; color: var(--primary); opacity: .9; }
.tagline { font-family: var(--font-head); font-size: 24px; color: var(--muted); margin-top: 6px; line-height: 1.15; }
.meta { display: flex; justify-content: center; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.meta .status-pill, .meta .table-pill { box-shadow: inset 0 0 0 1.5px var(--line-strong); color: var(--chalk); border-radius: 10px; }
.meta .table-pill { box-shadow: inset 0 0 0 1.5px var(--primary); color: var(--primary); }

/* Polaroidler */
.pinned { position: relative; display: block; background: #f8f6ef; padding: 8px 8px 30px; box-shadow: 0 14px 22px -12px rgba(0,0,0,.7); transform: rotate(-3deg); transition: transform .3s var(--spring); }
.pinned img { width: 100%; aspect-ratio: 1; object-fit: cover; }
.pinned .tape { position: absolute; z-index: 1; top: -9px; left: 50%; width: 70px; height: 20px; transform: translateX(-50%) rotate(-4deg); background: rgba(245, 230, 170, .78); box-shadow: 0 1px 2px rgba(0,0,0,.2); }
.pinned .cap { position: absolute; inset-inline: 8px; bottom: 6px; font-family: var(--font-head); font-size: 19px; color: #2b2b2b; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1; }
.pinned.big { width: min(78%, 330px); margin: 22px auto 6px; transform: rotate(2deg); padding-bottom: 14px; }
.pinned.big img { aspect-ratio: 4 / 3; }
.pinned:active { transform: rotate(0) scale(.97); }
.pins { display: flex; justify-content: center; gap: 16px; margin: 18px 0 8px; }
.pins .pinned { width: 46%; max-width: 200px; }
.pins .p1 { transform: rotate(3deg); } .pins .p2 { transform: rotate(-2deg) translateY(6px); } .pins .p3 { transform: rotate(4deg) translateY(-4px); }

/* İşlemler: tebeşir çerçeveli düğmeler */
.acts { justify-content: center; flex-wrap: wrap; gap: 8px; padding: 16px 16px 0; }
.act { height: 40px; padding: 0 14px 0 10px; border-radius: 12px 14px 11px 15px; box-shadow: inset 0 0 0 1.5px var(--line-strong); font-size: 14px; font-weight: 500; }
.act-ic { color: var(--primary); }
.act-ic .icon { width: 17px; height: 17px; }
.banner { margin: 18px 16px 0; border-radius: 14px; background: transparent; box-shadow: none; border: 2px dashed var(--primary); color: var(--chalk); font-family: var(--font-head); font-size: 22px; font-weight: 600; line-height: 1.2; }
.banner-ic { background: var(--primary); color: #26322c; }

/* Ahşap çıta (yapışkan kategoriler) */
.ledge { position: sticky; top: 0; z-index: 30; display: flex; align-items: center; gap: 6px; margin-top: 22px; padding: 0 0 0 12px; background: linear-gradient(180deg, #8a5a33, var(--wood) 55%, #4a2f19); box-shadow: 0 6px 14px -6px rgba(0,0,0,.6); }
.ledge-row { flex: 1; display: flex; gap: 4px; overflow-x: auto; }
.ledge-row a { flex-shrink: 0; padding: 12px 10px 10px; font-family: var(--font-head); font-size: 21px; line-height: 1; color: rgba(255, 244, 220, .75); white-space: nowrap; }
.ledge-row a.active { color: #fff; text-decoration: underline; text-decoration-color: var(--primary); text-decoration-thickness: 2px; text-underline-offset: 6px; }
.ledge-btn { width: 46px; height: 46px; display: grid; place-items: center; color: #fff4dc; flex-shrink: 0; }

/* Menü tahtası */
.board { max-width: 720px; margin: 0 auto; padding: 0 20px 10px; }
.sec { padding-top: 34px; text-align: center; }
.sec h2 { font-family: var(--font-head); font-size: 44px; line-height: 1; color: var(--chalk); }
.sec .squiggle { width: 110px; }
.sec-desc { color: var(--muted); margin-top: 8px; font-size: 14px; }
.sec .sec-closed { margin-top: 10px; }
.items { text-align: start; margin-top: 10px; }
.ci { padding: 14px 0; border-bottom: 1.5px dashed var(--line); }
.ci:last-child { border-bottom: 0; }
.ci-top { display: flex; align-items: baseline; gap: 8px; }
.ci h3 { font-family: var(--font-head); font-size: 27px; line-height: 1.05; color: var(--chalk); min-width: 0; }
.dots { flex: 1; min-width: 14px; border-bottom: 2px dotted var(--line-strong); transform: translateY(-6px); }
.ci .price { font-family: var(--font-head); font-size: 26px; color: var(--primary); text-shadow: 0 0 1px rgba(245, 215, 110, .5); }
.desc { color: var(--muted); font-size: 13.5px; line-height: 1.45; margin-top: 2px; }
.ci-foot { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 6px; }
.ci-foot:has(.tags:empty):not(:has(.add)) { display: none; }
.tag { background: transparent; box-shadow: inset 0 0 0 1px var(--line-strong); color: var(--muted); font-weight: 500; }
.add { margin-inline-start: auto; width: 34px; height: 34px; background: transparent; color: var(--primary); box-shadow: inset 0 0 0 2px var(--primary); border-radius: 48% 52% 46% 54%; }

/* Kampanyalar: duyuru gibi tebeşirle çizilmiş kesik çerçeve */
.camp { border-radius: 14px; background: transparent; box-shadow: none; border: 2px dashed var(--primary); color: var(--chalk); }
.camp-ic { border-radius: 50%; background: var(--primary); color: #26322c; }
.camp-t b { font-family: var(--font-head); font-size: 21px; font-weight: 600; line-height: 1.1; }
.camp > .icon { color: var(--primary); }
.stamp-card { background: transparent; color: var(--chalk); border: 2px dashed var(--primary); box-shadow: none; }
.stamp-card .stamp { border-color: var(--line-strong); }
.stamp-card .stamp.on { background: var(--primary); color: #26322c; }
.stamp-card .stamp.gift { color: var(--primary); }

.footer { font-family: var(--font-body); }
.foot-name { font-size: 26px; }
.foot-social a { background: transparent; box-shadow: inset 0 0 0 1.5px var(--line-strong); color: var(--chalk); }
.sheet-panel { background: #2b3731; }
.sheet-body > h2, .p-body h2 { font-family: var(--font-head); font-size: 38px; font-weight: 700; letter-spacing: 0; }
.p-price { font-family: var(--font-head); font-size: 28px; }
.cta { color: #26322c; border-radius: 14px; }
.cart-bar { background: var(--primary); color: #26322c; }
.cart-count { background: #26322c; color: var(--primary); }
body.dark .cart-bar { background: var(--primary); color: #26322c; }
body.dark .cart-count { background: #26322c; color: var(--primary); }
.toast { background: var(--chalk); color: #26322c; }