/* v80: ana sayfa sahnesinde günün saati (sabah/öğle/akşam/gece) + SATILDI mührü ve sipariş zili */
.hs-tint, .hs-zzz { opacity: 0; pointer-events: none; }
.hs-eye { transition: fill .6s; }
.hero-scene[data-tod="sabah"] .hs-tint { fill: #ffc77a; opacity: .12; }
.hero-scene[data-tod="ogle"] .hs-tint { fill: #fff6d8; opacity: .06; }
.hero-scene[data-tod="ogle"] .hs-zzz, .hero-scene[data-tod="gece"] .hs-zzz { opacity: 1; }
.hero-scene[data-tod="aksam"] .hs-tint { fill: #ff7a30; opacity: .2; }
.hero-scene[data-tod="gece"] .hs-tint { fill: #0a1030; opacity: .42; }
.hero-scene[data-tod="gece"] .hs-night { display: inline; }
.hero-scene[data-tod="aksam"] .hs-lightcone, .hero-scene[data-tod="gece"] .hs-lightcone { filter: brightness(1.3); opacity: 1; }
.hero-scene[data-tod="gece"] .hs-eye { fill: #ffe14d; r: 2.6px; filter: drop-shadow(0 0 3px #ffe14d); }
.hero-scene[data-tod="aksam"] .hs-eye { fill: #ffd25a; }
@media (prefers-reduced-motion: no-preference) {
  .hs-zzz .z1 { animation: hs80-z 3.2s ease-in-out infinite; } .hs-zzz .z2 { animation: hs80-z 3.2s ease-in-out .9s infinite; }
}
@keyframes hs80-z { 0% { opacity: 0; translate: 0 4px; } 30% { opacity: 1; } 100% { opacity: 0; translate: 6px -10px; } }
/* Detay sayfasında satılmış eser: kapağa mühür basılır */
.detail-cover { position: relative; }
.stamp-sold-big { position: absolute; z-index: 5; left: 50%; top: 40%; translate: -50% -50%; rotate: -14deg; padding: 6px 22px; font: 800 2rem/1.1 var(--serif, Georgia, serif); letter-spacing: .12em; text-transform: uppercase; color: #9b1c1c; border: 4px double #9b1c1c; border-radius: 8px; background: rgba(255,248,230,.6); mix-blend-mode: multiply; pointer-events: none; }
@media (prefers-reduced-motion: no-preference) { .stamp-sold-big { animation: hs80-stamp .5s cubic-bezier(.2,1.6,.4,1) .2s both; } }
@keyframes hs80-stamp { from { scale: 2.2; opacity: 0; } to { scale: 1; opacity: 1; } }
/* Sahaf paneli: yeni sipariş uyarısında zil çalar, SATILDI mührü basılır */
.order-alert { position: relative; }
.order-alert-icon { display: inline-block; transform-origin: 50% 8%; }
.order-alert-stamp { position: absolute; right: 150px; top: 50%; translate: 0 -50%; rotate: -10deg; padding: 2px 12px; font: 800 1.1rem/1.1 var(--serif, Georgia, serif); letter-spacing: .12em; color: #fff; border: 3px double rgba(255,255,255,.85); border-radius: 6px; opacity: .85; pointer-events: none; }
@media (max-width: 640px) { .order-alert-stamp { display: none; } }
@media (prefers-reduced-motion: no-preference) {
  .order-alert:not([hidden]) .order-alert-icon { animation: hs80-ring 1.4s ease-in-out .15s 2; }
  .order-alert:not([hidden]) .order-alert-stamp { animation: hs80-stamp .45s cubic-bezier(.2,1.6,.4,1) .5s both; }
}
@keyframes hs80-ring { 0%, 100% { rotate: 0deg; } 10% { rotate: 24deg; } 25% { rotate: -20deg; } 40% { rotate: 14deg; } 55% { rotate: -9deg; } 70% { rotate: 4deg; } }

/* ── Giriş v7: sayfa fırtınası ve mürekkep (5,3 sn). Eski sayfalar ekranı süpürür ve yığılır; kâğıda mürekkep damlar, logo yazılır; kâğıt ortadan yırtılıp ana sayfa açılır. Dokununca atlanır. ── */
#intro-splash[data-scene="pages"] { background: transparent; overflow: hidden; }
#intro-splash[data-scene="pages"].play { animation: itEnd 0s linear 5.3s forwards; }
#intro-splash[data-scene="pages"]::after { display: none; }
#intro-splash[data-scene="pages"].skip { animation: isSkip .35s ease forwards !important; }
@keyframes itEnd { to { display: none; visibility: hidden; pointer-events: none; } }
#intro-splash .pg-desk { position: absolute; inset: 0; background: radial-gradient(900px 700px at 50% 50%, #4a2f1c, #1e120a); }
#intro-splash .pg-sheet { position: absolute; left: 0; top: 0; width: var(--w); height: calc(var(--w) * 1.32); opacity: 0; border: 1px solid #bda877; border-radius: 2px; box-shadow: 0 .6vmin 1.6vmin rgba(0,0,0,.45);
  background: repeating-linear-gradient(0deg, transparent 0 1.4vmin, rgba(150,125,80,.55) 1.4vmin 1.55vmin) 0 2.6vmin / 100% 100% no-repeat padding-box, linear-gradient(135deg, #f6edd6, #e6d6b0); }
#intro-splash .pg-sheet.fly { animation: pgFly 1.2s cubic-bezier(.35,.1,.6,.9) both; }
#intro-splash .pg-sheet.land { animation: pgLand .9s cubic-bezier(.2,.8,.3,1) both; }
@keyframes pgFly { 0% { opacity: 0; transform: translate(-30vw, var(--y0)) rotate(var(--r0)) scale(var(--sc)); } 12% { opacity: 1; } 100% { opacity: 1; transform: translate(130vw, var(--y1)) rotate(calc(var(--r0) + 300deg)) scale(var(--sc)); } }
@keyframes pgLand { 0% { opacity: 0; transform: translate(-40vw, var(--y0)) rotate(var(--r0)); } 15% { opacity: 1; } 100% { opacity: 1; transform: translate(var(--x1), var(--y1)) rotate(var(--r1)); } }
#intro-splash .pg-half { position: absolute; inset: 0; opacity: 0; filter: drop-shadow(0 0 0 rgba(0,0,0,0)); will-change: transform; }
#intro-splash .pg-half.l { transform-origin: 0 100%; } #intro-splash .pg-half.r { transform-origin: 100% 100%; }
#intro-splash .pg-paper { position: absolute; inset: 0; background: radial-gradient(ellipse at 50% 45%, #fbf4e1, #f1e4c6 70%, #e4d2a8); }
#intro-splash .pg-half.l .pg-paper { clip-path: polygon(0 0, 50% 0, 53% 10%, 48% 22%, 52% 35%, 47% 48%, 53% 61%, 48% 74%, 52% 87%, 49% 100%, 0 100%); }
#intro-splash .pg-half.r .pg-paper { clip-path: polygon(50% 0, 100% 0, 100% 100%, 49% 100%, 52% 87%, 48% 74%, 53% 61%, 47% 48%, 52% 35%, 48% 22%, 53% 10%); }
#intro-splash .pg-c { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; }
#intro-splash .pg-drop { position: absolute; left: 50%; top: 50%; width: 3vmin; height: 3vmin; margin: -1.5vmin 0 0 -1.5vmin; border-radius: 50%; background: #1d1209; opacity: 0; }
#intro-splash .pg-blot { position: absolute; left: 50%; top: 42%; width: 52vmin; height: 52vmin; margin: -26vmin 0 0 -26vmin; border-radius: 50%; opacity: 0; transform: scale(0);
  background: radial-gradient(circle, rgba(29,18,9,.78) 0, rgba(29,18,9,.55) 38%, rgba(29,18,9,.18) 62%, transparent 72%); filter: blur(.6vmin); }
#intro-splash .pg-spl { position: absolute; left: 50%; top: 42%; width: var(--s); height: var(--s); margin: calc(var(--s) / -2) 0 0 calc(var(--s) / -2); border-radius: 50%; background: #1d1209; opacity: 0; }
#intro-splash .pg-mark { position: relative; width: 34vmin; height: auto; overflow: visible; margin-bottom: 1vmin; }
#intro-splash .pg-o { fill: none; stroke: #2a1a10; stroke-width: 14.5; stroke-dasharray: 1080; stroke-dashoffset: 1080; }
#intro-splash .pg-i { fill: none; stroke: #8a5a32; stroke-width: 7.4; stroke-dasharray: 870; stroke-dashoffset: 870; }
#intro-splash .pg-leaf { fill: #a82b22; fill-rule: evenodd; opacity: 0; transform-box: fill-box; transform-origin: 50% 60%; }
#intro-splash .pg-word { position: relative; display: flex; font: 700 clamp(2rem, 8.5vmin, 4rem)/1.1 var(--serif); color: #2a1a10; letter-spacing: .06em; }
#intro-splash .pg-word span { display: inline-block; opacity: 0; filter: blur(8px); transform: translateY(1vmin) scale(1.25); }
#intro-splash .pg-word span:nth-child(6) { color: #a82b22; }
#intro-splash .pg-tag { font: italic 600 clamp(.95rem, 2.8vmin, 1.3rem)/1.3 var(--serif); color: #6b4a3a; letter-spacing: .05em; opacity: 0; }
#intro-splash .pg-sheets { position: absolute; inset: 0; }
#intro-splash.play .pg-desk, #intro-splash.play .pg-sheets { animation: pgGone 0s linear 1.9s forwards; }
#intro-splash.play .pg-half { animation: pgIn .35s ease 1.45s forwards; }
#intro-splash.play .pg-half.l { animation: pgIn .35s ease 1.45s forwards, pgTearL .85s cubic-bezier(.55,0,.25,1) 4.3s forwards; }
#intro-splash.play .pg-half.r { animation: pgIn .35s ease 1.45s forwards, pgTearR .85s cubic-bezier(.55,0,.25,1) 4.3s forwards; }
#intro-splash.play .pg-sheet.fly, #intro-splash.play .pg-sheet.land { }
#intro-splash.play .pg-drop { animation: pgDrop .5s cubic-bezier(.5,0,.9,.6) 1.85s both; }
#intro-splash.play .pg-blot { animation: pgBlot 1.1s cubic-bezier(.2,.8,.2,1) 2.1s forwards; }
#intro-splash.play .pg-spl { animation: pgSpl .5s cubic-bezier(.1,.8,.3,1) calc(2.1s + var(--s) * .05) forwards; }
#intro-splash.play .pg-o { animation: pgDraw 1s cubic-bezier(.5,.1,.2,1) 2.2s forwards; }
#intro-splash.play .pg-i { animation: pgDraw .9s cubic-bezier(.5,.1,.2,1) 2.4s forwards; }
#intro-splash.play .pg-leaf { animation: pgLeaf .5s cubic-bezier(.2,1.4,.4,1) 2.85s forwards; }
#intro-splash.play .pg-word span { animation: pgInk .5s ease calc(2.45s + var(--i) * .05s) forwards; }
#intro-splash.play .pg-tag { animation: pgFadeIn .5s ease 3.0s forwards; }
@keyframes pgGone { to { opacity: 0; visibility: hidden; } }
@keyframes pgIn { to { opacity: 1; } }
@keyframes pgDrop { 0% { opacity: 0; transform: translateY(-38vh) scale(.6); } 20% { opacity: 1; } 85% { opacity: 1; transform: translateY(-3vh) scale(1); } 100% { opacity: 0; transform: translateY(0) scale(1.6); } }
@keyframes pgBlot { 0% { opacity: 1; transform: scale(0); } 55% { opacity: 1; transform: scale(1); } 100% { opacity: .14; transform: scale(1.05); } }
@keyframes pgSpl { 0% { opacity: 0; transform: translate(0,0) scale(.3); } 25% { opacity: .95; } 100% { opacity: .55; transform: rotate(var(--a)) translateX(var(--r)) scale(1); } }
@keyframes pgDraw { to { stroke-dashoffset: 0; } }
@keyframes pgLeaf { 0% { opacity: 0; transform: scale(.4); } 100% { opacity: 1; transform: scale(1); } }
@keyframes pgInk { to { opacity: 1; filter: blur(0); transform: none; } }
@keyframes pgFadeIn { to { opacity: 1; } }
@keyframes pgTearL { 0% { filter: drop-shadow(0 0 0 rgba(0,0,0,0)); } 15% { filter: drop-shadow(0 0 1.4vmin rgba(0,0,0,.55)); } 100% { filter: drop-shadow(0 0 1.4vmin rgba(0,0,0,.55)); transform: translateX(-62%) rotate(-7deg); opacity: 0; } }
@keyframes pgTearR { 0% { filter: drop-shadow(0 0 0 rgba(0,0,0,0)); } 15% { filter: drop-shadow(0 0 1.4vmin rgba(0,0,0,.55)); } 100% { filter: drop-shadow(0 0 1.4vmin rgba(0,0,0,.55)); transform: translateX(62%) rotate(7deg); opacity: 0; } }
@media (prefers-reduced-motion: reduce) { #intro-splash[data-scene="pages"].play { display: none; animation: none; } }

/* Ana sayfa rafları — "kütüphane rafı": solda pirinç levha tarzı raf etiketi, sağda gerçek bir ahşap tahta üzerinde duran kitaplar.
   Renkli zemin yok; sayfanın krem zemini ve siteyle aynı ahşap tonu (--wood-1/2) kullanılır. */
.cat-shelves { display: grid; grid-template-columns: 1fr; gap: 30px; }
.cat-shelf { display: grid; grid-template-columns: 190px minmax(0, 1fr); gap: 0 22px; align-items: end; }
.cat-shelf .cat-shelf-label { align-self: center; display: flex; flex-direction: column; gap: 4px; padding: 16px 14px; text-align: center; text-decoration: none; color: var(--ink);
  background: var(--card); border: 1px solid var(--line-2); border-radius: var(--radius); box-shadow: var(--shadow); outline: 1px solid var(--line); outline-offset: -6px; }
.cat-shelf .cat-shelf-label strong { font-family: var(--serif); font-size: 1.12rem; line-height: 1.2; }
.cat-shelf .cat-shelf-label span { font-size: .8rem; color: var(--muted); }
.cat-shelf .cat-shelf-label:hover span, .cat-shelf .cat-shelf-label:focus-visible span { color: var(--accent-ink); }
.cat-shelf .cs-box { position: relative; background: none; border: 0; border-radius: 0; box-shadow: none; padding: 0; overflow: visible; }
.cat-shelf .cs-box::before { content: none; display: none; }
.cat-shelf .cs-box::after { content: ""; display: block; height: 14px; border-radius: 0 0 3px 3px; background: linear-gradient(var(--wood-1), var(--wood-2)); box-shadow: 0 6px 10px -5px rgba(40, 20, 5, .5), inset 0 1px 0 rgba(255, 255, 255, .22); }
.cat-shelf .vx-shelf-row { padding: 0 8px; }
@media (max-width: 760px) { .cat-shelf { grid-template-columns: 1fr; gap: 10px; } .cat-shelf .cat-shelf-label { flex-direction: row; justify-content: space-between; align-items: baseline; text-align: left; padding: 10px 14px; } }
.tone-box { background: none; box-shadow: none; }
.tone-box::before, .tone-box::after, .shelf-row.tone-box::before, .shelf-row.tone-box::after, .tone-box:not(.shelf-row)::before { content: none; display: none; }

/* Sıfır / ikinci el seçici ve mağaza türü rozeti */
.cond-seg{display:inline-flex;gap:0;margin-top:14px;border:1px solid var(--line);border-radius:999px;overflow:hidden;background:var(--paper,#fff)}
.cond-seg a{padding:7px 18px;font-size:.92rem;color:var(--ink,#2a2220);text-decoration:none;border-left:1px solid var(--line)}
.cond-seg a:first-child{border-left:0}
.cond-seg a.on{background:var(--green-2,#6b1d2a);color:#fff}
.cond-seg a:focus-visible{outline:2px solid var(--green-2,#6b1d2a);outline-offset:-3px}
.kind-chip{display:inline-block;margin-left:6px;padding:2px 8px;border:1px solid var(--line);border-radius:4px;font:600 .78rem var(--text);color:var(--green-2,#6b1d2a);vertical-align:middle;white-space:nowrap}
.sifir-band .section-title a{white-space:nowrap}

.hero-kinds{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 0}
.hero-kinds a{padding:5px 14px;border:1px solid rgba(255,255,255,.35);border-radius:999px;color:inherit;font-size:.9rem;text-decoration:none}
.hero-kinds a:hover,.hero-kinds a:focus-visible{background:rgba(255,255,255,.14)}