/* kraulis-core · parduotuve.php: /kontaktai/, /pristatymas/, pardavėjo blokas atsiskaityme ir „Ačiū“ puslapyje. Brandbook 2.2 — tik --kr-* žetonai. */
.kr-info { background: var(--kr-paper); padding: 20px 0 32px; }
.kr-info-in { width: min(860px, calc(100% - 32px)); margin-inline: auto; display: grid; gap: 12px; }
.kr-info h1 { margin: 4px 0 0; font-size: clamp(1.6rem, 1.2rem + 1.6vw, 2.2rem); font-weight: 800; letter-spacing: -.02em; line-height: 1.15; color: var(--kr-ink); }
.kr-info-lead { margin: 0; font-size: var(--kr-fs-16); color: var(--kr-muted); line-height: 1.5; }
.kr-info-card { background: var(--kr-surface); border: 1px solid var(--kr-line); border-radius: var(--kr-radius-card); padding: 16px; min-width: 0; }
.kr-info-card h2 { margin: 0 0 10px; font-size: var(--kr-fs-13); font-weight: 800; letter-spacing: var(--kr-ls-eyebrow); text-transform: uppercase; color: var(--kr-forest); line-height: 1.3; }
.kr-info-card p { margin: 8px 0 0; line-height: 1.5; }
.kr-info-card ul { margin: 0; padding-left: 1.2em; line-height: 1.5; }
.kr-info-card li + li { margin-top: 4px; }
.kr-info-dl { margin: 0; display: grid; }
.kr-info-dl div { display: grid; grid-template-columns: minmax(0, 14rem) minmax(0, 1fr); gap: 4px 16px; padding: 10px 0; border-top: 1px solid var(--kr-divider); }
.kr-info-dl div:first-child { border-top: 0; padding-top: 0; }
.kr-info-dl dt { color: var(--kr-muted); font-size: var(--kr-fs-14); }
.kr-info-dl dd { margin: 0; font-weight: 700; color: var(--kr-ink); overflow-wrap: anywhere; }
.kr-info-dl a { display: inline-flex; align-items: center; min-height: 48px; margin: -12px 0; color: var(--kr-ink); text-decoration: underline; text-underline-offset: 3px; }
.kr-info-note { font-size: var(--kr-fs-14); color: var(--kr-muted); }
.kr-info-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 20px; border-radius: var(--kr-radius-control); background: var(--kr-lime); color: var(--kr-ink) !important; font-weight: 700; text-decoration: none; }
.kr-info-btn:hover { background: var(--kr-lime-hover); }
.kr-info-prev { margin: 0; padding: 10px 14px; border-radius: var(--kr-radius-control); background: var(--kr-warning-bg); color: var(--kr-warning-fg); font-size: var(--kr-fs-14); font-weight: 700; }
.kr-info-table { overflow-x: auto; }
.kr-info-table table { width: 100%; border-collapse: collapse; font-size: var(--kr-fs-14); }
.kr-info-table th, .kr-info-table td { text-align: left; vertical-align: top; padding: 10px 8px; border-top: 1px solid var(--kr-divider); }
.kr-info-table thead th { border-top: 0; color: var(--kr-muted); font-weight: 700; font-size: var(--kr-fs-13); }
.kr-info-table tbody th { font-weight: 800; color: var(--kr-ink); }
.kr-info-table td:nth-child(2) { white-space: nowrap; font-weight: 800; }
.kr-info-links { display: flex; flex-wrap: wrap; gap: 4px 20px; margin: 0; }
.kr-info-links a { display: inline-flex; align-items: center; min-height: 48px; font-weight: 700; color: var(--kr-ink); text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 600px) {
	.kr-info-dl div { grid-template-columns: minmax(0, 1fr); gap: 2px; }
	.kr-info-card { padding: 14px 12px; }
	/* tarifų lentelė telefone — kortelėmis: būdas, po juo kaina ir sąlygos */
	.kr-info-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
	.kr-info-table table, .kr-info-table tbody, .kr-info-table tr { display: block; }
	.kr-info-table tr { padding: 10px 0; border-top: 1px solid var(--kr-divider); }
	.kr-info-table tr:first-child { border-top: 0; padding-top: 0; }
	.kr-info-table th, .kr-info-table td { display: block; padding: 0; border: 0; }
	.kr-info-table td:nth-child(2) { margin-top: 2px; font-size: var(--kr-fs-16); }
	.kr-info-table td:nth-child(3) { color: var(--kr-muted); font-size: var(--kr-fs-13); }
}
/* S-313 (D-13 B): telefone (≤ 900 px) — kaip anksčiau: apvalkalai nematomi maketui, pagalbos juosta paslėpta (užklausa — pirmoje kortelėje).
   PC: 1240 px (x kaip antraštės), H1 / įvadas per visą plotį, kortelės kairėje, dešinėje lipni tamsi juosta 360 px; viršus kaip WP puslapių. */
.kr-info-cols, .kr-info-main { display: contents; }
.kr-info-aside { display: none; }
@media (min-width: 901px) {
	.kr-info { padding: 56px 0 48px; }
	.kr-info-in { width: min(1240px, calc(100% - 32px)); gap: 16px; }
	.kr-info-cols { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 24px; align-items: start; }
	.kr-info-main { display: grid; gap: 16px; min-width: 0; }
	.kr-info-inq { display: none; }
	.kr-info-aside { display: block; position: sticky; top: 24px; padding: 24px; border-radius: var(--kr-radius-card); background: var(--kr-ink); color: var(--kr-surface); }
	#kr-info .kr-info-aside h2 { margin: 0 0 8px; font-size: var(--kr-fs-20); font-weight: 800; line-height: 1.25; letter-spacing: -.01em; color: var(--kr-surface); }
	.kr-info-aside p { margin: 0 0 16px; font-size: var(--kr-fs-15); line-height: 1.5; color: var(--kr-on-dark-muted); }
	.kr-info-aside .kr-info-aside-tel { margin: 16px 0 0; font-size: var(--kr-fs-14); }
	/* #kr-info — kad nugalėtų svetaine.css .site-main h2 / a spalvas (tamsus fonas) */
	#kr-info .kr-info-aside-tel a { color: var(--kr-surface); font-weight: 700; text-decoration: underline; text-decoration-color: currentColor; text-underline-offset: 3px; white-space: nowrap; }
	#kr-info .kr-info-aside-tel a:hover { color: var(--kr-lime); }
	.kr-info-aside-hrs { white-space: nowrap; }
}
@media (min-width: 1100px) {
	.kr-info-cols { grid-template-columns: minmax(0, 1fr) 360px; }
}

/* Pardavėjo blokas (Swedbank 4 / 17 p.): atsiskaityme virš formos, „Ačiū už užsakymą“ puslapyje */
.kr-seller { display: flex; align-items: flex-start; gap: 10px; margin: 0 0 16px; padding: 10px 14px; border: 1px solid var(--kr-line); border-radius: var(--kr-radius-control); background: var(--kr-surface); color: var(--kr-ink); }
.kr-seller svg { flex: none; margin-top: 2px; color: var(--kr-forest); }
.kr-seller p { margin: 0; font-size: var(--kr-fs-14); line-height: 1.45; overflow-wrap: anywhere; }
.kr-seller-thankyou { margin-top: 16px; }
