/** Shopify CDN: Minification failed

Line 6:7 Unexpected "url("

**/
import url('https://fonts.googleapis.com/css2?family=Domine:wght@400..700&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

@font-face {
    font-family: 'Domaine-Display-m';
    src: url('/cdn/shop/files/DomaineDispCd-Medium.eot');
    src: url('/cdn/shop/files/DomaineDispCd-Medium.eot?#iefix') format('embedded-opentype'),
        url('/cdn/shop/files/DomaineDispCd-Medium.woff2') format('woff2'),
        url('/cdn/shop/files/DomaineDispCd-Medium.woff') format('woff'),
        url('/cdn/shop/files/DomaineDispCd-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Domaine-Display-r';
    src: url('/cdn/shop/files/DomaineDispCd-Regular.eot');
    src: url('/cdn/shop/files/DomaineDispCd-Regular.eot?#iefix') format('embedded-opentype'),
        url('/cdn/shop/files/DomaineDispCd-Regular.woff2') format('woff2'),
        url('/cdn/shop/files/DomaineDispCd-Regular.woff') format('woff'),
        url('/cdn/shop/files/DomaineDispCd-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* Domaine Display Condensed */
@font-face {
    font-family: 'Domaine-Display-Condensed-m';
    src: url('/cdn/shop/files/DomaineDispCd-Medium.woff2') format('woff2'),
        url('/cdn/shop/files/DomaineDispCd-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Domaine-Display-Condensed-r';
    src: url('/cdn/shop/files/DomaineDispCd-Regular.woff2') format('woff2'),
        url('/cdn/shop/files/DomaineDispCd-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Domaine-Display-Condensed-b';
    src: url('/cdn/shop/files/DomaineDispCd-Semibold.woff2') format('woff2'),
        url('/cdn/shop/files/DomaineDispCd-Semibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

/* ABC Diatype Unlicensed Trial */

@font-face {
    font-family: 'ABC-Diatype-Unlicensed-Trial-r';
    src: url('/cdn/shop/files/ABCDiatype-Light.woff2') format('woff2'),
        url('/cdn/shop/files/ABCDiatype-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'ABC-Diatype-Unlicensed-Trial-m';
    src: url('/cdn/shop/files/ABCDiatype-Medium.woff2') format('woff2'),
        url('/cdn/shop/files/ABCDiatype-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'ABC-Diatype-Unlicensed-Trial-n';
    src: url('/cdn/shop/files/ABCDiatype-Regular.woff2') format('woff2'),
        url('/cdn/shop/files/ABCDiatype-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* Domani */
@font-face {
    font-family: 'Domine-b';
    src: url('/cdn/shop/files/Domine-Bold.woff2') format('woff2'),
        url('/cdn/shop/files/Domine-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Domine-n';
    src: url('/cdn/shop/files/Domine-Medium.woff2') format('woff2'),
        url('/cdn/shop/files/Domine-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Domine-r';
    src: url('/cdn/shop/files/Domine-Regular.woff2') format('woff2'),
        url('/cdn/shop/files/Domine-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Domine-ex';
    src: url('/cdn/shop/files/Domine-SemiBold.woff2') format('woff2'),
        url('/cdn/shop/files/Domine-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

.new_cart_design .f-quantity__input {
margin: 0;
  padding: 0 !important;
  width: 32px !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  flex: 0 0 auto;
  z-index: 1;
  background: #fff !important;
  border-radius: 0 !important;
  color: #b8c5ce !important;
  border: none !important;
  outline: none;
}
.new_cart_design  .f-quantity__button {
	background: #fff !important;
	
}
.new_cart_design .product-card__title {
    margin-inline: 0;
    margin-block: 0 .4rem;
    position: relative;
    
}
.new_cart_design .f-quantity__input {
	color: #000;
	border: 0;
	outline: 0 beige;
	border: 0px !important;
}
.new_cart_design {
    background: #fff;
}
.new_cart_design .f-drawer__footer {
    padding: 0 !important;
}
.new_cart_design .checkout_btn {
    border-radius: 0px !important;
    font-size: 20px;
  
    font-weight: 400 !important;
}
.new_cart_design .f-cart-drawer__block-subtotal {
    padding: 20px 30px 30px 20px;
    border: 0;
}
.new_cart_design h3.f-cart-drawer__subtotal.h6 {
    font-size: 20px;
    color: #2E161D;
    font-weight: 900;
    font-family: ABC-Diatype-Unlicensed-Trial-n !important;
}
.new_cart_design .f-cart-drawer__subtotal-value {
    font-weight: 500;
    line-height: 2.4rem;
     font-family: ABC-Diatype-Unlicensed-Trial-n !important;
    font-size: 20px;
}
.new_cart_design p.f-cart-drawer__notice.text-sm.rte {
    font-size: 14px;
    color: #2E161D;
    width: 33% !important;
}
.new_cart_design .f-cartgoal__bar span {
    background: #DE6D41 !important;
}
.new_cart_design .f-cartgoal__icon {
    border: .1rem solid #DE6D41 !important;
   
    color: #DE6D41 !important;
    background: #DE6D41 !important;
    width: 1.4rem;
    height: 1.4rem;
    transition: left .35s ease-in-out,transform .2s ease;
    transition-delay: .5s;
    margin-inline-start: -1.3rem;
}
.new_cart_design .f-drawer__header-title {
    margin: 0;
    line-height: 28px;
    font-size: 24px;
    color: #2E161D;
    font-family: 'The Seasons' !important;
    font-weight: 300 !important;
}
/*
  UNHIDDEN 7 Aug 2026 — Sam.

  This hid Zest's free-shipping progress message, which the agency had replaced
  with a hardcoded "Congratulations! Your order qualifies for free shipping"
  paragraph in cart-drawer.liquid — shown to every customer regardless of cart
  value.

  That paragraph has been removed. Unhiding this restores the real behaviour:
  cart-goal.liquid renders both states and swaps them on the .f-cartgoal--done
  class, so customers see "Spend $X more for free standard shipping!" below the
  $170 threshold and the congratulations message only once they actually qualify.

  Without this, the progress bar has no label at all — just a bar filling toward
  an unexplained 100%.
*/
.new_cart_design .f-cartgoal__title {
    margin-bottom: 0.8rem;
}
.new_cart_design .f-cart-drawer__inner {
    padding-top: 20px;
}
.new_cart_design .f-drawer__header p {
    font-size: 16px;

    width: 62%;
    padding-bottom: 0;
    line-height: 28px;
    margin: 0!important;
    padding-top: 10px;
}
.new_cart_design .f-drawer__header {
    height: 96px !important;
}
.new_cart_design .f-cart-drawer .f-drawer__header:after{
    display:none !important;
}
.new_cart_design f-cart-goal.f-cartgoal.f-cartgoal__drawer.f-cartgoal--done.shakeY {
    padding-top: 0;
}
/* Recommendation Container Layout */
.new_cart_design .f-cart-drawer__product-image {
    width: 115px !important;
    flex: 0 0 auto;
}
.new_cart_design .f-quantity__input {

    color: #000;
}
.new_cart_design .f-cart-drawer__product .f-quantity {
    height: 38px;
    width: 110px;
    border: 0;
}
.new_cart_design .f-cart-drawer__remove {
    padding: 0 !IMPORTANT;
    margin: 0;
    font-size: 14px;
}
.new_cart_design .product-card {
    background: #F8FCFF;
    border: 1px solid #B8C5CE;
}
.new_cart_design  .f-cart-drawer__product-header a {
    font-size: 15px;
    font-family: ABC-Diatype-Unlicensed-Trial-n !important;
}
.new_cart_design .f-cart-recommendations .product-card--list .product-card__atc {
    width: 77px !important;
    height: 37px;
    justify-content: center;
    align-items: center;
    padding: 0;
    border: 1px solid var(--color-border)!important;
    margin-block-end: 0!important;
    margin: 0;
    background: #E97259 !important;
    color: #fff !important;
    border-radius: 0 !important;
}
/*
  Adjusted 7 Aug 2026 — Sam. The owners reported "text size inconsistencies with
  the add-on options".

  This heading sat at 22px, against a 24px drawer header and 15px cart product
  titles — so the recommendations heading was nearly as prominent as the drawer's
  own title, and half again larger than the products it recommends. 16px puts it
  between the two, reading as a sub-heading rather than competing with the header.
*/
.new_cart_design .f-cart-recommendations__title {
    text-align: center;
    font-size: 16px;
    font-family: ABC-Diatype-Unlicensed-Trial-n !important;
}
.new_cart_design .f-cart-drawer__product {
    border-bottom: 1px solid #DDD9D4;
    padding-bottom: 22px;
}

@media(max-width:767px){
.f-drawer {
    max-width: 94vw !important;
    z-index: 999;
    min-height: 100vh;
    min-height: -moz-available;
    min-height: -webkit-fill-available;
    min-height: fill-available;
    display: block;
}
.new_cart_design p.f-cart-drawer__notice.text-sm.rte {
    font-size: 14px;
    color: #2E161D;
    width: 41% !important;
}
}
/*
  Cart recommendation cards — evened up 7 Aug 2026 (Sam).

  The owners reported the Glass Shaker card looking larger than the Beautylytes
  ones, with a bigger-looking price.

  Cause: products with a compare-at price render .f-price--on-sale, which emits a
  struck-through original alongside the sale price. Products without one render a
  single value. Two prices on a narrow card wrap onto a second line, so card
  heights differ, and a lone full-opacity price reads heavier than a dimmed pair.

  Rather than special-casing either product, the price area is given a consistent
  height and kept on one line, so every card matches regardless of whether it
  happens to be on sale.
*/
.new_cart_design .f-cart-recommendations__item .f-price {
    min-height: 2.4rem;
    flex-wrap: nowrap;
    align-items: baseline;
    gap: 6px;
    font-size: 14px;
}

.new_cart_design .f-cart-recommendations__item .f-price s,
.new_cart_design .f-cart-recommendations__item .f-price .f-price-item--regular {
    font-size: 0.9em;
}

/* Titles wrap to at most two lines so a long name cannot stretch one card. */
.new_cart_design .f-cart-recommendations__item .f-product-card__title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 2.8em;
    font-size: 14px;
}