/* ==========================================
   GIC - CARRITO GLOBAL
   Prefijo exclusivo: gic_
========================================== */

.gic_header_carrito {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 7px;

    color: inherit;
    text-decoration: none;

    font-weight: 600;
}

.gic_header_icono {
    font-size: 23px;
    line-height: 1;
}

.gic_contador {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-width: 22px;
    height: 22px;

    padding: 0 6px;

    border-radius: 999px;

    background: #e53935;
    color: #fff;

    font-size: 12px;
    font-weight: 700;
}


/* PRODUCTO */

.gic_producto {
    margin-top: 20px;
}

.gic_compra {
    display: flex;
    align-items: center;
    gap: 10px;

    flex-wrap: wrap;
}


/* CANTIDAD */

.gic_selector {
    display: flex;
    align-items: center;

    border: 1px solid #d7dce1;
    border-radius: 10px;

    overflow: hidden;

    background: #fff;
}

.gic_menos,
.gic_mas {
    width: 42px;
    height: 42px;

    border: 0;
    background: #f5f7f9;

    cursor: pointer;

    font-size: 20px;
    font-weight: 700;
}

.gic_menos:hover,
.gic_mas:hover {
    background: #e9edf1;
}

.gic_cantidad {
    width: 52px;
    height: 42px;

    border: 0;
    border-left: 1px solid #d7dce1;
    border-right: 1px solid #d7dce1;

    text-align: center;

    font-size: 16px;
    font-weight: 700;

    outline: none;
}


/* BOTÓN */

.gic_agregar {
    min-height: 44px;

    padding: 0 20px;

    border: 0;
    border-radius: 10px;

    background: #222;
    color: #fff;

    font-size: 15px;
    font-weight: 700;

    cursor: pointer;

    transition: opacity .2s ease;
}

.gic_agregar:hover {
    opacity: .88;
}


/* AVISO */

.gic_aviso {
    width: 100%;

    font-size: 13px;
    font-weight: 600;

    color: #17813d;

    opacity: 0;

    transition: opacity .2s ease;
}

.gic_aviso_activo {
    opacity: 1;
}


/* MOBILE */

@media (max-width: 600px) {

    .gic_compra {
        align-items: stretch;
    }

    .gic_agregar {
        flex: 1;
    }

}

.gic_toast_global{
position:fixed;right:20px;bottom:20px;z-index:99999;max-width:320px;
padding:13px 18px;border-radius:10px;background:#1f2937;color:#fff;
font-size:14px;font-weight:600;line-height:1.4;
box-shadow:0 12px 35px rgba(0,0,0,.22);
opacity:0;visibility:hidden;transform:translateY(10px);
transition:opacity .2s ease,transform .2s ease,visibility .2s ease
}
.gic_toast_global_activo{opacity:1;visibility:visible;transform:translateY(0)}
@media(max-width:600px){
.gic_toast_global{left:15px;right:15px;bottom:15px;max-width:none;text-align:center}
}

/* =========================================================
   GIC BUYBOX
   Agregar al final de /e9/gic_carrito.css
========================================================= */

.gic_buybox{
    width:100%;
    margin-top:16px;
    font-family:inherit;
}

.gic_buybox_precio{
    margin-bottom:12px;
    color:var(--gic-color-principal, #222);
    font-size:21px;
    font-weight:800;
    line-height:1.2;
}

.gic_buybox_codigo{
    display:inline-flex;
    margin-bottom:8px;
    padding:5px 9px;
    border:1px solid #e1e5ea;
    border-radius:999px;
    background:#fff;
    color:#667085;
    font-size:12px;
    font-weight:700;
}

.gic_buybox_stock{
    margin:-4px 0 12px;
    color:#667085;
    font-size:13px;
}

.gic_buybox_controles{
    display:flex;
    align-items:center;
    gap:10px;
    flex-wrap:wrap;
}

.gic_buybox_selector{
    display:flex;
    align-items:center;
    overflow:hidden;
    min-height:46px;
    border:1px solid #d9dee5;
    border-radius:11px;
    background:#fff;
}

.gic_buybox .gic_menos,
.gic_buybox .gic_mas{
    width:44px;
    height:46px;
    padding:0;
    border:0;
    background:#f5f7f9;
    color:#222;
    font-size:20px;
    font-weight:800;
    cursor:pointer;
}

.gic_buybox .gic_menos:hover,
.gic_buybox .gic_mas:hover{
    background:#e9edf1;
}

.gic_buybox .gic_cantidad{
    width:56px;
    height:46px;
    padding:0;
    border:0;
    border-left:1px solid #d9dee5;
    border-right:1px solid #d9dee5;
    outline:none;
    background:#fff;
    color:#222;
    text-align:center;
    font-size:16px;
    font-weight:800;
    appearance:textfield;
}

.gic_buybox .gic_cantidad::-webkit-inner-spin-button,
.gic_buybox .gic_cantidad::-webkit-outer-spin-button{
    margin:0;
    appearance:none;
}

.gic_buybox .gic_agregar,
.gic_buybox_abrir{
    min-height:46px;
    padding:0 20px;
    border:0;
    border-radius:11px;
    background:var(--gic-color-principal, #222);
    color:#fff;
    font:inherit;
    font-size:14px;
    font-weight:800;
    cursor:pointer;
    transition:opacity .2s ease, transform .2s ease;
}

.gic_buybox .gic_agregar:hover,
.gic_buybox_abrir:hover{
    opacity:.9;
    transform:translateY(-1px);
}

.gic_buybox_abrir{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
}

.gic_aviso{
    width:100%;
    min-height:18px;
    margin-top:7px;
    color:#17813d;
    font-size:13px;
    font-weight:700;
    opacity:0;
    transition:opacity .2s ease;
}

.gic_aviso_activo{
    opacity:1;
}


/* DETALLE */

.gic_buybox_detalle .gic_buybox_controles{
    display:flex;
}


/* COMPACTO */

.gic_buybox_compacto{
    margin-top:12px;
}

.gic_buybox_compacto .gic_buybox_precio{
    margin-bottom:10px;
    font-size:18px;
}

.gic_buybox_compacto .gic_buybox_controles{
    display:none;
    margin-top:10px;
}

.gic_buybox_compacto.gic_buybox_abierto .gic_buybox_controles{
    display:flex;
}

.gic_buybox_compacto.gic_buybox_abierto .gic_buybox_abrir{
    display:none;
}


/* AGOTADO */

.gic_buybox_agotado_btn{
    min-height:44px;
    padding:0 18px;
    border:1px solid #dedede;
    border-radius:10px;
    background:#f2f2f2;
    color:#888;
    font:inherit;
    font-size:14px;
    font-weight:700;
    cursor:not-allowed;
}


/* RESPONSIVE */

@media(max-width:650px){

    .gic_buybox_controles{
        align-items:stretch;
    }

    .gic_buybox_selector{
        width:max-content;
    }

    .gic_buybox .gic_agregar{
        width:100%;
    }

    .gic_buybox_compacto .gic_buybox_controles{
        width:100%;
    }

    .gic_buybox_abrir{
        width:100%;
    }
}

.gic_buybox_oculto{
    display:none;
}

.gic_buybox_compacto.gic_buybox_abierto .gic_buybox_oculto{
    display:flex;
}

.gic_buybox_completo .gic_buybox_controles{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    width:100%;
    gap:14px;
}

.gic_buybox_completo .gic_buybox_selector{
    margin:0 auto;
}

.gic_buybox_completo .gic_agregar{
    margin:0 auto;
}