/* Estilos para el click and collect en el carrito */
.cart-checkout{
    width: 900px; 
    margin: 60px auto 0 auto;
    border: none !important;
    box-shadow: none !important;
  }
  
  .cart-checkout-split{width: 700px; }
  
  #storePickupApp .checkoutMethodsContainer.default .checkoutMethod{
    
      height: 180px;
    width: 382px;
    max-width: 382px;
    border-radius: 18px!important;
    color: #0D5DB8!important;
    fill: #0D5DB8!important;
    background-color: #F0F7FE;
    border: 6px solid #F0F7FE !important;
    margin: 0px 40px 60px 40px!important;
    text-align: center;
    -webkit-transition: 0.4s ease;
    -moz-transition: 0.4s ease;
    display: flex;
  }
  
  #storePickupApp .checkoutMethodsContainer.default .checkoutMethod svg path{
    opacity: 0.4;
  }
  
  #storePickupApp .checkoutMethodsContainer.default .checkoutMethod:hover{
    border: 6px solid #0D5DB8 !important;
    background-color: #F0F7FE;
    -webkit-transition: 0.4s ease;
    -moz-transition: 0.4s ease;
  }
  
  #storePickupApp .checkoutMethodsContainer.default .checkoutMethod.active{
    border: 6px solid #0D5DB8 !important;
    background-color: #F0F7FE;
  }
  
  .shippingIcon svg, .pickupIcon svg{opacity: 0;}
  
  .shippingIcon{
    background: url(/cdn/shop/files/imagen_2021-11-22_160456.png?v=1637607899);
    background-size: contain;
    filter: opacity(0.4);
    width: 50px;
    height: 40px;
    -webkit-transition: 0.4s ease;
    -moz-transition: 0.4s ease;
  }
  .pickupIcon{
    background: url(/cdn/shop/files/imagen_2021-11-22_160523.png?v=1637607926);
    background-size: contain;
    filter: opacity(0.4);
    width: 50px;
    height: 40px;
    -webkit-transition: 0.4s ease;
    -moz-transition: 0.4s ease;
  }
  
  #storePickupApp .checkoutMethodsContainer.default .checkoutMethod:hover .shippingIcon,
  #storePickupApp .checkoutMethodsContainer.default .checkoutMethod:hover .pickupIcon{
      filter: opacity(1);
    -webkit-transition: 0.4s ease;
    -moz-transition: 0.4s ease;
  }
  
  .box-cart-item{
      display: inline-block;
    width: 62%;  
  }
  .cart-total{
      margin-top: 0;
    width: 33%;
    vertical-align: top;
    margin-left: 15px;
    display: inline-block;
  }
  .cart-subtotal, .cart-shipping{display:none;}
  
    .cart-checkout{
      border: 1px solid rgba(127,127,127,0.16);
      -webkit-box-shadow: 0 1px 4px rgba(127,127,127,0.11);
      box-shadow: 0 1px 4px rgba(127,127,127,0.11);
      padding-bottom: 20px;
      margin-top: 18px
    }
    .cart-checkout .h3{
        background: #2e3540;
      color: #FFF;
      padding: 10px;
      margin: 0px;
      font-size: 16px;
      text-transform: uppercase;
      font-weight: 600;
    }
    #storePickupApp{
      max-width: 800px;
      margin: 0 auto!important;
      padding: 15px;
      margin: 0px;
      padding-bottom:0;
      border-radius: 10px;
    }
    .checkoutMethodsContainer{
      border-radius: 0px;
    }
  
    .cart-checkout .button-primary{
      display: inline-block!important;
        float: left;
      width: 200px;
      visibility: visible!important;
    }
    @media (max-width: 768px){
      .cart-checkout .button-primary{
        margin-top: 20px;
      }
      #storePickupApp .checkoutMethodsContainer.default .checkoutMethod{
        margin: 0px 0px 30px!important;
        max-width: 100%;
      }
    }
    .pickupPagination{
      width: 100%;
      max-width: 100%;
      height: 60px;
      margin-top:0 !important;
      
  }
  
  
  #storePickupApp select{height: 40px; padding-left: 15px;}
  #storePickupApp #searchBlock input{font-size: 12px; height: 40px;}
  #storePickupApp .checkoutMethodContainer .locations .location .block .moreInformationLink{color: #005abb; font-weight: bold;}
  header.cart-title button, div.cart-checkout button, .cart-continue{display: none;}
  
  
  
  @media (max-width: 768px){
    .box-cart-item, .cart-total{width: 100%; margin-left: 0;}
    .cart-checkout{width: 100%;}
    #storePickupApp{padding: 0;}
  }
  #storePickupApp .checkoutMethodsContainer.default .checkoutMethod{
    width: 100%;
  }
  .checkout-volver{margin-top: 20px;}