/* cursor/assets/css/cart.css */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');
body {font-family: "Noto Sans", sans-serif; line-height:normal;}
.product-grid {display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; width: 100%; margin: 0rem auto; padding: 10px;}
.container {width: 100%; min-width: 1300px; margin: 0 auto; padding: 0 15px;}
.product-card {background: #fff; border-radius: 0px; padding: 0rem; transition: box-shadow 0.2s; width: 100%; margin-bottom: 0rem; border: 1px solid #d6d6d6; position: relative;}
.product-card a{display: grid; grid-template-columns: 67% 29%; gap: 20px; text-decoration:none; color:#000;}
.product-image {width: 100%; height: auto; object-fit: cover; border-radius: 0px; margin-bottom: 0;}
.product-info {text-align: left; display: flex; flex-direction: column; gap: 0.2rem; padding: 20px;}
.product-title {font-size: 17px; font-weight: 600; color: #222!important; text-decoration: none; margin-bottom: 0rem; display: block;}
.product-title:hover {color: #2a7ae2;}
.product-price {color: #000; font-size: 14px; margin-bottom: 0rem; font-weight: 400;}
.product-description {color: #666; font-size: 0.9rem; line-height: 1.4; margin-bottom: 0.5rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.add-to-cart-form{position: absolute; right: 10px; bottom: 10px;}
.add-to-cart-btn {background: #fff !important; color: #fff !important; width: 36px; height: 36px; padding: 0px !important; font-size: 25px !important; border-radius: 40px !important; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5) !important; text-decoration: none; line-height: normal;}
.add-to-cart-btn.disabled {background-color: #ccc; cursor: not-allowed; transform: none; box-shadow: none;}
.cart-loader {width: 20px; height: 20px; margin-left: 8px; vertical-align: middle; display: none;}
.cart-success-message {background-color: rgba(0, 0, 0, 0.8); color: white; padding: 8px; border-radius: 4px; margin-top: 8px; text-align: center; font-size: 0.8rem; position: absolute; right: 10px; width: 100px; z-index: 100; bottom: -4px; display:none;}
.back-link {display: inline-block; margin-bottom: 1.5rem; background: #f5f7fa; color: #2a7ae2; border-radius: 8px; padding: 0.6rem 1.4rem; text-decoration: none; font-weight: 500; box-shadow: 0 1px 4px rgba(0,0,0,0.03); transition: background 0.2s;}
.back-link:hover {background: #eef1f6;}
.product-detail-container {display: flex; gap: 2.5rem; max-width: 900px; margin: 2rem auto; background: #fff; border-radius: 16px; box-shadow: 0 2px 12px rgba(0,0,0,0.07); padding: 2.5rem 2rem; flex-wrap: nowrap; position: relative; min-height: 600px;}
.product-detail-image {flex: 1 1 300px; position: sticky; top: 20px; height: fit-content; align-self: flex-start;}
.product-detail-image img {max-width: 350px; width: 100%; border-radius: 12px; background: #f9f9f9;}
.product-detail-info {flex: 2 1 300px; display: flex; flex-direction: column; overflow-y: auto; max-height: 100%;}
.product-detail-info h1 {font-size: 2rem; margin-bottom: 1rem; color: #222;}
.product-detail-price {color: #2a7ae2; font-size: 1.5rem; font-weight: bold; margin-bottom: 1rem;}
.product-detail-desc {color: #444; font-size: 1.1rem; margin-bottom: 2rem;}
.quantity-controls {display: flex; align-items: center; justify-content: center; gap: 8px; margin: 10px 0;}
.qty-btn {background: #f0f0f0; border: 1px solid #ddd; border-radius: 4px; width: 32px; height: 32px; cursor: pointer;  display: flex; align-items: center; justify-content: center; font-size: 1.2rem; transition: background-color 0.2s ease;}
.qty-btn:hover {background: #e0e0e0;}
.qty-btn:active {background: #d0d0d0;}
.quantity-input {width: 60px; text-align: center; padding: 4px; border: 3px solid #000; border-radius: 4px; font-size: 1rem; height: 32px;}
.add-to-cart-btn.disabled{width: 100%; font-size: 17px !important; border-radius: 0px !important; box-shadow: unset !important; border: 0px; background: #f97a7a !important; color: #fff !important; position: absolute; bottom: 0px;}

.cart-container {max-width: 1200px; margin: 0 auto; padding: 20px;}
.cart-container h1{font-size: 28px; width: 100%; grid-column: span 2; padding-bottom: 0px; margin-bottom: 0px;}
.cart-items {margin-bottom: 30px;}
.cart-list {width: 100%; margin: 0rem auto; padding: 10px; background: #fff; border-radius: 0px; box-shadow: none; padding: 20px; border-bottom: 1px solid #d6d6d6;}
.cart-list .cart-item-head{width: 100%; text-align: right; border-bottom: 1px solid #DDD; color: #565959; font-size: 14px; line-height: 24px;}
.cart-item {display: grid; width: 100%; border-bottom: 1px solid #d6d6d6; padding: 20px 0px; border-radius: 0px; box-shadow: none; margin: 0; background: transparent; transition: background 0.2s; grid-template-columns: 88% 10%; margin-bottom: 0px; gap: 19px;}
.cart-item:last-child{border:0px;}
.cart-list .sub-total{font-size: 18px; line-height: 24px; padding: 5px; display: table; width: 100%; text-align: right; display: flex; justify-content: end; align-items: center;}
.cart-item-info {display: flex; grid-template-columns: 21% 76%; gap: 26px; align-items: start;}
.cart-item-info .img-area{border-radius: 10px; padding: 0px; position:relative; background: #f7f7f7; flex-shrink: 0; width:209px;}
.cart-item-info .img-area .no-image-product-name{position: absolute;top: 0px;right: 0px;bottom: 0px;left: 0px;text-align: center;align-content: center; text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); font-size: 25px; font-weight: 600; color:#000; display: flex; justify-content: center; align-items: center;}
.cart-item-img {width: 209px; height: 209px; object-fit: cover!important; border-radius: 8px!important; margin-right: 0rem!important; margin:0px!important;}
.cart-item-title {font-weight: 500; font-size: 18px; overflow: hidden; text-overflow: ellipsis; max-width: 100%; margin-bottom: 0.2rem; text-align: left; line-height: 32px;}
.cart-item-title a{font-size: 18px; line-height: 32px; font-weight: 600;color:#000; text-decoration:none;}
.item-modifiers .cart_modi{font-size: 12px; line-height: 16px; margin-bottom: 3px; color:#000; font-weight:600; margin-top: 10px;}
.item-modifiers .cart_modi_item{font-size: 12px; line-height: 16px; margin-bottom: 5px; color:#000; padding-left: 10px;}
.item-modifiers .cart_modi span{font-weight:400;}
.item-modifiers .cart-item-unit-price{font-size: 12px; line-height: 16px; font-weight:700; margin-bottom: 5px; color:#000;}
.cart-item-info .cart-item-price{display:none;}
.cart-item-info .cart-item-price{text-align:left;}
.detail .qty-delete{display: flex; gap:10px; align-items: center; margin-top: 15px;}
.cart-item-unit-price {font-size: 12px; line-height: 16px; font-weight:700; margin-bottom: 5px; color:#000;}
.cart-item-discount {color: #ef4444; font-size: 1em; font-weight: 600; margin-bottom: 0.2rem;}
.left-cart-area .cart-summary{display:none; margin-top:10px;}
.no-shipping{color: #d97706; font-size: 12px; background: #fffbeb; display: table; padding: 4px 8px; border-radius: 3px; padding-left: 26px; position: relative;}
.no-shipping::before {content: ""; display: inline-block; width: 15px; height: 15px; background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23d97706' d='M256 32c14.2 0 27.3 7.5 34.5 19.8l216 368c7.3 12.4 7.3 27.7 .2 40.1S486.3 480 472 480H40c-14.3 0-27.6-7.7-34.7-20.1s-7-27.8 .2-40.1l216-368C228.7 39.5 241.8 32 256 32zm0 128c-13.3 0-24 10.7-24 24V296c0 13.3 10.7 24 24 24s24-10.7 24-24V184c0-13.3-10.7-24-24-24zm32 224a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z'/%3E%3C/svg%3E"); color: #f59e0b; position: absolute; left: 7px;}

/* Cart Item Actions */
.cart-item-actions {display: flex; gap: 8px; align-items: center; flex-wrap: wrap;}
.action-btn {display: inline-flex; align-items: center; gap: 4px; padding: 6px 10px; border: 1px solid #d0d0d0; border-radius: 4px; background: #fff; color: #333; font-size: 0.8rem; cursor: pointer; transition: all 0.2s; text-decoration: none; font-weight: 500; min-width: 60px; justify-content: center;}
.action-btn:hover {background: #f8f8f8;border-color: #a0a0a0;}
.action-btn i {font-size: 0.9rem;}
.action-btn .action-text {font-size: 0.75rem;}

/* Wishlist Button */
.wishlist-btn {background: #fff;color: #666;border-color: #e0e0e0;}
.wishlist-btn:hover {border-color:#1c89e3; background:#edf8ff; }
.wishlist-btn.in-wishlist {background: #fff;border-color: #e74c3c;color: #e74c3c;}
.wishlist-btn.in-wishlist:hover {background: #e74c3c;color: #fff;}
.wishlist-btn .heart-filled {color: #e74c3c;}
.wishlist-btn.in-wishlist .heart-filled {color: inherit;}
.wishlist-btn.login-required {background: #f8f8f8;color: #999;cursor: pointer;}
.wishlist-btn.login-required:hover {background: #e8e8e8;color: #666;}

/* Loading state for wishlist button */
.wishlist-btn .fa-spinner {animation: spin 1s linear infinite;}

@keyframes spin {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
}

.gift-checkbox-container {background: #f9fafb; padding: 10px; border-radius: 5px; border: solid 1px #f3f4f6;}
.gift-checkbox-container label{display: flex; align-items: start; cursor: pointer; gap:10px;}
.gift-checkbox-container label #order_contains_gift_right{width:16px; height:16px; margin-top: 3px;}
.gift-checkbox-container .text{font-size: 13px; font-weight: 700;}
.gift-checkbox-container .text #gift_packing_text{font-size: 12px; font-weight: 400;}
.gift-checkbox-container .text .gift_packing_text{font-weight:400;}


@media screen and (max-width: 480px) {

}
.cart-item-qty {align-items: center; width: 104px; margin-left: 0px;}
.cart-item-qty .qty-controls{display: grid; grid-template-columns: 26% 47% 26%;}
.cart-item-qty .qty-controls .qty-btn.minus{width: 100%; border-radius: 25px 0px 0px 25px; background: #fff; color: #000; font-size: 36px; padding: 0px; border: 3px solid #000; border-right:0px; line-height: 0px; padding: 5px 6px 6px 6px; font-size: 15px;}
.cart-item-qty .qty-controls .qty-btn.delete{width: 100%; border-radius: 25px 0px 0px 25px; background: #fff; color: #000; font-size: 36px; padding: 0px; border: 3px solid #000; border-right:0px; line-height: 0px; padding: 5px 6px 6px 6px; font-size: 15px;}
.cart-item-qty .qty-controls .qty-btn.plus{width: 100%; border-radius: 0px 25px 25px 0px; background: #fff; color: #000; font-size: 24px; padding: 0px; border: 3px solid #000; border-left:0px; line-height: 0px; padding: 5px 6px 6px 0px; font-size: 15px;}
.cart-item-qty .qty-controls .quantity-input{width: 100%; margin: 0px; border-radius: 0px; border-left: 0px; border-right: 0px; text-align: center; font-weight: 700; -webkit-appearance: none; cursor: default; user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;}
.cart-item-qty .qty-controls input[type="number"] {-moz-appearance: textfield;}
.cart-item-qty .qty-controls .quantity-input:focus{outline: none; box-shadow: none;} 
.cart-item-qty .qty-controls.gift-packing-quantity{grid-template-columns:repeat(1, 1fr); background: #f9fafb; padding: 10px; border-radius: 5px; border: solid 1px #f3f4f6; text-align:center}
.cart-item-price {color: #000; font-weight:500; font-size: 1.1rem; margin-left: 0rem; text-align: right;flex-shrink: 0;}
.cart-item-remove {background: transparent!important; height: auto; border-radius: 5px; padding: 0px; border: 0px solid #d6d6d6; display: flex; color: blue; align-items: center; gap:10px; width:250px}
.cart-item-remove i{background:#ddd; width:1px; height:10px;}
/*.cart-item-remove .remove-btn{background: transparent; color: #0066C0; padding: 0px; width: 100%; height: auto; background-size: contain !important; border-radius: 0px; margin: 0 auto; border: 0px !important; font-weight: 400; font-size: 12px; line-height:16px;}*/
.cart-item-remove button{background: transparent!important; color: #0066C0; padding: 0px; width: 100%; height: auto; background-size: contain !important; border-radius: 0px; margin: 0 auto; border: 0px !important; font-weight: 400; font-size: 12px; line-height:16px; width:100px}
.cart-item-remove button.save_for_later{width:150px;}
.remove-btn {background: #ef4444; color: #fff; border: none; border-radius: 6px; padding: 0.5rem 1.2rem; cursor: pointer; font-weight: 500; transition: background 0.2s;}

.cart-item-price {color: #000;font-size: 21px;font-weight: 400;margin-bottom: 0.3rem;position: relative;line-height: 18px;margin-left: 5px;}
.cart-item-price .currency-symbol{font-size: 12px;line-height: 14px;font-weight: 500;margin-top: 0;position: relative;left: 0px;top: -6px;}
.cart-item-price .fraction{font-size: 12px;line-height: 14px;font-weight: 500;margin-top: 0;position: relative;left: 0px;top: -6px;}
.cart-amount{color: #000; font-size: 18px; font-weight: 400; position: relative; line-height:18px; white-space: nowrap;}
.cart-amount .currency-symbol{font-size: 12px; line-height: 14px; font-weight: 500; top: -6px; position: relative;}
.cart-amount .fraction{font-size: 12px; line-height: 14px; font-weight: 500; margin-top: 0; position: relative; left: 0px; top: -6px; margin-left: 2px;}
.pro_total{color: #000; font-size: 21px; font-weight: 400; margin-bottom: 0.3rem; padding-left: 10px; position: relative; line-height:18px; margin-left:5px;}
.pro_total .currency-symbol{font-size: 12px; line-height: 14px; font-weight: 500; top: -6px; position: relative;}
.pro_total .fraction{font-size: 12px; line-height: 14px; font-weight: 500; margin-top: 0; position: relative; left: 0px; top: -6px;}

/* Cart summary amount styling to match cart-amount */
.summary-row span .currency-symbol{font-size: 12px; line-height: 14px; font-weight: 500; top: -3px; position: relative;}
.summary-row span .fraction{font-size: 12px; line-height: 14px; font-weight: 500; margin-top: 0; position: relative; left: 0px; top: -3px;}
.summary-row span .currency-symbol{font-size: 12px; line-height: 14px; font-weight: 500; top: -3px; position: relative;}
.summary-row span .fraction{font-size: 12px; line-height: 14px; font-weight: 500; margin-top: 0; position: relative; left: 0px; top: -3px;}
.summary-row #discount-amount .currency-symbol{top:-3px;}
.summary-row #discount-amount .fraction{top:-3px;}

/* Wishlist Section Styling */
.wishlist-outer-container {background: #EAEDED !important; width: 100%; padding: 20px 0px 0px 0px;}
.wishlist-section {margin: 0;width: 100%;padding: 20px;background: #fff;border-radius: 0px;box-shadow: none;border-bottom: 1px solid #d6d6d6;}
.wishlist-header {display: flex;justify-content: space-between;align-items: center;margin-bottom: 20px;padding-bottom: 15px;border-bottom: 1px solid #d6d6d6;}
.wishlist-header h2 {margin: 0;font-weight: 700;font-size: 24px;line-height: 32px;border: 0px; }
.view-all-wishlist {border: solid 1px #888c8c; border-radius: 5px; font-size: 13px; color: #000; text-decoration: none; padding: 5px 12px; line-height: 30px; background: #fff; box-shadow: unset; font-weight: 400; display: inline-flex ; align-items: center; gap: 10px;}
.view-all-wishlist:hover {border-color:#1c89e3; background:#edf8ff; }
.wishlist-section .product-grid {display: grid;grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));gap: 20px;margin-top: 20px;}
.wishlist-section .product-card {background: #fff;border: 1px solid #e0e0e0;border-radius: 5px;overflow: hidden;transition: box-shadow 0.2s ease, transform 0.2s ease;position: relative; display:grid;}
.wishlist-section .product-card a {display: grid;text-decoration: none;color: inherit;}
.wishlist-section .product-card .product-info{order:2;}
.wishlist-section .product-card .img-box{order:1;}
.wishlist-section .product-card .product-review{order:3; padding: 0px 10px 10px 10px;}
.wishlist-section .product-card .product-review ..product-rating-listing{margin:0px;}
.wishlist-section .img-box {background:#f7f7f7; text-align:center; position:relative;}
.wishlist-section .img-box .no-image-product-name{position: absolute;top: 0px;right: 0px;bottom: 0px;left: 0px;text-align: center;align-content: center; text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); font-size: 25px; font-weight: 600; color:#000;}
.wishlist-section .img-box .product-image {width: auto; height: 200px;object-fit: cover;background: #f7f7f7; margin:0 auto}
.wishlist-section .product-info {padding: 15px;}
.wishlist-section .product-title {font-size: 16px;font-weight: 600;color: #333;margin-bottom: 8px;line-height: 1.3;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.wishlist-section .add-to-cart-form {position: absolute;right: 10px;bottom: 10px;}
.wishlist-section .add-to-cart-btn {background: #fff !important;color: #000 !important;width: 36px;height: 36px;padding: 0px !important;font-size: 20px !important;border-radius: 50% !important;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2) !important;border: none;cursor: pointer;display: flex;align-items: center;justify-content: center;transition: all 0.2s ease;}
.wishlist-section .add-to-cart-btn:hover {border-color:#1c89e3; background:#edf8ff; transform: scale(1.1);}
.wishlist-section .add-to-cart-btn.disabled {background: #ccc !important;cursor: not-allowed;transform: none;box-shadow: none;}
.wishlist-section .cart-loader {width: 20px;height: 20px;margin-left: 8px;vertical-align: middle;display: none;}
.wishlist-section .cart-success-message {background-color: rgba(0, 0, 0, 0.8);color: white;padding: 8px;border-radius: 4px;margin-top: 8px;text-align: center;font-size: 12px;position: absolute;right: 10px;width: 100px;z-index: 100;bottom: -4px;display: none;}
.wishlist-section .product-price{font-size: 21px; position: relative; margin-left:0px!important; line-height: 24px; margin:0px;}
.wishlist-section .product-price .currency-symbol{font-size: 12px!important; top: -6px!important; display: inline; position: relative;}
.wishlist-section .product-price .fraction{font-size: 12px!important; top: -6px!important; display: inline; position: relative; margin-left:2px;}

.wishlist-section .product-card .product-rating-listing a{display: flex; gap:2px;}

/* Best Seller Badge for Wishlist Section */
.best-seller-badge-wishlist {position: absolute;top: 10px;right: 10px;background: #ff6b35;color: #000;font-size: 10px;font-weight: 600;padding: 4px 8px;border-radius: 5px;text-transform: uppercase;letter-spacing: 0.3px;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);z-index: 3;line-height: 1;}
.best-seller-badge-slider {position: absolute;top: 10px;right: 10px;background: #ff6b35;color: #000;font-size: 10px;font-weight: 600;padding: 4px 8px;border-radius: 5px;text-transform: uppercase;letter-spacing: 0.3px;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);z-index: 3;line-height: 1.2;}



.cart-summary {margin-top: 0px; padding: 20px; background: #fff; border-radius: 0px; margin-bottom:20px;}
.summary-row {display: block; justify-content: space-between; margin-bottom:13px; font-size: 18px; line-height: 24px; align-items: end;}
.summary-row.total {font-weight: bold;}
.cart-actions {grid-template-columns: repeat(1, 1fr); gap: 10px; display:grid; justify-content: space-between; margin-top: 20px; gap: 20px;}
.continue-shopping, .checkout-btn {padding: 5px; text-decoration: none; border-radius: 5px; text-align: center; flex: 1; font-size: 14px; font-weight: 400; border-radius:100px}
.continue-shopping {background: #fff; color: #000; border: solid 2px #000; }
.continue-shopping:hover{border: solid 2px #4a4a4a; }
.checkout-btn {background: #000; color: #fff; font-size: 14px; border: solid 2px #000;}
.checkout-btn:hover{background: #4a4a4a !important;}
.empty-cart {text-align: center; padding: 40px; display: flex; background: #fff; text-align: center; padding: 35px 20px; background: #fff; border-radius: 0px; box-shadow: unset; gap: 50px; align-items: center;}
.empty-cart .cart-img{width: 230px;}
.empty-cart .cart-img svg{width:100%; height:auto;}
.empty-cart .cart-text{text-align: left;}
.empty-cart .cart-text h2{font-size: 24px; line-height: 32px; font-weight: 700;}
.empty-cart .cart-text .continue-shopping {display: inline-block; margin-top: 10px; background: #000; padding: 3px 25px; font-size: 16px; line-height: 24px; border-radius:40px; color:#fff;}
.empty-cart .cart-text .continue-shopping:hover{background: #4a4a4a !important;}

.cart-slide-panel {position: fixed; top: 0; right: -100%; width: 400px; height: 100vh; background: #fff; box-shadow: -2px 0 8px rgba(0, 0, 0, 0.15); z-index: 1000; transition: right 0.3s ease-in-out; display: flex; flex-direction: column;}
.cart-slide-panel.active {right: 0;}
.cart-overlay {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 999; display: none; }
.cart-overlay.active {display: block;}
.cart-slide-header {padding: 20px; border-bottom: 1px solid #eee; display: flex; justify-content: space-between; align-items: center;}
.cart-slide-header h2 {margin: 0; font-size: 20px;}
.close-cart {background: none; border: none; font-size: 24px; cursor: pointer; padding: 0; color: #666;}
.cart-slide-content {flex: 1; overflow-y: auto; padding: 20px;}
.cart-slide-footer {padding: 20px; border-top: 1px solid #eee; background: #fff;}
.cart-container {height: 100%; padding: 0; display: flex; flex-direction: column;}

.product-popup-overlay {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); z-index: 1001; display: none; opacity: 0; transition: opacity 0.3s ease;}
.product-popup-overlay.active {display: flex; opacity: 1;}
.product-popup {position: relative; width: 95%; max-width: 1200px; max-height: 90vh; margin: auto; background: #fff; border-radius: 16px; overflow: hidden; transform: translateY(20px); opacity: 0; transition: all 0.3s ease;}
.product-popup.active {transform: translateY(0);opacity: 1;}
.product-popup-content {max-height: 90vh; overflow-y: auto; padding: 0;}

/* Style adjustments for product detail content inside popup */
.product-popup .product-detail-container {margin: 0; box-shadow: none; border-radius: 0; max-width: 100%;}

/* Loading state */
.product-popup .loading {padding: 40px; text-align: center; color: #666;}

/* Error message */
.product-popup .error-message {padding: 40px; text-align: center; color: #ef4444;}
.product-popup-close {position: fixed; top: 20px; right: 20px; background: #fff; border: none; width: 40px; height: 40px; border-radius: 50%; font-size: 24px; cursor: pointer; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 8px rgba(0,0,0,0.1); z-index: 1002;}

/* Loading spinner */
.loading-spinner {display: inline-block; width: 20px; height: 20px; border: 2px solid #fff; border-radius: 50%; border-top-color: transparent; animation: spin 0.8s linear infinite; margin-right: 8px; vertical-align: middle;}

@keyframes spin {
to {transform: rotate(360deg);}
}

.product-popup-image {position: relative; background: #000; height: 100%;}
.product-popup-image img {width: 100%; height: 100%; object-fit: cover;}
.product-popup-info {padding: 40px; overflow-y: auto; display: flex; flex-direction: column;}
.popup-product-title {font-size: 32px; font-weight: 600; margin-bottom: 16px; line-height: 1.2;}
.popup-product-price {font-size: 24px; font-weight: 500; margin-bottom: 24px; color: #000;}
.popup-product-description {font-size: 16px; line-height: 1.6; color: #666; margin-bottom: 32px; }
.popup-add-to-cart {margin-top: auto; padding: 16px 32px; background: #000; color: #fff; border: none; border-radius: 8px; font-size: 18px; font-weight: 500; cursor: pointer; transition: background-color 0.2s;}
.popup-add-to-cart:hover {background: #333;}
.popup-quantity-controls {display: flex; align-items: center; gap: 16px; margin-bottom: 24px;}
.popup-quantity-btn {width: 40px; height: 40px; border: 1px solid #ddd; background: #fff; border-radius: 8px; font-size: 20px; cursor: pointer; display: flex; align-items: center; justify-content: center;}
.popup-quantity-input {width: 60px; height: 40px; text-align: center; border: 1px solid #ddd; border-radius: 8px; font-size: 18px;}

.popup-product-meta {display: flex; align-items: center; gap: 16px; margin-bottom: 24px;}
.popup-product-category {color: #666; font-size: 14px; padding: 4px 12px; background: #f5f5f5; border-radius: 16px;}
.popup-product-details {margin-bottom: 32px;}
.popup-attribute-item {display: flex; margin-bottom: 8px; font-size: 14px;}
.attribute-label {color: #666; width: 120px;}
.attribute-value {color: #333; font-weight: 500;}
.variant-selector {margin-top: 24px;}
.variant-selector label {display: block; margin-bottom: 8px; color: #666; font-size: 14px;}
.variant-select {width: 100%; padding: 12px; border: 1px solid #ddd; border-radius: 8px; font-size: 16px; color: #333; }
.popup-product-actions {display: flex; flex-direction: column; gap: 16px; margin-top: auto; padding-top: 24px; border-top: 1px solid #eee;}
.popup-cart-actions {display: flex; align-items: center; gap: 16px;}
.popup-stock-status {font-size: 14px;}
.out-of-stock {color: #ef4444; display: table; font-size: 12px; line-height: 16px;}
.low-stock {color: #f59e0b; display: table; font-size: 12px; line-height: 16px;}
.in-stock {color: #067d62; display: table; font-size: 12px; line-height: 16px;}
.popup-additional-info {margin-top: 24px; padding-top: 24px; border-top: 1px solid #eee;}
.delivery-info, .store-info {display: flex; align-items: center; gap: 12px; margin-bottom: 12px; color: #666; font-size: 14px;}
.delivery-icon, .store-icon {width: 20px; height: 20px; background-size: contain; background-repeat: no-repeat;}
.delivery-icon {background-image: url('/assets/images/delivery-icon.png');}
.store-icon {background-image: url('/assets/images/store-icon.png');}

.retail-layout .cart-container{width: 100%; max-width: 100%; padding: 20px; display: grid; grid-template-columns: 77% 22%; gap: 15px; row-gap: 0px; align-items: flex-start;  background: #EAEDED !important; height: calc(100% - 110px);}

.ymal-recomm-class .cart_wraper {border: 1px solid #d6d6d6; border-radius: 8px;}
.ymal-recomm-class .cart_wraper ul{border-radius: 8px;}
.ymal-recomm-class .cart_wraper .img-area{width: 80px;}
.ymal-recomm-class .cart_wraper .img-area a{width:100%; display:table; cursor:pointer!important;}
.ymal-recomm-class .cart_wraper .img-area img{width:100%; height:auto;}


#order_ymal ul {display: flex; align-items: center; gap: 10px; list-style: none; margin: 0; padding: 0; border-bottom: 1px solid #eee; background: #fff; padding: 10px; }
#order_ymal li.cart_pro_img {width: 48px; text-align: center;}
#order_ymal li.cart_pro_img img {width: 48px; height: 48px; object-fit: contain;}
#order_ymal li.cart_pro_detail {flex: 2;min-width: 120px;}
#order_ymal li.cart_pro_detail p{margin:0px;}
#order_ymal li.cart_pro_detail a{color: #2162a1; text-decoration: none;}
#order_ymal li.cart_pro_qty {flex: 0 0 60px;width: 60px;text-align: center;display: flex;align-items: center;justify-content: center;}
#order_ymal li.cart_pro_edit_delete {flex: 0 0 140px;min-width: 190px;display: flex;align-items: center;justify-content: flex-start;}
#order_ymal li.cart_pro_amount {text-align: right;font-weight: bold; display: flex; gap: 10px; align-items: center;}
#order_ymal li.cart_pro_amount .discount-price{color: #000; font-size: 28px; font-weight: 500; margin: 0.3rem 0rem; position: relative; line-height: 28px;}
#order_ymal li.cart_pro_amount .discount-price span.currency-symbol{font-size: 13px; line-height: 14px; font-weight: 400; top: -10px; position: relative; left: 0px;}
#order_ymal li.cart_pro_amount .discount-price span.fraction{font-size: 13px; line-height: 14px; font-weight: 400; top: -10px; position: relative; left: 0px;}
#order_ymal .cart_pro_qty input[type="number"], #order_ymal .cart_pro_qty input.quantity-input {width: 48px; height: 38px; text-align: center; vertical-align: middle; margin: 0 4px; font-size: 1em;}
#order_ymal .cart_pro_edit_delete .add_cart_button {min-width: 110px; max-width: 160px; width: 100%; height: 38px; display: inline-flex; align-items: center; justify-content: center; vertical-align: middle; font-size: 1em; margin-left: 8px; margin-right: 8px;}
.ymal-recomm-class{margin:15px 0px;}
.ymal-heading {padding-bottom: 12px; font-size: 24px; font-weight: 500; color: #222; letter-spacing: 0.02em; margin-bottom: 0px; text-align: left; background: transparent; border: none;}
#order_ymal .cart_pro_edit_delete a, #order_ymal .cart_pro_edit_delete .add_cart_button { min-width: 110px; max-width: 160px; width: auto; display: inline-block; background: #ffd600; color: #fff; border: none; border-radius: 100px; padding: 8px 18px;  text-align: center;  font-weight: 400;  margin-left: 8px; margin-right: 8px; transition: background 0.2s, color 0.2s;}
#order_ymal .cart_pro_edit_delete a:hover, #order_ymal .cart_pro_edit_delete .add_cart_button:hover {background: #ffb300; color: #222; text-decoration: none;}

/* Recently Viewed Products Section */
.recently-viewed-outer-container {background: #EAEDED; padding: 0px 0px; margin-top: 0px;border-radius: 8px;}
.recently-viewed-section {max-width: 1200px;margin: 0 auto;background: #fff;border-radius: 8px;padding: 14px 18px;}
.recently-viewed-header {display: flex;justify-content: space-between;align-items: center;}
.recently-viewed-header h2 {margin: 0; font-weight: 700; font-size: 18px; line-height: 24px; margin-bottom: 12px; border: 0px;}
.recently-viewed-section .product-grid {display: grid; grid-template-columns: repeat(1, 1fr); gap: 20px; margin: 0; padding: 0px; margin-bottom: 15px;}
/*.recently-viewed-section .product-card {background: #fff;border: 0px solid #e0e0e0;border-radius: 8px;padding: 0;transition: box-shadow 0.2s ease;position: relative; margin-bottom:10px;}*/
.recently-viewed-section .product-card {display: grid; grid-template-columns: 38% 60%; gap: 5px; text-decoration: none; color: #000; padding: 0px; align-items: start; border:0px;}
.recently-viewed-section .product-card .product-info {padding:0px;}
.recently-viewed-section .product-card .product-info a{gap:0px;}
.recently-viewed-section .img-box{background: #f7f7f7; position:relative; border-radius:5px;}
.recently-viewed-section .img-box .no-image-product-name{position: absolute; text-align: center; align-content: center; top: 0px; right: 0px; bottom: 0px; left: 0px; font-size: 25px; font-weight: 600; text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);}
.recently-viewed-section .img-box .product-image {width: 100%; height: auto; object-fit: cover; margin:0 auto; min-height:auto;}
.recently-viewed-section .product-info {text-align: left;display: flex;flex-direction: column;gap: 0.2rem;padding: 0;}
.recently-viewed-section .product-title {font-size: 14px; font-weight: 400; color: #222; text-decoration: none; margin-bottom: 0rem; display: block; line-height: 1.3; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; color: #2162a1 !important; height:auto;}
.recently-viewed-section .product-detail .product-price{margin:0px;}
.recently-viewed-section .product-title:hover {color: #2a7ae2;}
.recently-viewed-section .product-price{font-size:18px; padding:0px;}
.recently-viewed-section .product-price  span.currency-symbol{top:-4px}
.recently-viewed-section .product-price  span.fraction{top:-4px}
.recently-viewed-section .add-to-cart-form {position: relative; margin:0px;}
.recently-viewed-section .add-to-cart-btn:hover{background:#4a4a4a !important}
.recently-viewed-section .add-to-cart-btn.disabled {background-color: #ccc !important;cursor: not-allowed;transform: none;box-shadow: none;}
.recently-viewed-section .cart-loader {width: 20px;height: 20px;margin-left: 8px;vertical-align: middle;display: none;}
.recently-viewed-section .cart-success-message {background-color: rgba(0, 0, 0, 0.8);color: white;padding: 8px;border-radius: 4px;margin-top: 8px;text-align: center;font-size: 0.8rem;position: absolute;right: 10px;width: 100px;z-index: 100;bottom: -4px;display: none;}

/* Recommended For You Section Styles - Cart Page Specific */
.cart-container .recommended-for-you {background: #EAEDED !important;width: 100%;}
.cart-container .recommended-for-you .wbrecomm_fbt {margin: 0 20px;padding: 20px;background: #fff;border-radius: 0;box-shadow: none;border-bottom: 1px solid #d6d6d6;min-height: auto;position: relative;}

/* Best Seller Badge for Recommended Section - Cart Page Specific */
.cart-container .recommended-for-you .best-seller-badge-slider {position: absolute;top: 10px;right: 10px;background: #ff6b35;color: #000;font-size: 10px;font-weight: 600;padding: 4px 8px;border-radius: 12px;text-transform: uppercase;letter-spacing: 0.3px;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);z-index: 3;line-height: 1.2;}


/* Pickup Only Badge Styles (copied from products.css .best-seller-badge) */
.pickup-only-badge {display: inline-flex;background-color: #fff;color: #000;padding: 3px 5px;border-radius: 3px;font-size: 10px;font-weight: 600;text-transform: uppercase;box-shadow: unset;position: relative;z-index: 1;border: solid 1px #000;margin: 10px 0px 0px 0px;align-items: center;}
.pickup-only-badge::before {content: '';margin-right: 4px;font-size: 14px;background: url(/assets/images/pickup.png) no-repeat center center;position: relative;display: inline-block;width: 20px;height: 20px;left: 0px;top: 0px;background-size: contain;}


[lang="fr"] .cart-item-remove{width:360px;}
[lang="fr"] .cart-item-remove button.save_for_later{width:250px;}
[lang="fr"] #order_ymal .cart_pro_edit_delete a, #order_ymal .cart_pro_edit_delete .add_cart_button{min-width: 170px; max-width: 200px;}
[lang="fr"] #order_ymal li.cart_pro_edit_delete{min-width: 190px;}

/* Note functionality styles */
.cart-note-section {display: flex;align-items: center;gap: 8px;margin-top: 8px;margin-bottom: 8px;}
.note-btn {display: inline-flex; align-items: center; gap: 4px; padding: 4px 0px; border: 0px solid #d0d0d0; border-radius: 4px;background: #fff;color: #333;font-size: 0.75rem;cursor: pointer;transition: all 0.2s;text-decoration: none;font-weight: 500; color: #0066C0;}
.remove-note-btn {display: inline-flex; align-items: center; gap: 4px; padding: 4px 0px; border: 0px solid #d0d0d0; border-radius: 4px;background: #fff;color: #333;font-size: 0.75rem;cursor: pointer;transition: all 0.2s;text-decoration: none;font-weight: 500; color: #0066C0;}
.cart-note-section i{background: #ddd; width: 1px; height: 10px;}

/* Note Modal Styles */
.note-modal {position: fixed;top: 0;left: 0;width: 100%;height: 100%;display: none;align-items: center;justify-content: center;z-index: 10000;}
.note-modal-overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);}
.note-modal-content {position: relative;background: #fff;border-radius: 8px;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);width: 90%;max-width: 500px;max-height: 80vh;overflow: hidden;}
.note-modal-header {display: flex;justify-content: space-between;align-items: center;padding: 20px;border-bottom: 1px solid #eee;}
.note-modal-title {margin: 0;font-size: 1.2rem;font-weight: 600;color: #333;}
.note-modal-close {background: none;border: none;font-size: 1.5rem;cursor: pointer;color: #666;padding: 0;width: 30px;height: 30px;display: flex;align-items: center;justify-content: center;border-radius: 50%;transition: background 0.2s;}
.note-modal-close:hover {background: #f5f5f5;}
.note-modal-body {padding: 20px;}
.note-textarea {width: 100%;min-height: 120px;padding: 12px;border: 1px solid #000;border-radius: 4px;font-size: 0.9rem;font-family: inherit;resize: vertical;line-height: 1.4;}
.note-textarea:focus {outline: none;border-color: #2a7ae2;box-shadow: 0 0 0 2px rgba(42, 122, 226, 0.1);}
.note-character-count {margin-top: 8px;text-align: right;font-size: 0.8rem;color: #666;}
.note-modal-footer {display: flex;justify-content: flex-end;gap: 12px;padding: 20px;border-top: 1px solid #eee;}
.note-modal-cancel, .note-modal-save {border-radius: 40px; font-size: 14px; padding: 8px 30px;font-weight: 500;cursor: pointer;transition: all 0.2s;}
.note-modal-cancel{border: solid 1px #888c8c; border-radius: 30px; font-size: 13px; color: #000; text-decoration: none; padding: 0px 12px; line-height: 30px; display: table; background:#fff;}
.note-modal-cancel:hover {border-color:#1c89e3; background:#edf8ff; }
.note-modal-save {background: #000; border: 2px solid #000; color: #fff; }
.note-modal-save:hover {background: #4a4a4a !important;}

/* Note Deletion Confirmation Modal Styles */
.note-delete-confirm-modal {position: fixed;top: 0;left: 0;width: 100%;height: 100%;display: none;align-items: center;justify-content: center;z-index: 10001;}
.note-delete-confirm-overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);}
.note-delete-confirm-content {position: relative;background: #fff;border-radius: 8px;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);width: 90%;max-width: 500px;max-height: 80vh;overflow: hidden;animation: modalSlideIn 0.3s ease;}
.note-delete-confirm-header {display: flex;justify-content: space-between;align-items: center;padding: 20px;border-bottom: 1px solid #eee;}
.note-delete-confirm-header h2 {margin: 0;font-size: 1.2rem;font-weight: 600;color: #333;display: flex;align-items: center;}
.note-delete-confirm-close {background: none;border: none;font-size: 1.5rem;cursor: pointer;color: #666;padding: 0;width: 30px;height: 30px;display: flex;align-items: center;justify-content: center;border-radius: 50%;transition: background 0.2s;}
.note-delete-confirm-close:hover {background: #f5f5f5;}
.note-delete-confirm-body {padding: 20px;}
.note-delete-confirmation-content {text-align: center;margin-bottom: 30px;}
.note-delete-message {color: #666;font-size: 16px;line-height: 1.5;margin-bottom: 20px;}
.note-preview {background: #f8f9fa;border: 1px solid #e9ecef;border-radius: 6px;padding: 15px;margin: 20px 0;text-align: left;}
.note-preview h4 {color: #333;margin: 0 0 10px 0;font-size: 16px;font-weight: 600;}
.note-preview p {color: #555;margin: 5px 0;font-size: 14px;line-height: 1.4;}
.note-delete-confirm-actions {display: flex;justify-content: center;gap: 15px;}
.note-delete-confirm-cancel, .note-delete-confirm-delete {padding: 8px 16px;border-radius: 4px;font-size: 0.9rem;font-weight: 500;cursor: pointer;transition: all 0.2s;display: inline-flex;align-items: center;gap: 8px;}
.note-delete-confirm-cancel {background: #fff;border: 1px solid #ddd;color: #666;}
.note-delete-confirm-cancel:hover {background: #f5f5f5;border-color: #ccc;}
.note-delete-confirm-delete {background: #dc3545;border: 1px solid #dc3545;color: #fff;}
.note-delete-confirm-delete:hover {background: #c82333;border-color: #c82333;}

/* Responsive styles for recommended section - Cart Page Specific */
@media screen and (min-width: 1281px) and (max-width: 1500px) {
	.cart-item-img {width: 100%; height: auto;}
	#order_ymal li.cart_pro_edit_delete{width: 190px;}
	.wbrecomm_fbt .owl-carousel .owl-nav button.owl-prev{top:-200px;}
	.wbrecomm_fbt .owl-carousel .owl-nav button.owl-next{top:-200px;}

}
@media screen and (min-width: 1150px) and (max-width: 1280px) {
	.retail-layout .cart-container{grid-template-columns: 75% 24%;}
	.retail-layout .cart-container{padding:10px; gap:10px;}
	.cart-item-img{width: 148px; height: 148px;}
	[lang="fr"] .save_for_later{width:220px;}
	[lang="fr"] .cart-item-remove {width: 360px;}
	.wbrecomm_fbt{padding:20px 10px;}
	.wishlist-section{padding:10px;}
	.view-all-wishlist{line-height:20px;}
	.cart-summary{padding:10px;}
	.recently-viewed-section{padding:10px;}
	.cart-item-info {grid-template-columns: 21% 77%; gap: 12px;}
	.cart-item{grid-template-columns: 86% 12%; gap: 15px;}
}
@media screen and (min-width: 1024px) and (max-width: 1149px) {
	.cart-container h1{font-size: 21px;}
	.retail-layout .cart-container{grid-template-columns: 75% 23%; gap: 18px;}
	.cart-summary{padding: 15px;}
	.summary-row{font-size: 15px;}
	.cart-list{padding: 15px;}
	.cart-item {grid-template-columns: 85% 13%; gap:13px;}
	.cart-item .cart-item-img{width:100%; height:auto;}
	.cart-item-qty .qty-controls .qty-btn.delete{border: 2px solid #000;}
	.cart-item-qty .qty-controls .quantity-input{border: 2px solid #000; border-left:0px; border-right:0px;}
	.cart-item-qty .qty-controls .qty-btn.plus{border: 2px solid #000;}
	.wishlist-header h2{font-size: 21px; line-height: 29px; margin-bottom: 0px; font-weight:600;}
	.view-all-wishlist{line-height: 25px;}
}
@media screen and (min-width: 991px) and (max-width: 1023px) {
	.product-grid{margin: 0rem auto;}
	.product-card a{grid-template-columns: 66% 29%;}
	.retail-layout .cart-container .cart-list{width: 100%; grid-column: span 2; margin:0px; }
	.retail-layout .cart-container .cart-summary{width: 100%; grid-column: span 2;}
	.retail-layout .cart-item {grid-template-columns: repeat(1, 1fr); padding: 15px 0px;}
	.retail-layout .cart-container{grid-template-columns: 68% 30%; padding: 15px; gap: 18px;}
	.retail-layout .detail .cart-item-price{display:table!important; width:100%;}
	.retail-layout .cart-item-price{display:none!important;}
	.retail-layout .cart-item-qty {margin: 0px; width: 100px;}
	.retail-layout .cart-item-remove {margin: 0px;}
	.retail-layout .detail .qty-delete{display:grid; grid-template-columns: 62% 31%; gap: 10px;}
	.cart-item-qty .qty-controls {grid-template-columns: 30px 1fr 30px;}
	.cart-item-info{grid-template-columns: 28% 66%; text-align: center; gap: 15px;}
	.cart-item-title{white-space: unset; line-height: normal; text-align: left !important;}
	.cart-item-qty .qty-controls .quantity-input{width:40px;}
	.cart-item-img{width: 100%; height: auto;}
	.retail-layout .recently-viewed-section {padding: 15px;}
}
/* Responsive styles for recently viewed section */
@media screen and (max-width: 768px) {
	.recently-viewed-outer-container {margin-top: 15px;}
	.recently-viewed-section {padding: 15px;}
	.recently-viewed-header {margin-bottom: 15px;}
	.recently-viewed-header h2 {font-size: 18px; margin:0px;}
	.recently-viewed-section .product-grid {grid-template-columns: repeat(4, 1fr);gap: 10px;}
	.recently-viewed-section .product-image {height: 80px;}
	.recently-viewed-section .product-info {padding: 5px;}
	.recently-viewed-section .product-title {font-size: 14px;}
}
@media screen and (min-width: 768px) and (max-width: 990px) {
	.product-grid{margin: 0rem auto;}
	.product-card a{grid-template-columns: 66% 29%;}
	.retail-layout .cart-container .cart-list{width: 100%; grid-column: span 2; margin:0px; }
	.retail-layout .cart-container .cart-summary{width: 100%; grid-column: span 2;}

	.retail-layout .cart-item {grid-template-columns: repeat(1, 1fr); padding: 15px 0px;}
	.retail-layout .cart-container{grid-template-columns: repeat(1, 1fr); padding:15px;}
	.retail-layout .detail .cart-item-price{display:table!important; width:100%;}
	.retail-layout .cart-item-price{display:none!important;}
	.retail-layout .cart-item-qty {margin: 0px; width: 100px;}
	.retail-layout .cart-item-remove {margin: 0px;}
	.retail-layout .detail .qty-delete{display:grid; grid-template-columns: 62% 31%; gap: 10px;}
	.cart-item-qty .qty-controls {grid-template-columns: 30px 1fr 30px;}
	.cart-item-info{grid-template-columns: 28% 66%; gap: 15px;}
	.cart-item-title{white-space: unset; line-height: normal; text-align: left !important;}
	.cart-item-qty .qty-controls .quantity-input{width:40px;}
	.right-cart-area .cart-summary{display:none;}
	.left-cart-area .cart-summary{display:block; margin-bottom:0px;}
	.cart-item-img{width: 100%; height: auto;}
	.retail-layout .recently-viewed-section {padding: 15px;}
	.recently-viewed-section .product-card{grid-template-columns: repeat(1, 1fr)}
}
@media screen and (min-width: 540px) and (max-width: 767px) {
	.product-grid{margin: 0rem auto;}
	.product-card a{grid-template-columns: 66% 29%;}
	.retail-layout .cart-container .cart-list{width: 100%; grid-column: span 2; margin:0px; }
	.retail-layout .cart-container .cart-summary{width: 100%; grid-column: span 2;}
	.retail-layout .cart-item {grid-template-columns: repeat(1, 1fr); padding: 15px 0px;}
	.retail-layout .cart-container{grid-template-columns: 65% 33%; padding:15px;}
	.retail-layout .detail .cart-item-price{display:table!important; width:100%;}
	.retail-layout .cart-item-price{display:none!important;}
	.retail-layout .cart-item-qty {margin: 0px; width: 90px;}
	.retail-layout .cart-item-remove {margin: 0px;}
	.retail-layout .detail .qty-delete{display:grid; grid-template-columns: 62% 31%; gap: 10px;}
	.cart-item-qty .qty-controls {grid-template-columns: 30px 1fr 30px;}
	.cart-item-info{grid-template-columns: 28% 66%;  gap: 15px;}
	.cart-item-title{white-space: unset; line-height: normal; text-align: left !important;}
	.cart-item-qty .qty-controls .quantity-input{width:40px;}
	.retail-layout .recently-viewed-section {padding: 15px;}
}

@media screen and (max-width: 480px) {
	.cart-container .recommended-for-you .wbrecomm_fbt {padding: 10px;}
	.cart-container .recommended-for-you .best-seller-badge-slider {font-size: 8px;padding: 2px 5px;top: 6px;right: 6px;}
}

/* Responsive adjustments for note functionality */
@media screen and (max-width: 768px) {
	.note-btn {font-size: 0.7rem;padding: 3px 6px;}
	.note-modal-content {width: 95%;margin: 20px;}
	.note-modal-header {padding: 15px;}
	.note-modal-body {padding: 15px;}
	.note-modal-footer {padding: 15px;}
}

@media screen and (max-width: 480px) {
    .action-btn {width: 100%;justify-content: center;padding: 8px;}
    .action-btn .action-text {display: inline;font-size: 0.8rem;}
    .best-seller-badge-wishlist {font-size: 8px; padding: 2px 5px; top: 6px; right: 6px;}    
	.note-modal-content {width: 100%;margin: 10px;max-height: 90vh;}
}

@media screen and (max-width: 768px) {
    .cart-item-actions {gap: 6px;}
    .action-btn {padding: 5px 8px; min-width: 50px;}
    .action-btn i {font-size: 1rem;}
    .best-seller-badge-wishlist {font-size: 9px; padding: 3px 6px; top: 8px; right: 8px;}
    .wishlist-section {margin: 0;width: 100%;padding: 15px;}
    .wishlist-header {align-items: center;gap: 10px;}
    .wishlist-header h2 {font-size: 20px;}
    .wishlist-section .product-grid {grid-template-columns: repeat(3, 1fr); gap: 8px; padding: 0px 4px; overflow: auto; margin: 0 auto;}
    .wishlist-section .product-card{width: 200px;}
    .wishlist-section .product-image {height: 150px;}
    .wishlist-section .product-info {padding: 12px; gap:0px;}
	.wishlist-section .product-price{font-size:20px;}
	.wishlist-section .product-price .currency-symbol{font-size: 13px !important; top: -4px !important;}
	.wishlist-section .product-price .fraction{font-size: 13px !important; top: -4px !important;}
	.wishlist-section .img-box .product-image{width: 100%; height: auto; min-height:auto;}
    .cart-container .recommended-for-you {padding: 15px 0;}
    .cart-container .recommended-for-you .wbrecomm_fbt {padding: 15px;}
    .cart-container .recommended-for-you .best-seller-badge-slider {font-size: 9px; padding: 3px 6px; top: 8px; right: 8px;}		
	.note-btn {font-size: 0.7rem;}
	.note-modal-content {width: 95%;margin: 20px;}
	.note-modal-header {padding: 15px;}
	.note-modal-body {padding: 15px;}
	.note-modal-footer {padding: 15px;}
}

/* Retail layout responsive adjustments for wishlist section */
@media screen and (min-width: 991px) and (max-width: 1023px) {
    .retail-layout .wishlist-outer-container {width: 100%;grid-column: span 2;margin: 0px;}
    .retail-layout .wishlist-section {width: 100%;margin: 0;}
}

@media screen and (min-width: 768px) and (max-width: 990px) {
    .retail-layout .wishlist-outer-container {width: 100%;grid-column: span 2;margin: 0px;}
    .retail-layout .wishlist-section {width: 100%;margin: 0;}
}

@media screen and (min-width: 540px) and (max-width: 767px) {
    .retail-layout .wishlist-outer-container {width: 100%; grid-column: span 2; margin: 0px;}
    .retail-layout .wishlist-section {width: 100%; margin: 0;}
}

@media screen and (min-width: 320px) and (max-width: 539px) {
	.retail-layout .cart-container{grid-template-columns: repeat(1, 1fr); row-gap: 10px; padding:0px; align-items: unset; height:auto;}
	.cart-item-qty .qty-controls .qty-btn.delete{border-width:2px;}
	.cart-item-qty .qty-controls .quantity-input{border-width:2px;}
	.cart-item-qty .qty-controls .qty-btn.plus{border-width:2px;}
	.retail-layout .cart-container .cart-list{order:2; padding:15px;}
	.retail-layout .cart-container .cart-summary{order:1; padding:20px; margin-bottom:0px;}
	.retail-layout .cart-container div:empty{display:none;}
	.cart-container h1{display:none;}
	.cart-item{grid-template-columns: repeat(1, 1fr); padding: 10px 0px;}
	.cart-item-info {display: grid; grid-template-columns: 31% 66%; gap: 10px; align-items: start;}
	.cart-item-info .img-area{border-radius:5px; width:auto;}
	.cart-item-title{white-space: unset; line-height: normal;}
	.cart-item-title a{display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; margin-bottom:5px;}
	.in-stock{margin-bottom:5px;font-size: 15px;}
	.cart-item-price{display:none;}
	.cart-item-info .cart-item-price{display: block; font-size: 20px; font-weight: 400; padding-left:0px;}
	.cart-item-info .cart-item-price .currency-symbol{font-size: 13px; top: -4px; position: relative;}
	.cart-item-info .cart-item-price .fraction{font-size: 13px; top: -3px; position: relative;}
	.qty-delete{gap: 10px;}
	.cart-actions{margin-top:0px;}
	.summary-row{font-weight: 400; font-size:20px; line-height:28px;}
	.summary-row span .currency-symbol{font-size: 13px; top:-4px!important; line-height:normal}
	.summary-row span .fraction{font-size: 13px; top:-4px!important; line-height:normal}
	.cart-note-section{margin-top: 5px; margin-bottom: 5px;}
	.cart-item-price span.currency-symbol{top: -1px;}
	.empty-cart{display:grid;}
	.empty-cart .cart-img {width: 40%; margin: 0 auto;}
	.empty-cart .cart-text {text-align: center;}
	.detail .qty-delete{display:grid; grid-template-columns: repeat(1, 1fr);}
	.cart-item-qty{width:140px;}
	.cart-item-remove{display: grid; text-align: left; gap: 10px; padding: 0px; grid-template-columns: repeat(2, 1fr); width:100%;}
	.cart-item-remove i{display:none;}
	.cart-item-remove button{border: solid 1px #888c8c !important; border-radius: 30px; font-size: 13px; color: #000; text-decoration: none; padding: 0px 12px; line-height: 30px; display: table; width:100%;}
	.cart-item-remove .save_for_later{ grid-column: span 2; margin-left: -112px; width: 130px;}
	.action-btn{justify-content: start;}
	.save_for_later{justify-content: start;}
	.cart-list .cart-item-head{display:none;}
	.retail-layout .recently-viewed-outer-container {padding: 10px 0px;margin-top: 0px;}
	.retail-layout .recently-viewed-section {padding: 10px; border-radius:0px;}
	.recently-viewed-section .product-grid {display: grid; grid-template-columns: repeat(2, 1fr); margin:0px;}
	.recently-viewed-section .product-card{display: grid;  grid-template-columns: repeat(1, 1fr);}
	.cart-amount .currency-symbol{top: -6px!important;}
	.cart-amount .fraction{top: -6px!important;}
	#discount-amount .currency-symbol{top:-5px!important}
	#discount-amount .fraction{top:-5px!important}
	#total-amount{font-size:21px;}
	#total-amount .currency-symbol{top: -6px!important;}
	#total-amount .fraction{top: -6px!important;}
	.right-cart-area .cart-summary{display:none;}
	.left-cart-area .cart-summary{display:block;}
	.retail-layout .recently-viewed-outer-container{padding-top:0px;}
	.cart-item-img {width: 100%; height: auto;}

	#order_ymal ul{display: grid; padding: 10px;}
	.ymal-recomm-class .cart_wraper .img-area{width:100%;}
	#order_ymal li.cart_pro_edit_delete{width:100%;}
	#order_ymal .cart_pro_edit_delete .add_cart_button{width: 100%; min-width: 100%; margin: 0px; max-width: max-content;}

	.recently-viewed-section .product-card{grid-template-columns: repeat(1, 1fr); width: 100%; border: 1px solid #e0e0e0; border-radius: 5px;}
	.wishlist-section{padding:10px;}
	.wishlist-header h2{font-size: 18px; margin: 0px; font-weight: 600; line-height: normal;}
	.view-all-wishlist{line-height: normal; width: 100px; text-align: center; justify-content: center;}

    .wishlist-outer-container {order: 3;padding: 0px 0px 10px 0px;}
    .wishlist-section {order: 3;padding: 10px;margin: 0; width: 100%; display:grid;}
    .wishlist-section .product-grid {grid-template-columns: repeat(8, 1fr);gap: 8px;padding: 0px; display: flex; overflow-x: auto; -webkit-overflow-scrolling: touch; gap: 10px;}
    .wishlist-section .product-card{flex: 0 0 auto;}
    .wishlist-section .product-image {height: 120px;}
    .wishlist-section .product-info {padding: 8px;}
    .wishlist-section .product-title {font-size: 13px;line-height: normal;-webkit-line-clamp: 2;}
	[lang="fr"] .cart-item-remove{width: 200px;}
	[lang="fr"] .cart-item-remove button.save_for_later {width: 210px;}
	[lang="fr"] .cart-item-remove .save_for_later {margin-left: -150px;}
	.recently-viewed-section .img-box{overflow:hidden; align-content: center;}
	.recently-viewed-section .img-box .product-image{width: auto; height: 100%;}
	.cart-list .sub-total{font-size: 20px; line-height:28px;}
	.cart-amount{font-size: 20px; line-height: 28px;}
	.cart-amount .currency-symbol {top: -4px !important; font-size: 13px; line-height:normal}
	.cart-amount .fraction {top: -4px !important; font-size: 13px; line-height:normal}
	.recently-viewed-section .product-price{font-size: 20px; line-height: 28px;}
	.wbrecomm_fbt{margin-bottom:0px; padding:10px;}
	.wbrecomm_fbt .item .book1.sld1 a{padding: 8px 8px 4px 8px;}
	.wbrecomm_fbt .item .book5.sld3 a{padding: 0px 8px 0px 8px;}
	.wbrecomm_fbt .item .owl-img-wrapper .product-image-wrapper{height:auto;}
}


/* Responsive adjustments for note deletion confirmation modal */
@media screen and (max-width: 768px) {
    .note-delete-confirm-content {width: 95%; margin: 20px;}    
    .note-delete-confirm-header {padding: 15px;}
    .note-delete-confirm-body {padding: 15px;}
    .note-delete-confirm-actions {flex-direction: column;}
}

@media screen and (max-width: 480px) {
    .note-delete-confirm-content {width: 100%; margin: 10px; max-height: 90vh;}
    .note-delete-confirm-header h2 {font-size: 1rem;}
    .note-delete-confirm-cancel, .note-delete-confirm-delete {font-size: 0.8rem; padding: 6px 12px;}
}