.card-login {
    width: 480px;
    padding: 24px;
    border-radius: 24px;
    background: white;
    margin: 0 auto;
    border: 1px solid var(--bblue3);
/*   border-left:2px solid var(--ggreen1);*/
}



.content-login {
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    /*  min-height: 60vh;*/
    width: 100%;
    margin-block: 10px 35px;
}


/*.card-login .btn-primary-blue {
    width: 100%;
}*/

.card-login h2 {
    margin-block: 0 5px;
}

p.text-p-login {
    color: var(--ggray);
}

.card-login .mt-2 {
    margin-top: 20px;
}

.cuentaCX2.card-login {
    width: 800px;
   /* margin: 3rem auto;*/
}

.crearCuenta {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.news-lett {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid var(--ggrey);
    padding: 15px;
    border-radius: 10px;
    margin-block: 25px;
}

.radiogeneros ul.user-checks {
    flex-direction: row;
    gap: 15px;
    margin: 3px 0;
}

div#totnew p {
    margin-bottom: 0 !important ;
    font-family: "ubuntu-medium";
}

input[type="date"]::-webkit-calendar-picker-indicator {
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.regresar {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    color: var(--bblue5);
    text-decoration: none;
    gap: 7px;
    align-items: center;
    cursor: pointer;
    font-family: 'ubuntu-medium';
}

.txtmsjrequeridos {
    font-size: 14px !important;
    color: var(--rred);
    margin-top: 10px;
}

.inputrequerido {
    border: 2px solid var(--rred);
    outline: none;
    background: none;
    text-indent: 0;
}

    .inputrequerido::placeholder {
        font-family: "ubuntu-regular";
        font-size: 14px !important;
        color: #a9acad !important;
    }

.mis-preferencias-div {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.account-card {
    background: #fff;
    border: 1px solid var(--bblue3);
    border-radius: 24px;
    padding: 24px;
}
p.address-text {
    line-height: 22px;
}
p.address-text span {
    font-family: 'ubuntu-bold';
}

.account-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 24px;
    border-bottom: 1px solid var(--ggrey);
    padding-bottom: 12px;
}
.header-card {
    margin-bottom: 24px;
    border-bottom: 1px solid var(--ggrey);
    padding-bottom: 12px;
}

.account-title {
    margin: 0;
    font-size: 22px;
    font-weight: 600;
}


.account-info {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px 32px;
    margin-bottom: 32px;
}

.info-item {
    display: flex;
    flex-direction: column;
}

section.account-card .label {
    font-size: 14px;
    color: #6b7280;
    margin-bottom: 4px;
    text-align: left;
    padding: 0;
    font-weight: initial;
    font-family: 'ubuntu-medium';
}


.account-danger {
    border-top: 1px solid #e5e7eb;
    padding-top: 20px;
}

.danger-text {
    color: #374151;
    font-size: 14px;
    margin-bottom: 16px;
}
.pass-login {
    display: flex;
    justify-items: center;
    gap: 12px;
    justify-content: center;
    flex-direction: initial;
}



.addresses {
    padding: 16px;
    max-width: 1200px;
    margin: 0 auto 20px;
}

.addresses-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-block: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid var(--ggrey);
}





.addresses-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 16px;
}



.address-card {
    background: #fff;
    border: 1px solid var(--bblue3);
    border-radius: 24px;
    padding: 15px;
    position: relative;
}


.addresses-grid {
    margin-block: 30px;
}


.address-card .card-header {
    display: flex;
    align-items: center;
    gap: 8px;
    justify-content: end;
}
article.address-card.is-default h3 {
    margin-block: 5px 0;
}
.card-header h3 {
    font-size: 18px;
    flex: 1;
}


.address-card .badge {
    font-size: 12px;
    background: var(--bblue3);
    color: var(--bblue5);
    padding: 6px 8px;
    border-radius: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
}


.address-text {
    margin-top: 12px;
    font-size: 14px;
   /* color: #555;
    line-height: 1.5;*/
}

.address-dropdown {
    position: relative;
}

.address-dropdown__toggle {
    background: none;
    border: none;
    font-size: 22px;
    cursor: pointer;
    color: var(--bblue2);
}


.address-dropdown__menu {
    position: absolute;
    top: 32px;
    right: 0;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 8px 20px rgba(0,0,0,.15);
    min-width: 200px;
    display: none;
    z-index: 20;
    overflow: hidden;
    padding: 0;
}

.address-dropdown.is-open .address-dropdown__menu {
    display: block;
}


.address-dropdown__menu li {
    list-style: none;
}

.address-dropdown__menu a svg {
    color: var(--bblue5);
}

.address-dropdown__menu .ad-menu-doug {
    width: 100%;
    padding: 15px 10px;
    background: none;
    border: none;
    text-align: left;
    font-family: "ubuntu-medium";
    display: flex;
    gap: 8px;
    cursor: pointer;
    align-items: center;
    color: var(--bblue5);
}

    .address-dropdown__menu .ad-menu-doug:hover {
        background: var(--bblue4);
    }

.address-dropdown__menu .danger .ad-menu-doug, .address-dropdown__menu .danger .ad-menu-doug svg {
    color: var(--rred);
}

    .address-dropdown__menu .danger .ad-menu-doug:hover {
        background: #fef2f2;
    }
.productor-carrito{
    display:flex;
    gap:15px;
}
/*div#tablaC1 {
    border-bottom: 1px solid var(--ggrey);
    margin-bottom: 20px;
}*/




/****CARRITO****/
.carr-new-2 .tablaMiCarrito thead tr th {
    font-size: 16px;
    font-family: 'ubuntu-bold';
    font-weight: inherit;
    font-size: 16px;
    color: #595959;
    border-bottom: 1px solid var(--ggrey);
    padding: 0;
    padding-block: 20px;
    padding-right: 0;
}
.title-cardiv {
    border-bottom: 1px solid var(--ggrey);
    padding-bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
    .title-cardiv a {
        margin-bottom: 0;
        margin-bottom: 0;
        color: var(--bblue5);
        text-decoration: none;
        display: inline-flex;
        gap: 7px;
        align-items: center;
        cursor: pointer;
        font-family: 'ubuntu-medium';
    }
    .carr-new-2 .tablaMiCarrito tr td {
        padding: 0;
        padding-block: 25px !important;
        border-top: none;
    }
.carr-new-2 .tablaMiCarrito tr {
    border-bottom: 1px solid var(--ggrey);
}


.carr-new-2 .interiorOfertas ul {
    justify-content: left;
    padding-inline-start: 0px;
    display: flex;
    gap: 15px;
}
    .carr-new-2 .interiorOfertas ul li#contadoo span {
        display: flex;
    }
        .carr-new-2 .interiorOfertas ul li#contadoo span img {
            width: 20px !important;
        }
        .carr-new-2 .interiorOfertas ul #nar {
        background-color: transparent !important;
        color: unset;
        transition: .3s;
        width: auto;
        height: auto;
    }
        .carr-new-2 .interiorOfertas ul #nar:hover {
            background-color: transparent !important;
            color: unset;
            transition: .3s;
            width: auto;
            height: auto;
            border: none;
        }

.carr-new-2 table#tablaMiCarrito1 > th:first-child {
     text-align: start; 
}
.carr-new-2 .table#tablaMiCarrito1 > th:nth-child(n+2) {
    text-align: end;
}
.carr-new-2 {
    color: var(--bblue2);
    font-family: 'ubuntu-regular';
  /*  min-height: 100vh;*/
    padding-bottom: calc(200px + 50px);
}
.alert {
    font-weight: initial;
    font-family: 'ubuntu-regular';
    font-size: 14px !important;
}
.alert-danger {
    color: var(--bblue2);
    background-color: #f2dede;
    border: none;
    background: #FFF7E6;
    border-left: 6px solid #F5A623;
    margin-block: 20px !important;
}





.checkout-bar {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: rgba(236, 239, 241, 0.8);
    border-top: 1px solid var(--bblue3);
    backdrop-filter: blur(32px);
    box-shadow: 0 -6px 20px rgba(0,0,0,.08);
    z-index: 100;
    padding: 16px;
    -webkit-backdrop-filter: blur(32px);
}

.checkout-bar__container {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 2fr 0fr 1fr;


}


.checkout-bar__title {
    margin: 0;
    font-size: 18px;
    font-family: 'ubuntu-bold';
}

.checkout-bar__secure {
    opacity:.8;
    display: flex;
    align-items: center;
    gap: 5px;
    padding-top: 7px;
}

.checkout-bar__payment {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.checkout-bar__total {
    display: flex;
    justify-content: right;
    gap: 8px;
    font-size: 16px;
    align-items:center;
    margin-bottom:10px;

}

div#mob-3 {
    text-align: right;
}
.checkout-bar__total strong {
    font-size: 22px;
}

.checkout-bar__methods {
    display: flex;
    justify-content: left;
    gap: 16px;
}

.payment-option {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
}


.checkout-bar__button {
    background: #5fa06a;
    color: #fff;
    border: none;
    padding: 14px 28px;
    border-radius: 999px;
    font-size: 15px;
    cursor: pointer;
}

.checkout-bar__info {
    text-align: right;
    font-size: 12px;
    margin-top: 8px;
    opacity: .8;
    max-width: 1200px;
    margin: 0 auto;
}






.pleca-carrito .order-container {
    padding: 8px 0px;
}
.order-container {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 16px 0;
}
.pleca-carrito .rc {
    font-size: 28px;
    margin-bottom: 10px;
}
.secure-checkout-container {
    display: flex;
    opacity: 0.7;
    margin-bottom: 12px;
    column-gap: 4px;
    align-items: center;
}
.icon-svg {
    padding: 4px;
}
.order-total-container {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding-top: 4px;
}
.total-container {
    column-gap: 16px;
    padding-bottom: 0px;
}
.costoenv1{
    margin-top:10px; 
}
.trf small.trf{
    font-size:12px;
}
.costoenv1 span {
    font-family: "ubuntu-bold";
    color: var(--ggreen1);
    display: flex;
    gap: 5px;
    align-items: center;
}

.checkout-total-container {
    margin-top: 1rem;
}
.div#seleccionaPago{
    background:transparent; 
}
div#seleccionaPago.radiogeneros {
    background: none;
    margin: 0;
    text-align: left;
    padding: 0;
    border: none;
}
.checkout-bar__total-span {
    font-size: 18px;
    font-family: 'ubuntu-bold';
}
.checkout-bar__total-total {
    font-size: 18px;
   font-family: 'ubuntu-bold';
}
.tiempo-estimado-envio{
    font-size:12px;
}
.total-container ul.user-checks li:first-child {
    border-right: 1px solid var(--bblue4);
    padding-right: 15px;
}
.total-container ul.user-checks li {
    padding-bottom: 0;
}
.total-container .ul.user-checks {
    flex-direction: row;
}
h4.titlte-total-total span {
    font-size: 16px;
    font-family: 'ubuntu-regular';
}
.ofertas-tooltip {
    position: relative;
    display: inline-block;
}
.precio-antes {
    font-size: 14px;
    color: #0000008c;
    text-decoration: line-through;
}
.ofertas-tooltip .tooltip-trigger {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
}
div#mob-3 #procederPago {
    margin-top: 3px;
}
 .mobiltag2 {
    color: var(--bblue1) !important;
}
 .mobiltag2 span {
    font-family: "ubuntu-bold";
    color: var(--bblue2);
}
.producto-img img {
    border: 2px solid var(--bblue4);
    border-radius: 16px;
    padding: 4px;
}
.meses-intereses {
    color: var(--rred);
    font-size: 12px;
    text-transform: uppercase;
}



.product-icons-wrapper {
    display: flex;
    flex-direction: column;
}

.product-icon ul {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}
/*.product-icon span {
    margin-bottom: 6px;
    color: var(--bblue1);
}
*/
div#promox {
    display: flex;
    gap: 5px;
   /* align-items: center;*/
}

    .product-icon .msio {
        font-size: 12px;
        line-height: 1.3;
    }
.product-icon h6 {
  
    padding: 10px 0 5px;
    margin: 0;
}

.product-icon img,
.ofertas-icons img,
.tooltip-trigger svg {
    width: 18px;
    height: 18px;
}

.ofertas-icons {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0;
    margin: 0;
    list-style: none;
}
.interiorOfertas ul li {
    height: auto !important;
    width: auto !important;
    color: var(--ggreen1);
    margin : 0;
}
.descuento-subtc {
    color: var(--ggreen1);
    font-family: "ubuntu-bold" !important;
    font-size: 14px;
    line-height: 14px;
    overflow: hidden;
    text-transform: uppercase;
}
div#seleccionaPago .user-checks {
    margin: 0;
}
.checkout-bar__summary-optiosn {
    display: flex;
    align-items: center;
    gap: 10px;
    border-bottom: 1px solid var(--bblue3);
    padding-bottom:6px;
}
div#seleccionaPago .user-checks li {
    padding: 0;
}
.cart-empty-container.empty-sininfo {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 32px 16px;
    text-align: center;
}

.empty-sininfo .cart-empty-icon {
    margin-bottom: 16px;
    color: #d6d6d6;
}

    .empty-sininfo .cart-empty-icon svg {
        width: 64px;
        height: 64px;
    }


.empty-sininfo h3, .empty-sininfo h4 {
    color: var(--bblue2);
}
.empty-sininfo .cart-empty-text {
    font-size: 14px;
    color: #6e6e73;
    margin-bottom: 24px;
}

.tiempo-envio p {
    font-size: 12px;
}
p#tagenvi {
    margin: 0;
}
div#direccionDeEntrega {
    padding-bottom: 20px;
}

.user-menu-toggle {
    display: none;
}
.div-usermenu {
    display: none;
}

.user-tabs {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 8px;
    border-bottom: 1px solid #e5e7eb;
    overflow-x: auto;
    justify-content: center !important;
}

.user-tab {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 16px 0;
    color: #6b7280;
    font-size: 15px;
    font-weight: 500;
    text-decoration: none;
    white-space: nowrap;
}

    .user-tab i {
        font-size: 16px;
        opacity: 0.8;
    }

.user-tabs::-webkit-scrollbar {
    display: none;
}

.user-tabs {
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.selectStepNext {
    border-bottom: 1px solid  var(--bblue4);
    margin-bottom: 15px;
}
.user-tab:hover {
    color: var(--bblue1);
}


.user-tab.is-active {
    color: var(--bblue1);
    font-weight: 600;
}
div#terminopinta {
    font-size: 12px;
    margin-top: 10px;
}
label.text-label svg.iconos-inputs {
    display: none;
}

    .user-tab.is-active::after {
        content: '';
        position: absolute;
        left: 0;
        bottom: -1px;
        width: 100%;
        height: 3px;
        background-color: var(--oorange);
        border-radius: 2px 2px 0 0;
    }
.personasfiscales {
    margin-top: 15px !important;
}
.checkout-bar__action .btn-generic {
    margin-left: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width:fit-content;
}


.tiempo-envio-wrapper {
    position: relative;
}

.tiempo-envio-trigger {
    display: none; /* solo mobile */
    background: none;
    border: none;
    font-size: 18px;
    cursor: pointer;
}
/*@media (max-width: 1024px) {
  

    .user-tab {
        padding: 12px 0;
        font-size: 14px;
    }

    .user-tabs::after {
        content: '';
        position: sticky;
        right: 0;
        width: 32px;
        background: linear-gradient(to left, white, transparent);
    }
}*/
/***************/

@media (max-width: 1035px) {
    .radiogeneros ul.user-checks {
        gap: 6px;
    }
    .checkout-bar__title {
        font-size: 16px;
    }
    .checkout-bar__total-total {
        font-size  : 16px;
        font-family: 'ubuntu-bold';
    }
    .checkout-bar__total-span {
        font-size: 16px;
    }


@media (max-width: 974px) {
    .checkout-bar__summary-optiosn {
        display: block;
    }
    div#seleccionaPago {
        padding-top: 10px !important;
    }
}

    @media (max-width: 901px) {
        .productor-carrito {
            display: block;
            gap: 10px;
            justify-content: space-between;
        }

        .checkout-bar__container {
            grid-template-columns: 1fr;
        }

        .checkout-bar__action .btn-generic {
           
            margin-right: auto;
        }

        div#mob-3 {
            margin-top: 10px;
        }


        /* .checkout-bar__summary {
        display: none; 
    }*/
        .checkout-bar__summary {
            border-bottom: 1px solid var(--bblue3);
            padding-bottom: 10px;
        }


        .checkout-bar__action {
            justify-content: flex-end;
        }

        .productor-carrito .producto-img img {
            width: 50%;
            height: auto;
            margin: 0 auto;
        }

        .tablaMiCarrito .subtc.mobileder {
            text-align: left;
        }


        table#tablaMiCarrito1 tr {
            border-bottom: 1px solid var(--ggrey);
            padding-bottom: 20px;
        }


        td.borrarCarritoImagen {
            width: 50%;
        }

        .tablaMiCarrito td.mobileder h4.skuP {
            text-align: right;
        }
        .qty-btn {
            width: 60px;
        }
    }



    @media (max-width: 901px) {
        .checkout-bar__total {
            justify-content: center;
        }
    }




@media (max-width: 768px) {
    .account-info {
        grid-template-columns: 1fr;
    }

    .addresses-grid {
        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    }

    .account-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }
/*
    .tiempo-envio-trigger {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        color: var(--ggreen1);
    }

    .tiempo-envio {
        position: absolute;
        bottom: 120%;
        right: 10px;
        width: max-content;
        max-width: 260px;
        background: #fff;
        padding: 6px 10px;
        border-radius: 10px;
        box-shadow: 0 8px 24px rgba(0,0,0,.15);
        opacity: 0;
        visibility: hidden;
        transform: translateY(5px);
        transition: all .25s ease;
        z-index: 10;
    }
    .tiempo-envio p{
    line-height:17px;
}

        .tiempo-envio.is-open {
            opacity: 1;
            visibility: visible;
            transform: translateY(0);
        }
        .tiempo-envio-wrapper {
            position : absolute;
            right: 0;
            top: 11px;
        }*/

        .checkout-bar__summary-optiosn {
          
            border-bottom: none;
            padding-bottom: 0;
        }
        .checkout-bar__summary {
            padding-bottom: 5px;
        }
        div#mob-3 {
            margin-top: 5px;
        }
    }

    @media (max-width: 675px) {

        .div-usermenu {
            display: block;
            margin-top: 20px;
        }

        .user-menu-toggle {
            display: flex;
            justify-content: space-between;
            align-items: center;
            width: 100%;
            padding: 14px 16px;
            outline: none;
            border: 1px solid #e5e7eb;
            -webkit-tap-highlight-color: transparent;
            background: #fff;
            font-size: 15px;
            font-weight: 500;
            border-radius: 8px;
            cursor: pointer;
        }

            .user-menu-toggle:focus,
            .user-menu-toggle:active {
                outline: none;
                box-shadow: none;
                background-color: #fff;
            }

        .user-tabs {
            display: grid;
            grid-template-columns: 1fr;
            margin-top: 8px;
            border: 1px solid #e5e7eb;
            border-radius: 8px;
            max-height: 0;
            opacity: 0;
            overflow: hidden;
            transform: translateY(-6px);
            transition: max-height 0.35s ease, opacity 0.25s ease, transform 0.25s ease;
        }

            .user-tabs.is-open {
                max-height: 500px;
                opacity: 1;
                transform: translateY(0);
            }

        .user-tab {
            justify-content: flex-start;
            padding: 14px 16px;
        }

            .user-tab.is-active::after {
                display: none;
            }


        .cuentaCX2.card-login {
            width: 100%;
        }

        .crearCuenta {
            display: flex;
            flex-direction: column;
            gap: 14px;
        }

        .checkout-bar {
            padding: 12px;
        }

        .checkout-bar__container {
            grid-template-columns: 1fr;
        }

        .checkout-bar__payment {
            align-items: flex-start;
        }
    }

    .checkout-bar__total strong {
        font-size: 20px;
    }

    .checkout-bar__methods {
        width: 100%;
        justify-content: space-between;
    }

    .checkout-bar__action {
        width: 100%;
    }

    .checkout-bar__button {
        width: 100%;
        padding: 16px;
        font-size: 16px;
    }

    .checkout-bar__info {
        font-size: 11px;
    }

    .header-card.carr-header {
        margin-bottom: 10px;
        display: inline-grid !important;
    }

        .header-card.carr-header h2 {
            order: 2;
        }

        .header-card.carr-header .regresar {
            margin-bottom: 0;
        }

    .qty-value {
        width: 80px;
    }

    .tablaMiCarrito table,
    .tablaMiCarrito tbody,
    .tablaMiCarrito tr,
    .tablaMiCarrito td {
        display: block;
        width: 100%;
    }

    table#tablaMiCarrito1 thead {
        display: none;
    }

    .carr-new-2 .tablaMiCarrito tr td {
        text-align: left;
    }

        .carr-new-2 .tablaMiCarrito tr td h5 {
            text-align: left;
        }

    .tablaMiCarrito td.mobileder h4.skuP {
        text-align: left;
    }

    .producto-img {
        text-align: center;
        margin-top: 20px;
    }

    .carr-new-2 .tablaMiCarrito tr td {
        padding: 5px !important;
    }

    .news-lett {
        display: block;
    }

        .news-lett .radiogeneros {
            margin-top: 10px;
        }
}

    @media (max-width: 450px) {
       


        .title-cardiv {
            flex-direction: column-reverse;
            display: flex;
            align-items: normal;
            justify-content: space-between;
        }

        .tablaMiCarrito td.mobileder h4.skuP {
            text-align: left;

        }
        h5.skuP.unitario {
            margin: 2px;
        }
        .product-icon h6 {
            padding: 2px 0 5px;
        }
        div#seccion-fix {
            display: none;
        }
        h4.titlte-total-total span {
            font-size: 14px;
        }

        .checkout-bar__title {
            font-size: 14px;
        }

        .checkout-bar__total-span {
            font-size: 16px;
        }

        .checkout-bar__total-total {
            font-size: 16px;
        }

        .radiogeneros ul.user-checks {
            gap: 3px;
        }


        .costoenv1 {
            margin-top : 5px;
        }

        .card-login {
            padding: 20px 15px;
        }

        div#multiEm ul.Checkbox-radio li label {
            font-size: 12px;
            font-family: 'ubuntu-regular';
        }

        .addresses-header {
            flex-direction: column-reverse;
        }
        div#misCompras .addresses-header {
            display: block;
        }
    }

    @media (max-width: 337px) {
        input[type="checkbox"]:checked + label:after {
            margin-left: -22px;
            margin-top: -0.5em;
        }
    }


    /**********************/
    .header-card.carr-header {
        display: flex;
        justify-content: space-between;
        margin-bottom: 10px;
        padding-bottom: 15px;
        margin-block: 20px !important;
    }