/* İnteraktif katalog — kitap görünümü + katalog sayfa şablonları.
   Sayfa içi ölçüler cqw (sayfa genişliğinin %'si) ile verilir; böylece sayfa her boyutta (ekran, mobil, A4 baskı) aynı görünür. */

/* ───────── Görüntüleyici ───────── */
.cat-hero { padding: 54px 0 90px; }
.viewer { position: relative; background: radial-gradient(ellipse at 50% 0%, #eaf3fc 0%, #f4f8fc 50%, #e9eef5 100%); padding: 34px 0 30px; user-select: none; }
.viewer:fullscreen { display: flex; flex-direction: column; justify-content: center; padding: 20px; }
.stage { position: relative; display: flex; justify-content: center; align-items: center; min-height: 300px; }
.book { position: relative; perspective: 2800px; transition: transform .8s cubic-bezier(.645, .045, .355, 1); }
.book::after { /* masa üstü gölgesi */
  content: ""; position: absolute; left: 50%; right: 0; bottom: -26px; height: 30px; z-index: -1;
  background: radial-gradient(ellipse at center, rgba(13, 27, 62, .28), transparent 70%); filter: blur(4px); transition: left .8s, right .8s;
}
.book.open::after { left: 2%; right: 2%; }
.book.end::after { left: 0; right: 50%; }
.leaf { position: absolute; top: 0; left: 50%; width: 50%; height: 100%; transform-origin: left center; transform-style: preserve-3d;
  transition: transform .9s cubic-bezier(.645, .045, .355, 1); cursor: pointer; }
.leaf.flipped { transform: rotateY(-180deg); }
.face { position: absolute; inset: 0; backface-visibility: hidden; -webkit-backface-visibility: hidden; overflow: hidden; background: #fff; }
.face.front { border-radius: 0 6px 6px 0; box-shadow: 6px 8px 24px -10px rgba(13, 27, 62, .35); }
.face.back { transform: rotateY(180deg); border-radius: 6px 0 0 6px; box-shadow: -6px 8px 24px -10px rgba(13, 27, 62, .35); }
.face::after { content: ""; position: absolute; inset: 0; pointer-events: none; z-index: 20; }
.face.front::after { background: linear-gradient(90deg, rgba(0, 0, 0, .16) 0%, rgba(0, 0, 0, .04) 3%, transparent 8%); }
.face.back::after { background: linear-gradient(270deg, rgba(0, 0, 0, .16) 0%, rgba(0, 0, 0, .04) 3%, transparent 8%); }
/* Çevrilen yaprağa ışık geçişi */
.leaf.moving .face::before { content: ""; position: absolute; inset: 0; z-index: 21; pointer-events: none; animation: sheen .9s ease-in-out; }
@keyframes sheen { 0%, 100% { background: transparent; } 50% { background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .35), rgba(0, 0, 0, .12)); } }
/* Sağ alt köşe kıvrılma ipucu */
.peel { position: absolute; right: 0; bottom: 0; width: 9%; aspect-ratio: 1; z-index: 25; opacity: 0; pointer-events: none;
  background: linear-gradient(135deg, transparent 50%, #dfe8f3 50%, #fff 75%); box-shadow: -3px -3px 8px -2px rgba(0, 0, 0, .25); border-radius: 0 0 6px 0;
  transition: opacity .3s; animation: peel 2.4s ease-in-out infinite; transform-origin: bottom right; }
.leaf.top .peel { opacity: 1; }
@keyframes peel { 0%, 100% { transform: scale(.6); } 50% { transform: scale(1.15); } }

.side-btn { position: absolute; top: 50%; translate: 0 -50%; z-index: 30; width: 54px; height: 54px; border-radius: 50%; border: 0; background: #fff; color: var(--navy);
  box-shadow: var(--shadow); cursor: pointer; display: grid; place-items: center; transition: .25s; }
.side-btn:hover:not(:disabled) { background: var(--grad); color: #fff; transform: scale(1.06); }
.side-btn:disabled { opacity: .35; cursor: default; }
.side-btn svg { width: 22px; height: 22px; }
.side-btn.prev { left: 18px; } .side-btn.next { right: 18px; }

.ctrl { display: flex; align-items: center; justify-content: center; gap: 12px; flex-wrap: wrap; margin-top: 34px; padding: 0 16px; }
.ctrl-box { display: flex; align-items: center; gap: 10px; background: #fff; border: 1px solid var(--line); border-radius: 999px; padding: 6px 8px 6px 16px; box-shadow: var(--shadow-sm); }
.ctrl-box.plain { padding: 6px; }
.ctrl input[type=range] { width: min(260px, 40vw); accent-color: var(--blue); cursor: pointer; }
.ctrl .pg-ind { font-weight: 700; font-size: 14px; color: var(--navy); min-width: 84px; text-align: center; font-variant-numeric: tabular-nums; }
.ctrl select, .ctrl .k-search input { border: 0; outline: none; background: none; font-weight: 600; font-size: 14px; color: var(--navy); padding: 6px 4px; max-width: 200px; }
.ctrl select { cursor: pointer; }
.k-search { display: flex; align-items: center; gap: 6px; }
.k-search svg { width: 16px; height: 16px; color: var(--muted); }
.icon-btn { width: 40px; height: 40px; border-radius: 50%; border: 0; background: var(--bg-soft); color: var(--navy); cursor: pointer; display: grid; place-items: center; transition: .2s; }
.icon-btn:hover { background: var(--grad); color: #fff; }
.icon-btn svg { width: 18px; height: 18px; }
.k-hint { text-align: center; color: var(--muted); font-size: 13px; margin-top: 14px; }
.k-hint kbd { font: inherit; font-weight: 700; background: #fff; border: 1px solid var(--line); border-radius: 6px; padding: 1px 7px; }

/* Mobil: yatay kaydırmalı tek sayfa */
.strip { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; gap: 16px; padding: 0 16px 10px; scrollbar-width: none; }
.strip::-webkit-scrollbar { display: none; }
.strip .slot { flex: none; width: min(100%, 520px); scroll-snap-align: center; position: relative; aspect-ratio: 1 / 1.414; border-radius: 8px; overflow: hidden; box-shadow: var(--shadow); background: #fff; }

/* ───────── Katalog sayfaları ───────── */
.face, .strip .slot, .print-pg { container-type: inline-size; }
.pg { position: absolute; inset: 0; overflow: hidden; background: #fff; color: var(--ink); font-size: 2.35cqw; line-height: 1.5; }
.pg h2, .pg h3, .pg h4 { color: var(--navy); letter-spacing: -.02em; line-height: 1.15; }
.pg svg { width: 1em; height: 1em; flex: none; }
.pg [data-go], .pg a { cursor: pointer; }
.pg .pn { position: absolute; bottom: 4.2cqw; font-size: 2.2cqw; font-weight: 800; color: var(--muted); }
.face.front .pg .pn { right: 11cqw; } .face.back .pg .pn { left: 6cqw; }
.strip .pg .pn, .print-pg .pg .pn { right: 6cqw; }
.pg-foot { position: absolute; left: 6cqw; right: 6cqw; bottom: 3cqw; display: flex; justify-content: space-between; align-items: center; border-top: .25cqw solid var(--line); padding-top: 2cqw; font-size: 2cqw; color: var(--muted); font-weight: 600; }
.face.back .pg-foot { flex-direction: row-reverse; }
.pg-foot a { color: var(--blue); }
.pg-foot .sp { width: 6cqw; }

/* Kapak */
.pg-cover { background: #0d1b3e; color: #fff; padding: 8cqw; }
.pg-cover::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 90% 70%, rgba(10, 139, 208, .7), transparent 45%), radial-gradient(circle at 0% 0%, rgba(61, 47, 132, .9), transparent 50%); }
.pg-cover::after { content: ""; position: absolute; inset: 0; background-image: radial-gradient(rgba(255, 255, 255, .13) .25cqw, transparent .3cqw); background-size: 4cqw 4cqw; -webkit-mask-image: linear-gradient(160deg, #000, transparent 70%); mask-image: linear-gradient(160deg, #000, transparent 70%); }
.pg-cover > * { position: relative; z-index: 1; }
.cv-logo { display: inline-block; background: #fff; border-radius: 3cqw; padding: 2.2cqw 3cqw; }
.cv-logo img { height: 10cqw; }
.cv-tag { margin-top: 11cqw; font-size: 2.2cqw; font-weight: 700; letter-spacing: .2em; color: #8fd8ff; text-transform: uppercase; }
.cv-title { font-size: 13cqw; font-weight: 800; line-height: .98; color: #fff; margin-top: 2cqw; letter-spacing: -.03em; }
.cv-year { display: inline-block; margin-top: 3cqw; font-size: 4.6cqw; font-weight: 800; padding: .6cqw 3.4cqw; border-radius: 99cqw; border: .4cqw solid rgba(255, 255, 255, .35); }
.cv-sub { margin-top: 3cqw; max-width: 42cqw; color: #c6d4ec; font-size: 2.6cqw; }
.cv-disc { position: absolute; right: -14cqw; bottom: 15cqw; width: 64cqw; aspect-ratio: 1; border-radius: 50%; z-index: 1;
  background: radial-gradient(circle at 38% 32%, #fff 0%, #eef6fd 55%, #cfe4f7 100%); box-shadow: 0 4cqw 10cqw -3cqw rgba(0, 0, 0, .55), inset 0 -3cqw 6cqw rgba(10, 139, 208, .18); }
.cv-disc::before { content: ""; position: absolute; inset: -5cqw; border-radius: 50%; border: .3cqw dashed rgba(143, 216, 255, .5); }
.cv-disc img { position: absolute; inset: 9%; width: 82%; height: 82%; object-fit: contain; }
.cv-chip { position: absolute; z-index: 2; width: 15cqw; aspect-ratio: 1; border-radius: 3.4cqw; background: #fff; padding: 1cqw; box-shadow: 0 2cqw 4cqw -1cqw rgba(0, 0, 0, .45); }
.cv-chip img { width: 100%; height: 100%; object-fit: contain; }
.cv-chip.c1 { right: 44cqw; bottom: 35cqw; } .cv-chip.c2 { right: 60cqw; bottom: 16cqw; } .cv-chip.c3 { right: 5cqw; bottom: 76cqw; }
.cv-foot { position: absolute; left: 8cqw; right: 8cqw; bottom: 6cqw; z-index: 2; display: flex; justify-content: space-between; align-items: flex-end; font-size: 2.1cqw; color: #c6d4ec; }
.cv-foot b { color: #fff; font-size: 2.6cqw; }
.cv-cats { display: flex; flex-wrap: wrap; gap: 1.2cqw; max-width: 56cqw; }
.cv-cats span { border: .25cqw solid rgba(255, 255, 255, .3); border-radius: 99cqw; padding: .4cqw 1.8cqw; }

/* İçindekiler */
.pg-toc { padding: 8cqw 6cqw; }
.pg-kicker { font-size: 2cqw; font-weight: 800; letter-spacing: .2em; color: var(--blue); text-transform: uppercase; }
.pg-h { font-size: 7.4cqw; font-weight: 800; margin: 1cqw 0 5cqw; }
.toc-row { display: flex; align-items: center; gap: 3cqw; padding: 2.6cqw 2.4cqw; border-radius: 2.6cqw; border: .25cqw solid var(--line); margin-bottom: 2cqw; transition: background .2s, border-color .2s, transform .2s; }
.toc-row:hover { background: var(--bg-soft); border-color: var(--blue); transform: translateX(.8cqw); }
.toc-ic { width: 8cqw; height: 8cqw; border-radius: 2.2cqw; background: var(--grad); color: #fff; display: grid; place-items: center; font-size: 4cqw; flex: none; }
.toc-ic.soft { background: var(--bg-blue); color: var(--blue); }
.toc-row b { display: block; font-size: 3cqw; color: var(--navy); }
.toc-row small { color: var(--muted); font-size: 2cqw; font-weight: 600; }
.toc-thumbs { display: flex; margin-left: auto; }
.toc-thumbs img { width: 7.6cqw; height: 7.6cqw; object-fit: contain; background: #fff; border-radius: 50%; border: .3cqw solid var(--line); margin-left: -2cqw; padding: .4cqw; }
.toc-num { font-size: 4.4cqw; font-weight: 800; color: var(--blue); min-width: 7cqw; text-align: right; }
.toc-row.mini { padding: 1.8cqw 2.4cqw; }
.toc-row.mini .toc-num { font-size: 3.2cqw; }

/* Hakkımızda */
.pg-about { padding: 8cqw 6cqw; }
.ab-lead { font-size: 2.6cqw; color: #475569; }
.ab-vals { display: grid; grid-template-columns: 1fr 1fr; gap: 2.4cqw; margin: 4.5cqw 0; }
.ab-vals div { background: var(--bg-soft); border-radius: 2.6cqw; padding: 3cqw; }
.ab-vals i { width: 6.6cqw; height: 6.6cqw; border-radius: 2cqw; background: var(--grad); color: #fff; display: grid; place-items: center; font-size: 3.4cqw; margin-bottom: 1.6cqw; }
.ab-vals b { display: block; color: var(--navy); font-size: 2.6cqw; }
.ab-vals span { font-size: 2.1cqw; color: var(--muted); }
.ab-imgs { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 2cqw; }
.ab-imgs img { width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: 2.4cqw; }

/* Bölüm kapağı */
.pg-cat { background: linear-gradient(150deg, var(--blue) 0%, var(--blue-2) 45%, var(--indigo) 100%); color: #fff; padding: 9cqw 7cqw; }
.pg-cat::before { content: ""; position: absolute; inset: 0; background-image: radial-gradient(rgba(255, 255, 255, .14) .25cqw, transparent .3cqw); background-size: 4cqw 4cqw; }
.pg-cat > * { position: relative; }
.pc-num { position: absolute; top: 2cqw; right: 5cqw; font-size: 26cqw; font-weight: 800; line-height: 1; color: rgba(255, 255, 255, .12); }
.pc-ic { width: 11cqw; height: 11cqw; border-radius: 3cqw; background: rgba(255, 255, 255, .16); display: grid; place-items: center; font-size: 5.6cqw; }
.pc-kicker { margin-top: 5cqw; font-size: 2.1cqw; letter-spacing: .2em; font-weight: 800; color: rgba(255, 255, 255, .7); }
.pg-cat h2 { color: #fff; font-size: 8cqw; max-width: 60cqw; margin-top: 1cqw; }
.pg-cat p { color: rgba(255, 255, 255, .85); font-size: 2.6cqw; max-width: 50cqw; margin-top: 2.4cqw; }
.pc-disc { position: absolute; right: -9cqw; top: 36cqw; width: 50cqw; aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle at 38% 32%, #fff, #e6f1fb); box-shadow: 0 4cqw 9cqw -3cqw rgba(0, 0, 0, .45); }
.pc-disc img { position: absolute; inset: 10%; width: 80%; height: 80%; object-fit: contain; }
.pc-card { position: absolute; left: 6cqw; right: 6cqw; bottom: 9cqw; background: #fff; color: var(--ink); border-radius: 3cqw; padding: 3.4cqw 3.6cqw; box-shadow: 0 3cqw 8cqw -3cqw rgba(0, 0, 0, .4); }
.pc-card h4 { font-size: 2.4cqw; text-transform: uppercase; letter-spacing: .12em; color: var(--blue); margin-bottom: 1.6cqw; }
.pc-list { columns: 2; column-gap: 4cqw; }
.pc-list li { display: flex; align-items: baseline; gap: 1cqw; font-size: 2.2cqw; padding: .55cqw 0; break-inside: avoid; color: var(--navy); font-weight: 600; }
.pc-list li span { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.pc-list li::after { content: ""; flex: 1; border-bottom: .3cqw dotted #c4d2e2; order: 1; min-width: 2cqw; }
.pc-list li b { order: 2; color: var(--blue); }
.pc-list li:hover span { color: var(--blue); }
.pg-cat .pn { color: rgba(255, 255, 255, .8); }

/* Ürün sayfası */
.pg-prod { padding: 5cqw 6cqw 12cqw; display: flex; flex-direction: column; }
.pg-prod > * { flex: none; }
.pp-top { display: flex; justify-content: space-between; align-items: center; font-size: 2cqw; font-weight: 700; color: var(--muted); padding-bottom: 2cqw; border-bottom: .3cqw solid transparent; border-image: var(--grad) 1; }
.pp-top span { display: inline-flex; align-items: center; gap: 1cqw; }
.pp-top .br { color: var(--indigo); font-weight: 800; letter-spacing: .06em; }
.pp-media { position: relative; height: var(--mh, 43cqw); margin-top: 2.6cqw; border-radius: 3.4cqw; background: radial-gradient(ellipse at 50% 48%, #fff 0%, #fff 45%, #e8f1fa 100%); display: grid; place-items: center; overflow: hidden; }
.pp-media > img { position: absolute; inset: 5% 4%; width: 92%; height: 90%; object-fit: contain; transition: opacity .3s; }
.pp-media > img.pack { inset: 0; width: 100%; height: 100%; object-fit: cover; }
.pp-new { position: absolute; top: 2.4cqw; left: 2.4cqw; background: var(--mint); color: #fff; font-size: 1.9cqw; font-weight: 800; letter-spacing: .1em; padding: .6cqw 2cqw; border-radius: 99cqw; z-index: 2; }
.pp-thumbs { position: absolute; right: 2cqw; bottom: 2cqw; display: flex; gap: 1.2cqw; z-index: 2; }
.pp-thumbs button { width: 8.5cqw; height: 8.5cqw; border-radius: 1.8cqw; border: .35cqw solid #fff; background: #fff; padding: .4cqw; cursor: pointer; box-shadow: 0 1cqw 2cqw -.6cqw rgba(13, 27, 62, .35); transition: transform .2s, border-color .2s; }
.pp-thumbs button:hover, .pp-thumbs button.on { border-color: var(--blue); transform: translateY(-.5cqw); }
.pp-thumbs img { width: 100%; height: 100%; object-fit: contain; border-radius: 1.2cqw; }
.pp-soon { display: grid; place-items: center; gap: 1cqw; color: var(--muted); font-weight: 700; font-size: 2.2cqw; width: 60%; height: 70%; border: .4cqw dashed #c6d7ea; border-radius: 3cqw; }
.pp-soon svg { width: 8cqw; height: 8cqw; color: #a9c3dd; }
.pp-head { margin-top: 2.8cqw; }
.pp-head h3 { font-size: 5.2cqw; font-weight: 800; }
.pp-en { font-size: 2cqw; font-weight: 700; color: var(--blue); text-transform: uppercase; letter-spacing: .1em; margin-top: .6cqw; }
.pp-head p { font-size: 2.45cqw; color: #475569; margin-top: 1.4cqw; }
.pp-codes { display: flex; flex-wrap: wrap; gap: 1.2cqw; margin-top: 2.4cqw; }
.pp-codes span { display: inline-flex; gap: 1.2cqw; align-items: center; border: .25cqw solid var(--line); border-radius: 1.6cqw; padding: .6cqw 1.6cqw; font-size: 2cqw; background: #fbfdff; }
.pp-codes small { color: var(--muted); font-weight: 600; font-size: 1.9cqw; }
.pp-codes b { font-family: ui-monospace, Consolas, monospace; color: var(--blue); }
.pp-cols { display: grid; grid-template-columns: 1fr 1.05fr; gap: 4cqw; margin-top: 2.8cqw; }
.pp-cols h4 { font-size: 2.1cqw; text-transform: uppercase; letter-spacing: .12em; color: var(--blue); margin-bottom: 1.4cqw; }
.pp-feat li { display: flex; gap: 1.2cqw; font-size: 2.15cqw; padding: .4cqw 0; line-height: 1.35; }
.pp-feat li::before { content: ""; flex: none; width: 2.2cqw; height: 2.2cqw; margin-top: .2cqw; border-radius: 50%; background: var(--mint) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12 4 4 8-9'/%3E%3C/svg%3E") center/70% no-repeat; }
.pp-spec { width: 100%; border-collapse: collapse; font-size: 2.05cqw; }
.pp-spec td { padding: .6cqw 1.2cqw; border-bottom: .2cqw solid var(--line); vertical-align: top; }
.pp-spec tr:nth-child(odd) td { background: #f7fafd; }
.pp-spec td:first-child { color: var(--muted); font-weight: 600; width: 42%; }
.pp-spec td:last-child { color: var(--navy); font-weight: 700; }

/* Etiket rehberi */
.pg-labels { padding: 8cqw 6cqw; }
.lb-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 2cqw 3cqw; }
.lb { display: flex; align-items: center; gap: 2.4cqw; padding: 1.6cqw 0; border-bottom: .2cqw solid var(--line); }
.lb .sym { flex: none; width: 10cqw; height: 7cqw; display: grid; place-items: center; color: #1b5fa8; font-weight: 800; }
.lb .sym svg { width: 6.5cqw; height: 6.5cqw; }
.lb .box { border: .35cqw solid currentColor; padding: .3cqw .9cqw; font-size: 1.7cqw; line-height: 1.2; text-align: center; }
.lb b { display: block; font-size: 2.3cqw; color: var(--navy); }
.lb small { font-size: 1.9cqw; color: var(--muted); }
.lb-note { margin-top: 4cqw; background: var(--bg-soft); border-radius: 2.6cqw; padding: 3cqw; font-size: 2.1cqw; color: #475569; }

/* Notlar */
.pg-notes { padding: 8cqw 6cqw; }
.pg-notes .lines { margin-top: 4cqw; height: 100cqw; background: repeating-linear-gradient(transparent 0 6.6cqw, var(--line) 6.6cqw 6.85cqw); }

/* Arka kapak */
.pg-back { background: #0d1b3e; color: #c6d4ec; padding: 10cqw 8cqw; display: flex; flex-direction: column; }
.pg-back::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 10% 100%, rgba(10, 139, 208, .55), transparent 50%), radial-gradient(circle at 100% 0%, rgba(61, 47, 132, .8), transparent 50%); }
.pg-back > * { position: relative; }
.pg-back h2 { color: #fff; font-size: 7cqw; margin-top: 10cqw; }
.pg-back .bk-sub { font-size: 2.6cqw; margin-top: 2cqw; max-width: 64cqw; }
.bk-list { margin-top: 7cqw; display: grid; gap: 3cqw; }
.bk-list li { display: flex; gap: 2.4cqw; align-items: center; font-size: 2.6cqw; }
.bk-list i { width: 8cqw; height: 8cqw; border-radius: 2.4cqw; background: rgba(255, 255, 255, .1); color: #8fd8ff; display: grid; place-items: center; font-size: 3.6cqw; flex: none; }
.bk-list b { display: block; color: #fff; font-size: 2.9cqw; }
.bk-web { margin-top: auto; font-size: 5.4cqw; font-weight: 800; color: #fff; }
.bk-note { font-size: 1.8cqw; opacity: .65; margin-top: 2cqw; }

/* ───────── Baskı / PDF ───────── */
#print { display: none; }
@media print {
  @page { size: A4; margin: 0; }
  body > *:not(#print) { display: none !important; }
  body { background: #fff; overflow: visible; }
  #print { display: block; }
  .print-pg { position: relative; width: 210mm; height: 297mm; overflow: hidden; break-after: page; page-break-after: always; }
  .print-pg * { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
  .pp-thumbs { display: none; }
}

@media (max-width: 600px) {
  .ctrl { gap: 8px; }
  .ctrl-box { padding: 4px 6px 4px 12px; }
  .ctrl input[type=range] { width: 34vw; }
  .ctrl select { max-width: 120px; }
}

/* Katalogdaki ürün görsellerine yumuşak gölge */
.pp-media > img:not(.pack), .cv-disc img, .pc-disc img, .cv-chip img, .pp-thumbs img {
  filter: drop-shadow(0 1.4cqw 1.8cqw rgba(13, 27, 62, .18)) drop-shadow(0 .3cqw .4cqw rgba(13, 27, 62, .1));
}

/* Mobil katalogda küçük görsel butonları dokunmaya uygun boyutta */
.strip .pp-thumbs button { width: 10.5cqw; height: 10.5cqw; }

/* Katalog: OEM sayfası süreç adımları */
.pg-oem .ab-vals { gap: 1.8cqw; margin: 3.5cqw 0; }
.pg-oem .ab-vals div { padding: 2.4cqw; }
.pg-oem .ab-vals b { font-size: 2.4cqw; }
.pg-oem .ab-vals span { font-size: 1.95cqw; line-height: 1.4; display: block; }
.oem-steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.6cqw; }
.oem-steps span { background: var(--grad); color: #fff; border-radius: 2.2cqw; padding: 2cqw; font-size: 1.9cqw; font-weight: 600; line-height: 1.35; }
.oem-steps b { display: block; font-size: 3.6cqw; line-height: 1; margin-bottom: .8cqw; opacity: .7; }

/* Sıkılaştırma: içindekiler 8 satır, OEM sayfası 6 madde + 4 adım tek sayfaya sığsın */
.pg-toc .pg-h { margin-bottom: 3.6cqw; }
.pg-toc .toc-row { padding: 1.9cqw 2.2cqw; margin-bottom: 1.4cqw; }
.pg-toc .toc-row.mini { padding: 1.4cqw 2.2cqw; }
.pg-toc .toc-ic { width: 7cqw; height: 7cqw; font-size: 3.4cqw; }
.pg-toc .toc-thumbs img { width: 6.6cqw; height: 6.6cqw; }
.pg-oem .pg-h { font-size: 6.4cqw; margin-bottom: 3cqw; }
.pg-oem .ab-lead { font-size: 2.35cqw; }
.pg-oem .ab-vals { grid-template-columns: 1fr 1fr 1fr; gap: 1.5cqw; margin: 3cqw 0; }
.pg-oem .ab-vals div { padding: 2cqw; }
.pg-oem .ab-vals i { width: 5.4cqw; height: 5.4cqw; font-size: 2.8cqw; margin-bottom: 1.2cqw; }
.pg-oem .ab-vals b { font-size: 2.15cqw; }
.pg-oem .ab-vals span { font-size: 1.75cqw; }

.pg-labels .pg-h { margin-bottom: 3.6cqw; }
.pg-labels .lb { padding: 1.3cqw 0; }
.pg-labels .lb-note { margin-top: 2.6cqw; }

/* ───────── Uzun diller (RU / FR): sabit katalog sayfalarına sığması için biraz daha küçük yazı ───────── */
:is(:lang(ru), :lang(fr)) .pp-head h3 { font-size: 4.4cqw; }
:is(:lang(ru), :lang(fr)) .pp-head p { font-size: 2.2cqw; }
:is(:lang(ru), :lang(fr)) .pp-feat li { font-size: 1.95cqw; padding: .3cqw 0; }
:is(:lang(ru), :lang(fr)) .pp-spec { font-size: 1.9cqw; }
:is(:lang(ru), :lang(fr)) .pg-h { font-size: 6.4cqw; margin-bottom: 4cqw; }
:is(:lang(ru), :lang(fr)) .toc-row { padding-block: 2.2cqw; margin-bottom: 1.6cqw; }
:is(:lang(ru), :lang(fr)) .toc-row b { font-size: 2.7cqw; }
:is(:lang(ru), :lang(fr)) .toc-row small { font-size: 1.85cqw; }
:lang(ru) .pg-toc { padding-block: 6.5cqw; }
:lang(ru) .toc-row b { font-size: 2.5cqw; line-height: 1.2; }
:lang(ru) .toc-thumbs img { width: 6.4cqw; height: 6.4cqw; }
:lang(ru) .pp-feat li { font-size: 1.85cqw; }
:is(:lang(ru), :lang(fr)) .pg-about:not(.pg-oem) .ab-lead { font-size: 2.4cqw; }
:is(:lang(ru), :lang(fr)) .pg-about:not(.pg-oem) .ab-vals span { font-size: 1.95cqw; }
:lang(ru) .pg-oem .ab-vals span { font-size: 1.62cqw; }
:lang(ru) .pg-oem .ab-lead { font-size: 2.15cqw; }
:is(:lang(ru), :lang(fr)) .lb { padding: 1.1cqw 0; gap: 2cqw; }
:is(:lang(ru), :lang(fr)) .lb b { font-size: 2.05cqw; }
:is(:lang(ru), :lang(fr)) .lb small { font-size: 1.7cqw; line-height: 1.35; }
:is(:lang(ru), :lang(fr)) .lb-note { margin-top: 3cqw; font-size: 1.9cqw; }
:is(:lang(ru), :lang(fr)) .pg-back h2 { font-size: 6cqw; }
:is(:lang(ru), :lang(fr)) .bk-list li { font-size: 2.4cqw; }