/* Product-questions deep page — layout that exists ONLY on this page.
   Shared components stay in `bilesen.css`; copying one here would be a second
   writing of the same concept and the two would drift.
   Shared components this page uses as they are, without redefining them:
   .iskelet · .iskelet-ust · .bas · .kart · .kizgara · .kizgara-m · .kizgara-et ·
   .ikili · .dortlu · .ist · .ist-m · .ist-n · .ist-e · .akordeon · .akordeon-m ·
   .akordeon-g · .kaynak-not · .dg-3 · .mono · .kas — measured with grep before
   anything was written here.

   Every rule below is scoped under `.urun-sorulari` (the class on <main>), so a
   cascade clash with another page's stylesheet is structurally impossible rather
   than merely unlikely. `test/siteUrunSorulari.test.ts` pins that.

   This file defines NO frame sequence: the section fade is `.ac` (temel.css) and
   the running pulse is `.iskelet` (bilesen.css). The word for such a sequence is
   not written here either — a comment naming a property satisfies a scanner
   looking for that property. */

/* ---- Skip anchors in the hero ---------------------------------------------
   The page is long, so the hero carries three. `.dg-3` arrives at text height,
   which is a small target for a thumb; vertical padding raises the touchable
   area without changing how the link looks (no background, no border). Same
   measured need as the security page, same fix — the shape is in `bilesen.css`,
   only the padding is local. */
.urun-sorulari .iskelet-ust .dg-3 { padding-block: calc(var(--b2) + var(--b1)); }

/* ---- Condition → outcome rows ---------------------------------------------
   TWO sections have the same shape: a short fixed label on the left, flowing
   text on the right (which question a field unlocks · what is said about a
   product with no page here). `bilesen.css` has no such row — measured, not
   assumed: `.ikili` is a two-column grid of BLOCKS, not a term row, and
   `.kizgara` is a card grid. So the shape is defined once and both sections use
   it; writing it twice under two names would be the drift this file avoids. */
.urun-sorulari .us-liste {
  display: flex;
  flex-direction: column;
  max-inline-size: var(--olcu-bas);
}

.urun-sorulari .us-satir {
  display: grid;
  grid-template-columns: minmax(0, 14rem) minmax(0, 1fr);
  gap: var(--b2) var(--b4);
  align-items: start;
  padding-block: var(--b4);
  border-block-start: 1px solid var(--cizgi);
}
.urun-sorulari .us-satir:last-child { border-block-end: 1px solid var(--cizgi); }

/* The left column keeps `.mono`'s label look (upper case, opened tracking) so
   it reads as the same kind of thing as `.kizgara-et` elsewhere on the page.
   Only the colour moves: `.mono` inherits the muted secondary tone, and here
   the label is the row's subject rather than a caption. */
.urun-sorulari .us-kosul { color: var(--murekkep); }

/* Two paragraphs in ONE grid cell. Without the wrapper the second one lands in
   the next row's first column, under the label — the sibling page paid for this
   once already with its sub-processor rows. */
.urun-sorulari .us-g { display: flex; flex-direction: column; }

/* The quoted question, in the display family: it is the thing being quoted, and
   at body size it disappeared into the explanation under it. */
.urun-sorulari .us-soru {
  font-family: var(--aile-display);
  font-weight: 400;
  font-size: var(--t5);
  line-height: var(--t5-s);
}

.urun-sorulari .us-ne {
  margin-block-start: var(--b2);
  font-size: var(--t9);
  line-height: var(--t9-s);
  color: var(--soluk);
  max-inline-size: var(--olcu-orta);
}

@media (max-width: 767px) {
  .urun-sorulari .us-satir { grid-template-columns: 1fr; padding-block: var(--b3); }
}

/* ---- Closing notes --------------------------------------------------------
   The row list ends with its own closing rule; the source note's own top border
   then drew a SECOND hairline a `--b5` below it. The note keeps its spacing and
   drops its line. */
.urun-sorulari .us-liste + .kaynak-not {
  border-block-start: 0;
  padding-block-start: 0;
}

/* A closing note straight after a two-column list was sitting on the last item.
   The gap is a layout decision here, not a margin on the note itself. */
.urun-sorulari .ikili + .kaynak-not { margin-block-start: var(--b4); }