/** Shopify CDN: Minification failed

Line 433:9 Expected ":"

**/
.ajax-cart__drawer-wrapper>div:focus {
  outline: none !important;
}

.ajax-cart__header-wrapper h3,
.ajax-cart__header-wrapper h1 {
  word-break: break-word;
}

.mini-cart__container {
  position: relative;
}

.ajax-cart__cart-item {
  position: relative;
  border-top: 1px solid var(--dotted-color);
}

.ajax-cart__cart-item:last-child {
  border-bottom: 1px solid var(--dotted-color);
}

.ajax-cart__cart-title__wrapper {
  max-width: 170px;
}

.ajax-cart__item-remove {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}

.ajax-cart__item-image img {
  vertical-align: middle;
}

.ajax-cart__header__continue-link {
  font-size: var(--font-size);
}

.ajax-cart__header__continue-link-text {
  margin-left: 5px;
  font-size: var(--font-size);
  font-weight: var(--main-weight);
  letter-spacing: 1px;
  cursor: pointer;
}

.ajax-cart__header__count {
  font-size: var(--font-size);
  font-weight: var(--main-weight);
  letter-spacing: 1px;
  cursor: pointer;
}

.ajax-cart__item-quantity {
  font-size: 0;
}

.ajax-cart_header-count {
  font-size: var(--font-size);
  font-weight: var(--main-weight);
  font-stretch: normal;
  font-style: normal;
  line-height: 1.4;
  letter-spacing: 1px;
  cursor: pointer;
}

.ajax-cart__qty-control--down, .ajax-cart__qty-control--up {
  display: inline-block;
  vertical-align: middle;
  border: none;
  width: 30px;
  height: 40px;
  line-height: 40px;
  cursor: pointer;
  text-align: center;
  font-size: var(--font-size);
  background: unset;
  color: var(--text-color);
  padding: unset;
}
.ajax-cart__qty-control--down:hover, .ajax-cart__qty-control--up:hover {
  background: unset;
}

.ajax-cart__qty-input {
  background: none;
  display: inline-block;
  vertical-align: middle;
  border: none;
  width: 30px;
  height: 40px;
  line-height: 40px;
  font-family: var(--main-family);
  font-weight: var(--main-weight);
  font-style: var(--main-style);
  letter-spacing: var(--main-spacing);
  color: var(--text-color);
}

.ajax-cart__cart-variants {
  font-size: var(--font-size);
  margin-bottom: var(--space-1);
}

input.ajax-cart__qty-input::-webkit-outer-spin-button, input.ajax-cart__qty-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number].ajax-cart__qty-input {
  -moz-appearance: textfield;
}

.ajax-cart__title a {
  font-size: var(--font-size);
  display: block;
  max-width: 225px;
  margin-bottom: 2px;
}

.ajax-cart__accordion .accordion-content {
  list-style: none;
  padding-left: 0;
}

.ajax-cart__accordion .accordion-content.closed, .ajax-cart__accordion .accordion-content2.closed {
  display: none;
}

.ajax-cart__accordion .accordion-content.default, .ajax-cart__accordion .accordion-content, .ajax-cart__accordion .accordion-content2.default, .ajax-cart__accordion .accordion-content2 {
  display: block;
}

.ajax-cart__accordion .tlink.has_sub_menu, .ajax-cart__accordion .tlink2.has_sub_menu {
  cursor: pointer;
  list-style: none;
  position: relative;
  margin-bottom: 10px;
}

.ajax-cart__accordion .tlink.has_sub_menu a, .ajax-cart__accordion .tlink2.has_sub_menu a {
  display: inline-block;
  width: 100%;
  font-size: var(--font-size);
}

.ajax-cart__accordion .tlink.has_sub_menu span.icon, .ajax-cart__accordion .tlink2.has_sub_menu span.icon {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 18px;
}

.ajax-cart__accordion .tlink.has_sub_menu span.icon.active-arrow, .ajax-cart__accordion .tlink.has_sub_menu.closed span.icon.inactive-arrow, .ajax-cart__accordion .tlink2.has_sub_menu span.icon.active-arrow, .ajax-cart__accordion .tlink2.has_sub_menu.closed span.icon.inactive-arrow {
  display: block;
}

.ajax-cart__accordion .tlink.has_sub_menu.closed span.icon.active-arrow, .ajax-cart__accordion .tlink.has_sub_menu span.icon.inactive-arrow, .ajax-cart__accordion .tlink2.has_sub_menu.closed span.icon.active-arrow, .ajax-cart__accordion .tlink2.has_sub_menu span.icon.inactive-arrow {
  display: none;
}

.ajax-cart__accordion .tlink.has_sub_menu:after, .ajax-cart__accordion .accordion-toggle2:after {
  padding-right: 0;
}

.ajax-cart__free-shipping {
  margin-bottom: 15px;
}

.ajax-cart__final-details div {
  font-size: 0;
  margin-bottom: 5px;
}

.ajax-cart__final-details div>p {
  display: inline-block;
  width: 50%;
  vertical-align: middle;
  font-size: var(--font-size);
  font-weight: var(--main-weight);
  font-stretch: normal;
  font-style: normal;
  line-height: 1.4;
}

.ajax-cart__final-details .title {
  font-size: var(--font-size);
  font-weight: var(--main-weight);
  font-stretch: normal;
  font-style: normal;
  line-height: 1.57;
  letter-spacing: 1px;
}

.ajax-cart__final-details .total .title,
.ajax-cart__final-details .total .total-price {
  font-weight: bold;
}

.ajax-cart__item-price dl, .ajax-cart__item-line-price dl {
  margin-bottom: 0;
}

.ajax-cart__item-price dd, .ajax-cart__item-line-price span {
  font-size: var(--font-size);
}

.ajax-cart__order-discount {
  list-style: none;
}

.ajax-cart__order-discount .order-discount__item span.onsale {
  font-size: var(--font-size-sm) !important;
}

.ajax-cart__button-view_cart {
  text-align: center;
}

.mini-cart__cart-note {
  grid-column: auto / span 12;
  width: 95%;
  text-align: left;
  display: block;
  border: 1px solid var(--error-msg-dark);
  padding: 5px;
  color: var(--error-msg-dark);
  background-color: var(--error-msg-light);
  margin-top: 10px;
}

.mini-cart__cart-note p {
  margin-bottom: 0;
  color: var(--error-msg-dark);
  font-size: var(--font-size-sm);
}

.ajax-cart__buttons-additional ul {
  justify-content: center !important;
}

.ajax-cart__item-qty {
  width: 110px !important;
}

.ajax-cart__info__shipping-calc label {
  text-transform: capitalize;
  font-size: var(--font-size-sm);
}

/* Cart Styles: Page Only */
.ajax-cart__page-wrapper {
  min-height: 500px;
}

.ajax-cart__page-wrapper .ajax-cart__button-view_cart {
  display: none !important;
}

/* ================================
   Drawer empty cart (simple center)
   ================================ */

.ajax-cart__drawer-wrapper .ajax-cart__empty-cart {
  margin: 0 !important;
  padding: 0 !important;

  /* centers the message in the drawer body */
  min-height: 60vh;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

/* Hide whatever the theme currently outputs (h2, p, links, etc.) */
.ajax-cart__drawer-wrapper .ajax-cart__empty-cart > * {
  display: none !important;
}

/* Inject the exact message you want */
.ajax-cart__drawer-wrapper .ajax-cart__empty-cart::before {
  content: "YOUR CART IS EMPTY";
  display: block;

  font-family: Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.04em; /* tighter than the wide spaced stuff */
  text-transform: uppercase;
  color: #1C1C1C;
}

.ajax-cart__page-wrapper .ajax-cart__cart-form {
  padding-left: 7% !important;
  padding-right: 7% !important;
}

.ajax-cart__page-wrapper .ajax-cart__header-wrapper {
  padding-top: var(--space-2);
  padding-bottom: var(--space-6);
}

.ajax-cart__page-wrapper .ajax-cart__buttons .ajax-cart__button-submit {
  width: 100% !important;
}

.ajax-cart__page-wrapper .ajax-cart__cart-item {
  border-left: 1px solid var(--dotted-color);
  border-right: 1px solid var(--dotted-color);
  padding: var(--space-5) var(--space-6) !important;
}

@media (min-width: 768px) {
  .ajax-cart__page-wrapper .ajax-cart__cart-form {
    grid-column-gap: 40px;
    grid-template-columns: repeat(12,1fr);
  }

  .ajax-cart__page-wrapper .ajax-cart__cart-items {
    grid-column: auto / span 7 !important;
    grid-row: auto / span 12;
  }

  .ajax-cart__page-wrapper .ajax-cart__info-wrapper {
    grid-row: auto / span 2;
  }

  .ajax-cart__page-wrapper .ajax-cart__summary-wrapper {
    grid-row: auto / span 10;
  }

  .ajax-cart__page-wrapper .ajax-cart__item-image {
    grid-column: auto / span 3;
    width: 100%;
  }

  .ajax-cart__page-wrapper .ajax-cart__item-price {
    grid-column: auto / span 4;
    width: 100%;
  }

  .ajax-cart__page-wrapper .ajax-cart__item-details {
    grid-column: auto / span 5;
    width: 100%;
  }

  .ajax-cart__page-wrapper .ajax-cart__info-wrapper {
    grid-column: auto / span 5;
    width: 100%;
  }

  .ajax-cart__page-wrapper .ajax-cart__summary-wrapper {
    grid-column: auto / span 5;
    width: 100%;
  }
}

@media (min-width: 1250px) {
  .ajax-cart__page-wrapper .ajax-cart__item-image img {
    max-width: 160px;
  }
}

@media (min-width: 980px) and (max-width: 1249px) {
  .ajax-cart__page-wrapper .ajax-cart__item-image img {
    max-width: 120px;
  }

  .ajax-cart__page-wrapper .ajax-cart__qty-input {
    width: 40px !important;
  }
}

@media (min-width: 768px) and (max-width: 979px) {
  .ajax-cart__page-wrapper .ajax-cart__item-image img {
    max-width: 100px;
  }

  .ajax-cart__page-wrapper .ajax-cart__qty-input {
    width: 40px !important;
  }
}

@media (max-width: 767px) {
  .ajax-cart__page-wrapper .ajax-cart__item-image img {
    max-width: 70px;
  }

  .ajax-cart__page-wrapper .ajax-cart__item-image {
    grid-column: auto / span 3;
    width: 100%;
  }

  .ajax-cart__page-wrapper .ajax-cart__item-price {
    grid-column: auto / span 2;
    width: 100%;
    text-align: center;
  }

  .ajax-cart__page-wrapper .ajax-cart__item-details {
    grid-column: auto / span 7;
    width: 100%;
  }

  .ajax-cart__page-wrapper .ajax-cart__info-wrapper {
    grid-column: auto / span 12;
    width: 100%;
  }

  .ajax-cart__page-wrapper .ajax-cart__summary-wrapper {
    grid-column: auto / span 12;
    width: 100%;
  }

  .ajax-cart__page-wrapper .ajax-cart__item-quantity {
    text-align: center;
  }
}

/* Cart Styles: Drawer Only */
.ajax-cart__drawer-wrapper .ajax-cart__cart-item {
  padding bottom: 10px !important;
  grid-row-gap: 0;
}

.ajax-cart__drawer-wrapper .ajax-cart__item-image {
  grid-column: auto / span 4;
  width: 100%;
}

.ajax-cart__drawer-wrapper .ajax-cart__item-image img {
  max-width: 100px;
}

.ajax-cart__drawer-wrapper .ajax-cart__item-price {
  grid-column: auto / span 3;
  width: 100%;
  text-align: center;
}

.ajax-cart__drawer-wrapper .ajax-cart__item-details {
  grid-column: auto / span 5;
  width: 100%;
}

.ajax-cart__drawer-wrapper .ajax-cart__info-wrapper {
  grid-column: auto / span 12;
  width: 100%;
}

.ajax-cart__drawer-wrapper .ajax-cart__item-quantity {
  text-align: center;
}

.ajax-cart__drawer-wrapper .ajax-cart__empty-cart {
  margin-top: 100px;
  padding-bottom: 100px;
}
/* Drop styles for fixed summary */
.ajax-cart__drawer-wrapper.additional-buttons--false .ajax-cart__summary-wrapper {
  background-color: var(--background);
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: var(--space-6) 7% !important;
}
.ajax-cart__drawer-wrapper.additional-buttons--false .ajax-cart__summary-wrapper.shadow--active {
  border-radius: 15px;
  -webkit-box-shadow: 0px -4px 12px -6px rgb(0 0 0 / 38%);
  box-shadow: 0px -4px 12px -6px rgb(0 0 0 / 38%);
}
.ajax-cart__drawer-wrapper.additional-buttons--true .ajax-cart__summary-wrapper {
  grid-column: auto/span 12;
  width: 100%;
}
.slideout__drawer-right.mini-cart {
  overflow: hidden !important
}
.ajax-cart__drawer-wrapper .shipping-calc-button { display: none; }

/* Cart Styles: Modal Only */
.ajax-cart__modal-wrapper .ajax-cart__header-wrapper {
  padding-bottom: 5px;
}

.ajax-cart__modal-wrapper .ajax-cart__cart-items {
  max-height: 320px;
  overflow-x: hidden;
  overflow-y: scroll;
  padding-right: 10px;
}

.ajax-cart__modal-wrapper .ajax-cart__cart-item {
  padding: 10px 0 !important;
}

.ajax-cart__modal-wrapper .ajax-cart__item-image img {
  max-width: 70px;
}

.ajax-cart__modal-wrapper .ajax-cart__item-image__wrapper {
  margin: 0 auto;
  text-align: center;
}

.ajax-cart__modal-wrapper .ajax-cart__qty-input {
  width: 40px !important;
}

.ajax-cart__modal-wrapper .ajax-cart__empty-cart {
  margin-top: 100px;
  padding-bottom: 100px;
}

.ajax-cart__modal-wrapper .slideout__trigger-ajax-cart {
  padding: 0 !important;
  height: 30px !important;
  line-height: 30px !important;
}

.ajax-cart__modal-wrapper .ajax-cart__final-details {
  margin-top: 10px;
}

.ajax-cart__modal-wrapper .ajax-cart__button-submit {
  margin-bottom: 0;
}

.ajax-cart__modal-wrapper .ajax-cart__button-view_cart {
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .ajax-cart__modal-wrapper .ajax-cart__item-image {
    grid-column: auto / span 2;
    width: 100%;
  }

  .ajax-cart__modal-wrapper .ajax-cart__item-price {
    grid-column: auto / span 5;
    width: 100%;
  }

  .ajax-cart__modal-wrapper .ajax-cart__item-details {
    grid-column: auto / span 5;
    width: 100%;
  }

  .ajax-cart__modal-wrapper .ajax-cart__info-wrapper {
    grid-column: auto / span 6;
    width: 100%;
  }

  .ajax-cart__modal-wrapper .ajax-cart__summary-wrapper {
    grid-column: auto / span 6;
    width: 100%;
  }
}

@media (max-width: 767px) {
  .ajax-cart__modal-wrapper .ajax-cart__item-image {
    grid-column: auto / span 4;
    width: 100%;
  }

  .ajax-cart__modal-wrapper .ajax-cart__item-price {
    grid-column: auto / span 2;
    width: 100%;
    text-align: center;
  }

  .ajax-cart__modal-wrapper .ajax-cart__item-details {
    grid-column: auto / span 6;
    width: 100%;
  }

  .ajax-cart__modal-wrapper .ajax-cart__info-wrapper {
    grid-column: auto / span 12;
    width: 100%;
  }

  .ajax-cart__modal-wrapper .ajax-cart__summary-wrapper {
    grid-column: auto / span 12;
    width: 100%;
  }

  .ajax-cart__modal-wrapper .ajax-cart__item-quantity {
    text-align: center;
  }

  .ajax-cart__modal-wrapper .ajax-cart__header-wrapper, .ajax-cart__modal-wrapper .ajax-cart__cart-form {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    max-width: unset;
  }
}

@media (max-width: 767px) {
  #modal-ajax-cart .modal__inner-wrapper {
    padding: 20px 10px 20px 10px !important;
    max-height: unset;
  }
}

/* Shipping Calculator */
.ajax-cart__modal-wrapper .ajax-cart__accordion--shipping-calc, .ajax-cart__drawer-wrapper .ajax-cart__accordion--shipping-calc {
  display: none;
}

.shipping-calc__response--wrapper {
  border: 1px solid;
  margin-top: 15px;
  padding: 20px;
  font-size: var(--font-size);
}

.shipping-calc__rate {
  font-size: var(--font-size);
}

svg#icon--material-sale-tag {
  width: 12px;
}

/* ---- Cart product upsells ---- */
.upsell--carousel_container .cart-form__upsell-item--outer {
  background: var(--background);
  color: var(--text-color);
}

.upsell--carousel_container .scroll-wrapper {
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
}

.cart-form__upsell-item--outer {
  background: var(--background);
  color: var(--text-color);
  flex: 0 0 90%;
}

.cart-form__upsell-image {
  height: 120px;
  width: 100px;
  overflow: hidden;
  flex: 0 0 100px;
}

.cart-form__upsell-image img {
  object-fit: cover;
  object-position: center;
  height: 100%;
}

.cart-form__upsell-info {
  flex: 0 0 calc(100% - 100px);
}

.cart-form__upsell-item {
  scroll-snap-align: start;
  flex-shrink: 0;
  transform-origin: center center;
  transform: scale(1);
  transition: transform 0.5s;
  position: relative;
}

.cart-form__upsell-container {
  display: flex;
  height: 100%;
  align-content: end;
}

a.cart-form__upsell-info--title {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

a.cart-form__upsell-info--title span {
  flex: 1 0 100%;
}

span.cart-form__upsell-info--price.varies--true {
  position: relative;
}

/* Cart page overrides */
@media screen and (min-width: 768px) {
  section.cart-page .ajax-cart__cart-items, 
  section.cart-page .ajax-cart__summary-wrapper {
    grid-row: 1;
  }
  section.cart-page .upsell--carousel_container .scroll-wrapper .cart-form__upsell-item--outer {
    flex-basis: calc(40% - 1rem);
  }
}
/* =========================================================
   OVERRIDE UPSELL CAROUSEL -> STACKED LIST (Cart Drawer)
   Put this BELOW your current upsell CSS
   ========================================================= */

#slideout-ajax-cart .upsell--carousel_container .scroll-wrapper,
.ajax-cart__drawer-wrapper .upsell--carousel_container .scroll-wrapper,
.ajax-cart__modal-wrapper .upsell--carousel_container .scroll-wrapper{
  display: block !important;          /* stops flex carousel */
  overflow: visible !important;       /* kills horizontal scroll */
  scroll-snap-type: none !important;  /* kills snap */
  scroll-behavior: auto !important;
}

/* each upsell becomes a full-width row */
#slideout-ajax-cart .upsell--carousel_container .cart-form__upsell-item--outer,
.ajax-cart__drawer-wrapper .upsell--carousel_container .cart-form__upsell-item--outer,
.ajax-cart__modal-wrapper .upsell--carousel_container .cart-form__upsell-item--outer{
  flex: none !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
}

/* row layout */
#slideout-ajax-cart .upsell--carousel_container .cart-form__upsell-item,
.ajax-cart__drawer-wrapper .upsell--carousel_container .cart-form__upsell-item,
.ajax-cart__modal-wrapper .upsell--carousel_container .cart-form__upsell-item{
  display: grid !important;
  grid-template-columns: 100px 1fr auto !important; /* image | text | button */
  gap: 18px !important;
  align-items: center !important;
  padding: 16px 0 !important;
  border-top: 1px solid rgba(0,0,0,0.12) !important;
}

/* image block */
#slideout-ajax-cart .upsell--carousel_container .cart-form__upsell-image,
.ajax-cart__drawer-wrapper .upsell--carousel_container .cart-form__upsell-image,
.ajax-cart__modal-wrapper .upsell--carousel_container .cart-form__upsell-image{
  width: 100px !important;
  height: 120px !important;
}

#slideout-ajax-cart .upsell--carousel_container .cart-form__upsell-image img,
.ajax-cart__drawer-wrapper .upsell--carousel_container .cart-form__upsell-image img,
.ajax-cart__modal-wrapper .upsell--carousel_container .cart-form__upsell-image img{
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;     /* closer to your reference */
}

/* remove weird inner flex sizing */
#slideout-ajax-cart .upsell--carousel_container .cart-form__upsell-info,
.ajax-cart__drawer-wrapper .upsell--carousel_container .cart-form__upsell-info,
.ajax-cart__modal-wrapper .upsell--carousel_container .cart-form__upsell-info{
  flex: none !important;
  width: auto !important;
}

/* button area (kills your pt2 px2 padding on that wrapper) */
#slideout-ajax-cart .upsell--carousel_container .cart-form__upsell-buttons,
.ajax-cart__drawer-wrapper .upsell--carousel_container .cart-form__upsell-buttons,
.ajax-cart__modal-wrapper .upsell--carousel_container .cart-form__upsell-buttons{
  padding: 0 !important;
  margin: 0 !important;
  justify-self: end !important;
}

/* optional: hide horizontal scrollbar if anything still creates it */
#slideout-ajax-cart .upsell--carousel_container .scroll-wrapper::-webkit-scrollbar,
.ajax-cart__drawer-wrapper .upsell--carousel_container .scroll-wrapper::-webkit-scrollbar,
.ajax-cart__modal-wrapper .upsell--carousel_container .scroll-wrapper::-webkit-scrollbar{
  height: 0 !important;
}
/* === ColdCulture-style "Complete Your Outfit" (Drawer / Ajax Cart) === */

/* remove the "FREE shipping..." line if your theme renders it as .ajax-cart__free-shipping */
.ajax-cart__free-shipping {
  display: none !important;
}

/* the upsell container spacing + top black line */
#slideout-ajax-cart .upsell--carousel_container,
.ajax-cart__drawer-wrapper .upsell--carousel_container {
  border-top: 1px solid #000 !important;
  margin-top: 12px !important;
  padding-top: 14px !important;
}

/* header text: EXACT label style */
#slideout-ajax-cart .upsell--carousel_container .cart-form__upsell-title,
.ajax-cart__drawer-wrapper .upsell--carousel_container .cart-form__upsell-title,
#slideout-ajax-cart .upsell--carousel_container .upsell-title,
.ajax-cart__drawer-wrapper .upsell--carousel_container .upsell-title,
#slideout-ajax-cart .upsell--carousel_container h3,
.ajax-cart__drawer-wrapper .upsell--carousel_container h3 {
  font-family: Helvetica, Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
  text-transform: uppercase !important;
  margin: 0 0 12px 0 !important;
}

/* layout: image left (fixed), text middle (full width), button right */
#slideout-ajax-cart .upsell--carousel_container .cart-form__upsell-item,
.ajax-cart__drawer-wrapper .upsell--carousel_container .cart-form__upsell-item {
  display: grid !important;
  grid-template-columns: 86px 1fr auto !important;
  gap: 16px !important;
  align-items: center !important;
  padding: 16px 0 !important;
  border-top: 1px solid rgba(0,0,0,.12) !important;
}

/* remove any extra divider lines inside cards */
#slideout-ajax-cart .upsell--carousel_container .cart-form__upsell-item--outer,
.ajax-cart__drawer-wrapper .upsell--carousel_container .cart-form__upsell-item--outer {
  border: 0 !important;
}

/* image block + 4:5 feel (contain inside a 4:5-ish box) */
#slideout-ajax-cart .upsell--carousel_container .cart-form__upsell-image,
.ajax-cart__drawer-wrapper .upsell--carousel_container .cart-form__upsell-image {
  width: 86px !important;
  height: 108px !important; /* 4:5-ish */
  overflow: hidden !important;
  background: #f5f5f5 !important;
}

#slideout-ajax-cart .upsell--carousel_container .cart-form__upsell-image img,
.ajax-cart__drawer-wrapper .upsell--carousel_container .cart-form__upsell-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}

/* title + price typography */
#slideout-ajax-cart .upsell--carousel_container a.cart-form__upsell-info--title,
.ajax-cart__drawer-wrapper .upsell--carousel_container a.cart-form__upsell-info--title,
#slideout-ajax-cart .upsell--carousel_container .cart-form__upsell-info--title,
.ajax-cart__drawer-wrapper .upsell--carousel_container .cart-form__upsell-info--title {
  font-family: Helvetica, Arial, sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
  text-transform: uppercase !important;
  color: #111 !important;
  line-height: 1.25 !important;
  margin: 0 !important;
}

#slideout-ajax-cart .upsell--carousel_container .cart-form__upsell-info--price,
.ajax-cart__drawer-wrapper .upsell--carousel_container .cart-form__upsell-info--price,
#slideout-ajax-cart .upsell--carousel_container .price,
.ajax-cart__drawer-wrapper .upsell--carousel_container .price {
  font-family: Helvetica, Arial, sans-serif !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  color: #111 !important;
  margin-top: 6px !important;
}

/* ADD button: black pill with plus on right */
#slideout-ajax-cart .upsell--carousel_container .cart-form__upsell-buttons button,
.ajax-cart__drawer-wrapper .upsell--carousel_container .cart-form__upsell-buttons button,
#slideout-ajax-cart .upsell--carousel_container button[type="submit"],
.ajax-cart__drawer-wrapper .upsell--carousel_container button[type="submit"] {
  background: #000 !important;
  color: #fff !important;
  border: 1px solid #000 !important;
  border-radius: 0 !important;
  padding: 8px 12px !important;
  height: 32px !important;
  font-family: Helvetica, Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
  text-transform: uppercase !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  line-height: 1 !important;
}

/* if the + is a separate element or pseudo element, keep it visible */
#slideout-ajax-cart .upsell--carousel_container .cart-form__upsell-buttons button svg,
.ajax-cart__drawer-wrapper .upsell--carousel_container .cart-form__upsell-buttons button svg {
  width: 14px !important;
  height: 14px !important;
  fill: currentColor !important;
}
/* =========================================================
   ColdCulture-style Drawer Upsells — fixes:
   1) remove grey divider lines
   2) make top black line edge-to-edge
   3) light grey background behind each row
   4) image fills a 4:5 box (no tiny centered image)
   ========================================================= */

/* 0) If the drawer wrapper has side padding, we "bleed" the top rule past it */
#slideout-ajax-cart .upsell--carousel_container,
.ajax-cart__drawer-wrapper .upsell--carousel_container {
  position: relative !important;
  margin-top: 12px !important;
  padding-top: 14px !important;
}

/* Top black line full width (edge-to-edge inside drawer) */
#slideout-ajax-cart .upsell--carousel_container::before,
.ajax-cart__drawer-wrapper .upsell--carousel_container::before {
  content: "" !important;
  position: absolute !important;
  left: -32px !important;   /* matches your screenshot showing ~32px padding */
  right: -32px !important;
  top: 0 !important;
  height: 1px !important;
  background: #000 !important;
}

/* 1) Kill ALL grey lines/borders between items (multiple possible sources) */
#slideout-ajax-cart .upsell--carousel_container * ,
.ajax-cart__drawer-wrapper .upsell--carousel_container * {
  border-top-color: transparent !important;
  border-bottom-color: transparent !important;
}

/* Specifically remove the item divider if your theme adds it on the row */
#slideout-ajax-cart .upsell--carousel_container .cart-form__upsell-item,
.ajax-cart__drawer-wrapper .upsell--carousel_container .cart-form__upsell-item {
  border: 0 !important;
  box-shadow: none !important;
}

/* Some themes put the divider on the "outer" wrapper */
#slideout-ajax-cart .upsell--carousel_container .cart-form__upsell-item--outer,
.ajax-cart__drawer-wrapper .upsell--carousel_container .cart-form__upsell-item--outer {
  border: 0 !important;
  background: transparent !important;
}

/* 2) Row layout + light grey background behind each item */
#slideout-ajax-cart .upsell--carousel_container .cart-form__upsell-item,
.ajax-cart__drawer-wrapper .upsell--carousel_container .cart-form__upsell-item {
  display: grid !important;
  grid-template-columns: 96px 1fr auto !important;
  gap: 16px !important;
  align-items: center !important;

  background: #f3f3f3 !important;   /* light grey behind each row */
  padding: 14px !important;
  margin: 0 0 12px 0 !important;     /* spacing between rows instead of dividers */
}

/* 3) Image: true 4:5 box + image fills it (no small centered object) */
#slideout-ajax-cart .upsell--carousel_container .cart-form__upsell-image,
.ajax-cart__drawer-wrapper .upsell--carousel_container .cart-form__upsell-image {
  width: 96px !important;
  aspect-ratio: 4 / 5 !important;   /* 4:5 ratio */
  height: auto !important;

  background: #e9e9e9 !important;   /* slightly darker behind the product photo */
  overflow: hidden !important;
  display: block !important;
}

/* Make the image fill the box */
#slideout-ajax-cart .upsell--carousel_container .cart-form__upsell-image img,
.ajax-cart__drawer-wrapper .upsell--carousel_container .cart-form__upsell-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;     /* THIS is what makes it feel “full size” */
  display: block !important;
}

/* 4) Keep text + button consistent */
#slideout-ajax-cart .upsell--carousel_container a.cart-form__upsell-info--title,
.ajax-cart__drawer-wrapper .upsell--carousel_container a.cart-form__upsell-info--title {
  font-family: Helvetica, Arial, sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
  text-transform: uppercase !important;
  color: #111 !important;
}

#slideout-ajax-cart .upsell--carousel_container .cart-form__upsell-info--price,
.ajax-cart__drawer-wrapper .upsell--carousel_container .cart-form__upsell-info--price {
  font-family: Helvetica, Arial, sans-serif !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  color: #111 !important;
  margin-top: 6px !important;
}

/* Button stays black */
#slideout-ajax-cart .upsell--carousel_container button[type="submit"],
.ajax-cart__drawer-wrapper .upsell--carousel_container button[type="submit"] {
  background: #000 !important;
  color: #fff !important;
  border: 1px solid #000 !important;
  border-radius: 0 !important;
  height: 32px !important;
  padding: 8px 12px !important;
}
/* FORCE white cards + white image background */
#slideout-ajax-cart .upsell--carousel_container .cart-form__upsell-item,
.ajax-cart__drawer-wrapper .upsell--carousel_container .cart-form__upsell-item {
  background: #fff !important;
}

#slideout-ajax-cart .upsell--carousel_container .cart-form__upsell-image,
.ajax-cart__drawer-wrapper .upsell--carousel_container .cart-form__upsell-image {
  background: #fff !important;
}
/* REMOVE the existing divider/top border that’s not ours */
#slideout-ajax-cart .cart-drawer__complementary-products,
#slideout-ajax-cart .cart-drawer__complementary-products * {
  border-top: 0 !important;
}

#slideout-ajax-cart .cart-drawer__complementary-products {
  box-shadow: none !important;
}
/* ONE clean edge-to-edge black rule above the upsells */
#slideout-ajax-cart .cart-drawer__complementary-products {
  position: relative !important;
}

#slideout-ajax-cart .cart-drawer__complementary-products::before {
  content: "" !important;
  position: absolute !important;
  left: -32px !important;   /* adjust if your drawer padding differs */
  right: -32px !important;
  top: 0 !important;
  height: 1px !important;
  background: #000 !important;
}
/* ===== Cart drawer upsell header: full-width top rule ===== */
cart-drawer .cart-drawer__complementary-products,
#slideout-ajax-cart .upsell--carousel_container {
  position: relative !important;
}

/* full-bleed line across the drawer */
cart-drawer .cart-drawer__complementary-products::before,
#slideout-ajax-cart .upsell--carousel_container::before {
  content: "";
  display: block;
  height: 2px;
  background: #000;
  /* pull past drawer padding */
  margin-left: -32px;
  margin-right: -32px;
  margin-bottom: 14px;
}
/* ===== Title styling ===== */
#slideout-ajax-cart .cart--upsell_title,
cart-drawer .complementary-products__header,
cart-drawer .complementary-products__header--align-start {
  font-family: Arimo, Helvetica, Arial, sans-serif !important;
  font-size: 12px !important;
  color: #292929 !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
  margin: 0 0 10px 0 !important;
}
/* === REMOVE OLD LINES + DRAW ONE FULL-WIDTH LINE === */
#slideout-ajax-cart .upsell--carousel_container {
  position: relative !important;
  border-top: 0 !important;
}

/* kill any existing generated lines */
#slideout-ajax-cart .upsell--carousel_container::before,
#slideout-ajax-cart .upsell--carousel_container::after,
#slideout-ajax-cart .upsell--carousel_container > *::before,
#slideout-ajax-cart .upsell--carousel_container > *::after {
  box-shadow: none !important;
  border: 0 !important;
}

/* draw the single “Cold Culture” line edge-to-edge */
#slideout-ajax-cart .upsell--carousel_container::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;

  /* extend past drawer padding to the true edges */
  left: calc(-1 * var(--drawer-body-padding-inline, 0px)) !important;
  right: calc(-1 * var(--drawer-body-padding-inline, 0px)) !important;

  height: 2px !important;  /* thicker line */
  background: #000 !important;
}

/* give the title some breathing room below the line */
#slideout-ajax-cart p.cart--upsell_title {
  padding-top: 16px !important;
}
/* === CART UPSELL TITLE (match Cold Culture) === */
#slideout-ajax-cart p.cart--upsell_title,
#slideout-ajax-cart .cart--upsell_title {
  font-family: Helvetica, Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #000 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
  line-height: 1.2 !important;

  /* remove weird spacing that makes it not match */
  margin: 0 !important;
  padding: 0 !important;
}
/* === FORCE UPSELL TITLE FONT (NO OVERRIDES POSSIBLE) === */
#slideout-ajax-cart p.cart--upsell_title,
#slideout-ajax-cart .cart--upsell_title,
#slideout-ajax-cart .upsell--carousel_container p {
  font-family: Helvetica, Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #000 !important;
  text-transform: uppercase !important;
  letter-spacing: 0 !important;
  line-height: 1.2 !important;

  margin: 0 !important;
  padding: 0 !important;
}
/* === REMOVE ALL EXISTING LINES === */
#slideout-ajax-cart .upsell--carousel_container,
#slideout-ajax-cart .upsell--carousel_container * {
  border-top: none !important;
  box-shadow: none !important;
}

/* === DRAW TRUE EDGE-TO-EDGE LINE === */
#slideout-ajax-cart .upsell--carousel_container::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 50% !important;
  transform: translateX(-50%) !important;

  width: 100vw !important;   /* THIS is the key */
  height: 1px !important;
  background: #000 !important;
  z-index: 5 !important;
}

/* spacing below the line */
#slideout-ajax-cart .cart--upsell_title {
  padding-top: 16px !important;
}
/* === FORCE "Complete Your Outfit" to match Cold Culture === */
#slideout-ajax-cart .upsell--carousel_container > p.mb2.sm.cart--upsell_title {
  font-family: Helvetica, Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important; /* ColdCulture-ish */
  line-height: 1.2 !important;
  color: #000 !important;

  /* kill the utility spacing that makes it look wrong */
  margin: 12px !important;
  padding: 0 !important;
  background: transparent !important;
  display: block !important;
}

/* if .sm or .mb2 are applying font stuff, this makes sure they don't inside the drawer */
#slideout-ajax-cart p.mb2.sm.cart--upsell_title * {
  font-family: Helvetica, Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  color: #000 !important;
}
/* Make shipping bar scroll with cart items + upsell */
.ajax-cart__drawer-wrapper {
  overflow-x: hidden !important;
}

.ajax-cart__drawer-wrapper .ajax-cart__scroll-area {
  overflow-y: auto !important;
  overflow-x: hidden !important;

  /* header + footer space handling */
  height: calc(100vh - 210px - 70px) !important; /* 210 = your bottom sticky summary space */
  padding-bottom: 210px !important;
}

/* IMPORTANT: remove the old scroll container behavior so you don't get nested scrolling */
.ajax-cart__drawer-wrapper .ajax-cart__cart-form {
  overflow: visible !important;
  height: auto !important;
  padding-bottom: 0 !important;
}
/* === Drawer: single scroll region (shipping + items + upsell), sticky checkout stays separate === */
#slideout-ajax-cart,
.ajax-cart__drawer-wrapper {
  overflow-x: hidden !important;
}

/* Make ONLY this wrapper scroll */
.ajax-cart__drawer-wrapper .ajax-cart__scroll-area {
  overflow-y: auto !important;
  overflow-x: hidden !important;

  /* header height (Cart bar + shipping area spacing) */
  height: calc(100vh - 72px) !important;

  /* reserve room for the sticky summary/footer so content doesn't hide behind it */
  padding-bottom: 210px !important;

  margin: 0 !important;
}

/* Kill any old nested scrolling / extra padding that creates the white block */
.ajax-cart__drawer-wrapper .ajax-cart__cart-form,
.ajax-cart__drawer-wrapper .ajax-cart__form-wrapper {
  overflow: visible !important;
  height: auto !important;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

/* Sticky checkout area should NOT add extra vertical whitespace */
.ajax-cart__drawer-wrapper.additional-buttons--false .ajax-cart__summary-wrapper {
  margin: 0 !important;
}

/* If any section is adding a big top/bottom gap above checkout line, nuke it */
.ajax-cart__drawer-wrapper .ajax-cart__final-details,
.ajax-cart__drawer-wrapper .ajax-cart__buttons {
  margin-top: 0 !important;
}
/* ✅ Keep drawer scrolling, but remove the huge dead space */
#slideout-ajax-cart .ajax-cart__scroll-area{
  overflow-y: auto !important;
  overflow-x: hidden !important;

  /* keep the scroll container height (so it can scroll) */
  height: calc(100vh - 72px) !important;

  /* shrink the fake space reserved for sticky checkout */
  padding-bottom: 96px !important; /* adjust 80–130 if needed */
  margin: 0 !important;
}

/* Safety: make sure flex/grid parents allow scrolling */
#slideout-ajax-cart .ajax-cart__drawer-wrapper,
#slideout-ajax-cart .ajax-cart__form-wrapper{
  min-height: 0 !important;
}
/* =====================================================================
   Cart drawer line items — ColdCulture-style (line items ONLY)
   - Keeps your existing header / free-shipping bar / checkout / upsell untouched
   - Scoped to the cart drawer wrapper so it won't affect the full cart page
   ===================================================================== */

#slideout-ajax-cart .ajax-cart__drawer-wrapper .sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

#slideout-ajax-cart .ajax-cart__drawer-wrapper .cart-drawer__items {
  display: grid;
  gap: 0; /* item padding + divider handles spacing */
  padding: 18px 0 0;
}

/* Remove utility margin-bottom (mb1) on the cart drawer items wrapper */
#slideout-ajax-cart .ajax-cart__drawer-wrapper .ajax-cart__cart-items.mb1,
#slideout-ajax-cart .ajax-cart__drawer-wrapper .cart-drawer__items.mb1 {
  margin-bottom: 0 !important;
}


/* Each line item */
#slideout-ajax-cart .ajax-cart__drawer-wrapper .line-item.ajax-cart__cart-item {
  display: grid;
  grid-template-columns: 88px minmax(0, 1fr);
  column-gap: 18px;
  align-items: start;

  padding: 8px 0;
  border: 0;
  border-bottom: 1px solid rgba(28, 28, 28, 0.12);
}

#slideout-ajax-cart .ajax-cart__drawer-wrapper .line-item.ajax-cart__cart-item:last-child {
  border-bottom: 0;
}

/* Image (4:5) — match ColdCulture's ~88x110 footprint */
#slideout-ajax-cart .ajax-cart__drawer-wrapper .line-item__media {
  width: 88px !important;
  height: 110px !important;
  aspect-ratio: 4 / 5 !important;

  display: block;
  margin: 0;
  padding: 0 !important;

  background: transparent !important;
  overflow: hidden;
}

#slideout-ajax-cart .ajax-cart__drawer-wrapper .line-item__media img {
  width: 100% !important;
  height: 100% !important;
  display: block;

  object-fit: cover !important;
  object-position: center;
}

/* Right side info stack */
#slideout-ajax-cart .ajax-cart__drawer-wrapper .line-item__info {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

#slideout-ajax-cart .ajax-cart__drawer-wrapper .line-item__text {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

/* Title + price tight like ColdCulture */
#slideout-ajax-cart .ajax-cart__drawer-wrapper .line-item__title {
  font-size: 13px;
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;

  margin: 0;
  color: #000;
  text-decoration: none;
}

#slideout-ajax-cart .ajax-cart__drawer-wrapper .line-item__price {
  margin: 0 !important;
  font-size: 13px;
  line-height: 1.2;
  color: #000;
}

/* Variant/option text (e.g., Size: M) */
#slideout-ajax-cart .ajax-cart__drawer-wrapper .line-item__variants {
  margin-top: 2px;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

#slideout-ajax-cart .ajax-cart__drawer-wrapper .line-item__variant {
  margin: 0 !important;
  font-size: 12px;
  line-height: 1.4;
  text-transform: uppercase;
  color: rgba(28, 28, 28, 0.78);
}

/* Quantity + trash row */
#slideout-ajax-cart .ajax-cart__drawer-wrapper .line-item__controls {
  display: flex;
  align-items: center;
  gap: 14px;
}

/* Quantity selector — single outline (NO internal dividers) */
#slideout-ajax-cart .ajax-cart__drawer-wrapper .quantity-selector {
  display: grid !important;
  grid-template-columns: 35px minmax(44px, 1fr) 35px;

  width: 124px;
  height: 35px;

  border: 1px solid #000;
  border-radius: 0;
  overflow: hidden;

  background: transparent;
}

#slideout-ajax-cart .ajax-cart__drawer-wrapper .quantity-selector__button {
  width: 35px;
  height: 35px;

  display: grid;
  place-items: center;

  border: 0 !important;
  background: transparent !important;
  padding: 0;
  margin: 0;

  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

#slideout-ajax-cart .ajax-cart__drawer-wrapper .quantity-selector__input {
  width: 100%;
  height: 35px;

  border: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;

  background: transparent !important;
  box-shadow: none !important;

  padding: 0;
  margin: 0;

  text-align: center;
  font-size: 14px;
  line-height: 1;
  color: #000;

  appearance: textfield;
  -moz-appearance: textfield;
}

/* Hide number input spinners (Chrome/Safari/Edge) */
#slideout-ajax-cart .ajax-cart__drawer-wrapper .quantity-selector__input::-webkit-outer-spin-button,
#slideout-ajax-cart .ajax-cart__drawer-wrapper .quantity-selector__input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Trash button — small icon, centered like ColdCulture */
#slideout-ajax-cart .ajax-cart__drawer-wrapper .line-item__remove {
  width: 24px;
  height: 35px;

  display: grid;
  place-items: center;

  border: 0;
  background: transparent;
  padding: 0;
  margin: 0;

  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

#slideout-ajax-cart .ajax-cart__drawer-wrapper .line-item__remove svg {
  display: block;
}
/* ==========================================================
   FINAL POLISH — Cart drawer only
   (1) Full-width divider above upsell
   (2) Quantity selector: tighter + no internal dividers
   (3) Thinner header X
   ========================================================== */

/* --------------------------
   (1) Full-width divider above "Complete your outfit"
   -------------------------- */

/* Kill the old partial divider that your theme adds */
#slideout-ajax-cart .ajax-cart__drawer-wrapper .upsell--carousel_container::before {
  content: none !important;
}

/* Add a clean, edge-to-edge divider that matches your header line */
#slideout-ajax-cart .ajax-cart__drawer-wrapper .ajax-cart__cart-upsell {
  position: relative;
  padding-top: 16px; /* spacing between items and upsell title */
  margin-top: 8px;   /* small separation after last item */
}

#slideout-ajax-cart .ajax-cart__drawer-wrapper .ajax-cart__cart-upsell::before {
  content: "";
  position: absolute;
  top: 0;
  left: -1.5rem;   /* matches your drawer side padding (~24px) */
  right: -1.5rem;  /* matches your drawer side padding (~24px) */
  height: 1px;
  background: rgba(28, 28, 28, 0.12);
}


/* --------------------------
   (2) Quantity selector cleanup
   - tighter, centered, one rectangle, no internal lines
   -------------------------- */

/* Make the whole control slightly tighter */
#slideout-ajax-cart .ajax-cart__drawer-wrapper .quantity-selector {
  width: 112px !important; /* tighter than before */
  grid-template-columns: 35px 42px 35px !important; /* tighter center */
}

/* Nuke any borders/shadows/pseudo separators that might be sneaking in */
#slideout-ajax-cart .ajax-cart__drawer-wrapper .quantity-selector,
#slideout-ajax-cart .ajax-cart__drawer-wrapper .quantity-selector * {
  border-left: 0 !important;
  border-right: 0 !important;
  box-shadow: none !important;
  background-image: none !important;
}

/* Ensure children never draw separator lines */
#slideout-ajax-cart .ajax-cart__drawer-wrapper .quantity-selector__button,
#slideout-ajax-cart .ajax-cart__drawer-wrapper .quantity-selector__input {
  border: 0 !important;
  outline: 0 !important;
}

/* Some themes create separators via pseudo-elements */
#slideout-ajax-cart .ajax-cart__drawer-wrapper .quantity-selector__button::before,
#slideout-ajax-cart .ajax-cart__drawer-wrapper .quantity-selector__button::after {
  content: none !important;
}

/* Fix the "1 looks off-center" problem */
#slideout-ajax-cart .ajax-cart__drawer-wrapper .quantity-selector__input {
  -webkit-appearance: none !important;
  appearance: none !important;
  padding: 0 !important;
  padding-inline: 0 !important;
  text-indent: 0 !important;
  text-align: center !important;

  /* This is the real secret sauce for centering digits */
  font-variant-numeric: tabular-nums !important;
  font-feature-settings: "tnum" 1 !important;
}

/* Optional: keep focus visible but not messy */
#slideout-ajax-cart .ajax-cart__drawer-wrapper .quantity-selector__button:focus-visible,
#slideout-ajax-cart .ajax-cart__drawer-wrapper .quantity-selector__input:focus-visible {
  outline: 2px solid rgba(0, 0, 0, 0.35);
  outline-offset: 2px;
}


/* --------------------------
   (3) Thinner header X
   -------------------------- */

#slideout-ajax-cart .ajax-cart__drawer-wrapper .ajax-cart__header-x {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 33px; /* keeps it aligned with your current header layout */
  font-size: 0 !important;  /* hides the thick font glyph */
  line-height: 0 !important;
}

#slideout-ajax-cart .ajax-cart__drawer-wrapper .ajax-cart__header-x::before,
#slideout-ajax-cart .ajax-cart__drawer-wrapper .ajax-cart__header-x::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 20px;
  height: 1.25px; /* thinner stroke */
  background: #000;
  transform-origin: center;
}

#slideout-ajax-cart .ajax-cart__drawer-wrapper .ajax-cart__header-x::before {
  transform: translate(-50%, -50%) rotate(45deg);
}

#slideout-ajax-cart .ajax-cart__drawer-wrapper .ajax-cart__header-x::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
/* ==========================================================
   Cart Drawer: final tweaks
   - Qty: tighter + no borders/lines
   - Divider above upsell: edge-to-edge black 1px
   - Typography: smaller title, tighter tracking for Size + Upsell heading
   ========================================================== */

/* --- Divider above "Complete your outfit" (edge-to-edge) --- */
#slideout-ajax-cart .ajax-cart__drawer-wrapper .cart-drawer__edge-divider {
  height: 1px;
  background: #000;

  /* Your drawer content has ~24px side padding, so we extend past it */
  width: calc(100% + 48px);
  margin-left: -24px;
  margin-right: -24px;

  margin-top: 10px;
  margin-bottom: 10px;
}

/* --- Keep controls pinned to the bottom of the item block --- */
#slideout-ajax-cart .ajax-cart__drawer-wrapper .line-item__info {
  height: 110px;              /* matches your 88x110 image */
  display: flex;
  flex-direction: column;
  min-width: 0;
}

#slideout-ajax-cart .ajax-cart__drawer-wrapper .line-item__controls {
  margin-top: auto;           /* pins qty + trash to the bottom */
  display: flex;
  align-items: center;
  gap: 14px;
}

/* --- Title slightly smaller --- */
#slideout-ajax-cart .ajax-cart__drawer-wrapper .line-item__title {
  font-size: 12px;
  letter-spacing: 0.01em;
}

/* Clamp titles so they don't push controls around */
#slideout-ajax-cart .ajax-cart__drawer-wrapper .line-item__title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* --- Size text: tighter letter spacing --- */
#slideout-ajax-cart .ajax-cart__drawer-wrapper .line-item__variant {
  letter-spacing: 0.01em;
  text-transform: uppercase;
  margin: 0 !important;
}

/* --- Upsell heading: smaller + tighter tracking (only inside drawer) --- */
#slideout-ajax-cart .ajax-cart__drawer-wrapper .ajax-cart__cart-upsell h1,
#slideout-ajax-cart .ajax-cart__drawer-wrapper .ajax-cart__cart-upsell h2,
#slideout-ajax-cart .ajax-cart__drawer-wrapper .ajax-cart__cart-upsell h3,
#slideout-ajax-cart .ajax-cart__drawer-wrapper .ajax-cart__cart-upsell h4,
#slideout-ajax-cart .ajax-cart__drawer-wrapper .ajax-cart__cart-upsell .h1,
#slideout-ajax-cart .ajax-cart__drawer-wrapper .ajax-cart__cart-upsell .h2,
#slideout-ajax-cart .ajax-cart__drawer-wrapper .ajax-cart__cart-upsell .h3,
#slideout-ajax-cart .ajax-cart__drawer-wrapper .ajax-cart__cart-upsell .h4 {
  font-size: 14px;
  letter-spacing: 0.01em;
}

/* --- Quantity selector: TIGHTER, NO LINES (no top/bottom/sides) --- */
#slideout-ajax-cart .ajax-cart__drawer-wrapper .quantity-selector {
  display: inline-flex !important;
  align-items: center;
  gap: 10px;                 /* brings - 2 + closer */
  width: auto !important;
  height: 35px;

  border: 0 !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Remove any sneaky lines coming from children or pseudo elements */
#slideout-ajax-cart .ajax-cart__drawer-wrapper .quantity-selector,
#slideout-ajax-cart .ajax-cart__drawer-wrapper .quantity-selector * {
  border: 0 !important;
  box-shadow: none !important;
  background-image: none !important;
}

#slideout-ajax-cart .ajax-cart__drawer-wrapper .quantity-selector__button::before,
#slideout-ajax-cart .ajax-cart__drawer-wrapper .quantity-selector__button::after {
  content: none !important;
}

#slideout-ajax-cart .ajax-cart__drawer-wrapper .quantity-selector__button {
  width: 22px;               /* tighter than before */
  height: 35px;
  padding: 0;
  margin: 0;

  display: grid;
  place-items: center;

  background: transparent !important;
  cursor: pointer;
}

/* Make the number centered and not “leaning” (fixes the 1 offset look) */
#slideout-ajax-cart .ajax-cart__drawer-wrapper .quantity-selector__input {
  width: 2ch;                /* tight number width */
  height: 35px;

  padding: 0 !important;
  margin: 0 !important;

  text-align: center !important;

  font-variant-numeric: tabular-nums !important;
  font-feature-settings: "tnum" 1 !important;

  background: transparent !important;
}

/* Hide number spinners */
#slideout-ajax-cart .ajax-cart__drawer-wrapper .quantity-selector__input::-webkit-outer-spin-button,
#slideout-ajax-cart .ajax-cart__drawer-wrapper .quantity-selector__input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
#slideout-ajax-cart .ajax-cart__drawer-wrapper .quantity-selector__input {
  -moz-appearance: textfield;
}

/* =========================================================
   RYNOR CART DRAWER PATCH v15
   - Edge-to-edge divider above "Complete your outfit"
   - Cold Culture-style upsell rows (smaller image + price + ADD+ aligned right)
   ========================================================= */

/* Make the cart-drawer upsell block full-bleed (cancel .grid__wrapper.narrow side padding)
   so the divider line hits the drawer edges. */
#slideout-ajax-cart .ajax-cart__cart-upsell {
  position: relative !important;
  margin-left: -7% !important;
  margin-right: -7% !important;
  padding-left: 7% !important;
  padding-right: 7% !important;
  padding-top: 18px !important;
  border-top: 1px solid #000 !important;
}

#slideout-ajax-cart .cart-drawer__complementary-products {
  width: 100% !important;
  display: block !important;
}

#slideout-ajax-cart .cart-drawer__complementary-products .complementary-products__header {
  margin: 0 0 14px 0 !important;
  padding: 0 !important;
}

#slideout-ajax-cart .cart-drawer__complementary-products .complementary-products__header .h6 {
  margin: 0 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
}

#slideout-ajax-cart .cart-drawer__complementary-products .complementary-products__product-list {
  display: grid !important;
  gap: 12px !important;
}

#slideout-ajax-cart .cart-drawer__complementary-products .horizontal-product-card {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  width: 100% !important;
}

/* Upsell image size (smaller than main cart images) */
#slideout-ajax-cart .cart-drawer__complementary-products .horizontal-product-card__figure {
  width: 70px !important;
  height: 85px !important;
  flex: 0 0 70px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #f2f2f2 !important;
}

#slideout-ajax-cart .cart-drawer__complementary-products .horizontal-product-card__image {
  width: 70px !important;
  height: 85px !important;
  object-fit: contain !important;
}

#slideout-ajax-cart .cart-drawer__complementary-products .horizontal-product-card__info {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}


/* Restore vertical gap between title + meta (Cold Culture style) */
#slideout-ajax-cart .cart-drawer__complementary-products .horizontal-product-card__info .v-stack {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  width: 100% !important;
}

#slideout-ajax-cart .cart-drawer__complementary-products .horizontal-product-card__info .v-stack.gap-1 {
  gap: 6px !important;
}

#slideout-ajax-cart .cart-drawer__complementary-products .horizontal-product-card__meta {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  width: 100% !important;
}

#slideout-ajax-cart .cart-drawer__complementary-products .price-list {
  display: flex !important;
  align-items: baseline !important;
  gap: 10px !important;
  white-space: nowrap !important;
}

#slideout-ajax-cart .cart-drawer__complementary-products .sale-price {
  font-size: 14px !important;
  line-height: 1.1 !important;
}

#slideout-ajax-cart .cart-drawer__complementary-products .compare-at-price {
  font-size: 14px !important;
  line-height: 1.1 !important;
  text-decoration: line-through !important;
  opacity: 0.55 !important;
}

/* Small ADD + button (hug the right side) */
#slideout-ajax-cart .cart-drawer__complementary-products .horizontal-product-card__button {
  display: inline-flex !important;
  align-items: stretch !important;
  border: 1px solid #000 !important;
  background: #000 !important;
  color: #fff !important;
  padding: 0 !important;
  height: 29px !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}

#slideout-ajax-cart .cart-drawer__complementary-products .horizontal-product-card__button .btn-text {
  display: inline-flex !important;
  align-items: center !important;
  padding: 0 12px !important;
}

#slideout-ajax-cart .cart-drawer__complementary-products .horizontal-product-card__button .btn-plus {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 34px !important;
  border-left: 1px solid rgba(255, 255, 255, 0.35) !important;
  font-size: 16px !important;
  line-height: 1 !important;
}

#slideout-ajax-cart .cart-drawer__complementary-products .horizontal-product-card__button:focus {
  outline: 2px solid #000 !important;
  outline-offset: 2px !important;
}

/* Keep the taxes note styling, only text is changed in Liquid */
#slideout-ajax-cart .ajax-cart__taxes-duties-note {
  margin-top: 0 !important;
}

#slideout-ajax-cart .ajax-cart__cart-upsell {
  display: block !important;
}

/* Drawer width (desktop 450px, mobile ~400px) */
@media screen and (min-width: 1024px) {
  #slideout-ajax-cart {
    width: 450px !important;
  }
}

@media screen and (max-width: 1023px) {
  #slideout-ajax-cart {
    width: 400px !important;
    max-width: calc(100vw - 24px) !important;
  }
}

/* Sale styling (Cold Culture-like) */
#slideout-ajax-cart .cart-drawer__complementary-products .sale-price.is-sale {
  color: #b00000 !important;
}
#slideout-ajax-cart .cart-drawer__complementary-products .compare-at-price {
  opacity: 0.6 !important;
}


/* ==============================
   Cart Drawer "Complete Your Outfit" (v20)
   - Keep v17 product-card layout
   - Use full-bleed container (edge-to-edge) while preserving the cart grid width
   - Set gutter to 30px so the top divider line spans perfectly
   ============================== */

/* Match the cart-drawer grid padding (user-requested: 30px) */
#slideout-ajax-cart {
  --rynor-cart-gutter: 30px;
}

/*
  The upsell block lives inside the same padded cart grid.
  We expand the block outward by the gutter amount (negative margins),
  then re-add that gutter as padding so the INNER content stays aligned
  with the cart items above.
*/
#slideout-ajax-cart #cart-drawer-complete-your-outfit {
  position: relative !important;
  box-sizing: border-box !important;

  /* Full-bleed within the drawer body */
  width: calc(100% + (var(--rynor-cart-gutter) * 2)) !important;
  max-width: none !important;
  margin: 4px calc(var(--rynor-cart-gutter) * -1) 0 !important;
  /* Inner alignment to cart items */
  padding: 18px var(--rynor-cart-gutter) 0 !important;
}

/* Top divider line (edge-to-edge) */
#slideout-ajax-cart #cart-drawer-complete-your-outfit::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 1px !important;
  background: #000 !important;
  opacity: 1 !important;
  pointer-events: none !important;
}

/* Ensure the inner complementary-products wrapper doesn't fight the layout */
#slideout-ajax-cart #cart-drawer-complete-your-outfit .cart-drawer__complementary-products {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

/* Remove any extra dividers inside the upsell list (keep ONLY the top line above) */
#slideout-ajax-cart #cart-drawer-complete-your-outfit .cart-drawer__complementary-products::before,
#slideout-ajax-cart #cart-drawer-complete-your-outfit .cart-drawer__complementary-products::after,
#slideout-ajax-cart #cart-drawer-complete-your-outfit::after {
  content: none !important;
  display: none !important;
}

/* Keep the v17 Cold Culture-style ADD + button sizing/spacing */
#slideout-ajax-cart .horizontal-product-card__button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  height: 29px !important;
  padding: 2px 6px 2px 12px !important;
  background: #000 !important;
  margin: 0 !important;
  border: 1px solid #000 !important;
  border-radius: 0 !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
}

#slideout-ajax-cart .horizontal-product-card__button::after {
  content: "" !important;
  display: block !important;
  width: 1px !important;
  height: 16px !important;
  background: rgba(255, 255, 255, 0.35) !important;
}

#slideout-ajax-cart .horizontal-product-card__button svg {
  width: 24px !important;
  height: 24px !important;
  fill: currentColor !important;
  flex: 0 0 auto !important;
}

/* v21 – cosmetic fixes for cart drawer complementary products */
#slideout-ajax-cart .cart-drawer__complementary-products .horizontal-product-card__title,
#slideout-ajax-cart .cart-drawer__complementary-products a.product-title.h6 {
  letter-spacing: 0.04em !important;
}

#slideout-ajax-cart .cart-drawer__complementary-products .horizontal-product-card {
  margin: 0 !important;
}

#slideout-ajax-cart .cart-drawer__complementary-products .sale-price.discounted,
#slideout-ajax-cart .cart-drawer__complementary-products .sale-price.text-on-sale,
#slideout-ajax-cart .cart-drawer__complementary-products .sale-price.discounted.text-on-sale {
  color: #9D231F !important;
}


/* ==========================================================
   v22 FIXES
   - Divider above Complete Your Outfit: guarantee single 1px line
   - Upsell product card: align content to top + restore spacing
   - Upsell ADD (+) button: match Cold Culture (centered, no bottom margin)
   ========================================================== */

/* 1) Divider: remove any extra border-top line and use a single 1px rule */
#slideout-ajax-cart .ajax-cart__drawer-wrapper .ajax-cart__cart-upsell::before {
  height: 1px !important;
  background: #000 !important;
}

#slideout-ajax-cart .ajax-cart__cart-upsell {
  border-top: 0 !important;
}

/* 2) Card layout: make content sit at top-left (not vertically centered) */
#slideout-ajax-cart .cart-drawer__complementary-products .horizontal-product-card {
  align-items: flex-start !important;
}

#slideout-ajax-cart .cart-drawer__complementary-products .horizontal-product-card__content {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  align-items: flex-start !important;
  gap: 6px !important; /* restores the space between title + meta */
}

#slideout-ajax-cart .cart-drawer__complementary-products .horizontal-product-card__meta {
  margin-top: 0 !important; /* gap is handled on the parent now */
  width: 100% !important;
}

/* 3) ADD + button: centered vertically + remove bottom margin */
#slideout-ajax-cart .cart-drawer__complementary-products .horizontal-product-card__button,
#slideout-ajax-cart .cart-drawer__complementary-products .horizontal-product-card__button.link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 2px 6px 2px 12px !important;
  height: 29px !important;
  min-width: 73px !important;
  margin: 0 0 0 auto !important; /* no bottom margin */
  gap: 6px !important;
  line-height: 1 !important;
}

#slideout-ajax-cart .cart-drawer__complementary-products .horizontal-product-card__button::after {
  content: none !important;
  display: none !important;
}

/* Prevent any second “extra” line from the upsell title wrapper */
#slideout-ajax-cart .ajax-cart__cart-upsell #cart-drawer-complete-your-outfit::before {
  content: none !important;
  display: none !important;
}