/* =====================================================================
   Ürün sayfaları (/urunler, /urunler/kategori/*, /urunler/*, /entegrasyonlar)
   Önek: .prd-  · Yalnız site.css tokenları · Cihaz ekranları em ile ölçeklenir
   (kap: .prd-cq → container-type; ekran kökünün yazı boyu cqw ile).
   ===================================================================== */

/* ───────── Genel ───────── */
.prd-h2 { margin-bottom: clamp(28px, 4vw, 48px); }
.prd-more { margin-top: 28px; display: flex; flex-wrap: wrap; gap: 12px 32px; }
.prd-links { list-style: none; display: flex; flex-wrap: wrap; gap: 10px 32px; }
.prd-links--lg { font-size: 21px; }
.prd-hide { display: none !important; }

/* Yerel menüdeki küçük kırmızı hap (site.css'teki .localnav__menu a rengini ezer) */
.localnav__menu .localnav__cta a.prd-localcta { color: #fff; opacity: 1; min-height: 0; padding: 4px 12px; font-size: 12px; line-height: 1.33; }
.localnav__menu .localnav__cta a.prd-localcta:hover { color: #fff; background: var(--red-hover); }

/* Giriş görseli */
.prd-hero .page-intro__visual { display: flex; justify-content: center; }
.prd-hero .device-browser { width: 100%; max-width: 980px; }
.prd-shot { margin: 0 auto; max-width: 980px; }
.prd-shot img { width: 100%; border-radius: var(--r); box-shadow: 0 0 0 1px var(--line-soft), 0 20px 50px rgba(0, 0, 0, .08); }

/* ───────── /urunler ───────── */
.prd-chapters { border-bottom: 1px solid var(--line-soft); }
.prd-chapters ul { list-style: none; display: flex; justify-content: center; gap: 8px 28px; max-width: 1064px; margin: 0 auto; padding: 14px var(--gutter); overflow-x: auto; scrollbar-width: none; white-space: nowrap; }
.prd-chapters ul::-webkit-scrollbar { display: none; }
.prd-chapters a { font-size: 12px; color: var(--ink); }
.prd-chapters a:hover { color: var(--link); text-decoration: none; }
@media (max-width: 834px) { .prd-chapters ul { justify-content: flex-start; } }

.prd-tiles { padding-bottom: 12px; }
.prd-tile .tile__visual { padding-top: 40px; }
.prd-tile__laptop { width: min(700px, 100%); }
.prd-crop { width: 100%; height: 380px; overflow: hidden; display: flex; justify-content: center; align-items: flex-start; }
.prd-crop > * { flex: none; }
.prd-crop--paper { height: 350px; }
.prd-crop--paper .prd-a4 { width: min(440px, 92%); }
.prd-crop__img { width: 100%; height: 100%; object-fit: cover; object-position: top; border-radius: 12px 12px 0 0; }
@media (max-width: 834px) { .prd-crop { height: 320px; } .prd-crop--paper { height: 300px; } }
@media (max-width: 734px) { .prd-tiles .tile { min-height: 0; } }

.prd-family { scroll-margin-top: calc(var(--nav-h) + 16px); }
.prd-family + .prd-family { margin-top: clamp(64px, 8vw, 112px); padding-top: clamp(48px, 6vw, 80px); border-top: 1px solid var(--line-soft); }
.prd-family__head { max-width: 720px; margin-bottom: 32px; }
.prd-family__head .t-intro { margin-top: 10px; }
.prd-family__head .link { margin-top: 14px; }
.prd-cards { --gap: 16px; }

.prd-card { display: flex; flex-direction: column; height: 100%; }
.prd-card .card__text { flex: 1; }
.prd-card .link { align-self: flex-start; margin-top: 18px; }
.prd-card__post { font-size: 19px; margin: 8px 0 0; }

.prd-start { list-style: none; border-top: 1px solid var(--line); }
.prd-start li { display: flex; justify-content: space-between; align-items: baseline; gap: 12px 32px; padding: 18px 0; border-bottom: 1px solid var(--line); }
.prd-start li > span { font-size: 19px; line-height: 1.3; font-weight: 600; letter-spacing: .012em; }
.prd-start li .link { flex: none; white-space: nowrap; }
.prd-start__note { margin-top: 28px; }
@media (max-width: 734px) { .prd-start li { flex-direction: column; gap: 6px; } .prd-start li > span { font-size: 17px; } }

.prd-zemin { margin-top: clamp(48px, 6vw, 80px); }

/* Pazaryeri logoları ve akış */
.prd-market__logos { margin-top: clamp(40px, 5vw, 64px); }
.prd-market__note { margin-top: 28px; }
.prd-flow { list-style: none; counter-reset: adim; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 32px; margin-top: clamp(48px, 6vw, 80px); }
.prd-flow li { counter-increment: adim; border-top: 1px solid var(--line); padding-top: 20px; }
.prd-flow li::before { content: counter(adim); display: block; font-size: 14px; color: var(--muted); margin-bottom: 12px; }
.prd-flow b { display: block; font-size: 21px; line-height: 1.19; font-weight: 600; margin-bottom: 6px; }
.prd-flow span { display: block; color: var(--muted); }
@media (max-width: 834px) { .prd-flow { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { .prd-flow { grid-template-columns: 1fr; gap: 24px; } }

/* ───────── Kategori ───────── */
.prd-row__text { margin-top: 4px; }
.prd-row__list { margin-top: 20px; color: var(--ink-2); }
.prd-row__links { margin-top: 24px; }
.prd-row__vis { display: flex; justify-content: center; min-width: 0; }

/* ───────── Ürün sayfası ───────── */
/* Öne çıkanlar (yatay kaydırıcı) */
.prd-hl { width: clamp(260px, 28vw, 372px); min-height: clamp(220px, 22vw, 300px); background: var(--bg-alt); border-radius: var(--r-lg); padding: 32px 30px; display: flex; align-items: flex-end; }
.section--alt .prd-hl { background: #fff; }
.scroller .prd-hl--dark { background: var(--bg-dark); color: var(--on-dark); }
.prd-hl p { font-size: clamp(21px, 1.9vw, 26px); line-height: 1.2; font-weight: 600; letter-spacing: .004em; }

/* Özellik grupları */
.prd-fgroup + .prd-fgroup { margin-top: clamp(56px, 7vw, 88px); }
.prd-fgroup__h { margin-bottom: 28px; padding-bottom: 14px; border-bottom: 1px solid var(--line); }

/* Nasıl çalışır */
.prd-steps { list-style: none; display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 40px 32px; }
.prd-steps li { border-top: 1px solid var(--line); padding-top: 20px; }
.prd-steps__n { display: block; font-size: 14px; color: var(--muted); margin-bottom: 12px; font-variant-numeric: tabular-nums; }
.prd-steps h3 { font-size: 21px; line-height: 1.19; margin-bottom: 8px; }
.prd-steps p { color: var(--muted); }

/* Rakamlar */
.prd-figs .figures { gap: 48px 40px; }
.prd-figs .figure__value { font-size: clamp(40px, 4.4vw, 60px); }
.prd-figs .figure__label { max-width: 280px; margin-left: auto; margin-right: auto; }
.prd-figs__lead { margin-bottom: clamp(40px, 5vw, 64px); }

/* Teknik ayrıntılar */
@media (max-width: 734px) {
    .prd-spec li { flex-direction: column; gap: 4px; }
    .prd-spec li > :first-child { flex: none; }
}

/* Kimler kullanıyor */
.prd-quotes { margin-top: 48px; --gap: 40px; }
.prd-quote { margin: 0; }
.prd-quote blockquote { margin: 0; font-size: 21px; line-height: 1.38; font-weight: 600; }
.prd-quote figcaption { margin-top: 12px; color: var(--muted); }
.prd-sectors { margin-top: 48px; }
.prd-sectors__h { font-size: 17px; font-weight: 600; margin-bottom: 12px; color: var(--muted); }

/* Video ve galeri */
.prd-video { position: relative; aspect-ratio: 16 / 9; border-radius: var(--r-lg); overflow: hidden; background: var(--bg-dark-2); margin-bottom: 40px; }
.prd-video__play { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: flex; align-items: center; gap: 8px; background: #fff; color: var(--ink); border: 0; border-radius: 980px; padding: 12px 22px; font-size: 17px; }
.prd-video__play i { font-size: 22px; line-height: 1; }
.prd-video iframe, .prd-video video { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.prd-gallery__item { margin: 0; width: clamp(280px, 60vw, 760px); }
.prd-gallery__item img { width: 100%; border-radius: var(--r); box-shadow: 0 0 0 1px var(--line-soft); }
.prd-gallery__item figcaption { margin-top: 10px; color: var(--muted); font-size: 14px; }

/* ───────── Uzun sayfa anlatısı (Plasiyer, e-Dinamik) ───────── */
.prd-story .intro-block .t-subhead { margin-bottom: 14px; }
.prd-story__tag { margin: 8px 0 18px; }
.prd-story__cols { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: clamp(32px, 5vw, 72px); margin-top: clamp(48px, 6vw, 80px); align-items: start; }
.prd-story__wide { margin-top: clamp(40px, 5vw, 64px); }
.prd-story__feats { margin-top: clamp(48px, 6vw, 72px); }
.prd-story__browser { max-width: 900px; margin: clamp(40px, 5vw, 64px) auto 0; }
@media (max-width: 834px) { .prd-story__cols { grid-template-columns: 1fr; } }

.prd-flist { list-style: none; margin-top: 24px; border-top: 1px solid var(--line); }
.prd-story__cols .prd-flist { margin-top: 0; }
.prd-flist li { padding: 14px 0; border-bottom: 1px solid var(--line); }
.prd-flist b { display: block; font-weight: 600; }
.prd-flist span { display: block; color: var(--muted); font-size: 15px; margin-top: 2px; }
.section--dark .prd-flist, .section--dark .prd-flist li { border-color: var(--line-dark); }
.section--dark .prd-flist span { color: var(--on-dark-muted); }

.prd-duo { display: flex; justify-content: center; align-items: flex-end; gap: clamp(20px, 4vw, 56px); margin-top: clamp(40px, 5vw, 64px); }
.prd-duo--tight { margin-top: 0; gap: 16px; flex-wrap: wrap; }
.prd-duo > .device-phone { margin: 0; flex: none; }
@media (max-width: 734px) { .prd-duo { flex-direction: column; align-items: center; } }

.prd-trio { display: flex; justify-content: center; align-items: flex-end; gap: clamp(16px, 3vw, 40px); }
.prd-trio__side { padding-bottom: 36px; }
@media (max-width: 734px) { .prd-trio__side { display: none; } }

.prd-split-paper { grid-template-columns: minmax(0, .75fr) minmax(0, 1.25fr); }
@media (max-width: 834px) { .prd-split-paper { grid-template-columns: 1fr; } }
.prd-paperpad { background: var(--bg-alt); border-radius: var(--r-lg); padding: clamp(20px, 4vw, 44px); }

/* Rota haritası (büyük) */
.prd-mapcard { display: grid; grid-template-columns: minmax(0, 1.8fr) minmax(0, 1fr); margin-top: clamp(40px, 5vw, 64px); border-radius: var(--r-lg); overflow: hidden; background: #fff; box-shadow: 0 0 0 1px var(--line-soft); }
.prd-mapcard__map { aspect-ratio: 16 / 10; min-width: 0; }
.prd-mapcard__list { padding: 24px; display: flex; flex-direction: column; gap: 14px; font-size: 15px; border-left: 1px solid var(--line-soft); min-width: 0; }
.prd-mapcard__h { padding-bottom: 12px; border-bottom: 1px solid var(--line-soft); }
.prd-mapcard__h b { display: block; font-size: 19px; }
.prd-mapcard__h small { color: var(--muted); font-size: 14px; }
@media (max-width: 734px) {
    .prd-mapcard { grid-template-columns: 1fr; }
    .prd-mapcard__list { border-left: 0; border-top: 1px solid var(--line-soft); }
}

/* ───────── /entegrasyonlar ───────── */
.prd-intgroup + .prd-intgroup { margin-top: clamp(48px, 6vw, 80px); }
.prd-intgroup__h { padding-bottom: 14px; border-bottom: 1px solid var(--line); }
.prd-intlist { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 48px; }
.prd-intlist--plain { margin-top: clamp(40px, 5vw, 64px); border-top: 1px solid var(--line); }
.prd-int { display: flex; gap: 16px; padding: 20px 0; border-bottom: 1px solid var(--line-soft); scroll-margin-top: calc(var(--nav-h) + 24px); }
.section--alt .prd-int { border-color: var(--line); }
.prd-int__ic { flex: none; font-size: 22px; line-height: 1.2; color: var(--muted); }
.prd-int__name { font-size: 19px; line-height: 1.26; font-weight: 600; letter-spacing: .012em; }
.prd-int__text { color: var(--muted); margin-top: 4px; }
.prd-int__uses { margin-top: 8px; font-size: 14px; color: var(--muted); }
.prd-int__link { margin-top: 8px; font-size: 14px; }
.prd-int:target .prd-int__name { color: var(--link); }
@media (max-width: 734px) { .prd-intlist { grid-template-columns: 1fr; } }

.prd-api__text { margin: 14px 0 22px; }
.prd-code { background: #fff; border-radius: var(--r); box-shadow: 0 0 0 1px var(--line-soft), 0 20px 50px rgba(0, 0, 0, .06); overflow: hidden; }
.prd-code__bar { display: flex; justify-content: space-between; gap: 12px; padding: 12px 18px; border-bottom: 1px solid var(--line-soft); color: var(--muted); font-size: 13px; }
.prd-code__bar em, .prd-code pre { font-style: normal; font-family: ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace; letter-spacing: 0; }
.prd-code__bar em { color: var(--ink-2); }
.prd-code pre { margin: 0; padding: 18px; font-size: 13px; line-height: 1.6; color: var(--ink); overflow-x: auto; }
.prd-code__resp { padding: 12px 18px; border-top: 1px solid var(--line-soft); font-size: 13px; color: var(--muted); }
.prd-code__resp b { color: var(--green); margin-right: 6px; }

/* =====================================================================
   Cihaz ekranları — hepsi em cinsinden, kökün yazı boyu kap genişliğine bağlı
   ===================================================================== */
.prd-cq { container-type: inline-size; }
.prd-dev { -webkit-user-select: none; user-select: none; }
.prd-dev i.bi { line-height: 1; }

/* Ortak parçalar */
.prd-seg { display: inline-flex; gap: .1em; padding: .15em; border-radius: .6em; background: rgba(118, 118, 128, .12); }
.prd-seg > span { padding: .35em .8em; border-radius: .5em; white-space: nowrap; color: #1d1d1f; }
.prd-seg > .is-on { background: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, .12); font-weight: 600; }
.prd-seg--full { display: flex; margin-top: .3em; }
.prd-seg--full > span { flex: 1; text-align: center; }
.prd-st { display: inline-flex; align-items: center; gap: .35em; font-style: normal; font-size: .9em; color: #86868b; white-space: nowrap; }
.prd-st::before { content: ""; width: .5em; height: .5em; border-radius: 50%; background: currentColor; flex: none; }
.prd-st--ok { color: var(--green); }
.prd-st--wait { color: var(--orange); }
.prd-st--info { color: var(--link); }
.prd-st--mute { color: #86868b; }
.prd-meter { display: block; height: .45em; margin-top: .4em; border-radius: 1em; background: #e8e8ed; overflow: hidden; }
.prd-meter i { display: block; height: 100%; border-radius: inherit; background: #1d1d1f; }
.prd-meter--warn i { background: var(--orange); }
.prd-neg { color: var(--orange); }
.prd-warn { color: var(--orange) !important; }
.prd-bars { display: flex; align-items: flex-end; gap: .8em; height: 10em; }
.prd-bars span { flex: 1; min-height: 2px; position: relative; border-radius: .3em .3em 0 0; background: #d2d2d7; }
.prd-bars span.is-now { background: #1d1d1f; }
.prd-bars em { position: absolute; left: 0; right: 0; bottom: -1.6em; text-align: center; font-style: normal; font-size: .88em; color: #86868b; }
.prd-panel .prd-bars { margin-bottom: 1.7em; }
.prd-bars--mini { height: 3.4em; gap: .35em; margin-top: .5em; }

/* ── Laptop: Dinamik ERP kabuğu ── */
.prd-app {
    position: absolute; inset: 0; display: grid; grid-template-columns: 13.5em minmax(0, 1fr);
    font-family: var(--font); font-size: 11px; font-size: 1.4cqw; line-height: 1.35; letter-spacing: 0; color: #1d1d1f; background: #fff; text-align: left;
}
.prd-app__side { display: flex; flex-direction: column; min-height: 0; overflow: hidden; padding: 1.1em .7em; background: #f5f5f7; border-right: 1px solid #e5e5ea; }
.prd-app__brand { display: flex; align-items: center; gap: .55em; padding: 0 .5em 1em; font-size: 1.1em; font-weight: 700; }
.prd-app__brand img { width: 1.5em; height: 1.5em; }
.prd-app__nav { display: flex; flex-direction: column; gap: .1em; }
.prd-app__nav span { display: flex; align-items: center; gap: .65em; padding: .42em .55em; border-radius: .45em; color: #424245; white-space: nowrap; }
.prd-app__nav i { width: 1.1em; text-align: center; font-size: 1.05em; color: #8e8e93; }
.prd-app__nav .is-on { background: #e3e3e8; color: #1d1d1f; font-weight: 600; }
.prd-app__nav .is-on i { color: #1d1d1f; }
.prd-app__firm { margin-top: auto; padding: .8em .55em 0; border-top: 1px solid #e5e5ea; font-size: .92em; font-weight: 600; }
.prd-app__firm small { display: block; font-weight: 400; color: #86868b; }
.prd-app__main { display: flex; flex-direction: column; min-width: 0; min-height: 0; }
.prd-app__top { flex: none; display: flex; align-items: flex-end; gap: .25em; padding: .7em 1.2em 0; background: #fafafa; border-bottom: 1px solid #e5e5ea; }
.prd-app__tab { display: flex; align-items: center; gap: .5em; margin-bottom: -1px; padding: .5em .9em; border: 1px solid transparent; border-bottom: 0; border-radius: .5em .5em 0 0; color: #6e6e73; white-space: nowrap; }
.prd-app__tab i { font-size: .9em; color: #aeaeb2; }
.prd-app__tab.is-on { background: #fff; border-color: #e5e5ea; color: #1d1d1f; font-weight: 600; }
.prd-app__user { margin: 0 0 .45em auto; align-self: center; width: 2.2em; height: 2.2em; border-radius: 50%; display: grid; place-items: center; background: #1d1d1f; color: #fff; font-size: .85em; font-weight: 600; flex: none; }
.prd-app__body { flex: 1; min-height: 0; overflow: hidden; display: flex; flex-direction: column; gap: .9em; padding: 1.1em 1.3em; }
.prd-app__h { flex: none; display: flex; justify-content: space-between; align-items: flex-end; gap: 1em; }
.prd-app__title { font-size: 1.55em; line-height: 1.15; font-weight: 700; letter-spacing: -.01em; }
.prd-app__sub { margin-top: .15em; color: #86868b; }
.prd-app__acts { flex: none; display: flex; align-items: center; gap: .5em; }
.prd-app__note { color: #86868b; font-size: .92em; }
.prd-panel .prd-app__note { margin-top: .6em; }

.prd-panel { min-width: 0; min-height: 0; padding: .9em 1em; background: #fff; border: 1px solid #e5e5ea; border-radius: .8em; }
.prd-panel--flush { padding: 0; overflow: hidden; }
.prd-panel__h { margin-bottom: .6em; font-weight: 600; }
.prd-panel__h:not(:first-child) { margin-top: .9em; }
.prd-split { flex: 1; min-height: 0; display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr); gap: .9em; align-items: start; }
.prd-split--side { grid-template-columns: 11em minmax(0, 1fr); }
.prd-split--even { flex: none; grid-template-columns: 1fr 1fr; }
.prd-split--chat { grid-template-columns: minmax(0, 1fr) 17em; align-items: stretch; }
.prd-stack { display: flex; flex-direction: column; gap: .9em; min-width: 0; }

.prd-kpis { flex: none; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .7em; }
.prd-kpis--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.prd-kpi { min-width: 0; display: flex; flex-direction: column; gap: .15em; padding: .75em .9em; border: 1px solid #e5e5ea; border-radius: .8em; }
.prd-kpi small { font-size: .92em; color: #86868b; }
.prd-kpi b { font-size: 1.45em; font-weight: 700; letter-spacing: -.01em; white-space: nowrap; font-variant-numeric: tabular-nums; }
.prd-kpi em { font-style: normal; font-size: .88em; color: #86868b; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.prd-tbl { width: 100%; border-collapse: collapse; }
.prd-tbl th { padding: .55em .8em; text-align: left; font-weight: 500; font-size: .92em; color: #86868b; white-space: nowrap; background: #fafafa; border-bottom: 1px solid #e5e5ea; }
.prd-tbl td { max-width: 16em; padding: .55em .8em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border-bottom: 1px solid #f0f0f3; }
.prd-tbl tr:last-child td { border-bottom: 0; }
.prd-tbl .r { text-align: right; font-variant-numeric: tabular-nums; }
.prd-tbl tr.is-sel td { background: #eef4fc; }
.prd-tbl small { margin-left: .4em; color: #86868b; }
.prd-tbl__sub td { font-weight: 600; background: #fafafa; }
.prd-tbl__total td { font-weight: 700; border-top: 1px solid #d2d2d7; }

.prd-btn { display: inline-flex; align-items: center; gap: .35em; padding: .45em .85em; border-radius: .55em; background: #1d1d1f; color: #fff; font-weight: 500; white-space: nowrap; }
.prd-btn--light { background: #fff; color: #1d1d1f; box-shadow: inset 0 0 0 1px #d2d2d7; }
.prd-btn--blue { background: var(--link); }
.prd-btn--block { display: flex; justify-content: center; width: 100%; }
.prd-inp { display: flex; justify-content: space-between; align-items: center; gap: .6em; margin-top: .3em; padding: .5em .7em; border: 1px solid #d2d2d7; border-radius: .5em; background: #fff; color: #1d1d1f; }
.prd-inp i { font-size: .85em; color: #86868b; }
.prd-inp--sm { margin: 0; padding: .4em .7em; }
.prd-form { display: flex; flex-direction: column; gap: .75em; }
.prd-form label { display: block; font-size: .92em; color: #6e6e73; }
.prd-form label > span { font-size: 1.087em; }
.prd-form__row { display: grid; grid-template-columns: 1fr 1fr; gap: .7em; }
.prd-form__link { padding: .55em .7em; border-radius: .5em; background: #f5f5f7; color: #424245; font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace; font-size: .9em; }

.prd-list { display: flex; flex-direction: column; }
.prd-list > div { display: flex; justify-content: space-between; align-items: center; gap: .8em; padding: .55em 0; border-bottom: 1px solid #f0f0f3; }
.prd-list > div:last-child { border-bottom: 0; }
.prd-list b { display: block; font-weight: 600; }
.prd-list small { color: #86868b; }
.prd-list .r { display: flex; flex-direction: column; align-items: flex-end; gap: .15em; text-align: right; font-variant-numeric: tabular-nums; }
.prd-list--tight > div { padding: .4em 0; }

.prd-chart { display: block; width: 100%; height: 8em; }
.prd-chart rect { fill: #d2d2d7; }
.prd-chart rect.is-now { fill: #1d1d1f; }
.prd-chart rect.is-neg { fill: var(--orange); opacity: .85; }
.prd-chart__zero { stroke: #c7c7cc; stroke-width: 1; }
.prd-chart__x { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); margin-top: .3em; text-align: center; font-size: .82em; color: #86868b; }

/* Gelen belge ayrıntısı */
.prd-doc { display: flex; flex-direction: column; gap: .25em; }
.prd-doc small { color: #86868b; }
.prd-doc > b { font-size: 1.2em; }
.prd-doc__lines { margin: .7em 0 .3em; border-top: 1px solid #f0f0f3; }
.prd-doc__lines div { display: flex; justify-content: space-between; gap: .8em; padding: .45em 0; border-bottom: 1px solid #f0f0f3; }
.prd-doc__lines em { display: block; font-style: normal; font-size: .9em; color: #86868b; }
.prd-doc__sum { display: flex; justify-content: space-between; padding: .2em 0; font-variant-numeric: tabular-nums; }
.prd-doc__sum--total { font-size: 1.1em; font-weight: 700; }
.prd-doc__acts { display: flex; gap: .5em; padding-top: .8em; }

/* Rapor tasarımcısı kolonları */
.prd-cols { display: flex; flex-direction: column; gap: .3em; }
.prd-cols > span { display: flex; align-items: center; gap: .5em; color: #6e6e73; }
.prd-cols > span::before { content: ""; width: .95em; height: .95em; border-radius: .25em; background: #fff; box-shadow: inset 0 0 0 1px #c7c7cc; flex: none; }
.prd-cols > span.is-on { color: #1d1d1f; }
.prd-cols > span.is-on::before { box-shadow: none; background: var(--link) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='1.8' d='M2.5 6.2 5 8.6l4.5-5'/%3E%3C/svg%3E") center / 80% no-repeat; }

/* Üretim panosu */
.prd-kb { flex: 1; min-height: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .7em; }
.prd-kb__col { min-width: 0; display: flex; flex-direction: column; gap: .5em; padding: .6em; border-radius: .8em; background: #f5f5f7; }
.prd-kb__h { display: flex; justify-content: space-between; padding: .1em .2em; font-weight: 600; }
.prd-kb__h em { font-style: normal; font-weight: 400; color: #86868b; }
.prd-kb__card { display: flex; flex-direction: column; gap: .1em; padding: .55em .65em; border-radius: .6em; background: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, .06); }
.prd-kb__card b { font-size: .88em; font-weight: 600; color: #86868b; }
.prd-kb__card small { font-size: .9em; color: #86868b; }
.prd-kb__card.is-done { opacity: .7; }
.prd-caps { flex: none; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.2em; }
.prd-caps > div { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: .6em; }
.prd-caps .prd-meter { margin: 0; }
.prd-caps em { font-style: normal; color: #6e6e73; font-variant-numeric: tabular-nums; }

/* Asistan paneli */
.prd-chat { display: flex; flex-direction: column; min-height: 0; overflow: hidden; border: 1px solid #e5e5ea; border-radius: .9em; background: #fafafa; }
.prd-chat__h { display: flex; justify-content: space-between; align-items: baseline; padding: .7em .9em; background: #fff; border-bottom: 1px solid #e5e5ea; }
.prd-chat__h small { color: #86868b; }
.prd-chat__msgs { flex: 1; display: flex; flex-direction: column; gap: .55em; padding: .8em; overflow: hidden; }
.prd-chat__me { align-self: flex-end; max-width: 85%; padding: .5em .8em; border-radius: 1em 1em .3em 1em; background: var(--link); color: #fff; }
.prd-chat__bot { align-self: flex-start; max-width: 90%; padding: .5em .8em; border-radius: 1em 1em 1em .3em; background: #e9e9eb; }
.prd-chat__in { display: flex; justify-content: space-between; align-items: center; margin: .6em; padding: .45em .8em; border: 1px solid #d2d2d7; border-radius: 2em; background: #fff; color: #86868b; }
.prd-chat__in i { color: var(--link); }

/* Kasa (POS) */
.prd-pos { grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); gap: 1em; padding: 1.2em; background: #f5f5f7; }
.prd-pos__cart { display: flex; flex-direction: column; min-height: 0; overflow: hidden; border-radius: .9em; background: #fff; }
.prd-pos__top { display: flex; justify-content: space-between; align-items: baseline; padding: .9em 1em .6em; }
.prd-pos__top b { font-size: 1.3em; }
.prd-pos__top span, .prd-pos__pay small { color: #86868b; }
.prd-pos__scan { display: flex; align-items: center; gap: .5em; margin: 0 1em .7em; padding: .6em .8em; border: 1px solid #d2d2d7; border-radius: .6em; color: #86868b; }
.prd-pos__foot { margin-top: auto; display: flex; justify-content: space-between; padding: .7em 1em; border-top: 1px solid #e5e5ea; color: #86868b; }
.prd-pos__pay { display: flex; flex-direction: column; gap: .7em; min-height: 0; padding: 1em; border-radius: .9em; background: #fff; }
.prd-pos__total { font-size: 3em; line-height: 1; font-weight: 700; letter-spacing: -.02em; font-variant-numeric: tabular-nums; }
.prd-pos__btns { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .4em; }
.prd-pos__btns span { padding: .6em 0; text-align: center; font-weight: 600; border-radius: .6em; box-shadow: inset 0 0 0 1px #d2d2d7; }
.prd-pos__btns .is-on { background: #1d1d1f; color: #fff; box-shadow: none; }
.prd-pos__keys { flex: 1; min-height: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .35em; }
.prd-pos__keys span { display: grid; place-items: center; border-radius: .5em; background: #f5f5f7; font-size: 1.2em; font-weight: 500; }

/* ── Tarayıcı ekranları ── */
.prd-dev--browser .prd-cq { position: relative; aspect-ratio: 16 / 10; }
.prd-app--web { font-size: 11px; font-size: 1.4cqw; }
.prd-web__search { flex: none; display: flex; align-items: center; gap: .6em; padding: .55em .8em; border: 1px solid #d2d2d7; border-radius: .6em; color: #86868b; }
.prd-web__foot { margin-top: auto; flex: none; display: flex; justify-content: space-between; gap: 1em; font-size: .92em; color: #6e6e73; }
.prd-web__foot i { color: var(--green); }
.prd-steps-ui { display: flex; flex-direction: column; }
.prd-steps-ui > div { display: flex; align-items: flex-start; gap: .7em; padding: .6em .2em; border-bottom: 1px solid #f0f0f3; }
.prd-steps-ui > div:last-child { border-bottom: 0; }
.prd-steps-ui i { font-size: 1.2em; color: #c7c7cc; }
.prd-steps-ui .is-done i { color: var(--green); }
.prd-steps-ui .is-now i { color: var(--link); }
.prd-steps-ui span { display: flex; flex-direction: column; }
.prd-steps-ui small { color: #86868b; }

/* ── Telefon ── */
.prd-ph {
    position: absolute; inset: 0; display: flex; flex-direction: column; overflow: hidden;
    font-family: var(--font); font-size: 11px; font-size: 4.3cqw; line-height: 1.3; letter-spacing: 0; color: #1d1d1f; background: #f2f2f7; text-align: left;
}
.prd-ph .t-mut { color: #86868b; }
.prd-ph__status { flex: none; height: 4.2em; display: flex; justify-content: space-between; align-items: center; padding: .4em 2.1em 0 2.4em; font-size: 1.05em; font-weight: 600; }
.prd-ph__icons { display: flex; gap: .35em; font-size: .9em; }
.prd-ph__nav { flex: none; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; padding: .3em 1em .7em; }
.prd-ph__nav b { font-size: 1.1em; font-weight: 600; white-space: nowrap; }
.prd-ph__back { display: flex; align-items: center; gap: .1em; color: var(--link); white-space: nowrap; font-size: 1.05em; }
.prd-ph__titlebar { flex: none; display: flex; justify-content: space-between; align-items: flex-end; padding: .2em 1.2em .6em; }
.prd-ph__title { font-size: 2.3em; line-height: 1.1; font-weight: 700; letter-spacing: -.01em; }
.prd-ph__titlebar i { font-size: 1.6em; color: var(--link); }
.prd-ph__titlebar small { padding-bottom: .35em; color: #86868b; }
.prd-ph__pad { flex: none; padding: 0 1.1em .8em; }
.prd-ph__body { flex: 1; min-height: 0; overflow: hidden; display: flex; flex-direction: column; gap: .7em; padding: 0 1.1em; }
.prd-ph__group { flex: none; overflow: hidden; border-radius: 1em; background: #fff; }
.prd-ph__row { display: flex; justify-content: space-between; align-items: center; gap: .8em; min-height: 3.1em; padding: .7em 1em; border-bottom: 1px solid #e5e5ea; }
.prd-ph__row:last-child { border-bottom: 0; }
.prd-ph__row > span:last-child { text-align: right; }
.prd-ph__row--2 > span:first-child { display: flex; flex-direction: column; gap: .15em; min-width: 0; }
.prd-ph__row b { font-weight: 600; }
.prd-ph__row small { font-size: .9em; color: #86868b; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.prd-ph__row .r { display: flex; flex-direction: column; align-items: flex-end; gap: .2em; white-space: nowrap; font-variant-numeric: tabular-nums; }
.prd-ph__row--link { color: var(--link); justify-content: flex-start; }
.prd-ph__group--sum .prd-ph__row { min-height: 2.5em; padding: .5em 1em; }
.prd-ph__label { flex: none; padding: .2em 1em 0; font-size: .92em; color: #86868b; }
.prd-ph__hint { text-align: center; font-size: .9em; color: #86868b; }
.prd-ph__meta { display: flex; justify-content: space-between; padding: 0 .3em; font-size: .92em; color: #6e6e73; }
.prd-ph__foot { flex: none; padding: .8em 1.1em 2.2em; }
.prd-ph__btn { display: block; padding: .95em; border-radius: .9em; background: #1d1d1f; color: #fff; text-align: center; font-weight: 600; }
.prd-ph__tabs { flex: none; display: flex; justify-content: space-around; padding: .55em .5em 2.1em; background: #f9f9f9; border-top: 1px solid #d8d8dc; }
.prd-ph__tabs span { display: flex; flex-direction: column; align-items: center; gap: .2em; font-size: .8em; color: #8e8e93; }
.prd-ph__tabs i { font-size: 1.7em; }
.prd-ph__tabs .is-on { color: var(--link); }
.prd-ph__tabs--tools i { font-size: 1.5em; color: var(--link); }

.prd-ph__amount { display: flex; flex-direction: column; align-items: center; gap: .2em; padding: .9em 0 .5em; }
.prd-ph__amount b { font-size: 2.6em; font-weight: 700; letter-spacing: -.01em; font-variant-numeric: tabular-nums; }
.prd-ph__amount small { color: #86868b; }

.prd-ph__map { flex: none; height: 36%; margin: 0 1.1em .8em; overflow: hidden; border-radius: 1em; }
.prd-ph__map .prd-map { width: 100%; height: 100%; }

.prd-stop { display: flex; align-items: center; gap: .8em; }
.prd-ph__row.prd-stop { justify-content: flex-start; }
.prd-ph__row.prd-stop > span { text-align: left; }
.prd-stop > i { flex: none; width: 1.9em; height: 1.9em; display: grid; place-items: center; border-radius: 50%; background: #1d1d1f; color: #fff; font-style: normal; font-size: .9em; font-weight: 700; }
.prd-stop.is-done > i { background: #aeaeb2; }
.prd-stop.is-now > i { background: var(--link); }
.prd-stop > span { display: flex; flex-direction: column; gap: .1em; min-width: 0; }
.prd-stop small { color: #86868b; }
.prd-stop.is-done b { color: #86868b; }

.prd-ph__scan { display: flex; align-items: center; gap: .6em; padding: .8em 1em; border: 1.5px dashed #c7c7cc; border-radius: .9em; background: #fff; letter-spacing: .04em; font-variant-numeric: tabular-nums; }
.prd-ph__scan i { font-size: 1.4em; }
.prd-ph__prod { display: flex; flex-direction: column; gap: .15em; padding: .2em .2em 0; }
.prd-ph__prod b { font-size: 1.2em; }
.prd-ph__prod small { color: #86868b; }
.prd-ph__counter { display: flex; align-items: center; justify-content: center; gap: 1.4em; }
.prd-ph__counter b { min-width: 2.2em; text-align: center; font-size: 3.4em; font-weight: 700; font-variant-numeric: tabular-nums; }
.prd-ph__counter span { width: 2.6em; height: 2.6em; display: grid; place-items: center; border-radius: 50%; background: #fff; color: var(--link); box-shadow: 0 0 0 1px #e5e5ea; }
.prd-ph__diff { text-align: center; color: #6e6e73; }
.prd-ph__diff em { font-style: normal; font-weight: 600; color: var(--orange); }

.prd-ph__price { padding: 1em; border-radius: 1em; background: #fff; text-align: center; }
.prd-ph__price small { display: block; color: #86868b; }
.prd-ph__price b { font-size: 2.6em; font-weight: 700; font-variant-numeric: tabular-nums; }
.prd-shelf { display: flex; flex-direction: column; gap: .2em; padding: .7em .9em; border: 1px solid #d2d2d7; border-left: .5em solid #1d1d1f; border-radius: .4em; background: #fff; }
.prd-shelf b { font-size: .85em; letter-spacing: .02em; }
.prd-shelf__price { font-size: 2.8em; line-height: 1; font-weight: 800; font-variant-numeric: tabular-nums; }
.prd-shelf__price small { font-size: .4em; font-weight: 700; }
.prd-shelf__foot { display: flex; justify-content: space-between; align-items: flex-end; font-size: .8em; color: #6e6e73; }
.prd-barcode { display: block; width: 6em; height: 2.2em; background: repeating-linear-gradient(90deg, #1d1d1f 0 1px, transparent 1px 3px, #1d1d1f 3px 5px, transparent 5px 6px, #1d1d1f 6px 7px, transparent 7px 9px); }

.prd-ph__menuhead { flex: none; display: flex; justify-content: space-between; align-items: baseline; padding: .4em 1.2em .8em; }
.prd-ph__menuhead b { font-size: 1.9em; font-weight: 700; }
.prd-ph__menuhead small { color: #86868b; }
.prd-ph__card { display: flex; flex-direction: column; gap: .2em; padding: .9em 1em; border-radius: 1em; background: #fff; }
.prd-ph__card small { color: #86868b; }
.prd-ph__card b { font-size: 1.5em; font-weight: 700; font-variant-numeric: tabular-nums; }
.prd-ph__cards { display: grid; grid-template-columns: 1fr 1fr; gap: .7em; }
.prd-ph__doc { display: flex; flex-direction: column; gap: .3em; padding: .9em 1em; border-radius: 1em; background: #fff; }
.prd-ph__doc b { font-size: 1.25em; font-variant-numeric: tabular-nums; }
.prd-ph__doc small { color: #86868b; }

/* Kamera ekranları (fiş, çek) */
.prd-ph--cam { background: #000; color: #fff; }
.prd-ph__camera { position: relative; flex: 1; min-height: 0; background: #3a3a3c; }
.prd-ph__corner { position: absolute; width: 2em; height: 2em; border: .22em solid #fff; }
.prd-ph__corner--tl { top: 7%; left: 9%; border-right: 0; border-bottom: 0; border-radius: .6em 0 0 0; }
.prd-ph__corner--tr { top: 7%; right: 9%; border-left: 0; border-bottom: 0; border-radius: 0 .6em 0 0; }
.prd-ph__corner--bl { bottom: 7%; left: 9%; border-right: 0; border-top: 0; border-radius: 0 0 0 .6em; }
.prd-ph__corner--br { bottom: 7%; right: 9%; border-left: 0; border-top: 0; border-radius: 0 0 .6em 0; }
.prd-ph__sheet { flex: none; display: flex; flex-direction: column; gap: .7em; padding: 1em 1.1em 2em; border-radius: 1.3em 1.3em 0 0; background: #f2f2f7; color: #1d1d1f; }
.prd-ph__sheet-h { display: flex; justify-content: space-between; align-items: baseline; }
.prd-ph__sheet-h b { font-size: 1.2em; }
.prd-ph__sheet-h small { color: #86868b; }
.prd-ph__sheet .prd-ph__row { min-height: 2.5em; padding: .45em 1em; }
.prd-ph__sheet .prd-seg--full { margin-top: 0; }
.prd-receipt {
    position: absolute; left: 50%; top: 50%; width: 64%; transform: translate(-50%, -50%) rotate(-3deg); display: flex; flex-direction: column;
    padding: 1em .9em; background: #fbfbf8; color: #222; font: 600 .6em/1.4 ui-monospace, "SF Mono", Menlo, Consolas, monospace; box-shadow: 0 .6em 1.4em rgba(0, 0, 0, .35);
}
.prd-receipt > b { text-align: center; font-size: 1.15em; }
.prd-receipt > span { white-space: nowrap; overflow: hidden; }
.prd-receipt > span:nth-child(2), .prd-receipt > span:nth-child(3) { text-align: center; }
.prd-receipt__row { display: flex; justify-content: space-between; gap: .6em; }
.prd-receipt__row--b { font-weight: 800; }
.prd-cheque {
    position: absolute; left: 50%; top: 50%; width: 86%; transform: translate(-50%, -50%) rotate(-2deg); display: flex; flex-direction: column; gap: .35em;
    padding: .8em .9em; border-radius: .4em; background: #f7f4ea; color: #2b2b2b; font-size: .6em; box-shadow: 0 .6em 1.4em rgba(0, 0, 0, .35);
}
.prd-cheque__top { display: flex; justify-content: space-between; gap: .6em; }
.prd-cheque__line { display: flex; gap: .6em; padding-bottom: .15em; border-bottom: 1px solid #b9b3a2; }
.prd-cheque__line span { color: #7a7466; white-space: nowrap; }
.prd-cheque__line em { font-family: "Segoe Print", "Bradley Hand", "Noteworthy", cursive; color: #1f3b82; }
.prd-cheque__amt { align-self: flex-end; padding: .1em .5em; border: 1px solid #b9b3a2; font-weight: 700; }
.prd-cheque__sign { width: 5em; height: auto; align-self: flex-end; margin-top: -.6em; }
.prd-cheque__sign path, .prd-slip__sign path { fill: none; stroke: #1f3b82; stroke-width: 1.6; stroke-linecap: round; }
.prd-cheque__micr { font-family: ui-monospace, Menlo, Consolas, monospace; letter-spacing: .12em; color: #555; }

/* e-posta */
.prd-ph--earsiv, .prd-ph--earsiv .prd-ph__body { background: #fff; }
.prd-mail { gap: .8em; padding: .2em 1.2em; }
.prd-mail__subj { font-size: 1.45em; line-height: 1.2; font-weight: 700; }
.prd-mail__from { display: flex; align-items: center; gap: .7em; padding-bottom: .8em; border-bottom: 1px solid #e5e5ea; }
.prd-mail__from > span:last-child { display: flex; flex-direction: column; }
.prd-mail__from small { color: #86868b; }
.prd-mail__av { flex: none; width: 2.6em; height: 2.6em; display: grid; place-items: center; border-radius: 50%; background: #8e8e93; color: #fff; font-size: .9em; font-weight: 700; }
.prd-mail p { font-size: 1.05em; line-height: 1.4; }
.prd-mail__att { display: flex; align-items: center; gap: .8em; padding: .7em; border: 1px solid #e5e5ea; border-radius: .9em; }
.prd-mail__att > span:last-child { display: flex; flex-direction: column; min-width: 0; }
.prd-mail__att small { color: #86868b; }
.prd-mail__thumb { flex: none; width: 3.2em; height: 4.2em; display: flex; flex-direction: column; gap: .3em; padding: .45em .35em; border: 1px solid #d2d2d7; border-radius: .2em; background: #fff; }
.prd-mail__thumb i { height: .22em; border-radius: .1em; background: #d2d2d7; }
.prd-mail__thumb i:first-child { width: 60%; background: #1d1d1f; }

/* ── Harita (SVG) ── */
.prd-map { display: block; width: 100%; height: 100%; }
.prd-mapcard__map .prd-map { height: 100%; }
.prd-map__land { fill: #eeeef0; }
.prd-map__water { fill: #d6e6f5; }
.prd-map__block { fill: #e5e5e9; }
.prd-map__park { fill: #dcebd6; }
.prd-map__case path { fill: none; stroke: #d6d6db; stroke-linecap: square; }
.prd-map__road path { fill: none; stroke: #fff; stroke-linecap: square; }
.prd-map__route { fill: none; stroke: var(--link); stroke-width: 6; stroke-linecap: round; stroke-linejoin: round; }
.prd-map__route--done { stroke: #aeaeb2; }
.prd-map__lbl { font: 500 11px var(--font); fill: #8e8e93; paint-order: stroke; stroke: #fff; stroke-width: 3px; letter-spacing: .02em; }
.prd-map__lbl--park { fill: #6b8f63; stroke: #dcebd6; }
.prd-map__stop circle { fill: #1d1d1f; stroke: #fff; stroke-width: 3; }
.prd-map__stop.is-done circle { fill: #aeaeb2; }
.prd-map__stop.is-now circle { fill: var(--link); }
.prd-map__stop text { font: 700 12px var(--font); fill: #fff; }

/* ── Kâğıt: termal fiş ve yazıcı ── */
.prd-print { display: flex; flex-direction: column; align-items: center; font-size: 10.5px; filter: drop-shadow(0 1px 1px rgba(0, 0, 0, .06)) drop-shadow(0 14px 24px rgba(0, 0, 0, .12)); }
.prd-slip {
    width: calc(30ch + 2.4em); display: flex; flex-direction: column; padding: 1.8em 1.2em 1.4em; background: #fff; color: #2a2a2a; text-align: left; letter-spacing: 0;
    font: 500 1em/1.5 ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
    clip-path: polygon(0% 6px, 2% 0, 4% 6px, 6% 0, 8% 6px, 10% 0, 12% 6px, 14% 0, 16% 6px, 18% 0, 20% 6px, 22% 0, 24% 6px, 26% 0, 28% 6px, 30% 0, 32% 6px, 34% 0, 36% 6px, 38% 0, 40% 6px, 42% 0, 44% 6px, 46% 0, 48% 6px, 50% 0, 52% 6px, 54% 0, 56% 6px, 58% 0, 60% 6px, 62% 0, 64% 6px, 66% 0, 68% 6px, 70% 0, 72% 6px, 74% 0, 76% 6px, 78% 0, 80% 6px, 82% 0, 84% 6px, 86% 0, 88% 6px, 90% 0, 92% 6px, 94% 0, 96% 6px, 98% 0, 100% 6px, 100% 100%, 0 100%);
}
.prd-slip span { white-space: pre-wrap; }
.prd-slip .c { text-align: center; }
.prd-slip b { font-weight: 700; }
.prd-slip .row { display: flex; justify-content: space-between; gap: 1ch; }
.prd-slip .row.b { font-weight: 700; }
.prd-slip__t { margin: .5em 0 .4em; font-weight: 700; }
.prd-slip__hr { display: block; margin: .5em 0; border-top: 1px dashed #b5b5b5; }
.prd-slip__sign { width: 7em; height: auto; margin-top: .3em; }
.prd-print--yazici .prd-slip { padding-bottom: 2.6em; }
.prd-printer { position: relative; z-index: 1; width: calc(30ch + 5.4em); height: 7.5em; margin-top: -1.6em; border-radius: 1.4em 1.4em 1.9em 1.9em; background: linear-gradient(#3a3a3c, #1f1f21); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12); }
.prd-printer__slot { position: absolute; left: 1.2em; right: 1.2em; top: 1.1em; height: .45em; border-radius: .3em; background: #0c0c0d; }
.prd-printer__led { position: absolute; right: 1.6em; bottom: 1.5em; width: .55em; height: .55em; border-radius: 50%; background: var(--green); }
.prd-printer span { position: absolute; left: 1.6em; bottom: 1.25em; font: 600 .9em/1 var(--font); letter-spacing: .08em; color: #8e8e93; }
.prd-duo--tight .prd-print { font-size: 9.5px; }

/* ── Kâğıt: A4 e-Fatura ── */
.prd-a4 { width: min(520px, 100%); margin: 0 auto; }
.prd-a4__page {
    aspect-ratio: 1 / 1.2; padding: 7% 6.5% 8%; border-radius: 2px; background: #fff; color: #1d1d1f; text-align: left;
    font-family: var(--font); font-size: 9px; font-size: 1.75cqw; line-height: 1.4; letter-spacing: 0; box-shadow: 0 1px 2px rgba(0, 0, 0, .06), 0 18px 40px rgba(0, 0, 0, .10);
}
.prd-a4__head { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: start; gap: 1.5em; padding-bottom: 1.2em; border-bottom: 1px solid #d2d2d7; }
.prd-a4__seller b { display: block; font-size: 1.15em; }
.prd-a4__seller span { display: block; color: #424245; }
.prd-a4__type { align-self: center; font-size: 1.6em; font-weight: 700; letter-spacing: .04em; }
.prd-a4__qr { width: 6.5em; height: 6.5em; }
.prd-a4__qr path { fill: #1d1d1f; }
.prd-a4__mid { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 1.5em; margin: 1.3em 0; }
.prd-a4__buyer small { font-weight: 600; letter-spacing: .05em; color: #86868b; }
.prd-a4__buyer b { display: block; margin: .2em 0; }
.prd-a4__buyer span { display: block; color: #424245; }
.prd-a4__ettn { margin-top: .6em; font-size: .9em; word-break: break-all; }
.prd-a4__info { width: 100%; border-collapse: collapse; font-size: .95em; }
.prd-a4__info th, .prd-a4__info td { padding: .25em .5em; text-align: left; border: 1px solid #d2d2d7; }
.prd-a4__info th { font-weight: 600; white-space: nowrap; background: #f5f5f7; }
.prd-a4__lines { width: 100%; border-collapse: collapse; margin-top: .4em; }
.prd-a4__lines th { padding: .35em .45em; text-align: left; font-weight: 600; white-space: nowrap; background: #f5f5f7; border: 1px solid #d2d2d7; }
.prd-a4__lines td { padding: .35em .45em; white-space: nowrap; border: 1px solid #e0e0e5; }
.prd-a4 .r { text-align: right; }
.prd-a4__tot { min-width: 55%; margin: 1em 0 0 auto; border-collapse: collapse; }
.prd-a4__tot th { padding: .25em .6em; text-align: right; font-weight: 500; background: #f5f5f7; border: 1px solid #d2d2d7; }
.prd-a4__tot td { padding: .25em .6em; text-align: right; white-space: nowrap; border: 1px solid #d2d2d7; }
.prd-a4__tot .b th, .prd-a4__tot .b td { font-weight: 700; }
.prd-a4__note { margin-top: 1.2em; font-size: .95em; color: #424245; }
.prd-a4__foot { display: flex; flex-wrap: wrap; gap: .4em 2em; margin-top: 2.4em; padding-top: 1em; border-top: 1px solid #e0e0e5; color: #6e6e73; }

/* ───────── Canlı ekranlar ─────────
   html.lv altında; ekran (cihaz çerçevesi, panel, fiş, harita kartı) görünür olunca satırlar sırayla gelir,
   çubuklar dolar, bekleyen durumlar nabız atar, fiş yazıcıdan çıkar, rotanın kalan kısmı akar. */
.lv .prd-tbl tbody tr,
.lv .prd-ph__body > *,
.lv .prd-list > *,
.lv .prd-flist > *,
.lv .prd-kb__col > * { animation: lv-rise .45s var(--ease) both; animation-delay: calc(.25s + var(--i, 0) * .08s); }
.lv .prd-meter i { transform-origin: 0 50%; animation: lv-bar 1.4s var(--ease) .7s both; }
.lv .prd-st--info::before { --halo: rgba(0, 102, 204, .4); animation: lv-halo 1.8s ease-out 1.2s infinite; }
.lv .prd-st--wait::before { --halo: rgba(182, 68, 0, .4); animation: lv-halo 1.8s ease-out 1.4s infinite; }
@keyframes prd-print { from { clip-path: inset(0 -2em 100% -2em); } to { clip-path: inset(-2em); } }
.lv .prd-slip { animation: prd-print 1.7s steps(22, end) .5s both; }
.prd-map__pulse { fill: var(--link); opacity: 0; transform-box: fill-box; transform-origin: center; }
@keyframes prd-march { to { stroke-dashoffset: -19; } }
.lv .prd-map__pulse { animation: lv-ring 2s ease-out .8s infinite; }
.lv .prd-map__route:not(.prd-map__route--done) { stroke-dasharray: 10 9; animation: prd-march 1.1s linear infinite; }

/* Telefon + yazıcı tek sahne (Flagship/_Plasiyer, .prd-duo[data-live]): satırlar gelir → plasiyer düğmeye basar →
   yazıcının ışığı yanıp söner ve fiş basılır; makbuzda en son imza atılır. */
.lv .prd-duo[data-live] .prd-ph__btn { animation: lv-press .4s ease-in-out 1.1s both; }
.lv .prd-duo[data-live] .prd-slip { animation-delay: 1.45s; }
.lv .prd-duo[data-live] .prd-printer__led { animation: lv-blink .34s steps(1) 1.45s 5 both; }
.lv .prd-duo[data-live] .prd-slip__sign { animation: lv-type .8s ease-out 3.2s both; }
/* Dar ekranda telefon ile fiş alt alta dizilince (canli.js .is-stacked) basma ve baskı, fiş ekrana girince (.is-seen) oynar;
   yoksa fiş, telefonun üstü göründüğü anda ekranın altında basılıp biterdi. */
.lv .prd-duo.is-stacked:not(.is-seen) .prd-ph__btn,
.lv .prd-duo.is-stacked:not(.is-seen) .prd-print,
.lv .prd-duo.is-stacked:not(.is-seen) .prd-print * { animation-play-state: paused !important; }
.lv .prd-duo[data-live].is-stacked .prd-ph__btn { animation-delay: .15s; }
.lv .prd-duo[data-live].is-stacked .prd-slip, .lv .prd-duo[data-live].is-stacked .prd-printer__led { animation-delay: .5s; }
.lv .prd-duo[data-live].is-stacked .prd-slip__sign { animation-delay: 2.25s; }