/* PIX payment block — checkout, sucesso, conta (mobile-first) */
:root {
	--pix-brand: #32BCAD;
	--pix-brand-dark: #2AA396;
	--pix-gold: #D4AF68;
	--pix-gold-dark: #C9A24D;
	--pix-ink: #1E392A;
	--pix-muted: #5f6b66;
	--pix-line: #e8ecea;
	--pix-soft: #f4fbfa;
}

.checkout-success-panel--pix,
.account-order-info-pix,
.pix-payment {
	margin-bottom: 20px;
}

.pix-payment__head,
.checkout-success-pix__head {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 10px;
}

.pix-payment__logo,
.checkout-success-pix__logo {
	display: block;
	width: 118px;
	max-width: 42vw;
	height: auto;
	flex: 0 0 auto;
}

.pix-payment__title,
.checkout-success-panel--pix .checkout-success-panel__head h2 {
	margin: 0;
	font-size: 18px;
	font-weight: 700;
	color: var(--pix-ink);
	line-height: 1.25;
}

.checkout-success-pix__intro,
.pix-payment__intro {
	margin: 0 0 14px;
	color: var(--pix-muted);
	font-size: 14px;
	line-height: 1.45;
}

.checkout-success-pix,
.pix-payment__grid {
	display: flex;
	flex-direction: column;
	gap: 18px;
	align-items: stretch;
}

.checkout-success-pix__qr,
.pix-payment__qr {
	order: 1;
	text-align: center;
	padding: 16px 14px;
	background: var(--pix-soft);
	border: 1px solid #d9f0ed;
	border-radius: 14px;
}

.checkout-success-pix__qr-canvas,
.pix-payment__qr-canvas {
	display: inline-block;
	padding: 12px;
	background: #fff;
	border: 1px solid var(--pix-line);
	border-radius: 12px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

.checkout-success-pix__qr-canvas img,
.checkout-success-pix__qr-canvas canvas,
.checkout-success-pix__qr-canvas table,
.pix-payment__qr-canvas img,
.pix-payment__qr-canvas canvas,
.pix-payment__qr-canvas table {
	display: block;
	margin: 0 auto;
	max-width: 100%;
	height: auto;
}

.checkout-success-pix__amount,
.pix-payment__amount {
	margin: 14px 0 4px;
	font-size: 20px;
	font-weight: 700;
	color: var(--pix-ink);
	line-height: 1.2;
}

.checkout-success-pix__order,
.pix-payment__order {
	margin: 0;
	font-size: 13px;
	color: var(--pix-muted);
}

.checkout-success-pix__details,
.pix-payment__details {
	order: 2;
	min-width: 0;
}

.pix-payment__meta,
.checkout-success-pix__meta {
	display: grid;
	gap: 8px;
	margin: 0 0 14px;
	padding: 12px 14px;
	background: #fff;
	border: 1px solid var(--pix-line);
	border-radius: 12px;
}

.pix-payment__meta p,
.checkout-success-pix__meta p {
	margin: 0;
	font-size: 14px;
	line-height: 1.4;
	color: var(--pix-ink);
	word-break: break-word;
}

.pix-payment__meta strong,
.checkout-success-pix__meta strong {
	font-weight: 700;
}

.checkout-success-pix__label,
.pix-payment__label {
	display: block;
	margin: 0 0 6px;
	font-size: 13px;
	font-weight: 700;
	color: var(--pix-ink);
}

.checkout-success-pix__payload,
.pix-payment__payload {
	font-size: 12px;
	line-height: 1.4;
	word-break: break-all;
	margin: 0 0 10px;
	min-height: 72px;
	max-height: 110px;
	resize: vertical;
	border-radius: 10px !important;
}

.pix-copy-btn {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	gap: 8px;
	width: 100%;
	margin: 0;
	padding: 14px 18px;
	border: none !important;
	border-radius: 12px !important;
	background: var(--pix-gold) !important;
	color: var(--pix-ink) !important;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.2;
	text-decoration: none !important;
	box-shadow: 0 8px 20px rgba(212, 175, 104, 0.28);
	cursor: pointer;
	transition: background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
	-webkit-appearance: none;
	appearance: none;
}

.pix-copy-btn:hover,
.pix-copy-btn:focus {
	background: var(--pix-gold-dark) !important;
	color: #fff !important;
	box-shadow: 0 10px 24px rgba(184, 146, 63, 0.32);
	transform: translateY(-1px);
	outline: none;
}

.pix-copy-btn:active {
	transform: translateY(0);
}

.checkout-success-pix__feedback,
.pix-payment__copy-feedback {
	color: #2e7d32;
	margin: 10px 0 0;
	font-weight: 600;
	font-size: 14px;
	text-align: center;
}

.checkout-success-pix__instruction,
.pix-payment__instruction {
	margin-top: 14px;
	padding-top: 12px;
	border-top: 1px solid var(--pix-line);
	color: var(--pix-muted);
	font-size: 13px;
	line-height: 1.45;
}

.checkout-success-pix__note,
.pix-payment__note {
	margin: 10px 0 0;
	font-size: 13px;
	color: var(--pix-muted);
	line-height: 1.45;
}

.account-order-info-pix-paid {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 16px;
	padding: 14px 16px;
	border: 1px solid #c8e6c9;
	background: #f1f8f2;
	border-radius: 12px;
	color: #2e7d32;
	font-weight: 600;
}

.pix-payment__box {
	margin: 0;
	padding: 16px;
	border: 1px solid var(--pix-line);
	border-radius: 14px;
	background: #fff;
	box-shadow: none;
}

.pix-payment__actions {
	display: flex;
	justify-content: flex-end;
	clear: both;
	margin-top: 16px;
}

.pix-payment__actions .btn-primary,
.pix-payment__actions #button-confirm {
	min-height: 52px;
	width: 100%;
	border: 0 !important;
	border-radius: 12px !important;
	background: #27ae60 !important;
	color: #fff !important;
	font-weight: 700;
	font-size: 16px;
	box-shadow: none !important;
}

.pix-payment__actions .btn-primary:hover,
.pix-payment__actions .btn-primary:focus,
.pix-payment__actions #button-confirm:hover,
.pix-payment__actions #button-confirm:focus {
	background: #219150 !important;
	color: #fff !important;
}

.pix-payment__actions .btn-primary:active,
.pix-payment__actions .btn-primary.active,
.pix-payment__actions .btn-primary.disabled,
.pix-payment__actions .btn-primary[disabled],
.pix-payment__actions #button-confirm:active,
.pix-payment__actions #button-confirm.active,
.pix-payment__actions #button-confirm.disabled,
.pix-payment__actions #button-confirm[disabled] {
	background: #1e8449 !important;
	color: #fff !important;
	opacity: 1 !important;
}

@media (min-width: 768px) {
	.checkout-success-pix,
	.pix-payment__grid {
		flex-direction: row;
		align-items: flex-start;
		gap: 24px;
	}

	.checkout-success-pix__qr,
	.pix-payment__qr {
		order: 0;
		flex: 0 0 240px;
	}

	.checkout-success-pix__details,
	.pix-payment__details {
		order: 0;
		flex: 1 1 280px;
	}

	.checkout-success-pix__amount,
	.pix-payment__amount {
		font-size: 22px;
	}

	.pix-payment__logo,
	.checkout-success-pix__logo {
		width: 140px;
		max-width: none;
	}
}

/* Fase 4 — pagamento somente após confirmação; componente compartilhado. */
.pix-review__amount { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:14px 0; color:#62676c; }
.pix-review__amount strong { color:#252b2f; font-size:24px; }
.pix-review [data-pix-error][hidden] { display:none; }
.ldb-pix, .ldb-pix-success, .ldb-pix-copy-page { color:#293039; font-family:"Lexend",Arial,sans-serif; }
.ldb-pix *, .ldb-pix-success *, .ldb-pix-copy-page * { box-sizing:border-box; }
.ldb-pix { border:1px solid #deded7; border-radius:16px; padding:24px; background:#fff; margin-bottom:20px; }
.ldb-pix svg, .ldb-pix-success__topbar svg { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.75; stroke-linecap:round; stroke-linejoin:round; flex-shrink:0; }
.ldb-pix__head { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:22px; }
.ldb-pix__head img { width:108px; height:auto; }
.ldb-pix__status { display:inline-flex; align-items:center; gap:6px; color:#805019; background:#fff3df; padding:7px 10px; border-radius:30px; font-size:11px; font-weight:600; }
.ldb-pix__status svg { width:16px; height:16px; }
.ldb-pix__grid { display:grid; grid-template-columns:minmax(0,1fr); gap:20px; align-items:start; }
.ldb-pix__primary { min-width:0; }
.ldb-pix__amount-label { margin:0 0 4px; color:#62676c; font-size:13px; }
.ldb-pix__amount { margin:0; font-size:34px; line-height:1.25; font-weight:800; letter-spacing:-.03em; color:#252b2f; font-variant-numeric:tabular-nums; }
.ldb-pix__order { margin:6px 0 18px; color:#62676c; font-size:12px; }
.ldb-pix__copy { display:flex; align-items:center; justify-content:center; gap:9px; width:100%; min-height:50px; padding:12px; border:0; border-radius:10px; background:#166b60; color:#fff; font:600 15px "Lexend",Arial,sans-serif; cursor:pointer; }
.ldb-pix__copy:hover { background:#10594f; }
.ldb-pix__copy:active { background:#0c483f; }
.ldb-pix__copy:disabled { opacity:.7; cursor:wait; }
.ldb-pix :is(button,a,summary,textarea):focus-visible, .ldb-pix-success :is(a,summary):focus-visible { outline:2px solid #8a7026; outline-offset:3px; }
.ldb-pix__feedback { min-height:20px; margin:8px 0; color:#286b41; font-size:12px; line-height:1.5; }
.ldb-pix__feedback.is-error { color:#9a4232; }
.ldb-pix__steps { padding-left:19px; margin:8px 0 16px; color:#5e656b; font-size:12px; line-height:1.7; }
.ldb-pix__steps li { margin:4px 0; }
.ldb-pix__merchant { padding:12px 0; margin:0; border-top:1px solid #ecebe7; font-size:12px; color:#62676c; }
.ldb-pix__merchant strong { display:block; color:#30363b; margin-top:4px; overflow-wrap:anywhere; }
.ldb-pix summary, .ldb-pix-success summary { cursor:pointer; min-height:44px; padding:12px 0; font-size:12px; font-weight:600; color:#485763; }
.ldb-pix summary, .ldb-pix-success summary { list-style:none; }
.ldb-pix summary::-webkit-details-marker, .ldb-pix-success summary::-webkit-details-marker { display:none; }
.ldb-pix__chevron { display:inline-block; width:16px !important; height:16px !important; margin-left:6px; vertical-align:middle; fill:none; stroke:currentColor; stroke-width:1.75; stroke-linecap:round; stroke-linejoin:round; }
details[open]>summary>.ldb-pix__chevron { transform:rotate(180deg); }
.ldb-pix__manual label { display:block; font-size:12px; margin:6px 0; }
.ldb-pix__manual textarea { width:100%; padding:10px; border:1px solid #cfd4d7; border-radius:8px; font-size:16px; line-height:1.5; resize:vertical; background:white; color:#30363b; }
.ldb-pix__qr { background:#f8f9f8; border:1px solid #e4e7e4; border-radius:12px; padding:0 14px; text-align:center; min-width:0; }
.ldb-pix__qr summary svg { vertical-align:middle; margin-right:5px; }
.ldb-pix__qr-content { padding:8px 0 12px; }
.ldb-pix__qr-canvas { display:inline-block; max-width:100%; padding:12px; background:white; line-height:0; }
.ldb-pix__qr-canvas img, .ldb-pix__qr-canvas canvas { max-width:100%; height:auto; margin:auto; }
.ldb-pix__qr-content p { margin:12px 0 0; color:#62676c; font-size:11px; line-height:1.5; }
.ldb-pix__instruction { margin-top:16px; padding-top:16px; border-top:1px solid #ecebe7; color:#62676c; font-size:12px; line-height:1.6; }
.ldb-pix__foot { margin-top:16px; padding-top:16px; border-top:1px solid #ecebe7; font-size:12px; line-height:1.6; color:#62676c; }
.ldb-pix__foot p { margin:0 0 8px; }
.ldb-pix__refresh, .ldb-pix__foot a { display:inline-flex; align-items:center; min-height:44px; padding:8px 0; margin-right:16px; color:#385665; background:none; border:0; font:600 12px "Lexend",Arial,sans-serif; text-decoration:underline; text-underline-offset:3px; cursor:pointer; }
.ldb-pix-success { max-width:1240px; margin:0 auto; padding:0 24px 40px; }
.ldb-pix-success__topbar { display:flex; align-items:center; gap:24px; padding:18px 0; border-bottom:1px solid #deded7; margin-bottom:24px; }
.ldb-pix-success__topbar>a:first-child { margin-right:auto; }
.ldb-pix-success__topbar img { display:block; width:96px; height:auto; }
.ldb-pix-success__topbar span { display:inline-flex; align-items:center; gap:6px; color:#62676c; font-size:12px; }
.ldb-pix-success__topbar a { color:#485763; font-size:13px; }
.ldb-pix-success__intro { margin-bottom:22px; }
.ldb-pix-success__intro h1 { margin:6px 0 10px; font-size:28px; line-height:1.25; color:#252b2f; }
.ldb-pix-success__intro p { margin:0; color:#62676c; font-size:13px; line-height:1.6; }
.ldb-pix-success__layout { display:grid; grid-template-columns:minmax(0,1fr); gap:24px; align-items:start; }
.ldb-pix-success__layout>main { min-width:0; }
.ldb-pix-success__summary { border:1px solid #deded7; border-radius:14px; background:#fff; padding:20px; font-size:12px; color:#62676c; overflow-wrap:anywhere; }
.ldb-pix-success__summary h2 { font-size:17px; font-weight:600; margin:0 0 8px; color:#30363b; }
.ldb-pix-success__summary h3 { font-size:12px; font-weight:600; color:#30363b; margin:18px 0 6px; }
.ldb-pix-success__summary p, .ldb-pix-success__address { line-height:1.7; }
.ldb-pix-success__products ul { list-style:none; padding:0; }
.ldb-pix-success__products li { display:flex; align-items:center; gap:10px; padding:10px 0; }
.ldb-pix-success__products img { object-fit:contain; flex-shrink:0; }
.ldb-pix-success__products strong { display:block; color:#30363b; margin-top:5px; }
.ldb-pix-success__products dl>div { display:flex; gap:12px; justify-content:space-between; padding:6px 0; }
.ldb-pix-success__products dt { font-weight:400; }
.ldb-pix-success__products dd { flex-shrink:0; margin:0; color:#30363b; }
.ldb-pix-success__products .is-discount :is(dt,dd) { color:#805019; font-weight:600; }
.ldb-pix-success__products .is-credit :is(dt,dd) { color:#315d79; font-weight:600; }
.ldb-pix-success__products .is-total { border-top:1px solid #deded7; margin-top:6px; padding-top:12px; }
.ldb-pix-success__products .is-total :is(dt,dd) { font-weight:700; color:#252b2f; }
.ldb-pix-success__history, .ldb-pix-success__back { display:flex; align-items:center; min-height:44px; color:#385665; text-decoration:underline; }
/* Ações secundárias: superfície própria, sem competir com a cópia do PIX. */
.ldb-pix__manual>summary, .ldb-pix-success__products>summary {
  display:flex; align-items:center; gap:9px; min-height:48px; padding:12px;
  border:1px solid #d5dadc; border-radius:9px; background:#f5f7f8;
  color:#344956; font-size:12px; line-height:1.5;
}
.ldb-pix__manual>summary>span, .ldb-pix-success__products>summary>span { flex:1; min-width:0; }
.ldb-pix__action-icon { width:20px; height:20px; flex-shrink:0; fill:none; stroke:currentColor; stroke-width:1.75; stroke-linecap:round; stroke-linejoin:round; }
.ldb-pix__manual>summary>.ldb-pix__chevron, .ldb-pix-success__products>summary>.ldb-pix__chevron { margin-left:auto; flex-shrink:0; }
.ldb-pix__manual[open]>summary, .ldb-pix-success__products[open]>summary { background:#eaf0f3; border-color:#9aabb5; }
.ldb-pix__manual[open]>summary { margin-bottom:12px; }
.ldb-pix-success__history {
  justify-content:center; gap:9px; margin-top:18px; padding:12px;
  border:1px solid #748b98; border-radius:9px; background:#edf3f6;
  color:#284c60; font-size:13px; font-weight:600; line-height:1.5; text-decoration:none;
}
.ldb-pix-success__history>span { flex:1; }
.ldb-pix-success__back { justify-content:center; margin-top:4px; text-underline-offset:3px; }
@media (hover:hover) {
  .ldb-pix__manual>summary:hover, .ldb-pix-success__products>summary:hover { background:#eaf0f3; border-color:#9aabb5; }
  .ldb-pix-success__history:hover { background:#dfeaf0; border-color:#476c80; color:#203e50; text-decoration:none; }
}
.ldb-pix-success__notice, .ldb-pix-success__preview { background:#fff8e9; color:#805019; border:1px solid #ebdcc0; border-radius:12px; padding:18px; line-height:1.6; }
body:has(.ldb-pix-success) { background:#f7f6f3; padding-top:0 !important; padding-bottom:0 !important; }
body:has(.ldb-pix-success) :is(#site-header,.top-advantage-bar,.mobile-bottom-bar,#custom-mobile-drawer,#custom-mobile-overlay,.ldb-whatsapp-float,.ciFooter,.ldb-trust-benefits-wrap,.ldb-newsletter) { display:none !important; }
.ldb-pix-copy-page { margin:0; background:#f7f6f3; }
.ldb-pix-copy-page__inner { max-width:900px; margin:auto; padding:24px 16px; }
.ldb-pix-copy-page__brand img { width:96px; height:auto; }
.ldb-pix-copy-page h1 { font-size:25px; margin:24px 0; }
.ldb-pix-copy-page a { color:#385665; }
@media (min-width:768px) { .ldb-pix__grid { grid-template-columns:minmax(0,1fr) 252px; gap:24px; } }
@media (min-width:1100px) { .ldb-pix-success__layout { grid-template-columns:minmax(0,1fr) 300px; } }
@media (max-width:767px) {
  .ldb-pix { padding:16px; border-radius:12px; }
  .ldb-pix__head { gap:8px; margin-bottom:18px; }
  .ldb-pix__head img { width:82px; }
  .ldb-pix__status { font-size:10px; padding:6px 8px; }
  .ldb-pix-success { padding:0 12px 24px; }
  .ldb-pix-success__topbar { gap:12px; padding:14px 0; margin-bottom:18px; }
  .ldb-pix-success__topbar img { width:76px; }
  .ldb-pix-success__topbar span { font-size:11px; }
  .ldb-pix-success__intro h1 { font-size:24px; }
}