/* Carrito/checkout LAOGANMA — estilo ExpressCheckout del Figma (pantalla completa, burgundy) */

/* Botón flotante de carrito */
.lgc-fab{position:fixed;right:20px;bottom:20px;z-index:60;width:54px;height:54px;border-radius:50%;border:0;background:var(--lg-near-black);color:#fff;font-size:20px;cursor:pointer;box-shadow:var(--lg-shadow);display:flex;align-items:center;justify-content:center}
.lgc-fab__count{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:var(--lg-cta);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;font-family:var(--lg-sans)}
.lgc-fab__count[hidden]{display:none}

/* Backdrop (detrás del modal) */
.lgc-overlay{position:fixed;inset:0;background:#221310;z-index:70}
.lgc-overlay[hidden]{display:none}

/* Modal a pantalla completa */
.lgco{position:fixed;inset:0;z-index:80;color:#fff;font-family:var(--lg-sans);overflow-y:auto;opacity:0;visibility:hidden;transform:translateY(16px);transition:opacity .4s var(--lg-ease),transform .4s var(--lg-ease);background:linear-gradient(135deg,#8A1C0E 0%,#56180F 38%,#3C1510 64%,#221310 100%)}
.lgco.is-open{opacity:1;visibility:visible;transform:none}

.lgco-back{position:absolute;top:24px;left:24px;z-index:5;background:none;border:0;color:rgba(255,255,255,.8);font-family:var(--lg-sans);font-size:1rem;cursor:pointer;display:flex;align-items:center;gap:6px}
.lgco-back span{font-size:1.4rem;line-height:1}
.lgco-back:hover{color:#fff}

.lgco-grid{display:grid;grid-template-columns:40% 60%;min-height:100%}

/* Resumen (izquierda) */
.lgco-summary{display:flex;flex-direction:column;justify-content:center;gap:28px;padding:80px 56px;background:rgba(0,0,0,.14)}
.lgco-summary__head{text-align:center}
.lgco-title{font-family:var(--lg-serif);font-weight:600;font-size:clamp(2rem,3.4vw,3rem);line-height:1.05;margin:0}
.lgco-subtitle{margin:8px 0 0;color:rgba(255,255,255,.5);font-size:.9rem}
.lgco-title--checkout{font-size:clamp(1.9rem,3vw,2.6rem);margin:0 0 32px}

/* Checkout (derecha) */
.lgco-checkout{padding:80px 64px;max-width:720px;width:100%;display:flex;flex-direction:column}
.lgco-form{display:flex;flex-direction:column;gap:36px}
.lgco-fieldset{display:flex;flex-direction:column;gap:18px}
.lgco-legend{font-size:.78rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.5)}
.lgco-grid2{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.lgco-input{width:100%;background:transparent;border:0;border-bottom:1px solid rgba(255,255,255,.35);color:#fff;font-family:var(--lg-sans);font-size:1.05rem;padding:10px 2px}
.lgco-input::placeholder{color:rgba(255,255,255,.3)}
.lgco-input:focus{outline:none;border-bottom-color:#fff}
.lgco-input.lgc-invalid{border-bottom-color:#ffb4a8}
.lgco-checkbox{display:flex;gap:10px;align-items:center;color:rgba(255,255,255,.7);font-size:.85rem;cursor:pointer}
.lgco-checkbox input{accent-color:#fff;width:16px;height:16px}

.lgco-payarea{margin-top:36px;display:flex;flex-direction:column;gap:14px}
.lgco-cta{background:#fff;color:var(--lg-cta);border:0;border-radius:var(--lg-radius-pill);padding:18px;font-weight:700;font-size:1rem;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;box-shadow:0 10px 20px rgba(0,0,0,.18);transition:transform .2s var(--lg-ease),background-color .25s var(--lg-ease),color .25s var(--lg-ease),box-shadow .25s var(--lg-ease)}
.lgco-cta:hover{transform:translateY(-1px)}
.lgco-cta:active{transform:scale(.98)}
.lgco-cta[hidden]{display:none}
.lgco-cta.is-ready{background:#1f9d55;color:#fff;box-shadow:0 10px 24px rgba(31,157,85,.35)}
.lgco-cta.is-ready:hover{background:#1c8d4c}
.lgco-terms{text-align:center;color:rgba(255,255,255,.4);font-size:.72rem;margin:0}

/* Mensaje de error + contenedor del botón Bold */
.lgc-msg{background:rgba(255,255,255,.12);color:#ffd9d2;border:1px solid rgba(255,180,168,.4);border-radius:10px;padding:10px 12px;font-size:.85rem}
.lgc-msg[hidden]{display:none}
.lgc-bold{display:flex;justify-content:center}
.lgc-bold:empty{display:none}

/* Ítems del carrito dentro del resumen */
.lgc-items{display:flex;flex-direction:column;gap:10px}
.lgc-item{display:grid;grid-template-columns:56px 1fr auto 22px;gap:12px;align-items:center;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:12px}
.lgc-item__img img{width:56px;height:56px;object-fit:contain;border-radius:10px;display:block}
.lgc-item__name{font-weight:600;font-size:.92rem;color:#fff;margin-bottom:6px}
.lgc-item__qty{display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,.1);border-radius:999px;padding:3px 10px}
.lgc-q{background:none;border:0;color:#fff;font-size:15px;line-height:1;cursor:pointer;width:18px;height:20px}
.lgc-item__price{font-weight:600;color:#fff;white-space:nowrap;font-size:.9rem}
.lgc-remove{background:none;border:0;color:rgba(255,255,255,.5);font-size:18px;line-height:1;cursor:pointer}
.lgc-remove:hover{color:#fff}
.lgc-empty{color:rgba(255,255,255,.6);text-align:center;padding:24px 0}
.lgc-totals{margin-top:10px;border-top:1px solid rgba(255,255,255,.15);padding-top:14px;display:flex;flex-direction:column;gap:8px}
.lgc-row{display:flex;justify-content:space-between;color:rgba(255,255,255,.7);font-size:.9rem}
.lgc-row .woocommerce-Price-amount{color:inherit}
.lgc-row.lgc-total{color:#fff;font-weight:700;font-size:1.15rem;border-top:1px solid rgba(255,255,255,.15);margin-top:4px;padding-top:10px}

/* Móvil: una columna */
@media (max-width:860px){
	.lgco-grid{grid-template-columns:1fr}
	.lgco-summary{padding:64px 26px 18px;gap:16px;background:transparent}
	.lgco-summary__head{text-align:left}
	.lgco-title{font-size:1.5rem}
	.lgco-checkout{padding:6px 26px 48px}
	.lgco-title--checkout{font-size:1.7rem;margin-bottom:22px}
	.lgco-grid2{gap:16px}
}
@media (prefers-reduced-motion:reduce){.lgco{transition:none}}