/* Paket 75: ayraç, kurşun kalem fiyat, raftan çekilme, ebru, kâğıt dokusu, okuma çizgisi, sepet sırtları,
   mühür, paketleme beklemesi, boş raf, kâğıt etiket rozetleri, tezhip başlık. Hepsi hareketi azalt ayarına uyar. */
@font-face { font-family: 'Caveat'; font-weight: 500; font-display: swap; src: url('/static/fonts/caveat-latin-500-normal.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Caveat'; font-weight: 700; font-display: swap; src: url('/static/fonts/caveat-latin-700-normal.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Caveat'; font-weight: 500; font-display: swap; src: url('/static/fonts/caveat-latin-ext-500-normal.woff2') format('woff2'); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Caveat'; font-weight: 700; font-display: swap; src: url('/static/fonts/caveat-latin-ext-700-normal.woff2') format('woff2'); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }

/* ---- 1) Ayraçlı favori ---- */
.v75-mark { position: absolute; top: -2px; right: 14px; z-index: 4; margin: 0; }
.v75-mark button { display: block; width: 26px; height: 40px; padding: 0; border: 0; cursor: pointer; background: #9aa0a6; opacity: .55; clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 78%, 0 100%); transform-origin: top center; transition: background .2s, opacity .2s, height .3s cubic-bezier(.3, 1.5, .5, 1); filter: drop-shadow(0 2px 2px rgba(0, 0, 0, .3)); }
.v75-mark:hover button, .v75-mark button:focus-visible { opacity: .95; height: 46px; background: #b9474a; }
.v75-mark.on button { background: #a8241a; opacity: 1; }
.v75-mark button:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
.v75-mark.drop button { animation: v75Drop .9s cubic-bezier(.3, 1.4, .5, 1); }
@keyframes v75Drop { 0% { transform: translateY(-46px); } 55% { transform: translateY(4px) rotate(3deg); } 75% { transform: rotate(-3deg); } 100% { transform: none; } }
.card:has(.badge.signed)::before { right: 0; }   /* imzalı köşe şeridiyle çakışmasın: ayraç solunda */
.card:has(.badge.signed) .v75-mark { right: 52px; }

/* ---- 2) Lastik damga (kurşun kalem fiyat stili kaldırıldı: fiyatlar sade serif) ---- */
.card .badge.sold { background: rgba(255, 250, 240, .75); color: #a8241a; border: 3px double #a8241a; border-radius: 6px; padding: 4px 12px; font-size: .85rem; letter-spacing: .14em; transform: rotate(-9deg); transform-origin: left center; }

/* ---- 4) Raftan çekilme ---- */
.v75-pre { opacity: 0; transform: translateY(26px) scale(.97); }
.v75-in { opacity: 1; transform: none; transition: opacity .45s ease, transform .55s cubic-bezier(.2, .9, .3, 1.15); transition-delay: var(--d, 0ms); }

/* ---- 5) Ebru başlık ---- */
.shop-cover:not(.has-banner) { position: relative; isolation: isolate; }
.shop-cover:not(.has-banner)::before { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; background: url('/static/img/ebru.webp') center / cover; opacity: .14; }

/* ---- 6) Kâğıt dokusu (açık temada; koyuda kapalı) ---- */
body, .card, .panel, .catalog-card { background-image: url('/static/img/paper-tile.png'); background-size: 256px 256px; }
:root[data-theme="dark"] body, :root[data-theme="dark"] .card, :root[data-theme="dark"] .panel, :root[data-theme="dark"] .catalog-card { background-image: none; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) body, :root:not([data-theme="light"]) .card, :root:not([data-theme="light"]) .panel, :root:not([data-theme="light"]) .catalog-card { background-image: none; } }

/* ---- 7) Okuma çizgisi ---- */
.v75-read { position: fixed; left: 0; top: 0; height: 3px; width: 100%; z-index: 80; background: linear-gradient(90deg, #a8241a, #c9a24a); transform: scaleX(0); transform-origin: left; pointer-events: none; }

/* ---- 8) Sepet: kitap sırtları ---- */
.v75-cartshelf { display: flex; align-items: flex-end; gap: 3px; padding: 14px 18px 0; margin: 6px 0 18px; border-bottom: 10px solid #8a5a2b; overflow-x: auto; scrollbar-width: none; }
.v75-sp { flex: none; background: linear-gradient(90deg, rgba(0, 0, 0, .3), var(--c) 20%, var(--c) 75%, rgba(0, 0, 0, .35)); border-radius: 3px 3px 0 0; box-shadow: 1px 0 4px rgba(0, 0, 0, .3); display: flex; justify-content: center; align-items: center; padding: 8px 0; transition: transform .5s cubic-bezier(.5, 0, .8, .3), opacity .5s; animation: v75SpIn .5s cubic-bezier(.3, 1.3, .5, 1) both; }
.v75-sp b { writing-mode: vertical-rl; font: 700 14px/1 'Lora', serif; color: #f1dfb8; max-height: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.v75-sp.out { transform: translateY(-40px) rotate(8deg) translateX(60px); opacity: 0; }
@keyframes v75SpIn { from { transform: translateY(-30px); opacity: 0; } }

/* ---- 9) Mühür: sipariş alındı damgası ---- */
.v74-done-card { position: relative; }
.v74-done-card::after { content: "SİPARİŞ ALINDI"; position: absolute; right: 12px; top: 14px; border: 3px double #a8241a; color: #a8241a; font: 700 .85rem 'Lora', serif; letter-spacing: .1em; padding: 4px 10px; border-radius: 4px; background: rgba(255, 250, 240, .85); opacity: 0; transform: rotate(9deg) scale(3); animation: v75Stamp .45s cubic-bezier(.2, 1.3, .4, 1) 2.9s forwards; }
@keyframes v75Stamp { to { opacity: .95; transform: rotate(9deg) scale(1); } }

/* ---- 10) Ödeme beklerken: kitap kutuya girer ---- */
.v75-pack { position: relative; width: 96px; height: 84px; margin: 0 auto 12px; }
.v75-pack i { position: absolute; display: block; }
.v75-pack .pk-box { left: 8px; right: 8px; bottom: 0; height: 40px; background: linear-gradient(#c79a5c, #b08043); border-radius: 0 0 5px 5px; z-index: 3; }
.v75-pack .pk-book { left: 34px; width: 28px; height: 40px; bottom: 22px; background: #7c2d26; border-radius: 2px; z-index: 2; box-shadow: inset 4px 0 0 rgba(0, 0, 0, .25); animation: v75Book 3.4s ease-in-out infinite; }
.v75-pack .pk-lid { left: 4px; right: 4px; bottom: 36px; height: 9px; background: #d3a96a; border-radius: 3px; z-index: 4; transform-origin: left bottom; animation: v75Lid 3.4s ease-in-out infinite; }
@keyframes v75Book { 0% { transform: translateY(-44px); opacity: 0; } 20% { opacity: 1; } 45%, 85% { transform: translateY(8px); opacity: 1; } 100% { transform: translateY(8px); opacity: 0; } }
@keyframes v75Lid { 0%, 45% { transform: rotate(-100deg); } 60%, 85% { transform: rotate(0); } 100% { transform: rotate(-100deg); } }

/* ---- 11) Boş raf ---- */
.v75-shelf { display: flex; justify-content: center; align-items: flex-end; gap: 4px; width: min(420px, 90%); margin: 0 auto 6px; padding: 0 12px; border-bottom: 10px solid #8a5a2b; box-shadow: 0 8px 14px rgba(0, 0, 0, .12); }
.v75-shelf span { width: 26px; background: linear-gradient(90deg, rgba(0, 0, 0, .3), var(--c) 25%, var(--c) 75%, rgba(0, 0, 0, .3)); border-radius: 2px 2px 0 0; }
.v75-shelf .gap { width: 54px; height: 92px; border: 2px dashed var(--accent); border-bottom: 0; border-radius: 3px 3px 0 0; display: grid; place-items: center; font-style: normal; background: rgba(168, 36, 26, .06); animation: v75Gap 2.6s ease-in-out infinite; }
.v75-shelf .gap b { font: 700 1.6rem 'Lora', serif; color: var(--accent); }
@keyframes v75Gap { 50% { background: rgba(168, 36, 26, .16); } }

/* ---- 12) Kâğıt etiket rozetleri ---- */
.badge { border-radius: 2px 6px 2px 2px; box-shadow: 0 2px 3px rgba(0, 0, 0, .25); position: relative; transform: rotate(-1.5deg); }
.badge::after { content: ""; position: absolute; right: 0; top: 0; width: 8px; height: 8px; background: linear-gradient(225deg, rgba(255, 250, 240, .95) 50%, rgba(0, 0, 0, .18) 50%); border-bottom-left-radius: 2px; }
.badges .badge:nth-child(even) { transform: rotate(1.2deg); }
.card .badge.sold::after { display: none; }

/* ---- 13) Tezhip süslü başlıklar ---- */
.section-title h2::before { content: ""; display: inline-block; width: 22px; height: 22px; margin-right: 10px; vertical-align: -4px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a07d37' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2c1.5 3 1.5 5 0 7-1.5-2-1.5-4 0-7z M12 22c1.5-3 1.5-5 0-7-1.5 2-1.5 4 0 7z M2 12c3-1.5 5-1.5 7 0-2 1.5-4 1.5-7 0z M22 12c-3-1.5-5-1.5-7 0 2 1.5 4 1.5 7 0z'/%3E%3Ccircle cx='12' cy='12' r='2.2'/%3E%3C/svg%3E") center / contain no-repeat; }

@media (prefers-reduced-motion: reduce) {
  .v75-pre { opacity: 1; transform: none; }
  .v75-mark.drop button, .v75-pack i, .v75-shelf .gap, .v75-sp { animation: none !important; }
  .v75-pack .pk-lid { transform: none; }
  .v74-done-card::after { animation: none; opacity: .95; transform: rotate(9deg); }
}

/* ---- Ana sayfa girişi: rafın arkasında sabit, çok yumuşak sıcak ışık (hareketsiz) ---- */
.hero-scene { position: relative; isolation: isolate; }
.hero-scene::before { content: ""; position: absolute; left: -12%; right: -12%; top: -14%; bottom: -10%; z-index: -1; pointer-events: none; background: radial-gradient(ellipse at 50% 42%, rgba(255, 196, 110, .26) 0%, rgba(255, 170, 80, .10) 42%, transparent 70%); }