body.new-basket .basket-wrapper, body.new-basket .basket-wrapper *:not(.fa) {font-family: inherit;/* font-size: 14px; */}
.reasonsContainer {display:block;float: left;}
.reasonsContainer h4 {display:block;clear: both;margin: 32px 0 8px 0;font-family: 'citrfontbold' !important;font-size: 14px !important;}
body.new-basket .basket-wrapper {font-size: 13px !important;}
#new-basket-paymentoptions > div:first-of-type { display:none}
#new-basket-paymentoptions > div:nth-child(3) {font-size: 0px !important;}
#new-basket-paymentoptions > div:nth-child(3):before {content: "Choose Payment Method to Proceed";font-size: 14px !important;font-family: 'citrfontbold' !important;}
body.new-basket .basket-wrapper a {color: #212121;border-bottom: none;}
.new-basket-subheader {padding: 0 0 8px 0;}
.new-basket-total-title { font-size:14px !important}
#new-basket-paymentoptions #cart-paymenticons { display:none}
.bgLRed {background: #eef5f6;color: #142b30;}
body.new-basket .new-basket-grid div[data-role="payment-options"] {grid-area: 2 / 3 / 3 / 4 !important;z-index: 1; background: transparent;    outline: none;}

/*unpick basket*/
.basket-wrapper > .grid > .container { max-width: 1366px;margin: auto;float: none;height: 1%;overflow: hidden;}
#new-basket-bubbles, .new-basket-header { display: none;}
.new-basket-subheader #cart-paymenticons { display: none;}
[data-role="products"],
[data-role="shipping"],
[data-role="totals"],
[data-role="payment-options"],
[data-role="reductions-message"],
[data-role="additional-message"]
{background: #fff;outline: 1px solid #cecece;}
[data-role="products"] {padding:32px;grid-area: 1 / 1 / 4 / 4 !important;}
[data-role="payment-options"] {grid-area: 2 / 4 / 3 / 4 !important;}
[data-role="reductions-message"] {display: none;}
[data-role="additional-message"] {display: none;}
[data-role="shipping"] {grid-area: 3 / 4 / 3 / 4 !important;}
[data-role="totals"] {grid-area: 1 / 5 / 1 / 4 !important;}
@media screen and (max-width: 1024px) { 
    [data-role="products"],
    [data-role="shipping"],
    [data-role="totals"],
    [data-role="payment-options"],
    [data-role="reductions-message"],
    [data-role="additional-message"] {
        grid-area: auto !important;
        }
    [data-role="shipping"] { order:1}
}


/*shipping*/
.basket-shippingrow {background: #ddeff3;margin-bottom: 8px;border: none;padding: 8px !important;color: #000;}
.basket-shippingrow-price {color:#257384;text-align: right;}
.basket-shippingrow >  div:first-of-type > span {font-size: 12px !important;font-weight:bold;}
#new-basket-shipping:before{content: "Delivery Information";font-family: 'citrfontbold' !important;font-size: 14px !important;margin-bottom: 16px;display: block;}

/*reason to buy*/
.reasons {display: grid;grid-gap: 16px;align-items: center;grid-template-columns: repeat(3,1fr);font-size: 14px;margin: 32px 0;}
.reasons > div {display:inline-flex;align-items: center;}
.reasons > div  > span:first-of-type{background:#000;padding:12px;border-radius:32px;color: #d5d5d5;font-size: 16px;width: 50px;height: 50px;line-height: 150%;text-align: center;margin-right: 16px;}
.reasons > div  > span:first-of-type img {filter: invert(0) sepia(42) saturate(0);}
[data-role="shipping"] .reasonsContainer { display:none}
.finance {line-height: 150% !important;}
@media screen and (max-width: 1024px) {
    .finance {line-height: 110% !important;}
    [data-role="products"] .reasonsContainer { display:none}
    [data-role="shipping"] .reasonsContainer { display:inline; padding:0px 24px 24px 24px}
    .reasons {grid-template-columns: repeat(2,1fr);font-size: 12px;}
    .reasons > div  > span:first-of-type{border-radius:35px;color: #d5d5d5;font-size: 15px;width: 40px;height: 40px;line-height: 70%;text-align: center;}
}
@media screen and (max-width: 768px) {
    .reasons {grid-template-columns: repeat(1,1fr)}
} 

@media screen and (max-width: 406px) {
    .basket-items-column-mng {padding-left: 96px !important;}
}

@media only screen and (min-width: 1024px) and (max-height: 1366px)
    and (-webkit-min-device-pixel-ratio: 1.5) and (hover: none) {
   [data-role="products"] {
    padding: 32px;
    grid-area: 1 / 1 / 4 / 4 !important;
}
}

.coRED:empty {
    display:none;
}

/* Google pay background overide */
.gpay-card-info-container.black, .gpay-card-info-animation-container.black {background: #000;}
#google-payment-request-button iframe {background: transparent; }

.cartCTW {
    background: #ffffff;
    padding: 21px;
    display:flex;
    gap: 32px;
    border-radius: 8px;
    align-items: center;
    justify-content: space-between;
    outline: 1px solid;
}
.cartCTW a {
    background: #41af64;
    padding: 8px 24px;
    color: #fff !important;
    display:flex;
    gap: 32px;
    border-radius: 8px;
    align-items: center;
    justify-content: space-evenly;
    min-width: 154px;
}
.cartCTW h4 , .cartCTW p {
    margin: 0px;
}  

@media (max-width: 768px) {
    .cartCTW {
        flex-direction: column;
        align-items: start;
    }
}                                                                                                              


body.new-basket .new-basket-grid {
    grid-template-columns: auto;
}

.basket-wrapper > .grid > .container {
    max-width: 100%;
}
  
  @media screen and (max-width: 1440px) {
    body.new-basket .new-basket-grid {
        display:flex;
        flex-direction: column;
    }
}

@media screen and (max-width: 1440px) {
    .basket-wrapper > .grid > .container {
        max-width:100%
    }
}

@media screen and (max-width: 1024px) {
    .basket-wrapper > .grid > .container {
        max-width:100%
    }
}


body.new-basket .new-basket-grid div[data-role="products"] {
    padding: 32px;
    grid-area: 1 / 1 / 4 / 3 !important;
}

/* body.new-basket .new-basket-grid div[data-role="payment-options"] {display:none;} */


body.new-basket .new-basket-grid div[data-role="totals"] {
    grid-area: 1 / 4 / 1 / 3 !important;
    background: #fafafa;
}

[data-role="products"], [data-role="shipping"], [data-role="totals"], [data-role="payment-options"], [data-role="reductions-message"], [data-role="additional-message"] {
    border-radius:8px
}
body.new-basket .new-basket-grid div[data-role="shipping"] {
    grid-area: 1 / 4 / 4 / 4 !important;
    background: #fafafa;
    outline: none;
}
#new-basket-shipping:before {
    margin: 0px;
    border-bottom: 1px solid #d7d7d7;
    padding: 0 0 12px;
}

#new-basket-shipping {
    display:flex;
    flex-direction: column;
    gap: 16px;
}
.basket-shippingrow {
    background: transparent;
    padding: 0 0 16px   !important;
    margin: 0;
    border-bottom: 1px solid #d7d7d7;
    display: flex;
    flex-direction: column;
    gap: 12px;
    line-height: 100%;
}


.basket-shippingrow .coRED {
    background: #518cd8;
    padding: 10px 12px;
    color: white;
    border-radius: 6px;
}

.basket-shippingrow > span:not(.coRED) {padding: 0 12px;}
.basket-shippingrow > div  {
    align-items: center;
}
body .basket-shippingrow > div > .flex-grow1 {padding: 0 12px;font-size: 12px !important;!i;!;}
.basket-shippingrow .coStandard  {
    background: #efefef;
    padding: 4px 16px;
    border-radius: 4px;
    color: #2a4a56;
}

body.new-basket .basket-shippingrow > div {
    margin:0
}

[data-role="reductions-message"] {
    display:block
}
body.new-basket .new-basket-grid div[data-role="reductions-message"] {
    grid-area: 2 / 4 / 4 / 3 !important;
    background: #f1f8fd;
    outline: none;
    position:relative
}

body.new-basket .new-basket-grid div[data-role="reductions-message"]:after {
    content: "";
    width: 30px;
    height: 30px;
    background: #f3f8fd;
    position: absolute;
    left: 50%;
    top: -16px;
    transform: rotate(45deg);
    z-index: 1;
}


.new-basket-total-row {
    display: flex;
    justify-content: space-between;
}
.new-basket-total-row > div:last-of-type {
    text-align:right
}

.checkout-But {display: block;background: #fff;padding: 32px;    order: -1;}
.checkout-But a {
    display:flex;
    background:#0f3644;
    border-radius: 8px;
    overflow:hidden
}
.checkout-But a span {
    padding:32px
}
.checkout-But a span:first-child {
    flex-grow:1;
        color:#fff;
    text-align:center;
     font-size:x-large;
    font-weight:700
}
@media (max-width: 768px) {
    .checkout-But a{
        display: flex;
        align-items: center;
    }
    
    .checkout-But, .checkout-But a span {
        padding: 16px;
    }
    .checkout-But a span:first-child {
        font-size: 19px;
        padding: 22px;
    }
} 

.checkout-But a .but {
    background: #0e9961;
    line-height: 100%;
}
.checkout-But a .but:after {
    font-family: feather;
    content: "\e106";
    
}
  
  #new-basket-totals #FooterPaymentIcons {
 display:flex;
 clear: both;
 margin-top: 8px;
 float: left;
 gap:4px
}
#new-basket-totals #FooterPaymentIcons img {
 height:1.5rem
}


.checkout-But a .but:after {
  display: inline-block;
  width: 1.7em;
  height: 1.7em;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none'%3E%3Ccircle cx='7.5' cy='18.5' r='1.5' fill='%23000'/%3E%3Ccircle cx='16.5' cy='18.5' r='1.5' fill='%23000'/%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1' d='M3 5h2l.6 3m0 0L7 15h10l2-7z'/%3E%3C/g%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
    color:#fff;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    line-height: 100%;
    font-size:x-large;
}
  
  [data-role="totals"]{
    display:flex;
    flex-direction: column;
}
  
body.new-basket .new-basket-grid div[data-role="reductions-message"] div {
    display:none
}
  
  body.new-basket .new-basket-grid div[data-role="reductions-message"]{
    display:flex;
    justify-content: center;
    align-items: flex-start;
    gap: 16px;
}
body.new-basket .new-basket-grid div[data-role="reductions-message"] > span {
    display:flex;
    flex-direction: column;
    gap: 16px;
   width: 100%;
    padding: 32px;
}
body.new-basket .new-basket-grid div[data-role="reductions-message"] p,
body.new-basket .new-basket-grid div[data-role="reductions-message"] h3
{
    margin:0;
    font-weight: 700;
    color:#0f3644;
}

body.new-basket .new-basket-grid div[data-role="reductions-message"] .mainValue {
    width: 100%;
    background: #0f3644;
    padding: 32px;
    border-radius: 8px;
    color: #fff;
    text-align: center;
    font-size: xxx-large;
    font-weight: 700;
    line-height: 100%;
}

div[data-role="reductions-message"] a {
    color:cornflowerblue; text-decoration:underline
}