/* SFMono Fonts CSS  */
@font-face {
    font-family: "SFMono-Regular";
    src: url('https://nationscdn.azureedge.net/nb-container/fonts/SFMono/SFMono-Regular.woff2') format('woff'), url('https://nationscdn.azureedge.net/nb-container/fonts/SFMono/SFMono-Regular.woff') format('truetype'), url('https://nationscdn.azureedge.net/nb-container/fonts/SFMono/SFMono-Regular.otf') format('svg');
    font-display: auto;
    font-style: normal;
    font-weight: 400;
    font-stretch: normal;
}

@font-face {
    font-family: "SFMono-Semibold";
    src: url('https://nationscdn.azureedge.net/nb-container/fonts/SFMono/SFMono-Semibold.woff2') format('woff'), url('https://nationscdn.azureedge.net/nb-container/fonts/SFMono/SFMono-Semibold.woff') format('truetype'), url('https://nationscdn.azureedge.net/nb-container/fonts/SFMono/SFMono-Semibold.otf') format('svg');
    font-display: auto;
    font-style: normal;
    font-weight: 600;
    font-stretch: normal;
}

@font-face {
    font-family: "SFMono-Bold";
    src: url('https://nationscdn.azureedge.net/nb-container/fonts/SFMono/SFMono-Bold.woff2') format('woff'), url('https://nationscdn.azureedge.net/nb-container/fonts/SFMono/SFMono-Bold.woff') format('truetype'), url('https://nationscdn.azureedge.net/nb-container/fonts/SFMono/SFMono-Bold.otf') format('svg');
    font-display: auto;
    font-style: normal;
    font-weight: 700;
    font-stretch: normal;
}

/* Instacart Product Details */
.instacart-product{padding:40px 14px;}
.instacart-product-content{position:relative;height:100%;}
.instacart-product-content .item-list{align-items:center;}
.instacart-product-content .product-info{padding:16px 0 0;margin:16px 0 0;border-top:1px solid #E9ECF0}
.instacart-product-content .product-info p{line-height:22px;letter-spacing:0.3px;}
.instacart-product-content .product-info .form-control{max-width:340px;}
.instacart-product-content .grocery-balance{display:inline-block;color:#212121;margin:0 0 16px;background:#F5F6F8;border:1px solid #E9ECF0;border-radius:4px;padding:8px;font-weight: 400;line-height: 19px;}
.instacart-product-content .no-balance{display:flex;color:#212121;margin:16px 0 0;background:#F5F6F8;border:1px solid #E9ECF0;border-radius:4px;padding:8px;font-weight: 400;line-height: 19px;}
.tooltiptext {visibility: hidden;color:#fff;text-align: center;border-radius: 6px;padding: 3px 10px;position: absolute;z-index: 1;border: 1px solid #D0DBDD;background-color: #000;box-shadow: -2px -2px 5px 0 rgb(0 0 0 / 12%);font-size: 12px;font-weight: 500;bottom: -35px;right: 0px;min-width: 100px;}
.instacart-product-content .no-balance img{width:24px;height:24px;}
.instacart-product-content .grocery-balance span{font-weight:700;}
.instacart-product-content h3{margin:0 0 14px;}
.instacart-product-content .wallet grocery-icon{display:flex;align-items:center;}
.product-img-section{display:flex;}
.instacart-product .product-thumb{min-height:435px;width:16%;}
.instacart-product .product-thumb-innner{width:60px;height:60px;margin-right:24px;}
.instacart-product .product-details-img{max-width:100%;}
.instacart-product .product-cart-sec{margin:45px 0px 0px; bottom:0px;}
.instacart-product .product-cart-sec button{width:195px;}
.instacart-product .truncate-text, .buy-now-modal .truncate-text {max-width: 200px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
/* Review Order Modal Popup Css Start Here */
.order-info{display:flex;align-items:center;margin:0 0 24px 0;}
.order-info p{color:#646F7D;}
.order-info > div p:last-child{color:#212121;}
.order-info .contact-preference{margin:0 48px 0 0;padding:0 48px 0 0;border-right:1px solid #E9ECF0;}
.payment-section{border:1px solid #E9ECF0;border-radius:8px;padding:24px;margin:0 0 24px;}
.inner-orderdetails, .inner-orderdetails-left, .payment-section h4, .item-list .item-type, .item-list, .inner-orderdetails-right{display:flex;}
.inner-orderdetails{margin:12px 0;}
.inner-orderdetails-right{justify-content:space-between;width:100%;}
.payment-section h4{color:#212121;font-size: 20px;font-weight: 700;line-height: 24px;letter-spacing: 0.3px;margin:0 0 24px;align-items:center;}
.payment-section .orderdetail-content h4{font-weight:600;margin:0 0 12px;}
.payment-section h6 {color:#212121;font-size: 16px;font-weight: 600;line-height: 20px;letter-spacing: 0.3px;margin:0 0 12px;}
.payment-section span.Price-color {color: #0FA91C;font-weight:500; font-size:16px;}
.inner-orderdetails-left{width:102px;height:102px;min-width:102px;min-height:102px;margin:0 24px 0 0;border-radius:4px;overflow:hidden;}
.order-item  p{color:#212121;margin:18px 0 0;}
.order-item  .price{color: #0FA91C;font-size: 16px;font-weight: 700;line-height: 28px;letter-spacing: 0.3px;}
.item-list .item-type {border: 1px solid #33bde3;border-radius: 3px;background-color: var(--secondary-light-color);padding:4px 10px;margin: 0 16px 0 0;max-width:100px;height:24px;}
.inner-orderdetails-price .price{color:#212121;font-size: 20px;font-weight: 600;line-height: 20px;letter-spacing: 0.3px; }
/** Order Place Popup */
.OrderPlacedModal .modal-content .modal-body {border-radius:20px; text-align:center; padding:45px 40px;}
.OrderPlacedModal .icon {margin:0 0 20px; display:block; position:relative; padding: 40px 0 20px;}
.order-placed-info{padding: 8px 24px 24px;}
.order-placed-info h4 {font-size: 24px;font-weight: 600;line-height: 32px;}
.OrderPlacedModal .order-placed-info p {font-size: 18px;font-weight: 400;line-height: 24px;color:#222B2FCC;}
.order-placed-info p span {display:block;}
.order-placed-info h3{font-size:24px;line-height:32px;font-weight: 600;margin:0 0 40px;}
.benefit-code-section{display:flex;align-items:center;justify-content:center;}
.benefit-code{width:90%;border-radius: 6px;border:3px dashed #0FA91C;background:#FFF;padding:24px;font-size:24px;height:64px;letter-spacing:12px;text-align:center;}
.copy-code hr{margin:32px 0;border-color:#E9ECF0 !important;opacity:1;}
.copy-code .custom-link{margin:16px 0 0;display:inline-block;}
.copy-code p{color:#212121 !important;}
.copy-code .password-icon{width:28px; cursor:pointer;}
.copy-code p.redeem{font-size: 20px;line-height: 24px;}
.copy-code p.redeem a{font-weight:700;font-size:18px;}

@media (min-width:991px) and (max-width:1199px){
.instacart-product .product-cart-sec {position: inherit !important;margin: 24px 0 0;}
}
@media(max-width:991px) {
    .instacart-product .product-cart-sec{position:inherit !important;margin:48px 0 0;}
    .instacart-product-content .product-info p {margin: 3px 0 20px;}
}


@media(min-width:768px) and (max-width:991px) {
    
    .instacart-product .product-thumb{width:20%;}
    .instacart-product .product-details-img{max-width:calc(100% - 20%)}
    .instacart-product-content .item-list .item-type {width: 134px;}
    .instacart-product-content .item-list {margin: 0;}
    .instacart-product-content span.wallet.grocery-icon.m-0 {line-height: 20px;}
    .instacart-product .product-thumb{width:20%;}
    .instacart-product .product-details-img{max-width:100%;}

}
@media(max-width:767px) {
    .instacart-product .product-thumb {display:none;}
    .product-img-section, .instacart-product .product-details-img{max-width:100%;margin:0 0 8px;}
    .instacart-product-content .product-info .form-control{width:100%;}
    .instacart-product .product-cart-sec button {margin: 0;padding: 10px 24px 8px 24px;height: 48px;line-height: normal;}

    .instacart-product-content .item-list .item-type {width: 134px;}
    .instacart-product-content .item-list {margin: 0;}
    .instacart-product-content span.wallet.grocery-icon.m-0 {line-height: 20px;}
    .buy-now-modal .modal-footer button{width:150px;}
    .buy-now-modal .item-list .item-type {width: 80px;margin: 6px 6px 0 0;}
    .order-info{display:block;margin:0 0 40px;}
    .order-info .contact-preference{margin:0 0 24px;padding:0;border:none;}
    .order-item{padding:0;border:none;}
    .payment-section h4{margin:0 0 12px;}
    .payment-section .orderdetail-content h4 {font-weight: 500;margin: 0 0 6px;font-size: 16px;}
    .inner-orderdetails-right{display:block;}
    .item-list{margin:16px 0 20px;}
    .inner-orderdetails-left{min-width:80px;min-height:80px;width:80px;height:80px;}
    
}