.cart-bottom .panels-total {
   flex-direction: row;
}

.input-group.burkani-coupon {
   max-width: 380px;
   height: 60px;
   gap: 0px;
}

.input-group.burkani-coupon input[type="text"] {
   height: 100%;
   background-color: #fff !important;
   border: 1px solid var(--border-color);
   border-radius: 0px !important;
}

.input-group.burkani-coupon input[type="text"]:hover {
   background-color: #fff !important;
}

.buttons>div>.btn {
   min-height: 60px;
}

.input-group.burkani-coupon .input-group-btn input,
.shippingCalculator .calculate-shipping-btn {
   background-color: var(--secondary-color);
   transition: 0.2s ease all;
   color: #fff;
   font-family: 'asty-medium', sans-serif;
}

.input-group.burkani-coupon .input-group-btn input:hover,
.shippingCalculator .calculate-shipping-btn:hover {
   background-color: var(--secondary-color-hover) !important;
   color: #fff !important;
}

.shippingCalculator .calculate-shipping-btn {
   height: 60px;
}

.shippingCalculator-body form {
   max-width: 430px;
}

.cart-total .total {
   border: 1px solid var(--border-color);
   height: 60px;
   padding: 10px;
   text-align: center;
   color: var(--text-color);
   display:flex;
   align-items: center;
   justify-content: center;
}

.cart-total .total:not(:last-child) {
   margin-right: 20px;
}

.cart-total .total span:first-child {
   font-size: 14px;
   margin-right: 10px;
}

.cart-total .total span:last-child {
   font-size: 16px;
   font-family: 'asty-medium', sans-serif;
}

.burkani-coupon input.form-control {
   border-top-right-radius: 0px !important;
   border-bottom-right-radius: 0px !important;
}

.burkani-coupon .form-control::-webkit-input-placeholder {
   color: #999 !important;
}

.accompanying--row .main-products {
   display: grid;
   grid-template-columns: repeat(6, 1fr) !important;
   row-gap: 50px;
   column-gap: 25px;
   max-height: 0px;
   overflow: auto;
   padding: 0px 45px;
   transition: 0.25s ease all;
   opacity: 0;
   visibility: visible;
   padding: 20px;
   border-bottom: 1px solid var(--border-color);
}

.accompanying--row table {
   width: 100%;
}

.accompanying--row td {
   padding: 0px !important;
   border: none !important;
}

.accompanying--row.open-row .main-products {
   max-height: 480px;
   opacity: 1;
   visibility: visible;
}

.accompanying-button .minus {
   display: none;
}

.accompanying-button.active .minus {
   display: inline-block;
}

.accompanying-button.active .plus {
   display: none;
}

.route-checkout-cart #content .cart-panels {
   display:flex;
   align-items: center;
   justify-content: space-between;
}

.shippingCalculator {
   margin-right: 20px;
   margin-left: auto;
}

.shippingCalculator-popupWrapper {
   height: 100%;
   background: #ECECEC;
   display: none;
   max-height: calc(100% - var(--mobile-header-height) - var(--mobile-menubar-height));
   max-width: 820px;
   position: fixed;
   width: 100%;
   left: calc(50% - 410px);
	top: var(--mobile-header-height);
}

.shippingCalculator-popupWrapper .shippingCalculator-header {
   padding: 13px;
   background-color: #fff;
   border-bottom: 1px solid #ccc;
}

.shippingCalculator-popupWrapper .shippingCalculator-header .shippingCalculator-title {
   font-size: 20px;
   text-align: center;
   background-color: #fff;
} 

.shippingCalculator-popupWrapper .shippingCalculator-header .closeBtn {
   position: absolute;
   right: 15px;
   background: transparent;
   top: 15px;
}

.shippingCalculator-popupWrapper .shippingCalculator-header .closeBtn i {
   color: var(--danger-color);
}

.shippingCalculator-popupWrapper .shippingCalculator-body {
   display: flex;
   flex-direction: column;
   align-items: center;
}

#modal-shipping {
   padding-right: 0px !important;
}

#modal-shipping-step--2 {
   padding: 20px 10px 20px 30px;
}

.shippingCalculator-popupWrapper #note {
   margin: 15px 0 35px 0;
   font-size: 16px;
}

.shippingCalculator-popupWrapper hr {
   height: 1px;
   background-color: var(--border-color);
   width: 80%;
}

.shippingCalculator-popupWrapper p {
   font-size: 16px;
}
   
.shippingCalculator-step--2 p {
   font-size: 18px;
}
   
.shippingCalculator-step--2 label {
   font-size: 16px;
   margin-bottom: 25px;
}
   
#shipping-step--2-buttons {
   display: grid;
   grid-gap: 10px;
   grid-auto-flow: column;
}
   
#shipping-step--2-buttons button {
   border-radius: 5px;
}
   
#shipping-step--2-buttons input {
   border-radius: 5px;
   background-color: var(--primary-color);
}

.shippingCalculator-popupWrapper.show-popup {
   display: block;
}

.sc--actions #button-quote {
   background-color: var(--primary-color);
   border-radius: 5px;
   font-family: 'asty-book', sans-serif !important;
   margin-top: 30px;
   width: 100%;
}

.sc--actions #button-quote:hover,
.sc--actions #button-quote:active,
.sc--actions #button-quote:focus,
#button-shipping:active,
#button-shipping:focus,
#button-shipping:hover {
   background-color: var(--primary-color-hover) !important;
}

#button-cancel:hover {
   background-color: var(--color-dark-gray-alt-hover) !important;
}

.panel-voucher {
   display: none;
}

.order-overview--title {
   margin-bottom: 15px;
   font-size: 20px;
   text-transform: uppercase;
   text-align: center;
}

.buttons .pull-right .btn {
   text-transform: uppercase;
} 

.cart-estimates-wrapper {
  margin-bottom: 35px;
}

@media only screen and (max-width: 1366px) {
   .route-checkout-cart #content .cart-panels {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 15px;
   }

   .input-group.burkani-coupon {
      max-width: 100%;
   }

   .shippingCalculator {
      margin: 0px;
   }

   .shippingCalculator .calculate-shipping-btn {
      width: 100%;
   }

   .cart-total {
      justify-content: flex-end;
      grid-column: 1 / -1;
   }
}

@media only screen and (max-width: 1024px) {
   .accompanying-row {
      padding-top: 50px;
      position: relative;
   }

   .cp--list .cart-content-product--row.first-product {
      margin: 0px;
   }

   .accompanying-row .accompanying--grid {
      width: 100%;
   }

   .accompanying--trigger {
      position: absolute;
      top: 0;
      height: 50px;
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      background: #EBEBEB;
   }

   .accompanying--trigger .text {
      font-family: 'asty-medium', sans-serif;
      font-size: 16px;
   }

   .accompanying--trigger .icon {
      border-radius: 10px;
      background-color: #fff;
      padding: 10px;
      display:flex;
      align-items: center;
      justify-content: center;
      margin-left: 10px;
      border: 1px solid var(--border-color);
   }

   .accompanying--trigger svg {
      width: 16px;
      height: auto;
   }

   .accompanying--grid {
      transition: 0.25s ease all;
      opacity: 0;
      visibility: hidden;
      height: 0px;
   }

   .accompanying-row.open-grid .accompanying--grid {
      opacity: 1;
      visibility: visible;
      height: 300px;
      overflow: auto;
      width: 100%;
      margin-top: 20px;
   }

   .accompanying-row.open-grid .svg-plus,
   .accompanying-row .svg-minus {
     display: none;
   }

   .accompanying-row.open-grid .svg-minus {
      display: block;
   }

   .cart--products {
      margin-bottom: 0px !important;
   }

   #order-overview--trigger {
      display: flex;
      align-items: center;
      width: 100%;
      background-color: #7DB02D;
      position: fixed;
      left: 0px;
      bottom: var(--mobile-menubar-height);
      z-index: 99;
      height: var(--mobile-menubar-height);
      justify-content: center;
      font-size: 16px;
      font-family: 'asty-medium',msa;
      color: #fff;
   }

   #order-overview--trigger .icon {
      display: flex;
      margin-top: -5px;
      margin-left: 15px;
   }

   #order-overview--trigger svg path {
      fill: #fff;
   }

   .buttons>div>.btn {
      font-size: 18px;
   }
}

@media (max-width: 820px) {

   /* Modal should not fit screen width under 820px */
   .shippingCalculator-popupWrapper {
      width: 90%;
      left: 5%;
   }

   .shippingCalculator-body {
      padding: 0 20px 0 20px;
   }

   .shippingCalculator-header {
      display: flex;
   }

   .shippingCalculator-title {
      padding: 0 15px 0 15px !important;
   }

   .shippingCalculator-popupWrapper p,
   .shippingCalculator-popupWrapper #note {
      margin: 15px 0 30px 15px !important;
   }

   .shippingCalculator-step--2 p {
      margin: 5px 0 10px 0px !important;
   }
}

@media only screen and (max-width: 760px) {
   .input-group.burkani-coupon {
      order: 2;
      grid-column: 1 / -1;
   }

   .shippingCalculator {
      order: 1;
      grid-column: 1 / -1;
      margin: 0px 30px;
   }

   .cart-total {
      order: 3;
      display: grid !important;
      grid-template-columns: 1fr 1fr;
   }

   .cart-total .total {
      flex: 1;
      padding: 5px;
   }

   .cart-total .total:first-child {
      border-right: none;
   }

   .cart-total .total:last-child {
      grid-column: 1 / -1;
      border-top: none;
   }

   .cart-total .total span:first-child {
      font-size: 12px;
   }

   .cart-total .total span:last-child {
      font-size: 14px;
   }

   .cart-total .total:not(:last-child) {
      margin-right: 0px;
   }
}

@media only screen and (max-width: 470px) {
   .route-checkout-cart .buttons {
      gap: 0px;
      flex-wrap: nowrap;
   }

   .route-checkout-cart .buttons > div {
      flex-basis: 50%;
   }
}