.cart-style-one{padding: 60px 0 60px 0;background-image: url('../images/banner-inner-pages.webp');position: relative;background-size: cover;overflow: hidden;background-position: center;background-repeat: no-repeat;}
.cart-style-one:before{background: rgba(15, 49, 58, 0.76);background: linear-gradient(-90deg, transparent, #0f313a 65%);content: '';position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 1;}
.cart-style-one h1{font-size: 64px;line-height: 1;text-shadow: 0 0 3px rgba(0, 0, 0, 0.2);color: #ffffff;margin-bottom: 10px;position: relative;z-index: 9;}

.breadcrumbs ul {display: flex;}
.breadcrumbs ul li {margin-right: 15px;position: relative;z-index: 9}
.breadcrumbs ul li a{color: #fff;font-size: 16px;font-weight: 500;}
.breadcrumbs ul li i {margin-left: 5px;color: #fff;}
.fa-duotone::after{opacity: 0.9;}

.cart-style-two {padding: 50px 0px;}
.breadcrumbs ul li i {margin-left: 5px;color: #fff;}
.cart-style-two .table th{font-size: 20px;color:#0B1F44;font-family: "Marcellus", serif;}
.text-decoration-none{color: #000;font-size: 16px;color: #0B1F44;font-family: "Marcellus", serif;}
.cart-item img {width: 100px;height: auto;border-radius: 8px;}
.quantity-selector {display: flex;align-items: center;gap: 0.5rem;}
.quantity-selector input {width: 60px;text-align: center;}
.remove-btn {background: none;border: none;color: #dc3545;cursor: pointer;padding: 0;}

.order-summary-card {background: #ffffff;border-radius: 16px;box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);padding: 2rem;position: sticky;top: 20px;}
.order-summary-title {font-size: 1.5rem;font-weight: 700;margin-bottom: 1.5rem;padding-bottom: 1rem;border-bottom: 2px solid #e9ecef;color: #0B1F44;font-family: "Marcellus", serif;}
.summary-row {display: flex;justify-content: space-between;margin-bottom: 1rem;font-size: 1rem;}
.summary-label {font-weight: 500;color: #0B1F44;font-family: "Marcellus", serif;}
.summary-value {font-weight: 700;color: #2d3748;}
.summary-total {padding-top: 1rem;border-top: 2px solid #e9ecef;margin-top: 1rem;}
.summary-total .summary-label {font-size: 1.25rem;color: #2d3748;font-weight: 700;}
.summary-total .summary-value {font-size: 1.75rem;color: #1e4149;}
.coupon-section {margin: 1.5rem 0;padding: 1.5rem;background: #f8f9fa;border-radius: 12px;}
.input-group {position: relative;display: flex;flex-wrap: wrap;align-items: stretch;width: 100%;}
.coupon-input{border: 2px solid #e9ecef;border-radius: 8px;padding: 0.75rem;font-weight: 500;}
.btn-coupon {background-color: #0b1f44;color: #ffffff;border: none;padding: 0.75rem 1.5rem;border-radius: 8px;font-weight: 700;transition: all 0.3s ease;}
.btn-checkout{background-color: #C8A969 !important;color: #ffffff !important;border: none;padding: 1rem;border-radius: 12px;font-size: 1.25rem;font-weight: 700;width: 100%;transition: all 0.3s ease;margin-top: 1rem;}
.btn-continue {background: transparent;color: #1e4149;border: 2px solid #1e4149;padding: 0.75rem;border-radius: 12px;font-weight: 700;width: 100%;transition: all 0.3s ease;margin-top: 1rem;}
.payment-methods {display: flex;justify-content: center;gap: 10px;margin-top: 1rem;padding-top: 1rem;border-top: 2px solid #e9ecef;}

@media (min-width: 200px) and (max-width: 299.98px) 
{
    .cart-style-one h1{font-size: 25px;}
    .cart-style-one {padding: 100px 0 60px 0;}
    .cart-style-two .table th {font-size: 12px;}
    .text-decoration-none{font-size: 12px;}
    .quantity-selector input {width: 40px;}
    .quantity-selector button{font-size: 10px;margin-left: 8px;}
    .remove-btn{font-size: 10px;}
    .cart-item td{font-size: 10px;}
    .cart-style-two {padding: 10px 0px;}
    .order-summary-card{padding: 10px 10px;border-radius: 10px;}
    .order-summary-title {font-size: 18px;}
    .coupon-section{padding: 10px 10px;}
    .coupon-input{padding: 6px;}
    .btn-coupon{padding: 6px 8px;}
    .btn-checkout{font-size: 14px;border-radius: 5px;padding: 10px 6px;}
    .btn-continue{font-size: 14px;border-radius: 5px;padding: 10px 6px;}
}

@media (min-width: 300px) and (max-width: 399.98px) 
{
    .cart-style-one h1{font-size: 25px;}
    .cart-style-one {padding: 100px 0 60px 0;}
    .cart-style-two .table th {font-size: 12px;}
    .text-decoration-none{font-size: 12px;}
    .quantity-selector input {width: 40px;}
    .quantity-selector button{font-size: 10px;margin-left: 8px;}
    .remove-btn{font-size: 10px;}
    .cart-item td{font-size: 10px;}
    .cart-style-two {padding: 10px 0px;}
    .order-summary-card{padding: 10px 10px;border-radius: 10px;}
    .order-summary-title {font-size: 18px;}
    .coupon-section{padding: 10px 10px;}
    .coupon-input{padding: 6px;}
    .btn-coupon{padding: 6px 8px;}
    .btn-checkout{font-size: 14px;border-radius: 5px;padding: 10px 6px;}
    .btn-continue{font-size: 14px;border-radius: 5px;padding: 10px 6px;}
}

@media (min-width: 400px) and (max-width: 499.98px) 
{
    .cart-style-one h1{font-size: 25px;}
    .cart-style-one {padding: 100px 0 60px 0;}
    .cart-style-two .table th {font-size: 12px;}
    .text-decoration-none{font-size: 12px;}
    .quantity-selector input {width: 40px;}
    .quantity-selector button{font-size: 10px;margin-left: 8px;}
    .remove-btn{font-size: 10px;}
    .cart-item td{font-size: 10px;}
    .cart-style-two {padding: 10px 0px;}
    .order-summary-card{padding: 10px 10px;border-radius: 10px;}
    .order-summary-title {font-size: 18px;}
    .coupon-section{padding: 10px 10px;}
    .coupon-input{padding: 6px;}
    .btn-coupon{padding: 6px 8px;}
    .btn-checkout{font-size: 14px;border-radius: 5px;padding: 10px 6px;}
    .btn-continue{font-size: 14px;border-radius: 5px;padding: 10px 6px;}
}

@media (min-width: 500px) and (max-width: 699.98px)
{
    .cart-style-one h1{font-size: 30px;}
    .cart-style-one {padding: 100px 0 60px 0;}
}

@media (min-width: 989px) and (max-width: 1199.98px)
{
    .cart-style-two .col-lg-8{width: 60%;}
    .cart-style-two .col-lg-4{width: 39%;}
}