:root
{
    --background: var(--cream) !important;
}

.cart-wrapper {display:grid;grid-template-columns:1fr 40%;gap:20px;}
.cart-wrapper .panel {background-color:var(--white);padding:20px 40px;}
.cart-wrapper .col.details {display:flex;flex-direction:column;gap:20px;}
.cart-wrapper .col.details .payment-logos-bar {margin-top:10px;}
.cart-wrapper .summary {font-weight:500;font-size:18px;display:flex;flex-direction:column;gap:10px;}
.cart-wrapper .summary .title {font-weight:700;font-size:22px;}
.cart-wrapper .summary .main-button {display:block;width:100%;font-size:20px;font-weight:700;text-align:center;padding:15px 20px;border-radius:10px;border:1px solid var(--black);color:inherit;text-decoration:none;}
.cart-wrapper .summary .main-button.black {background-color:var(--black);color:var(--blackText);}
.cart-wrapper .summary .main-button.white {background-color:var(--white);color:var(--whiteText);border:1px solid var(--white);}
.cart-wrapper .summary .main-button:disabled {opacity:0.25;}
.cart-wrapper .summary .total {margin-bottom:10px;}

.cart-wrapper .summary .discount-code .coupon-tag {padding:5px;border-radius:5px;color:#34A853;display:inline-flex;flex-direction:row;gap:10px;align-items:center;}
.cart-wrapper .summary .discount-code .coupon-tag button {appearance:none;height:15px;width:15px;margin:0;padding:0;border-radius:20px;border:none;background-color:#34A853;transform:scale(1);transition:transform .25s ease-in-out;position:relative;margin-top:-1px;}
.cart-wrapper .summary .discount-code .coupon-tag button::after {content:'';display:block;height:7px;width:7px;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;background-position:center;background-repeat:no-repeat;background-size:auto 10px;background-image:url('../../icons/close-lines.svg');filter:invert(1);}
.cart-wrapper .summary .discount-code .coupon-tag button:hover, .cart-wrapper .summary .discount-code .coupon-tag input:focus {transform:scale(1.1);cursor:pointer;}

.cart-wrapper .gift-voucher-code-line {display:grid;grid-template-columns:auto auto 1fr;gap:10px;align-items:center;border-bottom: 1px solid rgba(0, 0, 0, 0.25);padding:5px 0px;}
.cart-wrapper .gift-voucher-code-line .code-balance {font-weight:300;font-size:16px;}
.cart-wrapper .gift-voucher-code-line .code-label {font-size:18px;letter-spacing:1px;font-weight:300;}
.cart-wrapper .gift-voucher-code-line form {display:flex;flex-direction:row;align-items:center;justify-content:end;}
.cart-wrapper .gift-voucher-code-line form button {transition:background-color .25s ease-in-out, border-radius .25s ease-in-out, transform .25s ease-in-out;transform:scale(1);border-radius:0px;appearance:none;background-color:transparent;border:0;background-position:center;background-size:auto 50%;background-repeat:no-repeat;background-image:url('../../icons/close-lines.svg');height:20px;width:20px;padding:0;}
.cart-wrapper .gift-voucher-code-line form button:hover {background-color:var(--white);border-radius:5px;cursor:pointer;transform:scale(1.25);}

.cart-wrapper .cart-contents {min-height:400px;}
.cart-wrapper .cart-contents:has(> .no-items) {display:flex;flex-direction:column;height:100%;align-items:center;justify-content:center;}
.cart-wrapper .no-items {display:flex;flex-direction:column;align-items:center;gap:10px;}
.cart-wrapper .no-items .icon {display:block;height:40px;width:40px;background-repeat:no-repeat;background-position:center;background-size:contain;background-image:url('../../icons/bag.svg');filter:invert(1);}
.cart-wrapper .cart-contents .cart-item {display:grid;grid-template-columns:35% 1fr;gap:30px;border-top:1px solid var(--black);padding:10px 0px;font-size:18px;}
.cart-wrapper .cart-contents .cart-item:last-child {border-bottom:1px solid var(--black);}

.cart-wrapper .cart-contents .cart-item .details {padding-top:20px;display:flex;flex-direction:column;gap:10px;}
.cart-wrapper .cart-contents .cart-item .top-bar {display:flex;flex-direction:row;gap:20px;justify-content:space-between;}
.cart-wrapper .cart-contents .cart-item .top-bar .remove-button {transition:background-color .25s ease-in-out, border-radius .25s ease-in-out, transform .25s ease-in-out;transform:scale(1);border-radius:0px;appearance:none;background-color:transparent;border:0;background-position:center;background-size:auto 50%;background-repeat:no-repeat;background-image:url('../../icons/close-lines.svg');height:20px;width:20px;padding:0;}
.cart-wrapper .cart-contents .cart-item .top-bar .remove-button:hover {background-color:var(--white);border-radius:5px;cursor:pointer;transform:scale(1.25);}
.cart-wrapper .cart-contents .cart-item .name {font-weight:700;font-size:20px;text-wrap:balance;color:inherit;text-decoration:none;}
.cart-wrapper .cart-contents .cart-item .code {font-weight:500;}
.cart-wrapper .cart-contents .cart-item .cost {font-size:20px;font-weight:500;}
.cart-wrapper .cart-contents .cart-item .info {display:flex;flex-direction:row;gap:10px;}
.cart-wrapper .cart-contents .cart-item .info .seperator {height:20px;width:1px;background-color:#000;display:block;}

.cart-wrapper .cart-contents .cart-item .wishlist-fav {border:0;appearance:none;background-color:#D9D9D9;display:none;grid-template-columns:20px 1fr;gap:10px;padding:10px;color:var(--black);width:100%;margin-top:10px;text-align:left;align-items:center;font-size:16px;font-weight:600;}
.cart-wrapper .cart-contents .cart-item .wishlist-fav::before {content:'';display:block;height:20px;width:20px;background-position:center;background-size:contain;background-repeat:no-repeat;background-image:url('../../icons/heart.svg');}
.cart-wrapper .cart-contents .cart-item .wishlist-fav[data-in-wishlist="false"]::after {content:'Add to Wishlist';display:block;}
.cart-wrapper .cart-contents .cart-item .wishlist-fav[data-in-wishlist="true"]::after {content:'In Your Wishlist';display:block;}
.cart-wrapper .cart-contents .cart-item .wishlist-fav:hover {cursor:pointer;}

.cart-wrapper .panel.discount {display:flex;flex-direction:column;gap:10px;padding:30px 40px;}
.cart-wrapper .panel.discount .title {font-family:var(--secondaryFont);}
.cart-wrapper .panel.discount .code-input-wrapper {display:flex;flex-direction:row;gap:10px;height:40px;width:100%;}
.cart-wrapper .panel.discount .code-input-wrapper input {font-family:var(--secondaryFont);padding-left:10px;font-size:16px;font-weight:400;background-color:var(--white);border:1px solid var(--black);display:block;width:100%;}
.cart-wrapper .panel.discount .code-input-wrapper button {display:block;position:relative;transition:background-color .5s ease;width:70px;border:1px solid var(--black);background-color:var(--white);}
.cart-wrapper .panel.discount .code-input-wrapper button::after {content:'';display:block;width:30px;height:15px;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;background-position:center;background-size:contain;background-image:url('../../icons/arrow.svg');background-repeat:no-repeat;}
.cart-wrapper .panel.discount .code-input-wrapper button:hover {background-color:var(--black);cursor:pointer;}
.cart-wrapper .panel.discount .code-input-wrapper button:hover::after {filter:invert(1);}

.cart-wrapper .info-message {padding:10px 10px 10px 20px;font-weight:400;font-size:16px;}
.cart-wrapper .info-message.error {border-left:3px solid #bb302e;background-color:#F8EDEE;}
.cart-wrapper .info-message.success {border-left:3px solid #34A853;background-color:#ddffe6;}

.cart-wrapper .line-break {height:1px;width:100%;background-color:var(--black);margin:10px 0px;}

.cart-wrapper .free-delivery {background-color: #F2F4F7;padding: 12px 15px;display: flex;flex-direction: row;position:relative;gap: 15px;width: 100%;align-items: center;font-size: 15px;font-weight: 600;}
.cart-wrapper .free-delivery::before {content: '';display: block;height: 30px;width: 40px;background-position: center;background-size: contain;background-repeat: no-repeat;background-image: url('../../icons/delivery-van.svg');}

@media (max-width:1150px)
{
    .cart-wrapper .cart-contents .cart-item .wishlist-fav {display:grid;}
}

@media (max-width:1250px)
{
    .cart-preview .cart-item .image {width:100px;}
    .cart-preview .cart-item .details {font-size:12px;}
}

@media (max-width:1080px)
{
    .cart-wrapper .panel {padding:20px 30px;}
    .cart-wrapper .panel.discount {padding:20px 30px;}
}

@media (max-width:1000px)
{
    .cart-wrapper {grid-template-columns:1fr;}
    .cart-wrapper .cart-contents {min-height:unset;}
    .cart-wrapper .cart-contents .cart-item {grid-template-columns:200px 1fr;}
    .cart-wrapper .col.details .discount {order:1;}
    .cart-wrapper .col.details .summary {order:2;}
    .cart-wrapper .panel.discount {padding:0;background-color:transparent;}
}

@media (max-width:550px)
{
    .cart-wrapper .cart-contents .cart-item {grid-template-columns:175px 1fr;gap:20px;font-size:15px;}
    .cart-wrapper .cart-contents .cart-item .name {font-size:16px;font-weight:600;}
    .cart-wrapper .cart-contents .cart-item .details {gap:5px;padding-top:10px;}
}

@media (max-width:480px)
{
    .cart-wrapper .cart-contents .cart-item {grid-template-columns:125px 1fr;}
    .cart-wrapper .cart-contents .cart-item .wishlist-fav {font-size:12px;gap:5px;padding:8px 5px 8px 8px;}
    .cart-wrapper .cart-contents .cart-item .wishlist-fav::before {height:18px;width:18px;}
    .cart-wrapper .cart-contents .cart-item .details {padding-top:0;}
    .cart-wrapper .cart-contents .cart-item .cost {font-size:16px;}
}

@media (max-width:400px)
{
    .cart-wrapper .cart-contents .cart-item .wishlist-fav {display:none;}
    .cart-wrapper .cart-contents .cart-item {grid-template-columns:1fr;gap:10px;}
    .cart-wrapper .cart-contents .cart-item .name {font-size:18px;}
}