/**
 * Veloout Checkout — Drawer do checkout embutido na página do produto.
 *
 * Desenvolvido por Veloout — veloout.com
 */
/* Botão "Comprar sem sair da página" — secundário, compacto. Blindado contra o
   estilo de botão do tema do lojista (temas agressivos encaixotavam/ampliavam o botão). */
.crlp-pc-btn.crlp-pc-btn{
	display:inline-flex !important;align-items:center;gap:7px;vertical-align:middle;
	align-self:flex-start;justify-self:start;
	width:auto !important;height:auto !important;min-height:0 !important;max-width:100%;
	margin-top:10px;padding:9px 16px !important;
	font:inherit;font-size:.9em;font-weight:600;line-height:1.2;text-transform:none !important;letter-spacing:normal !important;
	color:inherit !important;background:transparent !important;background-image:none !important;
	border:1.5px solid currentColor !important;border-radius:8px !important;box-shadow:none !important;
	cursor:pointer;opacity:.85;transition:opacity .15s ease, background-color .15s ease;
	-webkit-appearance:none !important;appearance:none !important
}
.crlp-pc-btn.crlp-pc-btn:hover,.crlp-pc-btn.crlp-pc-btn:focus-visible{opacity:1;background:rgba(127,127,127,.08) !important}
.crlp-pc-btn svg{width:15px !important;height:15px !important;max-width:15px !important;flex:0 0 auto;display:inline-block}

/* Botão de compra por shortcode [veloout_checkout] / [veloout_meu_acesso] —
   autônomo, usável em qualquer página/landing. --crlp-buy vem inline (cor da loja). */
.crlp-buybtn{
	--crlp-buy:#2E63F6;
	display:inline-flex;align-items:center;justify-content:center;gap:8px;
	padding:13px 24px;border-radius:10px;max-width:100%;
	font:inherit;font-size:16px;font-weight:700;line-height:1.2;text-align:center;text-decoration:none;
	cursor:pointer;-webkit-appearance:none;appearance:none;
	transition:transform .12s ease,box-shadow .15s ease,background-color .15s ease,color .15s ease
}
.crlp-buybtn--primary{
	color:#fff;background:var(--crlp-buy);border:1.5px solid var(--crlp-buy);
	box-shadow:0 10px 24px -12px color-mix(in srgb,var(--crlp-buy) 70%,transparent)
}
.crlp-buybtn--primary:hover,.crlp-buybtn--primary:focus-visible{
	transform:translateY(-1px);box-shadow:0 16px 32px -12px color-mix(in srgb,var(--crlp-buy) 78%,transparent);color:#fff
}
.crlp-buybtn--outline{color:var(--crlp-buy);background:transparent;border:1.5px solid currentColor}
.crlp-buybtn--outline:hover,.crlp-buybtn--outline:focus-visible{background:color-mix(in srgb,var(--crlp-buy) 9%,transparent)}
.crlp-buybtn:focus-visible{outline:3px solid color-mix(in srgb,var(--crlp-buy) 40%,transparent);outline-offset:2px}

.crlp-drawer{position:fixed;inset:0;z-index:99999}
.crlp-drawer[hidden]{display:none}
.crlp-drawer__overlay{position:absolute;inset:0;background:rgba(6,9,16,.55);opacity:0;transition:opacity .25s ease}
.crlp-drawer.is-open .crlp-drawer__overlay{opacity:1}
.crlp-drawer__panel{
	position:absolute;top:0;right:0;height:100%;width:min(480px,100%);
	background:#fff;box-shadow:-24px 0 70px -24px rgba(0,0,0,.55);
	transform:translateX(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);
	display:flex;flex-direction:column;overflow:hidden
}
.crlp-drawer.is-open .crlp-drawer__panel{transform:none}
.crlp-drawer__close{
	position:absolute;top:12px;left:-48px;width:38px;height:38px;border-radius:50%;
	border:0;background:#fff;color:#111;font-size:24px;line-height:1;cursor:pointer;
	box-shadow:0 8px 24px -8px rgba(0,0,0,.45);display:grid;place-items:center;z-index:2
}
.crlp-drawer__close:hover{transform:scale(1.05)}
.crlp-drawer__loading{
	position:absolute;inset:0;display:grid;place-items:center;color:#6b7280;font-size:14px;
	font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;background:#fff
}
.crlp-drawer__frame{flex:1;width:100%;height:100%;border:0;background:#fff}
@media (max-width:600px){
	.crlp-drawer__panel{width:100%}
	.crlp-drawer__close{left:auto;right:12px;top:12px;background:rgba(255,255,255,.92)}
}
@media (prefers-reduced-motion:reduce){
	.crlp-drawer__panel,.crlp-drawer__overlay{transition:none}
}