/**
 * 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, herda a cor do tema. */
.crlp-pc-btn{
	display:inline-flex;align-items:center;gap:7px;
	align-self:flex-start;justify-self:start;width:auto;max-width:100%;
	margin-top:10px;padding:9px 16px;
	font:inherit;font-size:.9em;font-weight:600;line-height:1.2;
	color:inherit;background:transparent;
	border:1.5px solid currentColor;border-radius:8px;
	cursor:pointer;opacity:.8;transition:opacity .15s ease, background-color .15s ease;
	-webkit-appearance:none;appearance:none
}
.crlp-pc-btn:hover,.crlp-pc-btn:focus-visible{opacity:1;background:rgba(127,127,127,.08)}
.crlp-pc-btn svg{width:15px;height:15px;flex:0 0 auto}

.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}
}
