/** Shopify CDN: Minification failed

Line 14:0 Unexpected "164D00AF-C245-4ED7-8FE8-C73CF19E898F"
Line 388:18 Unterminated string token
Line 400:86 Unterminated string token
Line 405:96 Unterminated string token
Line 422:39 Unterminated string token
Line 455:62 Unterminated string token
Line 478:51 Unterminated string token
Line 1378:0 Expected ")" to go with "("

**/

164D00AF-C245-4ED7-8FE8-C73CF19E898F.png
1203DAA4-2054-4BE1-A802-89793E84E1B7.png

0A7E3075-1504-47C3-ACAD-FC13E5814C12.png
654B4EDF-3A69-4EA4-A1B0-528D26035270.png
B209AA1D-63A2-47ED-8E56-423713B9F01E.png
760C0E39-25EE-46B4-B46E-F2EEDCC15CA9.png

help me edit this 


Pasted text(4).txt
Document

Pasted text (2).txt
Document


Pasted text(5).txt
Document
Now do the same for the @ Your order is on the way - thats the existing code 

I want this part to be more warm 


Pasted text(6).txt
Document
 that one is for refund - keep it transactional change just the colours to match what we made above 


Pasted text(7).txt
Document
same for this one 


okays so this seems to be on - how can I see id the emails have been sent ?

Screenshot 2026-08-07 at 00.15.46.png
on the report we saw 10 abandoned carts - but here there are none?

Generated image: Maison Élyséa Luxury Jewellery Homepage


Edit



Pasted text(8).txt
Document
Perfect! at the moment it looks like this  we will need to change the header as well right? 

Screenshot 2026-08-08 at 21.53.52.png
it looks like that - not like what you have shown me 


Pasted text(9).txt
Document
 thats the current header.liquid - make the changes and sent it to me 

Screenshot 2026-08-08 at 22.03.51.png
but these are missing from the code you gave me 

Screenshot 2026-08-08 at 22.10.29.png
Like this right ?

Screenshot 2026-08-08 at 22.14.11.png

Screenshot 2026-08-08 at 22.16.51.png
done 

Screenshot 2026-08-08 at 22.19.59.png

Screenshot 2026-08-08 at 22.23.02.png
Can you see that there is no padding over here ? I think we need to fix it 


Pasted text(10).txt
Document
 thats the coding we put in ther e- can you change it and resent it to me 

Screenshot 2026-08-08 at 22.29.16.png
it messed everything - can you rewritr=e the whole code ?

Screenshot 2026-08-08 at 22.32.02.png
14 days returns - at the moment it is like that 

Generated image

Edit


returns-icon.png
REMOVE THE BACKGROUND 

Generated image

Edit


Generated image: Maison ÊLYSÊA Luxury Jewellery Homepage


Edit


Screenshot 2026-08-08 at 22.56.26.png

Screenshot 2026-08-08 at 23.26.03.png
Now I feel like this section here repeats itself 

Generated image

Edit


Generated image: Golden Free UK Delivery Icon

Edit


Generated image: Golden Delivery Truck with Gift Box

Edit


Generated image: Minimal Gold Delivery Truck Icon


Edit


Generated image: Minimalist Gold Delivery Truck Icon

Edit


Generated image

Edit


Generated image: Golden Padlock and Shield Icon


Edit


Generated image: Golden Lock and Shield Icon

Edit


Screenshot 2026-08-08 at 23.50.30.png

Generated image


Edit


Generated image


Edit


Screenshot 2026-08-09 at 00.02.25.png
Can you see this ? I dont Want this to be happening - it is all across the site - I want it only on the home page 


Pasted text(20260808-232631).txt
Document
thats the current liquid

Screenshot 2026-08-09 at 00.44.30.png

Screenshot 2026-08-09 at 01.13.33.png

Screenshot 2026-08-09 at 01.17.13.png
they are tiny and i dont have the choice to make them bigger 

Screenshot 2026-08-09 at 01.22.36.png


Pasted text(20260809-005217).txt
Document
 

okay take this as a whole and make the changes here 


Pasted text(20260809-010806).txt
Document
I mess this thing up - can you fix it ?

Screenshot 2026-08-09 at 12.53.19.png
I want it to be like this 

Generated image: Luxury Gold Bracelet Product Page


Edit


Screenshot 2026-08-09 at 13.05.28.png
I am here - is that correct to look here ?

Screenshot 2026-08-09 at 13.06.31.png

Screenshot 2026-08-09 at 13.09.27.png
I dont think is wise to remove the pay in 3 - I also cannot remove it on the price section 

Screenshot 2026-08-09 at 13.12.52.png

Screenshot 2026-08-09 at 13.26.12.png
Like this right?

Screenshot 2026-08-09 at 13.32.24.png
Perfect - so now it looks like this 

Screenshot 2026-08-09 at 13.33.49.png
Like this right?

Screenshot 2026-08-09 at 13.39.08.png
at the moment its like this 

Screenshot 2026-08-09 at 13.50.37.png
there is an issue with the size 

Screenshot 2026-08-09 at 14.21.39.png
i actually like it 

Screenshot 2026-08-09 at 14.25.20.png
perfect - Please have a look on my home page -  I am not sure why it changed from what we did before 

Today 5:54 PM
Screenshot 2026-08-09 at 17.54.13.png


Pasted text(20260809-165540).txt
Document
thats the whole base css


Pasted text(20260809-165726).txt
Document

Screenshot 2026-08-09 at 17.59.24.png
okay lets move on - this is on the home page on the mobile version - as you can see the price and full title of the top 2 products doesnt show 


Pasted text(20260809-170102).txt
Document

Screenshot 2026-08-09 at 18.02.24.png

Screenshot 2026-08-09 at 18.06.28.png
Perfect - and now this 

Screenshot 2026-08-09 at 18.14.04.png

Screenshot 2026-08-09 at 18.21.37.png

Screenshot 2026-08-14 at 09.35.59.png

Screenshot 2026-08-14 at 09.42.17.png

Screenshot 2026-08-14 at 09.46.52.png

Screenshot 2026-08-14 at 09.52.38.png


Pasted text(20260814-085418).txt
Document
its on here this error 

Screenshot 2026-08-14 at 09.59.15.png

Screenshot 2026-08-14 at 10.08.47.png
Screenshot 2026-08-14 at 10.08.58.png
this is how it is now 

Screenshot 2026-08-14 at 10.11.02.png


Pasted text(20260814-091842).txt
Document

Screenshot 2026-08-14 at 10.25.27.png


Pasted text(20260814-092854).txt
Document


Pasted text(20260814-093534).txt
Document


Pasted text(20260814-093754).txt
Document


Pasted text(20260814-094156).txt
Document
I dont know how coding work - Please give me step by step - this is the current snippet - are we editing here? where? I am getting confused 

Screenshot 2026-08-14 at 10.47.42.png

Screenshot 2026-08-14 at 10.50.15.png


Pasted code.js
JavaScript

Screenshot 2026-08-14 at 11.00.51.png
I changed it from 1 to 2 the error message is still there and now I can see the product word above?

Screenshot 2026-08-14 at 11.06.16.png

Screenshot 2026-08-14 at 11.09.00.png

Screenshot 2026-08-14 at 11.09.51.png

Screenshot 2026-08-14 at 11.18.37.png

Screenshot 2026-08-14 at 11.20.52.png

Screenshot 2026-08-14 at 12.01.32.png

Screenshot 2026-08-14 at 12.02.21.png
they show at the end of the page 

Screenshot 2026-08-14 at 12.04.47.png


Pasted text(20260814-110810).txt
Document
perfect! 

base.css

Screenshot 2026-08-14 at 12.15.15.png
the button is there but it is not visible

Screenshot 2026-08-14 at 12.24.09.png

This is working — and the layout is already much closer to what we wanted.

The only issue I can see now is the recommendation logic: because we’re using related products, Shopify is recommending other Naomi ring colour variants, which is technically correct but not ideal for “Complete the look.”

For a ring, I’d rather show something like a bracelet + necklace. So the next improvement should be to make the cart use complementary products instead of generic related products. Your product page’s existing “Complete the look” is powered by Shopify/Search & Discovery, so this is the right source to use.

Open cart-drawer.liquid and find this in the recommendation URL:

&intent=related
Change only that to:

&intent=complementary
Save, refresh, then test a product where you have complementary products assigned in Search & Discovery.

If complementary products are configured, you should get proper cross-sells instead of the same product family.

Also, visually, I’d make one small improvement after that: the recommendation section is currently a bit tall. Once we confirm the right products are loading, I’ll tighten it so the two upsells sit more compactly and don’t push the checkout too far down.

For now, change only related → complementary and test.


perfect 

YES!! 🙌

That looks 10x more premium already.

What's now working
✅ Luxury cart drawer
✅ Custom "Your Selection" heading
✅ Working quantity selector
✅ Free Delivery progress bar
✅ Luxury checkout button
✅ Dynamic complementary products
✅ Mobile layout looks clean

This is now starting to look like a custom Shopify theme rather than Dawn.

I have a roadmap from here
Rather than jumping around, I'd like us to finish the entire theme in a logical order.

1️⃣ Finish the Cart (15 minutes)
There are only a few finishing touches left:

Remove the duplicate product price under the title (it's showing both unit price and line total)

Make the quantity selector about 10% shorter

Vertically centre the remove icon

Make the progress bar slightly thicker with rounded ends

Add a smooth hover animation to the checkout button

Make the complementary products slightly more compact

Then the cart is finished forever.

2️⃣ Predictive Search ⭐⭐⭐⭐⭐
This is one of the biggest things that still makes Dawn feel like Dawn.

We'll transform it into something like:

Search...

──────────────

Products

[Image] Naomi Ring
        £28

[Image] Isadora Necklace
        £59

──────────────

Collections

Rings
Necklaces

──────────────

View all results →
Luxury spacing.

Beautiful typography.

Fast.

3️⃣ Mobile Menu
The current Dawn menu is very basic.

We'll make it feel much more like a luxury fashion brand with:

Better spacing

Beautiful typography

Animated submenu transitions

Trust icons

"Made To Live In"

4️⃣ Search Results Page
Editorial.

Luxury.

No default Shopify feeling.

5️⃣ Customer Account
Completely redesign it.

My suggestion
I don't think we should touch the homepage anymore.

I genuinely think it's reached a point where it's strong enough to launch.

From now on, every improvement should make customers more likely to buy—not just make the site prettier.

The next thing I'd do is finish the cart (the last 5%) and then move straight into the predictive search, because that's one of the highest-impact upgrades left for the shopping experience.


Lets go 

Done — I’ve turned the cart polish into two clean files so we stop patching base.css.

Your current drawer structure already has the working Dawn quantity controls and the free-delivery logic, so I preserved that and only changed the presentation layer plus removed the duplicate unit price under the product title. 


Do this:

Replace Snippets → cart-drawer.liquid with:
Final cart drawer v2

In Assets, create a new file called exactly:
maison-cart.css

Paste this whole file into it:
maison-cart.css

The new cart-drawer.liquid already loads maison-cart.css, so do not add anything else to base.css.

This final pass gives you:

no duplicated price under the product name

smaller quantity selector

properly centred remove icon

tighter product cards

more compact “Complete the look”

rounded/thicker free-delivery progress bar

smoother checkout hover

cleaner mobile spacing

empty-cart button styling included

After saving, test only: + / − / bin / recommendation add / checkout.

If those all work, the cart is officially finished and we go straight to predictive search. 


maison-cart.css
Code


Library
/
maison-cart.css



/* =========================================================
   MAISON ÊLYSÊA — FINAL CART DRAWER
   Standalone asset loaded directly by cart-drawer.liquid
========================================================= */

#CartDrawer .drawer__inner {
  width: min(460px, 100vw) !important;
  max-width: 460px !important;
  background: #F8F5F0 !important;
  color: #3B3028 !important;
}

#CartDrawer .drawer__header {
  padding: 26px 28px 20px !important;
  border-bottom: 1px solid #DED4C7 !important;
}

#CartDrawer .drawer__heading {
  margin: 0 !important;
  color: #3B3028 !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 30px !important;
  font-weight: 400 !important;
  line-height: 1.05 !important;
}

#CartDrawer .drawer__close {
  color: #3B3028 !important;
}

#CartDrawer .cart-items thead {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

#CartDrawer .cart-drawer__form {
  padding: 0 28px !important;
}

#CartDrawer .cart-item {
  display: grid !important;
  grid-template-columns: 96px minmax(0, 1fr) 72px !important;
  grid-template-areas:
    "media details total"
    "media quantity quantity" !important;
  column-gap: 16px !important;
  row-gap: 12px !important;
  padding: 24px 0 !important;
  margin: 0 !important;
  border-bottom: 1px solid #E4DBD0 !important;
}

#CartDrawer .cart-item__media {
  grid-area: media !important;
  width: 96px !important;
}

#CartDrawer .cart-item__image {
  display: block !important;
  width: 96px !important;
  height: 96px !important;
  object-fit: cover !important;
  border-radius: 0 !important;
}

#CartDrawer .cart-item__details {
  grid-area: details !important;
  align-self: start !important;
  min-width: 0 !important;
}

#CartDrawer .cart-item__name {
  display: block !important;
  margin: 0 0 7px !important;
  color: #3B3028 !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.25 !important;
  text-decoration: none !important;
}

#CartDrawer .product-option,
#CartDrawer .cart-item__details dl {
  color: #6B625A !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
}

#CartDrawer .cart-item__details dl {
  margin: 5px 0 0 !important;
}

#CartDrawer .cart-item__details dt,
#CartDrawer .cart-item__details dd {
  display: inline !important;
  margin: 0 !important;
}

#CartDrawer .cart-item__totals {
  grid-area: total !important;
  align-self: start !important;
  min-width: 72px !important;
  text-align: right !important;
}

#CartDrawer .cart-item__totals .price {
  color: #6B625A !important;
  font-size: 14px !important;
  font-weight: 400 !important;
}

#CartDrawer .cart-item__quantity {
  grid-area: quantity !important;
  padding: 0 !important;
}

#CartDrawer .cart-item__quantity-wrapper {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

#CartDrawer .quantity {
  width: 140px !important;
  min-height: 42px !important;
  border: 1px solid #D8CEC1 !important;
  border-radius: 0 !important;
}

#CartDrawer .quantity__button {
  width: 38px !important;
}

#CartDrawer .quantity__input {
  font-size: 13px !important;
  color: #3B3028 !important;
}

#CartDrawer cart-remove-button {
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
}

#CartDrawer .cart-remove-button {
  min-width: auto !important;
  min-height: auto !important;
  width: 34px !important;
  height: 42px !important;
  padding: 0 !important;
  color: #1F5C4D !important;
  background: transparent !important;
}

#CartDrawer .cart-remove-button::before,
#CartDrawer .cart-remove-button::after {
  display: none !important;
}

#CartDrawer .cart-remove-button .svg-wrapper {
  width: 18px !important;
  height: 18px !important;
}

.maison-cart-recommendations {
  padding: 0 28px !important;
}

.maison-cart-recs {
  padding: 18px 0 6px !important;
  border-top: 1px solid #DED4C7 !important;
}

.maison-cart-recs__header {
  margin-bottom: 12px !important;
}

.maison-cart-recs__eyebrow {
  margin: 0 0 4px !important;
  color: #C6A36B !important;
  font-size: 8px !important;
  font-weight: 500 !important;
  letter-spacing: .2em !important;
  text-transform: uppercase !important;
}

.maison-cart-recs__heading {
  margin: 0 !important;
  color: #3B3028 !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 18px !important;
  font-weight: 400 !important;
}

.maison-cart-recs__list {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 12px !important;
}

.maison-cart-recs__item {
  display: block !important;
  padding: 0 0 10px !important;
}

.maison-cart-recs__image-link {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 1 / 1 !important;
  overflow: hidden !important;
  margin-bottom: 8px !important;
  background: #EFE7DC !important;
}

.maison-cart-recs__image {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

.maison-cart-recs__title {
  display: block !important;
  margin: 0 0 3px !important;
  color: #3B3028 !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 12px !important;
  line-height: 1.25 !important;
  text-decoration: none !important;
}

.maison-cart-recs__price {
  display: block !important;
  margin-bottom: 6px !important;
  color: #6B625A !important;
  font-size: 11px !important;
}

.maison-cart-recs__add {
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #1F5C4D !important;
  font-size: 9px !important;
  font-weight: 600 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
}

.maison-cart-shipping {
  margin: 18px 0 18px !important;
  padding: 18px 0 !important;
  border-top: 1px solid #DED4C7 !important;
  border-bottom: 1px solid #DED4C7 !important;
}

.maison-cart-shipping__message {
  margin: 0 0 12px !important;
  color: #3B3028 !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
  text-align: center !important;
}

.maison-cart-shipping__track {
  width: 100% !important;
  height: 5px !important;
  overflow: hidden !important;
  background: #E4DBD0 !important;
  border-radius: 999px !important;
}

.maison-cart-shipping__progress {
  display: block !important;
  height: 100% !important;
  background: #C6A36B !important;
  border-radius: 999px !important;
  transition: width .35s ease !important;
}

#CartDrawer .drawer__footer {
  margin-top: 0 !important;
  padding: 0 28px 28px !important;
  background: #F8F5F0 !important;
  border-top: 0 !important;
}

#CartDrawer .totals {
  align-items: center !important;
  margin: 0 0 10px !important;
}

#CartDrawer .totals__total {
  color: #3B3028 !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  letter-spacing: .16em !important;
  text-transform: uppercase !important;
}

#CartDrawer .totals__total-value {
  color: #3B3028 !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 27px !important;
  font-weight: 400 !important;
}

#CartDrawer .tax-note {
  color: #756C64 !important;
  font-size: 10px !important;
  line-height: 1.45 !important;
}

#CartDrawer-Checkout {
  min-height: 58px !important;
  margin-top: 18px !important;
  background: #1F5C4D !important;
  border: 1px solid #1F5C4D !important;
  border-radius: 0 !important;
  color: #FFFFFF !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
  transition: background-color .25s ease, transform .25s ease !important;
}

#CartDrawer-Checkout:hover {
  background: #17483D !important;
  transform: translateY(-1px) !important;
}

/* Empty cart */
#CartDrawer .drawer__inner-empty .button,
#CartDrawer .cart-drawer__empty-content .button {
  background: #1F5C4D !important;
  color: #FFFFFF !important;
  border: 1px solid #1F5C4D !important;
}

@media screen and (max-width: 749px) {
  #CartDrawer .drawer__inner {
    width: 100vw !important;
    max-width: 100vw !important;
  }

  #CartDrawer .drawer__header {
    padding: 22px 20px 18px !important;
  }

  #CartDrawer .drawer__heading {
    font-size: 27px !important;
  }

  #CartDrawer .cart-drawer__form,
  .maison-cart-recommendations {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  #CartDrawer .drawer__footer {
    padding: 0 20px 24px !important;
  }

  #CartDrawer .cart-item {
    grid-template-columns: 82px minmax(0, 1fr) 60px !important;
    column-gap: 12px !important;
    row-gap: 10px !important;
    padding: 20px 0 !important;
  }

  #CartDrawer .cart-item__media,
  #CartDrawer .cart-item__image {
    width: 82px !important;
    height: 82px !important;
  }

  #CartDrawer .cart-item__name {
    font-size: 14px !important;
  }

  #CartDrawer .cart-item__totals .price {
    font-size: 13px !important;
  }

  #CartDrawer .quantity {
    width: 128px !important;
    min-height: 40px !important;
  }

  #CartDrawer .cart-remove-button {
    height: 40px !important;
  }

  .maison-cart-recs__heading {
    font-size: 17px !important;
  }

  .maison-cart-recs__list {
    gap: 10px !important;
  }

  .maison-cart-recs__title {
    font-size: 11px !important;
  }
}
Library
/
maison-cart.css



/* =========================================================
   MAISON ÊLYSÊA — FINAL CART DRAWER
   Standalone asset loaded directly by cart-drawer.liquid
========================================================= */

#CartDrawer .drawer__inner {
  width: min(460px, 100vw) !important;
  max-width: 460px !important;
  background: #F8F5F0 !important;
  color: #3B3028 !important;
}

#CartDrawer .drawer__header {
  padding: 26px 28px 20px !important;
  border-bottom: 1px solid #DED4C7 !important;
}

#CartDrawer .drawer__heading {
  margin: 0 !important;
  color: #3B3028 !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 30px !important;
  font-weight: 400 !important;
  line-height: 1.05 !important;
}

#CartDrawer .drawer__close {
  color: #3B3028 !important;
}

#CartDrawer .cart-items thead {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

#CartDrawer .cart-drawer__form {
  padding: 0 28px !important;
}

#CartDrawer .cart-item {
  display: grid !important;
  grid-template-columns: 96px minmax(0, 1fr) 72px !important;
  grid-template-areas:
    "media details total"
    "media quantity quantity" !important;
  column-gap: 16px !important;
  row-gap: 12px !important;
  padding: 24px 0 !important;
  margin: 0 !important;
  border-bottom: 1px solid #E4DBD0 !important;
}

#CartDrawer .cart-item__media {
  grid-area: media !important;
  width: 96px !important;
}

#CartDrawer .cart-item__image {
  display: block !important;
  width: 96px !important;
  height: 96px !important;
  object-fit: cover !important;
  border-radius: 0 !important;
}

#CartDrawer .cart-item__details {
  grid-area: details !important;
  align-self: start !important;
  min-width: 0 !important;
}

#CartDrawer .cart-item__name {
  display: block !important;
  margin: 0 0 7px !important;
  color: #3B3028 !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.25 !important;
  text-decoration: none !important;
}

#CartDrawer .product-option,
#CartDrawer .cart-item__details dl {
  color: #6B625A !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
}

#CartDrawer .cart-item__details dl {
  margin: 5px 0 0 !important;
}

#CartDrawer .cart-item__details dt,
#CartDrawer .cart-item__details dd {
  display: inline !important;
  margin: 0 !important;
}

#CartDrawer .cart-item__totals {
  grid-area: total !important;
  align-self: start !important;
  min-width: 72px !important;
  text-align: right !important;
}

#CartDrawer .cart-item__totals .price {
  color: #6B625A !important;
  font-size: 14px !important;
  font-weight: 400 !important;
}

#CartDrawer .cart-item__quantity {
  grid-area: quantity !important;
  padding: 0 !important;
}

#CartDrawer .cart-item__quantity-wrapper {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

#CartDrawer .quantity {
  width: 140px !important;
  min-height: 42px !important;
  border: 1px solid #D8CEC1 !important;
  border-radius: 0 !important;
}

#CartDrawer .quantity__button {
  width: 38px !important;
}

#CartDrawer .quantity__input {
  font-size: 13px !important;
  color: #3B3028 !important;
}

#CartDrawer cart-remove-button {
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
}

#CartDrawer .cart-remove-button {
  min-width: auto !important;
  min-height: auto !important;
  width: 34px !important;
  height: 42px !important;
  padding: 0 !important;
  color: #1F5C4D !important;
  background: transparent !important;
}

#CartDrawer .cart-remove-button::before,
#CartDrawer .cart-remove-button::after {
  display: none !important;
}

#CartDrawer .cart-remove-button .svg-wrapper {
  width: 18px !important;
  height: 18px !important;
}

.maison-cart-recommendations {
  padding: 0 28px !important;
}

.maison-cart-recs {
  padding: 18px 0 6px !important;
  border-top: 1px solid #DED4C7 !important;
}

.maison-cart-recs__header {
  margin-bottom: 12px !important;
}

.maison-cart-recs__eyebrow {
  margin: 0 0 4px !important;
  color: #C6A36B !important;
  font-size: 8px !important;
  font-weight: 500 !important;
  letter-spacing: .2em !important;
  text-transform: uppercase !important;
}

.maison-cart-recs__heading {
  margin: 0 !important;
  color: #3B3028 !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 18px !important;
  font-weight: 400 !important;
}

.maison-cart-recs__list {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 12px !important;
}

.maison-cart-recs__item {
  display: block !important;
  padding: 0 0 10px !important;
}

.maison-cart-recs__image-link {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 1 / 1 !important;
  overflow: hidden !important;
  margin-bottom: 8px !important;
  background: #EFE7DC !important;
}

.maison-cart-recs__image {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

.maison-cart-recs__title {
  display: block !important;
  margin: 0 0 3px !important;
  color: #3B3028 !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 12px !important;
  line-height: 1.25 !important;
  text-decoration: none !important;
}

.maison-cart-recs__price {
  display: block !important;
  margin-bottom: 6px !important;
  color: #6B625A !important;
  font-size: 11px !important;
}

.maison-cart-recs__add {
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #1F5C4D !important;
  font-size: 9px !important;
  font-weight: 600 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
}

.maison-cart-shipping {
  margin: 18px 0 18px !important;
  padding: 18px 0 !important;
  border-top: 1px solid #DED4C7 !important;
  border-bottom: 1px solid #DED4C7 !important;
}

.maison-cart-shipping__message {
  margin: 0 0 12px !important;
  color: #3B3028 !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
  text-align: center !important;
}

.maison-cart-shipping__track {
  width: 100% !important;
  height: 5px !important;
  overflow: hidden !important;
  background: #E4DBD0 !important;
  border-radius: 999px !important;
}

.maison-cart-shipping__progress {
  display: block !important;
  height: 100% !important;
  background: #C6A36B !important;
  border-radius: 999px !important;
  transition: width .35s ease !important;
}

#CartDrawer .drawer__footer {
  margin-top: 0 !important;
  padding: 0 28px 28px !important;
  background: #F8F5F0 !important;
  border-top: 0 !important;
}

#CartDrawer .totals {
  align-items: center !important;
  margin: 0 0 10px !important;
}

#CartDrawer .totals__total {
  color: #3B3028 !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  letter-spacing: .16em !important;
  text-transform: uppercase !important;
}

#CartDrawer .totals__total-value {
  color: #3B3028 !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 27px !important;
  font-weight: 400 !important;
}

#CartDrawer .tax-note {
  color: #756C64 !important;
  font-size: 10px !important;
  line-height: 1.45 !important;
}

#CartDrawer-Checkout {
  min-height: 58px !important;
  margin-top: 18px !important;
  background: #1F5C4D !important;
  border: 1px solid #1F5C4D !important;
  border-radius: 0 !important;
  color: #FFFFFF !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  letter-spacing: .18em !important;
  text-transform: uppercase !important;
  transition: background-color .25s ease, transform .25s ease !important;
}

#CartDrawer-Checkout:hover {
  background: #17483D !important;
  transform: translateY(-1px) !important;
}

/* Empty cart */
#CartDrawer .drawer__inner-empty .button,
#CartDrawer .cart-drawer__empty-content .button {
  background: #1F5C4D !important;
  color: #FFFFFF !important;
  border: 1px solid #1F5C4D !important;
}

@media screen and (max-width: 749px) {
  #CartDrawer .drawer__inner {
    width: 100vw !important;
    max-width: 100vw !important;
  }

  #CartDrawer .drawer__header {
    padding: 22px 20px 18px !important;
  }

  #CartDrawer .drawer__heading {
    font-size: 27px !important;
  }

  #CartDrawer .cart-drawer__form,
  .maison-cart-recommendations {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  #CartDrawer .drawer__footer {
    padding: 0 20px 24px !important;
  }

  #CartDrawer .cart-item {
    grid-template-columns: 82px minmax(0, 1fr) 60px !important;
    column-gap: 12px !important;
    row-gap: 10px !important;
    padding: 20px 0 !important;
  }

  #CartDrawer .cart-item__media,
  #CartDrawer .cart-item__image {
    width: 82px !important;
    height: 82px !important;
  }

  #CartDrawer .cart-item__name {
    font-size: 14px !important;
  }

  #CartDrawer .cart-item__totals .price {
    font-size: 13px !important;
  }

  #CartDrawer .quantity {
    width: 128px !important;
    min-height: 40px !important;
  }

  #CartDrawer .cart-remove-button {
    height: 40px !important;
  }

  .maison-cart-recs__heading {
    font-size: 17px !important;
  }

  .maison-cart-recs__list {
    gap: 10px !important;
  }

  .maison-cart-recs__title {
    font-size: 11px !important;
  }
}