/* Slyvia Studio — Ürün Kataloğu (katalog.php)
   .kp  = bir katalog sayfası (A4). İç ölçüler sayfa genişliğine göre cqw: ekranda ve 210×297 mm baskıda aynı düzen.
   .kb- = sitedeki flipbook sahnesi.
   Metin renkleri ".kp .x" ile verilir; sitenin html.dark-mode p/h2/b kurallarını geçer. Sayfalar dark mode'da
   değişmez (basılı nesne). Sayfalarda <span> kullanılmaz: .dark-mode span:not(...) kuralı her rengi ezer. */

.kp {
    --kp-paper: #FDF8F3;
    --kp-sand: #F5EDE4;
    --kp-white: #FFFFFF;
    --kp-gold: #C9A86C;
    --kp-gold-2: #A38246;
    --kp-gilt: #D4AF37;
    --kp-brown: #8B7355;
    --kp-ink: #222222;
    --kp-ink-2: #5A544C;
    --kp-muted: #8C8378;
    --kp-night: linear-gradient(135deg, #1F1F23, #2A2A30 55%, #3A3A42);
    --kp-r-lg: 4.2cqw;
    --kp-r: 2.4cqw;
    --kp-shadow: 0 2cqw 5cqw rgba(163, 130, 70, .22);
    position: relative;
    width: 100%;
    aspect-ratio: 210 / 297;
    overflow: hidden;
    container-type: inline-size;
    background: var(--kp-paper);
    color: var(--kp-ink);
    font-family: 'Poppins', -apple-system, 'Segoe UI', Roboto, sans-serif;
    line-height: 1.5;
    text-align: left;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
}
.kp-in { position: absolute; inset: 0; }

/* ---------- Ortak bloklar ---------- */
.kp .kp-f { margin: 0; overflow: hidden; border-radius: var(--kp-r); background: var(--kp-sand); }
.kp .kp-f img { display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; }
.kp .kp-cat {
    display: inline-block; margin: 0 0 2.2cqw; padding: .75cqw 1.9cqw; line-height: 1;
    font-size: 1.3cqw; font-weight: 600; letter-spacing: .26cqw; text-transform: uppercase;
    color: var(--kp-gold-2); background: rgba(201, 168, 108, .12);
    border: .15cqw solid rgba(201, 168, 108, .38); border-radius: 99cqw;
}
.kp .kp-name {
    margin: 0 0 2.2cqw; font-size: 5.4cqw !important; font-weight: 600; line-height: 1.12;
    letter-spacing: -.06cqw; color: var(--kp-ink); text-wrap: balance;
}
.kp .kp-sub { display: block; margin-top: 1cqw; font-size: .42em; font-weight: 400; line-height: 1.35; letter-spacing: 0; color: var(--kp-brown); }
.kp .kp-lead, .kp .kp-body, .kp .kp-intro { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; }
.kp .kp-lead { margin: 0 0 2.4cqw; font-size: 2.2cqw; line-height: 1.6; color: var(--kp-ink-2); -webkit-line-clamp: 5; }
.kp .kp-body { margin: 0 0 2.4cqw; font-size: 1.8cqw; line-height: 1.7; color: var(--kp-ink-2); -webkit-line-clamp: 8; }
.kp .kp-specs { display: grid; gap: 1cqw; margin: 0 0 2.6cqw; font-size: 1.62cqw; line-height: 1.45; }
.kp .kp-specs div { display: flex; gap: 1.6cqw; padding-top: 1cqw; border-top: .12cqw solid rgba(139, 115, 85, .22); }
.kp .kp-specs dt { flex: 0 0 12cqw; font-weight: 600; color: var(--kp-ink); }
.kp .kp-specs dd { margin: 0; color: var(--kp-ink-2); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.kp .kp-buy { display: flex; flex-wrap: wrap; align-items: center; gap: 1.4cqw 3.4cqw; }
.kp .kp-price { font-size: 3.8cqw; font-weight: 600; line-height: 1.1; letter-spacing: -.04cqw; color: var(--kp-gold-2); font-variant-numeric: tabular-nums; white-space: nowrap; }
.kp .kp-price s { margin-right: .8cqw; font-size: .55em; font-weight: 400; color: var(--kp-muted); }
.kp .kp-link { padding-bottom: .3cqw; font-size: 1.6cqw; font-weight: 600; color: var(--kp-ink); border-bottom: .22cqw solid var(--kp-gold); text-decoration: none; white-space: nowrap; }
.kp .kp-link:hover { color: var(--kp-gold-2); }
.kp .kp-sku { margin: 1.6cqw 0 0; font-size: 1.25cqw; letter-spacing: .12cqw; color: var(--kp-muted); }
.kp .kp-foot {
    position: absolute; left: 7cqw; right: 7cqw; bottom: 3.2cqw; display: flex; align-items: center; justify-content: space-between;
    font-size: 1.2cqw; letter-spacing: .22cqw; text-transform: uppercase; color: var(--kp-muted);
}
.kp .kp-foot b { display: flex; align-items: center; gap: 1.8cqw; font-weight: 500; }
.kp .kp-logo { display: block; width: auto; max-width: none; }
.kp .kp-foot .kp-logo { height: 5cqw; }
/* Başlık altı altın çubuk (sitedeki .section-title imzası) */
.kp--bento .kp-name::after, .kp--gece .kp-name::after, .kp--kemer .kp-name::after,
.kp--sessiz .kp-name::after, .kp--icindekiler .kp-name::after {
    content: ''; display: block; width: 8.5cqw; height: .5cqw; margin-top: 2.2cqw; border-radius: 1cqw;
    background: linear-gradient(90deg, var(--kp-gold), var(--kp-gilt));
}

/* Telefon genişliğinde ikincil metni gizle, kalan yazıyı okunur boya çek */
@container (max-width: 460px) {
    .kp .kp-body, .kp .kp-specs, .kp .kp-sku { display: none; }
    .kp .kp-lead { font-size: max(2.2cqw, 10.5px); }
    .kp .kp-cat, .kp .kp-foot { font-size: max(1.3cqw, 8px); }
    .kp .kp-link { font-size: max(1.6cqw, 10px); }
}

/* ---------- Sitedeki sahne ---------- */
.kb-wrap { padding-bottom: var(--spacing-3xl); }
.kb-wrap .kb-meta { margin: calc(var(--spacing-lg) * -1) 0 var(--spacing-lg); text-align: center; font-size: var(--font-size-sm); color: var(--gray-500); }
.kb-stage { padding: 20px 14px 18px; background: var(--beige); border-radius: var(--border-radius-xl); }
.kb-book { display: grid; gap: 16px; max-width: 560px; margin: 0 auto; }
.kb-book > .kp { border-radius: 10px; box-shadow: 0 10px 30px rgba(60, 45, 20, .16); }
.kb-bar { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 12px; margin-top: 22px; }
.kb-btn {
    display: none; width: 44px; height: 44px; place-items: center; padding: 0;
    border: 1.5px solid var(--primary); border-radius: 50%; background: var(--white); color: var(--primary-dark);
    cursor: pointer; transition: background-color .2s, color .2s, opacity .2s;
}
.kb-btn:hover:not(:disabled) { background: var(--primary); color: #fff; }
.kb-btn:disabled { opacity: .4; cursor: default; }
.kb-btn:focus-visible, .kp a:focus-visible { outline: 3px solid var(--primary); outline-offset: 2px; }
.kb-bar .kb-count { display: none; min-width: 100px; margin: 0; text-align: center; font-weight: 500; font-variant-numeric: tabular-nums; color: var(--gray-700); }
.kb-stage .kb-hint { display: none; margin: 10px 0 0; text-align: center; font-size: var(--font-size-xs); color: var(--gray-500); }

@media (min-width: 1024px) {
    .kb-stage { padding: 40px 32px 24px; }
    .kb-btn:not([hidden]) { display: inline-grid; }
    .kb-bar .kb-count, .kb-stage .kb-hint { display: block; }
    /* JS kitabı kurana kadar yalnızca kapak (sayfa yığını görünüp kaybolmasın) */
    .kb-js .kb-book:not(.is-book) { max-width: min(50%, calc(80vh * .7071)); }
    .kb-js .kb-book:not(.is-book) > .kp:nth-child(n+2) { display: none; }
    .kb-book.is-book {
        display: block; position: relative; max-width: none;
        width: min(100%, calc(80vh * 1.4142)); aspect-ratio: 420 / 297;
        perspective: 2600px; transition: transform .6s cubic-bezier(.645, .045, .355, 1);
    }
    .kb-book.is-book[data-durum="kapak"] { transform: translateX(-25%); }
    .kb-book.is-book[data-durum="son"] { transform: translateX(25%); }
    .kb-stage:fullscreen { display: flex; flex-direction: column; justify-content: center; border-radius: 0; }
    .kb-stage:fullscreen .kb-book.is-book { width: min(96vw, calc(86vh * 1.4142)); }
}

/* Yapraklar: ön yüz = sağ sayfa, arka yüz = çevrilince sol sayfa */
.kb-leaf {
    position: absolute; top: 0; left: 50%; width: 50%; height: 100%;
    transform-origin: left center; transform-style: preserve-3d;
    transition: transform .7s cubic-bezier(.645, .045, .355, 1); cursor: pointer;
}
.kb-leaf.is-flipped { transform: rotateY(-180deg); }
.kb-face {
    position: absolute; inset: 0; overflow: hidden;
    -webkit-backface-visibility: hidden; backface-visibility: hidden;
    box-shadow: 0 14px 34px rgba(60, 45, 20, .2);
}
.kb-face--front { border-radius: 0 10px 10px 0; }
.kb-face--back { transform: rotateY(180deg); border-radius: 10px 0 0 10px; }
.kb-face > .kp { position: absolute; inset: 0; height: 100%; aspect-ratio: auto; }
.kb-face::after { content: ''; position: absolute; inset: 0; pointer-events: none; }
.kb-face--front::after { background: linear-gradient(90deg, rgba(40, 30, 15, .16), rgba(40, 30, 15, 0) 7%); }
.kb-face--back::after { background: linear-gradient(270deg, rgba(40, 30, 15, .16), rgba(40, 30, 15, 0) 7%); }
.kb-leaf.is-turning .kb-face::after { animation: kb-golge .7s ease-in-out; }
@keyframes kb-golge { 50% { background-color: rgba(40, 30, 15, .12); } }
.kb-still, .kb-still .kb-leaf { transition: none !important; }

/* Sayfa ekrana gelince görsel ve başlık yerine oturur (yalnızca sitede; katalog.js .is-bekle'yi kaldırır) */
@media (prefers-reduced-motion: no-preference) {
    .kb-book .kp .kp-f1 img { transition: transform .6s cubic-bezier(.2, .7, .2, 1) .15s; }
    .kb-book .kp .kp-name, .kb-book .kp .kp-lead { transition: opacity .45s ease-out .22s, transform .45s ease-out .22s; }
    .kb-book .kp .kp-lead { transition-delay: .28s; }
    .kb-book .kp.is-bekle .kp-f1 img { transform: scale(1.06); }
    .kb-book .kp.is-bekle .kp-name, .kb-book .kp.is-bekle .kp-lead { opacity: 0; transform: translateY(1.4cqw); }
}
@media (prefers-reduced-motion: reduce) {
    .kb-leaf, .kb-book.is-book { transition: none !important; }
}

/* ---------- Baskı (/katalog/baski → PDF) ---------- */
.kp-baski { margin: 0; background: #E9E4DC; }
.kp-baski .kp { width: 210mm; height: 297mm; margin: 24px auto; box-shadow: 0 6px 24px rgba(0, 0, 0, .15); }
@page { size: A4; margin: 0; }
@media print {
    .kp-baski { background: none; }
    .kp-baski .kp { margin: 0; box-shadow: none; break-after: page; }
    .kp-baski .kp:last-child { break-after: auto; }
}

/* =================== 10 ürün şablonu (kp_sablonlar dağıtır) =================== */

/* 1 Vitrin: üstte tam genişlik görsel, kenarına binen beyaz kart */
.kp--vitrin .kp-f1 { position: absolute; top: 0; left: 0; width: 100cqw; height: 80cqw; border-radius: 0 0 var(--kp-r-lg) var(--kp-r-lg); }
.kp--vitrin .kp-txt {
    position: absolute; left: 8cqw; right: 8cqw; top: 68cqw; max-height: 62cqw; overflow: hidden;
    padding: 5.4cqw 5.8cqw; background: var(--kp-white); border-radius: var(--kp-r-lg); box-shadow: var(--kp-shadow);
}
.kp--vitrin .kp-lead { -webkit-line-clamp: 4; }

/* 2 İkiz: solda bej metin kolonu, sağda kenara taşan dikey görsel ve iki küçük */
.kp--ikiz { background: linear-gradient(90deg, var(--kp-sand) 0 47%, var(--kp-paper) 47%); }
.kp--ikiz .kp-txt { position: absolute; left: 7cqw; top: 9cqw; bottom: 10cqw; width: 35.5cqw; display: flex; flex-direction: column; overflow: hidden; }
.kp--ikiz .kp-name { padding-left: 2.6cqw; font-size: 4.9cqw !important; background: linear-gradient(var(--kp-gold), var(--kp-gilt)) left top / .55cqw 100% no-repeat; }
.kp--ikiz .kp-body { -webkit-line-clamp: 9; }
.kp--ikiz .kp-buy { margin-top: auto; }
.kp--ikiz .kp-f1 { position: absolute; top: 7cqw; right: 0; width: 49cqw; height: 61.25cqw; border-radius: var(--kp-r-lg) 0 0 var(--kp-r-lg); }
.kp--ikiz .kp-f2, .kp--ikiz .kp-f3 { position: absolute; top: 71.5cqw; width: 23cqw; height: 28.75cqw; }
.kp--ikiz .kp-f2 { left: 51cqw; }
.kp--ikiz .kp-f3 { right: 0; border-radius: var(--kp-r) 0 0 var(--kp-r); }

/* 3 Bento: ortalı başlık, 1 büyük + 2 küçük ızgara, altta metin şeridi */
.kp--bento .kp-head {
    position: absolute; left: 10cqw; right: 10cqw; top: 6cqw; height: 25cqw; overflow: hidden;
    display: flex; flex-direction: column; justify-content: flex-end; align-items: center; text-align: center;
}
.kp--bento .kp-name { margin: 0; font-size: 5.2cqw !important; }
.kp--bento .kp-name::after { margin: 2.2cqw auto 0; }
.kp--bento .kp-grid { position: absolute; left: 7cqw; right: 7cqw; top: 34cqw; height: 69cqw; display: grid; grid-template-columns: 2fr 1fr; grid-template-rows: 1fr 1fr; gap: 2.4cqw; }
.kp--bento .kp-f1 { grid-row: span 2; }
.kp--bento .kp-strip {
    position: absolute; left: 7cqw; right: 7cqw; top: 107cqw; bottom: 10cqw; overflow: hidden;
    display: flex; align-items: flex-start; gap: 6cqw; padding-top: 3.4cqw; border-top: .15cqw solid rgba(139, 115, 85, .25);
}
.kp--bento .kp-lead { flex: 1; margin: 0; -webkit-line-clamp: 4; }
.kp--bento .kp-strip > div { flex: 0 0 auto; text-align: right; }
.kp--bento .kp-buy { flex-direction: column; align-items: flex-end; gap: 1.6cqw; }

/* 4 Gece (imza): koyu bento zemini, sıcak altın ışıma içinde görsel — LED ürünler burada parlar */
.kp--gece { background: var(--kp-night); }
.kp--gece .kp-in::before {
    content: ''; position: absolute; left: 50%; top: 42cqw; width: 112cqw; height: 112cqw; transform: translate(-50%, -50%); pointer-events: none;
    background: radial-gradient(circle, rgba(212, 175, 55, .34) 0, rgba(201, 168, 108, .12) 32%, rgba(201, 168, 108, 0) 62%);
}
.kp--gece .kp-f1 {
    position: absolute; left: 20cqw; top: 12cqw; width: 60cqw; height: 60cqw; border-radius: var(--kp-r-lg); background: #2A2A30;
    box-shadow: 0 0 0 .35cqw rgba(212, 175, 55, .5), 0 3cqw 9cqw rgba(0, 0, 0, .55);
}
.kp--gece .kp-txt { position: absolute; left: 12cqw; right: 12cqw; top: 80cqw; bottom: 10cqw; display: flex; flex-direction: column; align-items: center; text-align: center; overflow: hidden; }
.kp--gece .kp-cat { color: var(--kp-gilt); background: rgba(212, 175, 55, .12); border-color: rgba(212, 175, 55, .42); }
.kp--gece .kp-name { font-size: 5.6cqw !important; color: #FDF8F3; }
.kp--gece .kp-name::after { margin: 2.2cqw auto 0; }
.kp--gece .kp-sub { color: rgba(245, 237, 228, .62); }
.kp--gece .kp-lead { color: rgba(245, 237, 228, .76); -webkit-line-clamp: 4; }
.kp--gece .kp-buy { justify-content: center; margin-top: auto; }
.kp--gece .kp-price { padding: 1cqw 3cqw; font-size: 3.2cqw; color: #1F1F23; background: linear-gradient(135deg, var(--kp-gilt), var(--kp-gold)); border-radius: 99cqw; }
.kp--gece .kp-link { color: #FDF8F3; }
.kp--gece .kp-foot, .kp--arka .kp-foot { color: rgba(245, 237, 228, .45); }

/* 5 Dergi: dev ince başlık, solda iki görsel, sağda baş harfli metin */
.kp--dergi .kp-head {
    position: absolute; left: 7cqw; right: 7cqw; top: 7cqw; height: 34cqw; overflow: hidden;
    display: flex; flex-direction: column; justify-content: flex-end; padding-bottom: 3cqw; border-bottom: .15cqw solid var(--kp-gold);
}
.kp--dergi .kp-name { margin: 0; font-size: 8cqw !important; font-weight: 300; line-height: 1.04; letter-spacing: -.22cqw; }
.kp--dergi .kp-sub { margin-top: 1.8cqw; font-size: .3em; }
.kp--dergi .kp-f1 { position: absolute; left: 7cqw; top: 46cqw; width: 40cqw; height: 40cqw; }
.kp--dergi .kp-f2 { position: absolute; left: 7cqw; top: 89cqw; width: 40cqw; height: 30cqw; }
.kp--dergi .kp-txt { position: absolute; left: 52cqw; right: 7cqw; top: 46cqw; bottom: 10cqw; display: flex; flex-direction: column; overflow: hidden; }
.kp--dergi .kp-lead { display: block; font-size: 2.15cqw; }
.kp--dergi .kp-lead::first-letter { float: left; margin: .5cqw 1.2cqw 0 0; font-size: 3.4em; font-weight: 600; line-height: .8; color: var(--kp-gold-2); }
.kp--dergi .kp-buy { margin-top: auto; }

/* 6 Kemer: kemer çerçeveli görsel, yanında sağa hizalı başlık, altta metin */
.kp--kemer { background: var(--kp-sand); }
.kp--kemer .kp-f1 {
    position: absolute; left: 7cqw; top: 9cqw; width: 52cqw; height: 68cqw; border-radius: 26cqw 26cqw var(--kp-r) var(--kp-r);
    outline: .25cqw solid var(--kp-gold); outline-offset: 1.6cqw;
}
.kp--kemer .kp-side {
    position: absolute; left: 64cqw; right: 7cqw; top: 9cqw; height: 68cqw; overflow: hidden;
    display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-end; text-align: right;
}
.kp--kemer .kp-name { font-size: 4.6cqw !important; }
.kp--kemer .kp-name::after { margin: 2.2cqw 0 0 auto; }
.kp--kemer .kp-lead { margin: 0; font-size: 1.95cqw; -webkit-line-clamp: 8; }
.kp--kemer .kp-txt { position: absolute; left: 7cqw; right: 7cqw; top: 87cqw; bottom: 10cqw; display: grid; grid-template-columns: 1fr auto; align-items: end; gap: 7cqw; overflow: hidden; }
.kp--kemer .kp-body { margin: 0; }
.kp--kemer .kp-txt > div { text-align: right; }
.kp--kemer .kp-buy { flex-direction: column; align-items: flex-end; gap: 1.6cqw; }

/* 7 Mozaik: 2×2 kare ızgara, bir karesi koyu altın metin karosu */
.kp--mozaik .kp-grid { position: absolute; left: 7cqw; right: 7cqw; top: 7cqw; display: grid; grid-template-columns: 1fr 1fr; gap: 2.4cqw; }
.kp--mozaik .kp-grid > * { aspect-ratio: 1; }
.kp--mozaik .kp-tile { display: flex; flex-direction: column; padding: 4.2cqw; overflow: hidden; border-radius: var(--kp-r); background: linear-gradient(135deg, #A38246, #8B7355); }
.kp--mozaik .kp-tile .kp-cat { align-self: flex-start; color: #8B7355; background: rgba(253, 248, 243, .92); border-color: transparent; }
.kp--mozaik .kp-tile .kp-name { font-size: 4.3cqw !important; color: #FDF8F3; }
.kp--mozaik .kp-tile .kp-sub { color: rgba(253, 248, 243, .85); }
.kp--mozaik .kp-tile .kp-price { margin-top: auto; font-size: 4.4cqw; color: #FDF8F3; }
.kp--mozaik .kp-txt { position: absolute; left: 7cqw; right: 7cqw; top: 97cqw; bottom: 10cqw; display: grid; grid-template-columns: 1.1fr 1fr; gap: 6cqw; overflow: hidden; }
.kp--mozaik .kp-lead { margin: 0; -webkit-line-clamp: 6; }
.kp--mozaik .kp-link { display: inline-block; }

/* 8 Şerit: başlık + fiyat satırı, tam genişlik bant, üç kare */
.kp--serit .kp-head { position: absolute; left: 7cqw; right: 7cqw; top: 7cqw; height: 33cqw; display: flex; flex-direction: column; overflow: hidden; }
.kp--serit .kp-row { display: flex; align-items: flex-end; justify-content: space-between; gap: 5cqw; }
.kp--serit .kp-name { margin: 0; font-size: 5.2cqw !important; }
.kp--serit .kp-buy { flex: 0 0 auto; flex-direction: column; align-items: flex-end; gap: 1.2cqw; }
.kp--serit .kp-lead { margin: auto 0 0; -webkit-line-clamp: 3; }
.kp--serit .kp-f1 { position: absolute; left: 0; top: 43cqw; width: 100cqw; height: 56.25cqw; border-radius: 0; }
.kp--serit .kp-thumbs { position: absolute; left: 7cqw; right: 7cqw; top: 102.5cqw; display: grid; grid-template-columns: repeat(3, 1fr); gap: 2.4cqw; }
.kp--serit .kp-thumbs .kp-f { aspect-ratio: 1; }

/* 9 Odak: büyük görsel + yuvarlak detay merceği, dikey kategori etiketi */
.kp--odak .kp-f1 { position: absolute; left: 7cqw; top: 7cqw; width: 72cqw; height: 72cqw; }
.kp--odak .kp-f2 {
    position: absolute; left: 58cqw; top: 56cqw; width: 32cqw; height: 32cqw; border: 1cqw solid var(--kp-paper); border-radius: 50%;
    box-shadow: 0 0 0 .45cqw var(--kp-gold), var(--kp-shadow);
}
.kp--odak .kp-vert { position: absolute; right: 4.6cqw; top: 7cqw; margin: 0; writing-mode: vertical-rl; font-size: 1.3cqw; font-weight: 600; letter-spacing: .5cqw; text-transform: uppercase; color: var(--kp-gold-2); }
.kp--odak .kp-txt { position: absolute; left: 7cqw; right: 7cqw; top: 95cqw; bottom: 10cqw; display: grid; grid-template-columns: 1.3fr 1fr; gap: 6cqw; overflow: hidden; }
.kp--odak .kp-name { margin-bottom: 1.8cqw; font-size: 4.6cqw !important; }
.kp--odak .kp-lead { margin: 0; -webkit-line-clamp: 4; }
.kp--odak .kp-txt > div:last-child { display: flex; flex-direction: column; }
.kp--odak .kp-buy { margin-top: auto; }

/* 10 Sessiz: bol boşluk, ortada küçük görsel */
.kp--sessiz .kp-f1 { position: absolute; left: 27.5cqw; top: 16cqw; width: 45cqw; height: 45cqw; border-radius: var(--kp-r-lg); box-shadow: 0 4cqw 10cqw rgba(163, 130, 70, .28); }
.kp--sessiz .kp-txt { position: absolute; left: 15cqw; right: 15cqw; top: 73cqw; bottom: 10cqw; display: flex; flex-direction: column; align-items: center; text-align: center; overflow: hidden; }
.kp--sessiz .kp-name { font-size: 5cqw !important; font-weight: 500; }
.kp--sessiz .kp-name::after { margin: 2.4cqw auto 0; }
.kp--sessiz .kp-lead { -webkit-line-clamp: 4; }
.kp--sessiz .kp-buy { flex-direction: column; gap: 1.6cqw; margin-top: auto; }

/* =================== Sabit sayfalar =================== */

/* Kapak */
/* Kapak: arkada soluk ürün kolajı, üstte logo, kemerde öne çıkan ürün, yanlarda iki eğik ürün kartı */
.kp--kapak .kp-kolaj { position: absolute; inset: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.4cqw; }
.kp--kapak .kp-kolaj > div { display: flex; flex-direction: column; gap: 1.4cqw; }
.kp--kapak .kp-kolaj > div:nth-child(2) { transform: translateY(-17cqw); }
.kp--kapak .kp-kolaj > div:nth-child(3) { transform: translateY(-6cqw); }
.kp--kapak .kp-kolaj img { display: block; width: 100%; height: auto; max-width: none; aspect-ratio: 1; object-fit: cover; border-radius: 1.2cqw; }
.kp--kapak .kp-kolaj::after {
    content: ''; position: absolute; inset: 0;
    background:
        radial-gradient(circle at 50% 11%, #FDF8F3 0 14cqw, rgba(253, 248, 243, 0) 28cqw),
        linear-gradient(180deg, rgba(253, 248, 243, .9), rgba(253, 248, 243, .74) 38%, rgba(253, 248, 243, .74) 62%, rgba(253, 248, 243, .96) 80%);
}
.kp--kapak .kp-logo { position: absolute; left: 50%; top: 5cqw; height: 21cqw; transform: translateX(-50%); }
.kp--kapak .kp-mark { position: absolute; left: 0; right: 0; top: 12cqw; margin: 0; text-align: center; font-size: 3.6cqw; font-weight: 600; color: var(--kp-gold-2); }
.kp--kapak .kp-f1 {
    position: absolute; left: 21cqw; top: 31cqw; width: 58cqw; height: 80cqw;
    border: 1cqw solid #FDF8F3; border-radius: 29cqw 29cqw var(--kp-r) var(--kp-r);
    outline: .25cqw solid var(--kp-gold); outline-offset: 1.4cqw;
    box-shadow: 0 3cqw 8cqw rgba(90, 65, 30, .28);
}
.kp--kapak .kp-uydu { position: absolute; width: 23cqw; height: 23cqw; border: .9cqw solid #FDF8F3; box-shadow: 0 2cqw 5cqw rgba(90, 65, 30, .3); }
.kp--kapak .kp-uydu--1 { left: 7cqw; top: 87cqw; transform: rotate(-5deg); }
.kp--kapak .kp-uydu--2 { right: 7cqw; top: 54cqw; transform: rotate(4deg); }
.kp--kapak .kp-title { position: absolute; left: 7cqw; right: 7cqw; top: 118cqw; text-align: center; }
.kp--kapak .kp-slogan { margin: 0; font-size: 3.2cqw; font-weight: 300; letter-spacing: .04cqw; color: var(--kp-brown); }

/* İçindekiler */
.kp--icindekiler .kp-in { padding: 10cqw 9cqw 11cqw; }
.kp--icindekiler .kp-name { margin-bottom: 3cqw; font-size: 7cqw !important; font-weight: 300; letter-spacing: -.15cqw; }
.kp--icindekiler .kp-intro { max-width: 64cqw; margin: 0 0 6cqw; font-size: 1.9cqw; line-height: 1.65; color: var(--kp-ink-2); -webkit-line-clamp: 3; }
.kp .kp-toc--2 { columns: 2; column-gap: 7cqw; }
.kp .kp-toc-grup { break-inside: avoid; margin-bottom: 4.2cqw; }
.kp .kp-toc-grup h3 { margin: 0 0 1.2cqw; font-size: 1.35cqw !important; font-weight: 600; letter-spacing: .28cqw; text-transform: uppercase; color: var(--kp-gold-2); }
.kp .kp-toc a { display: flex; align-items: baseline; gap: 1.2cqw; padding: .9cqw 0; font-size: 1.95cqw; color: var(--kp-ink); text-decoration: none; }
.kp .kp-toc em { min-width: 0; overflow: hidden; font-style: normal; text-overflow: ellipsis; white-space: nowrap; }
.kp .kp-toc i { flex: 1; min-width: 3cqw; border-bottom: .2cqw dotted rgba(139, 115, 85, .45); }
.kp .kp-toc b { font-weight: 600; color: var(--kp-gold-2); font-variant-numeric: tabular-nums; }
.kp .kp-toc a:hover em { color: var(--kp-gold-2); }

/* Marka sayfası (ürün sayısı çiftse sayfa sayısını tamamlar) */
.kp--marka { background: var(--kp-sand); }
.kp--marka .kp-in { display: flex; flex-direction: column; justify-content: center; padding: 0 14cqw; }
.kp--marka .kp-quote { margin: 0; font-size: 4cqw; font-weight: 300; line-height: 1.45; color: var(--kp-ink); }
.kp--marka .kp-mark { margin: 5cqw 0 0; font-size: 2.2cqw; font-weight: 600; color: var(--kp-gold-2); }
.kp--marka .kp-logo { height: 13cqw; margin-top: 7cqw; }

/* Arka kapak */
.kp--arka { background: var(--kp-night); }
.kp--arka .kp-in { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 0 12cqw; text-align: center; }
.kp--arka .kp-mark { margin: 0; font-size: 6cqw; font-weight: 600; color: var(--kp-gold); }
.kp--arka .kp-logo { height: 27cqw; }
.kp--arka .kp-slogan { margin: 3cqw 0 9cqw; font-size: 2.2cqw; color: rgba(245, 237, 228, .72); }
.kp--arka .kp-contact { display: grid; gap: 2.8cqw; margin: 0; }
.kp--arka .kp-contact div { display: grid; gap: .5cqw; }
.kp--arka .kp-contact dt { font-size: 1.25cqw; font-weight: 600; letter-spacing: .3cqw; text-transform: uppercase; color: var(--kp-gold); }
.kp--arka .kp-contact dd { margin: 0; font-size: 2.1cqw; color: #F5EDE4; }
.kp--arka .kp-contact a { color: inherit; text-decoration: none; }