/* CARRITO */

.focus-bg.focus-bg--on{background-color: rgba(49,49,49,.9);-webkit-transition: opacity .2s linear;transition: opacity .2s linear;z-index: 200;top: 0;right: 0;bottom: 0;left: 0;opacity: 1;pointer-events: all;background-image: none;display:none;}
.carritOpen{overflow: hidden;position: fixed;right: 0;left: 0;} 

#mod_Carrito {background: #fff;padding:0;font-size:14px;color:#231f20;line-height:normal;z-index: 300;position: fixed;-webkit-transition: -webkit-transform .2s ease-in;transition: -webkit-transform .2s ease-in;transition: transform .2s ease-in;transition: transform .2s ease-in,-webkit-transform .2s ease-in;-webkit-transform: translateX(100%);transform: translateX(100%);top: 0;right: 0;bottom: 0;left: 0;-webkit-box-orient: vertical;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;-webkit-box-direction: normal;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;width:100%;}

/* modulo superior  */

    #mod_Carrito .modC_up{position:relative;padding: 45px 20px 60px 20px;overflow:auto;}
 
    #mod_Carrito .btBackCarr{position:absolute;top:16px;left:16px;text-decoration:none;line-height: 21px;font-size: 14px;font-weight: 400;font-style: normal;font-stretch: normal;letter-spacing: normal;color: #231f20;}
    #mod_Carrito .btBackCarr:before {content: " ";position: absolute;height: 1px;border-bottom: solid 1px #dfdfe3;left: 0;bottom: -2px;width: 100%;}
    #mod_Carrito .btBackCarr:hover:before {content: '';left: 0;bottom: -2px;width: 100%;border-bottom: 1px solid #231F20!important;}
    #mod_Carrito .btBackCarr:hover{text-decoration:none;}

    #mod_Carrito .titleCarr {font-family: 'SharpSansBold', Arial Narrow, Arial;font-size: 25.2px;font-weight: bold;line-height: normal;text-align: center;margin-bottom:46px;}
    #mod_Carrito .avisoCarr {line-height: 1.5;letter-spacing: normal;padding-bottom: 57px;font-weight: 400;font-size: 12px;line-height:21px;}
    #mod_Carrito .codDescuento {display: block;letter-spacing: normal;color:#6b6e79}

    #mod_Carrito a.modC_codDescuento,
    #mod_Carrito a.modC_codDescuento:link,
    #mod_Carrito a.modC_codDescuento:visited,
    #mod_Carrito a.modC_codDescuento:active {color: #6b6e79;}

    #mod_Carrito a {text-decoration: underline;}

    #mod_Carrito .modC_sug_and_btnWrapper > *{margin-bottom: 15px;}
    #mod_Carrito .custom_input_unstyled      {color: white;background-color: #dfdfe3;border-radius: 6px;border:none;letter-spacing: -0.15px;pointer-events:none;}

    #mod_Carrito .wrapperList       {font-weight: 600;margin-bottom:0px!important;}
    #mod_Carrito .wrapperList > ul {display:block;}
    #mod_Carrito .wrapperList > ul > li  {overflow: hidden;margin-bottom:20px;}

    #mod_Carrito .wrapperList > ul > li > div {position:relative;display: -webkit-box;display: flex;-webkit-box-pack: justify;justify-content: space-between;-webkit-box-align: center;align-items: inherit;line-height: 1.3;}
    #mod_Carrito .wrapperList > ul > li > div p.itemProd   {font-family: 'SharpsansSemiBold', Arial Narrow, Arial;font-size:16px;font-weight:600;margin-left: 28px;cursor: pointer;letter-spacing: -0.15px;color: #231f20;max-width:185px;width:100%;}
    #mod_Carrito .wrapperList > ul > li > div p.itemPrecio {font-size:15px;font-weight:600;margin-right:32px;letter-spacing: -0.14px;color: #231f20;}
    #mod_Carrito .wrapperList > ul > li > ul {display: none;line-height:1.5;padding-left:28px;padding-top:10px;}
    #mod_Carrito .wrapperList > ul > li > ul li {font-size: 14px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;color: #6b6e79;}
    #mod_Carrito .wrapperList > ul > li.menu > ul {padding-top:0;}
    #mod_Carrito .wrapperList > ul > li.menu > ul li {font-size: 14px;font-weight: normal;font-stretch: normal;font-style: normal;letter-spacing: normal;color: #6b6e79;padding-top:2px}
    #mod_Carrito .wrapperList > ul > li.menu > ul li.title {font-weight:600;font-size: 16px;padding-top:10px;}
   
    #mod_Carrito .acClose,
    #mod_Carrito .acDesplegable,
    #mod_Carrito .icono_Sumar {width: 16px;height: 16px;cursor: pointer;display: block;}

    #mod_Carrito .acClose          {background: url(../static/ico/close_ball_g.svg) no-repeat center 1px / 16px;}
    #mod_Carrito .acDesplegable    {background: url(../static/ico/expandLess.svg) no-repeat 0 5px / 12px;}
    #mod_Carrito .acDesplegable.up {background: url(../static/ico/expandMore.svg) no-repeat 0 5px / 12px;}
    #mod_Carrito .icono_Sumar      {background: url(../static/ico/addProducto.svg) no-repeat 0 0 / 23px;}

    #mod_Carrito .acClose       {position: absolute;top: 0px;right: 2px;}
    #mod_Carrito .acDesplegable {position: absolute;top: 3px;left: 0;}

    #mod_Carrito .prodTotal    {clear:both;width: 100%;font-weight: 600;font-size:15px;letter-spacing: -0.14px;margin:10px 0 28px 0;display:inline-block;}
    #mod_Carrito .prodTotal span{float:right;}
    #mod_Carrito .prodTotal span.priceOld{min-width:65px;text-align:left;color:#c8102e;text-decoration:line-through;}

    :lang(es-CO) #mod_Carrito .prodTotal span.priceOld{min-width:75px;}
    
    #mod_Carrito .prodTotal span:first-child{float:left;width:auto;}
    #mod_Carrito .prodTotal small {font-size: 100%;position:relative;left:-3px;}

    /* modulo ofertas */

    .modOferta {padding:0;}
    .modOferta ul li{position:relative;}
    .modOferta ul li p{font-family: 'SharpsansSemiBold', Arial Narrow, Arial;font-size: 13px;font-weight: 600;font-stretch: normal;font-style: normal;line-height: normal;letter-spacing: -0.12px;color: #fff;background-color: #fed03b;min-height:40px;text-align:center;padding:10px 12px;width:calc(100% - 81px);margin-left:25px;margin-bottom:18px;position:relative;border-radius: 4px;}
    .modOferta ul li:before{background:transparent url("../static/ico/icon_ok_b.svg") no-repeat center;background-size:24px 24px;content:" ";position:absolute;left:-4px;top:0;width:18px;height:100%;background-size: 24px;}
    .modOferta ul li em{background: url(../static/ico/close_ball_g.svg) no-repeat right center / 16px 16px;content:" ";position:absolute;right:2px;top:0;width:16px;height:100%;height:100%;cursor:pointer}

/* modulo inferior  */

    #mod_Carrito .modC_down{max-width: 100%;width: 100%;margin-left: auto;margin-top: auto;padding:20px 15px;background-color: #fff;-webkit-box-direction: normal;   }


    #mod_Carrito .modC_down .modSugerencia > p{margin-bottom:10px;font-family: 'SharpsansSemiBold', Arial Narrow, Arial;font-size: 16px;font-weight: 600;letter-spacing: -0.15px;color: #6b6e79;}

    #mod_Carrito .modC_down .modSugerencia .sugWrapper {display: -webkit-box;display: flex;-webkit-box-pack: justify;justify-content: space-between;-webkit-box-align: center;align-items: center;position: relative;overflow: hidden;box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.1);background-color: #ffffff;min-height: 58px;padding: 2.5px 0 2.5px;box-sizing: border-box;}
    #mod_Carrito .modC_down .modSugerencia .sugWrapper:not(:last-child)   {margin-bottom: 10px;}
    #mod_Carrito .modC_down .modSugerencia .sugWrapper>*:not(:last-child) {margin-right: 5px;}    
    #mod_Carrito .modC_down .modSugerencia .sugWrapper {margin-bottom:16px;box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);}
    #mod_Carrito .modC_down .modSugerencia .sugWrapper > img{width: 56px;height: 60px;-webkit-box-flex: 0;flex: none;display: block;position: absolute;top: 50%;left: 0;-webkit-transform: translateY(-50%);transform: translateY(-50%);}

    #mod_Carrito .modC_down .modSugerencia .sugWrapper .textProd {-webkit-box-flex: 1;flex: 1 1 320px;margin-left: 65px;}
    #mod_Carrito .modC_down .modSugerencia .sugWrapper .textProd :first-child {font-weight: 600;line-height: 1.5;}
    #mod_Carrito .modC_down .modSugerencia .sugWrapper .textProd :last-child  {font-size: 12px;line-height: 1.75;color: #6b6e79;}

    #mod_Carrito .modC_down .modSugerencia .sugWrapper .price   {position: relative;-webkit-box-flex: 0;flex: 0 1 100px;padding-right: 54px;}
    #mod_Carrito .modC_down .modSugerencia .sugWrapper .price :nth-child(2)  {font-size: 15px;font-weight: 600;letter-spacing: -0.14px;margin-bottom: 5px;}
    #mod_Carrito .modC_down .modSugerencia .sugWrapper .price :last-child    {font-size: 13px;font-weight: 600;letter-spacing: -0.12px;color: #6b6e79;text-decoration: line-through;}
    #mod_Carrito .modC_down .modSugerencia .sugWrapper .price span {position: absolute;top: 50%;right: 18px;-webkit-transform: translateY(-50%);transform: translateY(-50%);background: url(../static/ico/addProducto.svg) no-repeat 0 0 / 23px 23px;width: 24px;height: 24px;cursor: pointer;display: block;}

    #mod_Carrito .modC_down .actions{padding:0;}
    #mod_Carrito .modC_down .actions button .price {right: 25px;font-size: 15px;font-weight: 600;font-style: normal;font-stretch: normal;line-height: normal;letter-spacing: normal;color: #ffffff;}
    #mod_Carrito .modC_down .actions button .price small {font-size: 100%;}
    #mod_Carrito .modC_down .actions button span {position:relative;top:-2px;}

    #mod_Carrito.openCarr{-webkit-transform: translateX(0);transform: translateX(0);}

/* boton solo tablet/movil  */

    .modShowBtCarrito{position: fixed;z-index: 200;bottom: 0px;right: 0;left: 0;margin-right: 0;box-shadow: 0 0 200px 5px rgba(0,0,0,.1);background: #fff;bottom:-4px;text-align:center;}
    .modShowBtCarrito .actions{padding:10px;display: inline-block;width: 100%;}

    /* detalle producto */
    .mod_ProductLanding .modShowBtCarrito .actions{margin-top:0px;width:100%}
    .mod_ProductLanding .modShowBtCarrito .actions button{width:100%;max-width:100%}

    /* numero de productos */
    .modShowBtCarrito .actions span{position:relative;width:100%;display:inline-block;}
    .modShowBtCarrito .actions span:after{content:attr(data-items);width:30px;height:28px; background:#5f8b00;color:#fff;position:absolute;left:13px;top:-4px;border-radius:2px;font-size:12px;line-height:26px;}
    .modShowBtCarrito .actions span.active:after{display:none;}

/* MENU SUPERIOR en boton carrito MOVIL  */
    .modShowBtCarrito .wrapItems{overflow-x:auto;width:100%;background: #313131;display:block;}
    .modShowBtCarrito .mod_product_categories_nav{display:block;border:none;background:#313131;width:auto;min-height:44px;height:100%;margin:0 auto;}
    .modShowBtCarrito .mod_product_categories_nav li{display: flex;flex-direction: row;justify-content:center;align-items:center;height:44px;}
    .modShowBtCarrito .mod_product_categories_nav li.actual{background:#c8102e!important;}
    .modShowBtCarrito .mod_product_categories_nav li, 
    .modShowBtCarrito .mod_product_categories_nav li a{width:auto;background:none!important;padding:0;margin:0;font-weight:normal;border:none;color:#fff;font-size:14px;line-height:19px;}
    .modShowBtCarrito .mod_product_categories_nav li a{padding:0 12px}
    .mod_product_categories_nav li::after, 
    .mod_product_categories_nav li::before {background: none!important;}
    .modShowBtCarrito .mod_product_subcategories_nav:before, 
    .modShowBtCarrito .mod_product_subcategories_nav:after{display:none;content:"";}

@media (min-width: 768px) {
    #mod_Carrito{display:flex;width: 350px;right: 0!important;margin-left: auto;}
    #mod_Carrito .modC_up{max-width: 350px;padding: 35px 20px 60px 20px;margin-left: auto;-webkit-box-flex: 1;-webkit-flex: 1 1 0%;-ms-flex: 1 1 0%;flex: 1 1 0%;width: 100%;        display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;max-height: auto;max-height: 100vh;-webkit-box-shadow: -1px 0 10px 0 rgba(0,0,0,.05);box-shadow: -1px 0 10px 0 rgba(0,0,0,.05);border: 0 solid #e9ebee;border-left-width: 1px;}
    #mod_Carrito .modC_down{max-width: 350px;}
    /*#mod_Carrito.vacio .modC_up{-webkit-box-shadow: none;box-shadow: none;}*/
}

/*
@media (min-width: 770px) {  
    .mod_ProductLanding .modShowBtCarrito {display:none;}
}
*/

@media (min-width: 960px) {    
    .focus-bg{display:none;}
    #mod_Carrito{-webkit-transform: translateX(0);transform: translateX(0);}
    #mod_Carrito .btBackCarr{display:none;}
    /*  #mod_Carrito .modC_down{-webkit-box-shadow: 0 -15px 14px 1px #fff;box-shadow: 0 -15px 14px 1px #fff;}*/
    #mod_Carrito .modC_down{border: 0 solid #e9ebee;border-left-width: 1px;}        
    .modShowBtCarrito{display:none;}
}