/** Shopify CDN: Minification failed

Line 4200:29 Unexpected "="

**/
@import url('https://fonts.googleapis.com/css2?family=Londrina+Solid:wght@300;400;700&family=Courier+Prime:ital,wght@0,400;0,700;1,400;1,700&display=swap');

ul.list-menu.list-menu--inline a {
  font-family: "Londrina Solid", sans-serif !important;
  font-size: 19px;
  color: #2b2b2b;
  font-weight: 300;
}



@media screen and (min-width: 990px) {
  .header {
    padding: 0px 10px 0px 10px !important;
  }


  .header--middle-left {
    /* grid-template-areas: "heading navigation icons"; */
    /* grid-template-columns: auto !important; */
    display: flex;
    justify-content: space-between;
  }

}

.header__menu-item span:hover {
  color: #660033;
  text-decoration: none !important;
}

.header__active-menu-item {
  transition: text-decoration-thickness var(--duration-short) ease;
  color: rgb(var(--color-foreground));
  text-decoration: none !important;
  text-underline-offset: .3rem;
  color: #660033 !important;
}

.header__menu-item:hover span {
  text-decoration: none !important;
}

/* .header__inline-menu{
    display: flex !important;
    align-items: center;
    justify-content: center;
} */





/* .header__search {
    background: #f3f3f3;
    border-radius: 30px;
    padding: 0 15px;
}

.header__search .search__input {
    background: transparent;
    border: none;
    min-height: 44px;
    padding-right: 40px;
}

.header__search .search__button {
    right: 12px;
}

.header__search .search__input:focus {
    box-shadow: none;
} */

/* Prevent horizontal overflow scrolling globally on mobile */
/* #MainContent,
.footer,
.shopify-section-group-footer-group {
  overflow-x: hidden !important;
} */

/* Mobile Sticky Bottom Navigation & Header Parity Layout */
@media screen and (max-width: 992px) {

  /* Bottom navigation container */
  .woostify-sticky-footer-bar {
    position: fixed !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 56px !important;
    background-color: #ffffff !important;
    border-top: 1px solid #e5e5e5 !important;
    z-index: 9999 !important;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.05) !important;
    display: block !important;
    padding: 0 !important;
    margin: 0 !important;
  }



  .section-template--22186657251545__cart-items-padding {
    padding-top: 27px;
    padding-bottom: 27px;
    padding-left: 15px;
    padding-right: 15px;
}


.section-template--22186657251545__cart-footer-padding {
    padding-top: 15px;
    padding-bottom: 30px;
    padding-left: 15px;
    padding-right: 15px;
}

.intl-customs-disclaimer {
    margin-top: 20px;
    padding-top: 12px;
    padding-right: 20px;
    padding-left: 15px;
}


  /* iPhone Safari only */
@supports (-webkit-touch-callout: none) {

  .woostify-sticky-footer-bar {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    height: calc(56px + env(safe-area-inset-bottom)) !important;
    padding-bottom: env(safe-area-inset-bottom) !important;
    z-index: 9999 !important;
  }

  body {
    padding-bottom: calc(56px + env(safe-area-inset-bottom)) !important;
  }

  .site-footer,
  footer {
    padding-bottom: calc(56px + env(safe-area-inset-bottom)) !important;
  }

}


  .footer-links-col a{
    font-size:16px !important;
  }

  /* Flex items layout */
  .woostify-item-list {
    display: flex !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    justify-content: space-around !important;
    align-items: center !important;
  }

  .woostify-item-list__item {
    flex: 1 !important;
    text-align: center !important;
    height: 100% !important;
  }

  .woostify-item-list__item a {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    height: 100% !important;
    text-decoration: none !important;
    color: #000000 !important;
    font-size: 11px !important;
    font-family: inherit !important;
    font-weight: 500 !important;
    letter-spacing: 0.5px !important;
    position: relative !important;
    padding-top: 10px;
  }

  .woostify-item-list__item a svg {
    margin-bottom: 2px !important;
    fill: #000000 !important;
    width: 20px !important;
    height: 20px !important;
  }

  .woostify-sticky-footer-bar-icon {
    position: relative !important;
    display: inline-block !important;
  }

  .woostify-sticky-footer-bar-count {
    position: absolute !important;
    top: -5px !important;
    right: -10px !important;
    background-color: #7a0026 !important;
    color: #ffffff !important;
    font-size: 9px !important;
    font-weight: bold !important;
    border-radius: 50% !important;
    width: 15px !important;
    height: 15px !important;
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    line-height: 1 !important;
  }

  /* Body padding adjustment */
  body {
    padding-bottom: 56px !important;
  }

  /* Header mobile grid layout parity */
  .header {
    grid-template-areas: "heading left-icons" !important;
    grid-template-columns: 1fr auto !important;
    padding: 10px 1rem 10px 1rem !important;
  }

  .header__heading {
    grid-area: heading !important;
    justify-self: start !important;
    text-align: left !important;
  }

  .header__heading-link {
    justify-content: flex-start !important;
  }

  header-drawer {
    grid-area: left-icons !important;
    justify-self: end !important;
    margin-left: 0 !important;
    margin-right: -1.2rem !important;
  }

  /* Hide individual header icons so search modal logic remains functional */
  .header__icons .header__icon--account,
  .header__icons .header__icon--cart,
  .header__icons details-modal.header__search summary {
    display: none !important;
  }

  /* Make the header search modal overlay full screen on mobile */
  details-modal.header__search details[open] .search-modal {
    opacity: 1 !important;
    visibility: visible !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    z-index: 10000 !important;
  }

  /* --- Mobile Menu Drawer Styling Fixes --- */

  /* Fix menu drawer to cover the header and announcement bar, opening from the right */
  .menu-drawer {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    left: auto !important;
    height: 100dvh !important;
    z-index: 10001 !important;
    width: 312px !important;
    max-width: 100vw !important;
    box-shadow: -5px 0 15px rgba(0, 0, 0, 0.15) !important;
    background-color: #fff !important;
    transform: translateX(100%) !important;
    transition: transform var(--duration-default) ease, visibility var(--duration-default) ease !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior: contain !important;
  }

  .menu-drawer-container[open].menu-opening .menu-drawer {
    transform: translateX(0) !important;
    visibility: visible !important;
  }

  .menu-drawer-container[open] .menu-drawer {
    visibility: visible !important;
  }


  .js header-drawer>details>summary::before,
  .js .menu-drawer-container>summary::before {
    content: '' !important;
    position: fixed !important;
    cursor: default !important;
    width: 100vw !important;
    height: 100vh !important;
    top: 0 !important;
    left: 0 !important;
    background: rgba(0, 0, 0, 0.5) !important;
    opacity: 0 !important;
    visibility: hidden !important;
    z-index: 10000 !important;
    transition: opacity var(--duration-default) ease, visibility var(--duration-default) ease !important;
  }

  .js header-drawer>details[open]>summary::before,
  .js .menu-drawer-container[open]>summary::before {
    opacity: 1 !important;
    visibility: visible !important;
  }

  body:has(.menu-drawer-container[open]) {
    overflow: auto !important;
    touch-action: auto !important;
  }

  body.overflow-hidden-tablet,
  body.overflow-hidden-mobile,
  body.overflow-hidden-desktop {
    overflow: auto !important;
    touch-action: auto !important;
  }


  body:has(.menu-drawer-container[open]) .shopify-section-group-header-group {
    z-index: 9999 !important;
    position: relative !important;
  }

  body:has(.menu-drawer-container[open]) sticky-header,
  body:has(.menu-drawer-container[open]) .header-wrapper,
  body:has(.menu-drawer-container[open]) .shopify-section-group-header-group {
    z-index: 9999 !important;
    transform: none !important;
    filter: none !important;
  }


  body:has(.menu-drawer-container[open]) .utility-bar {
    z-index: 1 !important;
    position: relative !important;
  }

  .scrolled-past-header .header__heading-logo {
    width: var(--logo-width, 120px) !important;
  }

  .menu-drawer-container[open]>summary.header__icon--menu {
    position: static !important;
    z-index: auto !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  /* Close icon wrapper (X box) floating on the left over overlay */
  .menu-drawer-container[open]>summary.header__icon--menu>span {
    position: fixed !important;
    left: 20px !important;
    top: 20px !important;
    z-index: 10002 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 32px !important;
    height: 32px !important;
    border: 1px solid rgba(255, 255, 255, 0.6) !important;
    border-radius: 0px !important;
    /* Square box */
    background: transparent !important;
    color: #ffffff !important;
  }

  .menu-drawer-container[open]>summary.header__icon--menu>span svg {
    width: 14px !important;
    height: 14px !important;
    color: #ffffff !important;
    fill: #ffffff !important;
    stroke: #ffffff !important;
  }

  /* Custom mobile menu search bar styling */
  .menu-drawer__search-wrapper {
    padding: 15px !important;
    background-color: #fff !important;
    border-bottom: 1px solid #f2f2f2 !important;
  }

  .menu-drawer__search-wrapper .field {
    display: flex !important;
    position: relative !important;
    width: 100% !important;
  }

  .menu-drawer__search-wrapper .search__input {
    background: #eef1f2 !important;
    border: none !important;
    border-radius: 4px !important;
    padding: 10px 45px 10px 15px !important;
    width: 100% !important;
    height: 42px !important;
    font-size: 14px !important;
    color: #333 !important;
    box-shadow: none !important;
    outline: none !important;
  }

  .menu-drawer__search-wrapper .search__input:focus,
  .menu-drawer__search-wrapper .search__input:focus-visible {
    box-shadow: none !important;
    outline: none !important;
    border: none !important;
  }

  .menu-drawer__search-wrapper .search__input::placeholder {
    color: #888 !important;
  }

  .menu-drawer__search-wrapper .search__button {
    position: absolute !important;
    right: 0 !important;
    top: 0 !important;
    height: 100% !important;
    width: 45px !important;
    background: transparent !important;
    border: none !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #555 !important;
  }

  .menu-drawer__search-wrapper .search__button .svg-wrapper {
    width: 18px !important;
    height: 18px !important;
  }

  .menu-drawer__search-wrapper .field__label {
    display: none !important;
    /* Hide floating label to match reference input styling */
  }

  /* Menu items visual alignment */
  .menu-drawer__navigation {
    padding: 10px 0 !important;
  }

  /* Account Login/Register link item inside menu */
  .menu-drawer__menu-item-account {
    margin-top: 0px !important;
  }

  .menu-drawer__menu-item-account a {
    color: #2b2b2b !important;
    font-size: 16px !important;
    font-family: "Courier Prime", Sans-serif;
    text-transform: none !important;
    letter-spacing: 1px !important;
    padding: 15px 20px !important;
    border-top: 1px solid #f2f2f2 !important;
    display: block !important;
    text-decoration: none !important;
  }

  /* Hide duplicate utility links container */
  .menu-drawer__utility-links {
    display: none !important;
  }

  /* Center social icons and hide terms/privacy utility links in the topbar on mobile */
  .utility-bar {
    padding: 8px 10px !important;
  }




  /* .utility-inner {
    justify-content: center !important;
  } */

  li.utility-link-item {
    display: none;
  }

  li.utility-link-item.header-localization {
    display: block;
  }

  span.separator {
    display: none;
  }

  /* --- Custom Mobile Search Modal Overlay & Container --- */
  .custom-search-modal-overlay {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    background-color: rgba(0, 0, 0, 0.5) !important;
    backdrop-filter: blur(5px) !important;
    z-index: 100000 !important;
    display: none;
    align-items: center !important;
    justify-content: center !important;
  }

  .custom-search-modal {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 90% !important;
    max-width: 400px !important;
    background-color: #ffffff !important;
    padding: 24px 20px 24px 20px !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15) !important;
    box-sizing: border-box !important;
    z-index: 100001 !important;
    border-radius: 4px !important;
    animation: zoomInCustomModal 0.2s ease-out !important;
  }

  @keyframes zoomInCustomModal {
    from {
      opacity: 0 !important;
      transform: translate(-50%, -48%) scale(0.96) !important;
    }

    to {
      opacity: 1 !important;
      transform: translate(-50%, -50%) scale(1) !important;
    }
  }

  .custom-search-modal-header {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin-bottom: 15px !important;
  }

  .custom-search-modal-title {
    font-family: "Londrina Solid", sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #2b2b2b !important;
    margin: 0 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
  }

  .custom-search-modal-close {
    background: transparent !important;
    border: none !important;
    color: #000000 !important;
    cursor: pointer !important;
    padding: 5px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .custom-search-modal-close svg {
    width: 24px !important;
    height: 24px !important;
    stroke: #000000 !important;
  }

  .custom-search-modal-body {
    display: block !important;
    width: 100% !important;
  }

  .custom-search-modal-form {
    margin: 0 !important;
    width: 100% !important;
  }

  .custom-search-input-wrapper {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    background-color: #f2f2f2 !important;
    border: 1px solid #e5e5e5 !important;
    border-radius: 0px !important;
    padding: 0 10px !important;
  }

  #CustomSearchModalInput {
    flex: 1 !important;
    height: 45px !important;
    border: none !important;
    background: transparent !important;
    font-family: "Courier Prime", sans-serif !important;
    font-size: 16px !important;
    color: #2b2b2b !important;
    padding: 0 40px 0 5px !important;
    box-shadow: none !important;
    outline: none !important;
    width: 100% !important;
  }

  #CustomSearchModalInput:focus {
    outline: none !important;
    box-shadow: none !important;
  }

  .custom-search-modal-submit {
    position: absolute !important;
    right: 5px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    background: transparent !important;
    border: none !important;
    color: #000000 !important;
    cursor: pointer !important;
    padding: 5px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .custom-search-modal-submit svg {
    width: 20px !important;
    height: 20px !important;
    fill: currentColor !important;
  }

  /* Predictive Search Results Container */
  .custom-predictive-search {
    position: relative !important;
    max-height: 60vh !important;
    overflow-y: auto !important;
    background-color: #ffffff !important;
    margin-top: 10px !important;
    border-radius: 0px !important;
    z-index: 100002 !important;
  }

  /* Styling predictive search list items inside custom modal */
  .custom-predictive-search .predictive-search__results-list {
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
  }

  .custom-predictive-search .predictive-search__list-item {
    border-bottom: 1px solid #f2f2f2 !important;
  }

  .custom-predictive-search .predictive-search__list-item:last-child {
    border-bottom: none !important;
  }

  .custom-predictive-search .predictive-search__product-link {
    display: flex !important;
    align-items: center !important;
    gap: 15px !important;
    padding: 10px 5px !important;
    text-decoration: none !important;
    color: #2b2b2b !important;
    margin: 0 !important;
  }

  .custom-predictive-search .predictive-search__product-image {
    width: 50px !important;
    height: 50px !important;
    object-fit: cover !important;
    border-radius: 0px !important;
    border: 1px solid #e5e5e5 !important;
  }

  .custom-predictive-search .predictive-search__product-info {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
  }

  .custom-predictive-search .predictive-search__item-title {
    font-family: "Londrina Solid", sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    color: #2b2b2b !important;
    margin: 0 !important;
    line-height: 1.2 !important;
  }

  .custom-predictive-search .predictive-search__item-price {
    font-family: "Courier Prime", sans-serif !important;
    font-size: 14px !important;
    color: #660033 !important;
    margin: 0 !important;
  }

  /* No results state styling */
  .custom-predictive-search .predictive-search__no-results {
    padding: 15px 10px !important;
    text-align: center !important;
    font-family: "Courier Prime", sans-serif !important;
    font-size: 14px !important;
    color: #888888 !important;
  }
}

@media screen and (min-width: 993px) {
  .woostify-sticky-footer-bar {
    display: none !important;
  }
}


/* pdp page css */

.product__info-wrapper.grid__item.scroll-trigger.animate--slide-in {
  position: relative;
  background: #f5f5f5;
  border-radius: 12px;
  padding: 24px !important;
  z-index: 1;
  overflow: hidden;
  height: fit-content !important;
  align-self: flex-start !important;
}

.product__info-wrapper.grid__item.scroll-trigger.animate--slide-in::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 12px;
  padding: 5px;
  background: linear-gradient(90deg, #FF00C7, #00F0FF, #FCEE21);
  background-size: 300% 300%;
  animation: borderAnimation 5s linear infinite;

  -webkit-mask: linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  box-sizing: border-box;
  pointer-events: none;
  opacity: 1;
}

@keyframes borderAnimation {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}

.product__title h2 {
  font-family: "Londrina Solid", Sans-serif;
  font-size: 33px;
  font-weight: 300;
  color: #2b2b2b;
}

.price__sale span {
  font-family: "Courier Prime", Sans-serif;
  font-size: 30px;
}

#ProductInfo-template--22186657480921__main s.price-item.price-item--regular {
  font-size: 30px !important;
  font-family: "Courier Prime", Sans-serif;
  font-size: 30px;
}

/* ========== PDP MASTER 65% IMAGE & 35% INFOBAR RATIO SPLIT ========== */
@media screen and (min-width: 990px) {

  /* Enforces strict alignment rules on the main dynamic parent container row */
  .section-template--22186657480921__main-padding .product.grid,
  .product.grid {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: 30px !important;
    /* Smooth clean separation spacing directly from Image 2 */
    max-width: 1300px !important;
    /* Mapped perfectly to match header line dimensions */
    width: 100% !important;
    margin: 0 auto !important;
    padding: 30px 30px 50px 0px !important;
    /* Zero side padding ensures exact Logo matching lines */
    box-sizing: border-box !important;
  }

  /* LEFT COLUMN: Dominant Large Image Frame Section (Takes 65% Screen Real Estate) */
  .grid__item.product__media-wrapper {
    /* flex: 0 0 65% !important;
    width: 65% !important;
    max-width: 65% !important; */
    padding: 0 !important;
    margin: 0 !important;
  }

  /* RIGHT COLUMN: Compact Minimalist Information Box (Takes narrow 35% Space Only) */
  .grid__item.product__info-wrapper {
    flex: 0 0 35% !important;
    width: 35% !important;
    max-width: 35% !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  /* Heavy reset overrides to clear theme restricted width/height wrappers completely */
  .product__column-sticky,
  media-gallery,
  .product-media-container,
  .product-media-container.constrain-height,
  .product__media.media--transparent,
  .global-media-settings,
  .slider-mobile-gutter,
  .product__media-list {
    border: none !important;
    border-radius: 4px !important;
    box-shadow: none !important;
    background: transparent !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
  }

  /* Full block rendering for full container tracking expansion */
  .product__media img,
  .image-magnify-hover {
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    display: block !important;
    position: relative !important;
    object-fit: contain !important;
  }
}

/* ========== TABLET VIEWPORT RESPONSIVE BREAKPOINT ========== */
@media screen and (min-width: 768px) and (max-width: 989px) {
  .product.grid {
    display: flex !important;
    flex-direction: row !important;
    gap: 25px !important;
    padding: 30px 20px !important;
    max-width: 100% !important;
  }

  .grid__item.product__media-wrapper {
    flex: 0 0 100% !important;
    width: 100% !important;
  }

  .grid__item.product__info-wrapper {
    flex: 0 0 100% !important;
    width: 100% !important;
  }
}

/* ========== MOBILE VIEWPORT RESPONSIVE BREAKPOINT ========== */
@media screen and (max-width: 767px) {
  .product.grid {
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
  }

  .intl-customs-disclaimer {
    padding-right: 0px;
  }

  .custom-product-tabs-wrapper {
    margin: 30px auto;
    padding: 0px 20px;
  }

  .wysh-floating-icon {
    bottom: calc(81px + 0px) !important;
  }


  .collections-dropdown-wrapper {
    padding-top: 20px;
  }


  .rich-text__wrapper {
    display: flex;
    justify-content: center;
    width: 100% !important;
  }

  .rich-text__blocks>*+* {
    margin-top: 1rem !important;
  }

  .about-hero-breadcrumbs {
    font-size: 22px !important;
  }

  .contact-info-side p.intro-text {
    font-size: 16px;
    margin-bottom: 25px;
    text-align: center;
  }

  .inline-sort-wrapper {
    margin-left: 0px;
  }

  .grid__item.product__media-wrapper,
  .grid__item.product__info-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }


  .just-in-products-grid .card__heading,
  .best-sellers-products-grid .card__heading {
    font-family: "Londrina Solid", sans-serif !important;
    color: #1A1A18 !important;
    font-size: 14px !important;
    /* letter-spacing: 0.5px !important; */
    margin-top: 10px !important;
    margin-bottom: 5px !important;
    font-weight: 600 !important;
  }

  ul.collection-list.grid {
    padding: 40px 0 !important;
  }


  .product-form__buttons-row .quantity {
    flex: 0 0 90px !important;
    min-width: 92px !important;
    max-width: 86px !important;
    margin: 0 !important;
    height: 50px !important;
    min-height: 50px !important;
    border: 1px solid #e8e8e8 !important;
    background-color: #ffffff !important;
    border-radius: 0px !important;
  }


  .card-information .price-item--sale {
    font-size: 14px !important;
  }

  .price-item.price-item--regular {

    font-size: 14px !important;

  }


  .filter-controls-container {
    justify-content: center !important;
  }

  .inline-sort-wrapper {
    margin-left: 0px !important;
  }



  .header__heading-logo {
    --logo-width: 100px !important;

  }

  .price--on-sale .price-item--regular {
    font-size: 14px !important;
  }

}

/* #shopify-section-template--22186657480921__main .page-width {
  padding: 0 5rem 0px 10px !important;
} */


.product__description p {
  font-size: 18px;
  color: #1a1a1a;
  text-align: left;
  font-family: Courier Prime, sans-serif;
  line-height: 28px;
}


.button:after,
.shopify-challenge__button:after,
.customer button:after,
.shopify-payment-button__button--unbranded:after {
  display: none;
}


button#ProductSubmitButton-template--22186657480921__main {
  min-width: 200px;
  height: 50px;
  font-weight: 600;
  text-transform: uppercase;
  vertical-align: top;
  padding-top: 0;
  padding-bottom: 0;
  pointer-events: auto;
  font-family: 'Courier Prime', sans-serif;
  background-color: #660033;
  color: #fff;

}

button.shopify-payment-button__button.shopify-payment-button__button--unbranded {
  display: none !important;
}

.cart-quantity {
  width: 90px !important;
  min-width: 90px !important;
}


.quantity {
  height: auto;
  max-width: 100%;
  min-width: 170px;
  min-height: 50px !important;
  margin-right: 8px;
  border: 1px solid #e8e8e8 !important;
}

label.quantity__label.form__label {
  display: none;
}

button.share-button__button {
  display: none;
}


/* .product__description {
    border-top: 1px solid #D5D5D5;
    border-bottom: 1px solid #D5D5D5;
    padding: 20px 0px;
} */

div#collection-template--22186657317081__featured_collection {
  padding: 53px 20px !important;
}


#shopify-section-template--22195337593049__rich_text_xymAVD .rich-text__text.rte.scroll-trigger.animate--slide-in {
  margin-top: 1rem !important;
}

#shopify-section-template--22195337593049__rich_text_xymAVD .page-width {
  padding: 0 2rem !important;
}

.button:hover {
  background-color: #07fcc5;
  color: #23152e;
}

.button {
  font-family: 'Courier Prime', sans-serif !important;

}

/* Product Grid Customizations */

/* Hide default quick add buttons below card content */
.card-wrapper .quick-add__submit:not(.hover-overlay-btn) {
  display: none !important;
}

/* Card inner defaults */
.card-wrapper .card__inner {
  position: relative !important;
  overflow: hidden !important;
  border-radius: 0 !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
  background-color: #ffffff;
}

/* Gradient border framing the card inner */
.card-gradient-border {
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  border: 4px solid transparent !important;
  border-radius: 0 !important;
  border-image: linear-gradient(90deg, #FF00C7, #00F0FF, #4B0082) 2 !important;
  animation: moveBorder1 5s linear infinite !important;
  z-index: 5 !important;
  box-sizing: border-box !important;
  pointer-events: none !important;
}

@keyframes moveBorder1 {
  0% {
    filter: hue-rotate(0deg);
  }

  100% {
    filter: hue-rotate(360deg);
  }
}

/* Hide default hover secondary image */
.media--hover-effect>img+img {
  display: none !important;
}

/* Custom Hover Overlay */
/* Neutralize Dawn's invisible full-card link overlay so overlay buttons receive clicks */
.card-wrapper .card__heading a::after {
  pointer-events: none !important;
}

.card-hover-overlay {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: rgba(0, 0, 0, 0.4) !important;
  opacity: 0 !important;
  visibility: hidden !important;
  z-index: 4 !important;
  transition: opacity 0.3s ease, visibility 0.3s ease !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  /* Allow clicks to pass through the overlay container itself to its children */
  pointer-events: none !important;
}

/* Re-enable pointer events on all children (buttons, links) */
.card-hover-overlay * {
  pointer-events: auto !important;
}

/* Show hover overlay on hover/tap for all devices */
.card-wrapper:hover .card-hover-overlay {
  opacity: 1 !important;
  visibility: visible !important;
}

/* Apply desktop-only hover effects */
@media (hover: hover) {
  .card-wrapper:hover .card__inner {
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
  }
}

/* Central Button styling */
.hover-btn-center {
  margin-bottom: 10px !important;
  position: relative !important;
  z-index: 2 !important;
}

.hover-overlay-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  background-color: #660033 !important;
  color: #ffffff !important;
  text-transform: uppercase !important;
  padding: 10px 18px !important;
  border: none !important;
  border-radius: 0px !important;
  cursor: pointer !important;
  transition: background-color 0.2s ease, color 0.2s ease !important;
  text-decoration: none !important;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2) !important;
  white-space: nowrap !important;
}

.hover-overlay-btn:hover {
  background-color: #07fcc5 !important;
  color: #23152e !important;
}

.hover-overlay-btn .btn-icon svg {
  width: 14px !important;
  height: 14px !important;
  display: block !important;
}

/* Bottom Button (Quick View) styling */
.hover-btn-bottom {
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 100% !important;
  z-index: 2 !important;
}


.card__information {
  display: flex;
  align-items: center;
  flex-direction: column;
  text-align: center;
}

.hover-btn-bottom modal-opener,
.hover-btn-bottom .quick-view-btn {
  width: 100% !important;
}

.hover-btn-bottom .quick-view-btn {
  border-radius: 0px !important;
  padding: 12px 0 !important;
  text-align: center !important;
  box-shadow: none !important;
}

/* Wishlist Button styling */
.card-wishlist-btn,
[data-wysh-collection-button-placeholder] {
  position: absolute !important;
  top: 12px !important;
  right: 12px !important;
  width: 34px !important;
  height: 34px !important;
  border-radius: 0px !important;
  background-color: #07fcc5 !important;
  border: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  z-index: 10 !important;
  transition: transform 0.2s ease, background-color 0.2s ease, opacity 0.3s ease, visibility 0.3s ease !important;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) !important;
  padding: 0 !important;
}

.card-wishlist-btn:hover,
[data-wysh-collection-button-placeholder]:hover {
  transform: scale(1.1) !important;
}

@media (hover: hover) {

  .card-wishlist-btn,
  [data-wysh-collection-button-placeholder] {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  .card-wrapper:hover .card-wishlist-btn,
  .card-wrapper:hover [data-wysh-collection-button-placeholder] {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }
}

.card-wishlist-btn svg {
  width: 16px !important;
  height: 16px !important;
  color: #23152e !important;
  fill: transparent !important;
  transition: fill 0.2s ease, color 0.2s ease !important;
}

.card-wishlist-btn.active svg {
  fill: #660033 !important;
  color: #660033 !important;
}

/* Badges override */
.card-wrapper .card__badge {
  position: absolute !important;
  top: 12px !important;
  left: 12px !important;
  z-index: 10 !important;
}

.card-wrapper .card__badge .badge {
  background-color: #660033 !important;
  color: #ffffff !important;
  font-size: 12px !important;
  /* font-weight: bold !important; */
  padding: 5px 8px !important;
  border-radius: 0px !important;
  border: none !important;
  text-transform: uppercase !important;
  font-family: 'Courier Prime';
}

/* Headings and price typography overrides */
.card__heading {
  font-family: "Londrina Solid", sans-serif !important;
  color: #1A1A18 !important;
  font-size: 19px;
  letter-spacing: 0.5px !important;
  margin-top: 10px !important;
  margin-bottom: 5px !important;
  font-weight: 300;
}


.card-information .price-item price-item--regular {
  font-family: "Londrina Solid", sans-serif !important;
  font-size: 18px !important;
}

.card__heading a {
  /* color: #2b2b2b !important; */
  text-decoration: none !important;
}

.card__heading a:hover {
  color: #660033 !important;
}

/* .card-information {
  font-family: "Courier Prime", monospace !important;
} */

.card-information .price {
  font-size: 16px !important;
}

.card-information .price-item--regular {
  color: #888888 !important;
}

.card-information .price-item--sale {
  font-family: "Londrina Solid", Sans-serif;
  font-weight: 300;
  color: #2b2b2b;
  font-size: 18px;

}

.price-item.price-item--regular {
  font-weight: 300;
  font-size: 18px;
  font-family: "Londrina Solid", Sans-serif;
  margin: 0px !important;
}

/* Global 0px Border Radius Overrides */
/* .card,
.card-wrapper,
.card__inner,
.card-gradient-border,
.button,
.button:after,
.shopify-challenge__button,
.customer button,
.shopify-payment-button__button,
.shopify-payment-button__button--unbranded,
button,
input,
select,
textarea,
.badge,
.quick-add-modal,
.quick-add-modal__content,
.product__info-wrapper,
.quick-view-btn,
.hover-overlay-btn,
.card-wishlist-btn,
.menu-drawer,
.menu-drawer__search-wrapper .search__input,
.product__column-sticky,
media-gallery,
.product-media-container,
.global-media-settings,
.slider-mobile-gutter,
.product__media-list,
.quantity,
.quantity__button,
.quantity__input,
.quick-add-modal__toggle {
  border-radius: 0px !important;
} */

/* High Contrast Hover States for PDP Buttons */
button#ProductSubmitButton-template--22186657480921__main:hover,
button.shopify-payment-button__button.shopify-payment-button__button--unbranded:hover,
.shopify-payment-button__button:hover {
  background-color: #07fcc5 !important;
  color: #23152e !important;
  border-color: #07fcc5 !important;
}

.hover-overlay-btn {
  font-family: "Courier Prime", sans-serif !important;
  font-size: 20px;
  font-weight: 300;
  text-transform: capitalize !important;
}

/* Style the button injected by Wysh */
.card-wishlist-btn button,
.card-wishlist-btn .wysh-button,
.card-wishlist-btn [role="button"] {
  background: transparent !important;
  border: none !important;
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  box-shadow: none !important;
}

/* Ensure the SVG inside matches our custom heart icon styling */
.card-wishlist-btn svg {
  width: 16px !important;
  height: 16px !important;
  color: #23152e !important;
  fill: transparent !important;
  transition: fill 0.2s ease, color 0.2s ease !important;
}

/* Style active/wishlisted states */
.card-wishlist-btn.active svg,
.card-wishlist-btn [data-wysh-collection-button-placeholder] svg[fill],
.card-wishlist-btn .wysh-button.wysh-active svg,
.card-wishlist-btn button.active svg {
  fill: #660033 !important;
  color: #660033 !important;
}

.wysh-button {
  background-color: #07fcc5 !important;
}





/* Collection list css */

/* ========== GLOBAL OVERRIDES FOR THE COLLECTION LIST HEADER LINKS ========== */
.collection-list .card__heading {
  font-size: 26px !important;
  line-height: 1.3em !important;
  font-family: "Ranchers", Sans-serif !important;
  -webkit-text-stroke-width: 1px !important;
  stroke-width: 1px !important;
  -webkit-text-stroke-color: #000000 !important;
  stroke: #000000 !important;
  color: #ffffff !important;
}

/* ========== FIXED DAWN NATIVE COLLECTION LIST OVERLAY ENGINE ========== */

/* Parent grid configuration - forces a strict 30px spacing track layout */
ul.collection-list.grid {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 30px !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding: 80px 0px;
  list-style: none !important;
}

/* Removes native padding constraints from Dawn layout grid tracks */
ul.collection-list.grid .grid__item {
  padding: 0 !important;
}

/* 1. MASTER ITEM FRAME: Strict width handling for 3 columns on Desktop */
.collection-list__item.grid__item {
  position: relative !important;
  overflow: visible !important;
  margin: 0 !important;
  padding: 0 !important;
  width: calc((100% - 60px) / 3) !important;
  max-width: calc((100% - 60px) / 3) !important;
  flex: 0 0 calc((100% - 60px) / 3) !important;
}

.collection-list__item .card-wrapper.collection-card-wrapper {
  background: transparent !important;
  position: relative !important;
  display: block !important;
  width: 100% !important;
}

/* 2. MAIN CARD CANVAS CONTAINER: STRICT 350PX HEIGHT LOCK */
.collection-list__item .card.card--standard.card--media {
  position: relative !important;
  border-radius: 12px !important;
  padding: 5px !important;
  /* Managed precisely for outer stroke allocation bounds */
  background: transparent !important;
  overflow: hidden !important;
  height: 350px !important;
  /* Strict height configuration layer locked */
  width: 100% !important;
  display: flex !important;
  border: none !important;
}

@keyframes moveBorder {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}

.collection-list__item .card.card--standard.card--media {
  position: relative !important;
  overflow: hidden !important;
  border-radius: 12px !important;
}

.collection-list__item .card.card--standard.card--media::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 12px;
  padding: 6px;
  background: linear-gradient(90deg,
      #FF00C7,
      #00F0FF,
      #FCEE21);
  background-size: 400% 400%;
  animation: moveBorder 10s linear infinite;

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: 5;
  pointer-events: none;
}

/* 4. CARD INNER MATCHING: Syncing internal bounds */
.collection-list__item .card-wrapper .card__inner {
  width: 100% !important;
  height: 100% !important;
  position: relative !important;
  overflow: hidden !important;
  border-radius: 8px !important;
  /* Perfectly mirrors inner cards border rounding standards */
  background-color: transparent !important;
  display: flex !important;
}

/* Card image template overrides adjustments */
.collection-list__item .card__inner .card__media {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  pointer-events: none !important;
}

.collection-list__item .card__inner .media img {
  object-fit: cover !important;
  width: 100% !important;
  height: 100% !important;
}

/* 5. CONTENT OVERLAY LAYER CONFIGURATION: Z-INDEX 99 FOR PERFECT LINK CLICKS */
.collection-list__item .card--standard>.card__content {
  display: none !important;
}

/* Forces text panel to sit comfortably centered over image blocks */
.collection-list__item .card__inner .card__content {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 85% !important;
  max-width: 85% !important;
  z-index: 99 !important;
  /* Higher order lift values than the z-index 5 border layer */
  padding: 0 !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  pointer-events: auto !important;
}

.collection-list__item .card__inner .card__information {
  padding: 0 !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  pointer-events: auto !important;
}

.collection-list__item .card__inner .card__caption {
  display: none !important;
}

/* 6. PERFECT RETRO HEADINGS BUTTON BADGE MAPS */
.collection-list__item .card__inner .card__heading {
  border-radius: 12px !important;
  padding: 14px 24px !important;
  backdrop-filter: blur(10px) !important;
  background-color: #660033B8 !important;
  text-align: center !important;
  margin: 0 !important;
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.4) !important;
  pointer-events: auto !important;
  display: inline-block !important;
  width: auto !important;
  max-width: 100% !important;
  word-wrap: break-word !important;
  z-index: 100 !important;
  border: 1px solid #969696;
}

.collection-list__item .card__inner .card__heading a {
  font-family: "Ranchers", "Londrina Solid", Sans-serif !important;
  font-size: 26px !important;
  font-weight: 400 !important;
  color: #ffffff !important;
  text-decoration: none !important;
  letter-spacing: 0.5px !important;
  line-height: 33px;
  display: inline-block !important;
  position: relative !important;
  z-index: 101 !important;
  -webkit-text-stroke-width: 0.5px !important;
  -webkit-text-stroke-color: #000000 !important;
  text-shadow: 1.5px 1.5px 0px #000000 !important;
  pointer-events: auto !important;
  white-space: normal !important;
  width: 100%;
  max-width: 171px;

}

/* Strips Dawn's pseudo cover block links that absorb mouse interactions */
.collection-list__item .card-wrapper a.full-unstyled-link::after,
.collection-list__item .card__inner a.full-unstyled-link::after {
  content: none !important;
  display: none !important;
}

.collection-list__item .card__inner .card__heading .icon-wrap,
.collection-list__item .card__inner .card__heading svg {
  display: none !important;
}

/* ========== TABLET VIEWPORT RESPONSIVE SPLIT (2 Columns) ========== */
@media screen and (max-width: 990px) {
  ul.collection-list.grid {
    gap: 20px !important;
  }

  .collection-list__item.grid__item {
    width: calc((100% - 20px) / 2) !important;
    max-width: calc((100% - 20px) / 2) !important;
    flex: 0 0 calc((100% - 20px) / 2) !important;
  }

  .collection-list__item .card.card--standard.card--media {
    height: 300px !important;
  }
}

/* ========== MOBILE VIEWPORT RESPONSIVE SPLIT (2 Columns) ========== */
@media screen and (max-width: 768px) {
  ul.collection-list.grid {
    gap: 15px !important;
  }


  product-recommendations.related-products.page-width.section-template--22186657251545__interested_products_MGzw6g-padding.isolate.scroll-trigger.animate--slide-in.product-recommendations--loaded {
    padding: 0px 15px !important;
}



  .collection-list__item.grid__item {
    width: calc((100% - 15px) / 2) !important;
    max-width: calc((100% - 15px) / 2) !important;
    flex: 0 0 calc((100% - 15px) / 2) !important;
  }

  .collection-list__item .card.card--standard.card--media {
    height: 220px !important;
  }

  .collection-list__item .card__inner .card__heading {
    padding: 8px 18px !important;
    border-radius: 8px !important;
  }

  .collection-list__item .card__inner .card__heading a {
    font-size: 18px !important;
    text-shadow: 1px 1px 0px #000000 !important;
  }
}

#shopify-section-template--22186657349849__main .page-width {
  padding: 0 1rem !important;
}


#shopify-section-template--22186657349849__about_banner_N4GLVc .about-hero-banner {
  background-position: bottom center !important;
}


/* thumbnaildesign  */

.thumbnail-list {
  flex-wrap: wrap;
  grid-gap: 3rem;
  margin-top: 23px;
}

.thumbnail-list {
  display: grid;
  grid-template-columns: repeat(5, 1fr) !important;
}

ul#Slider-Thumbnails-template--22186657480921__main {
  width: 100%;
  max-width: 70%;
}

button.thumbnail.global-media-settings.global-media-settings--no-shadow img {
  border-radius: 10px;
}


#MainProduct-quickadd-template--22186657480921__main .product__info-wrapper.grid__item.scroll-trigger.animate--slide-in:before {
  display: none !important;
}


#MainProduct-quickadd-template--22186657480921__main .product.grid {
  gap: 0px !important;
}

#MainProduct-quickadd-template--22186657480921__main .quick-add-modal__content-info {
  overflow-y: hidden !important;
  overflow-x: hidden !important;
}

/* Collections Dropdown Styling */
.collections-dropdown-wrapper {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 2rem;
  position: relative;
  z-index: 101;
  width: 100%;
  max-width: 1275px;
  margin: 0 auto;
  padding-bottom: 30px;
}

.collections-details {
  position: relative;
  width: 220px;
}

.collections-summary {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.2rem 2.5rem;
  border: 1px solid #e5e5e5;
  background-color: #fff;
  color: #660033;
  font-family: inherit;
  font-size: 1.6rem;
  font-weight: 500;
  cursor: pointer;
  list-style: none;
  letter-spacing: 0.1em;
  transition: all 0.3s ease;
  font-family: Courier Prime, sans-serif !important;
}

.collections-summary::-webkit-details-marker {
  display: none;
}

.collections-summary:hover,
.collections-details[open] .collections-summary {
  background-color: #07fcc5;
  color: #000;
  border-color: #07fcc5;
}

.collections-icon {
  margin-right: 1rem;
  font-size: 1.8rem;
}

.collections-icon {
  margin-right: 1rem;
  font-size: 1.8rem;
  font-family: Courier Prime, sans-serif !important;
  font-weight: 400;
  line-height: 28px;
  text-transform: none;
  font-size: 18px;
  color: #660033;
}

.collections-list {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-top: none;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
  margin: 0;
  padding: 0;
  list-style: none;
}

.collections-list li {
  border-bottom: 1px solid #f0f0f0;
}

.collections-list li:last-child {
  border-bottom: none;
}

.collections-link {
  display: block;
  padding: 7px 15px 7px 0;
  text-align: center;
  color: #000;
  font-family: Courier Prime, sans-serif !important;
  text-decoration: none;
  font-size: 18px;
  transition: background-color 0.2s ease, color 0.2s ease;
}

.collections-link:hover {
  background-color: #f7f7f7;
  color: #07fcc5;
}

/* Hidden products styling for View All functionality */
.hidden-product {
  display: none !important;
}

/* ==========================================================================
   WOOCOMMERCE-STYLE FILTER DRAWER STYLING
   ========================================================================== */

/* Filter trigger controls container */
.filter-controls-container {
  display: flex !important;
  justify-content: space-between;
  align-items: center !important;
  width: 100% !important;
  flex-wrap: wrap !important;
  gap: 15px !important;
  max-width: 1275px;
  margin: 0 auto;
  padding-bottom: 20px;
}

.woostify-toogle-sidebar-widget-trigger {
  display: inline-flex !important;
  align-items: center !important;
}

.woostify-toogle-sidebar-widget-trigger button {
  background-color: transparent !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  color: #23152e;
  font-family: Courier Prime, sans-serif !important;
  font-size: 18px !important;
  /* font-weight: 700!important; */
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  /* text-transform: uppercase!important; */
  letter-spacing: .05em !important;
  height: 28px !important;
  transition: color .2s ease !important;
  box-shadow: none !important;
}

.woostify-toogle-sidebar-widget-trigger button:hover {
  color: #660033 !important;
  background-color: transparent !important;
}

.woostify-toogle-sidebar-widget-trigger button svg {
  margin-right: 8px !important;
  fill: currentColor !important;
  transition: transform 0.2s ease !important;
  display: inline-block !important;
  vertical-align: middle !important;
}

.woostify-toogle-sidebar-widget-trigger button:hover svg {
  transform: scale(1.1) !important;
}

/* Sidebar Drawer Slide-in Container */
#sidebar-widgets.widget-area.shop-widget {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  bottom: 0 !important;
  width: 300px !important;
  max-width: 100% !important;
  z-index: 100000 !important;
  background-color: #ffffff !important;
  box-shadow: 5px 0 25px rgba(0, 0, 0, 0.15) !important;
  transform: translateX(-100%) !important;
  visibility: hidden !important;
  transition: transform 0.1s cubic-bezier(0.4, 0, 0.2, 1), visibility 0s linear 0.1s !important;
  will-change: transform !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  border-radius: 0px !important;
}

#sidebar-widgets.widget-area.shop-widget.show {
  transform: translateX(0) !important;
  visibility: visible !important;
  transition: transform 0.1s cubic-bezier(0.4, 0, 0.2, 1), visibility 0s linear 0s !important;
}

/* Sidebar overlay backdrop */
.sidebar-drawer-overlay {
  position: fixed !important;
  inset: 0 !important;
  background-color: rgba(0, 0, 0, 0.4) !important;
  z-index: 99999 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  cursor: pointer !important;
  transition: opacity 0.1s ease, visibility 0s linear 0.1s !important;
}

.sidebar-drawer-overlay.show {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transition: opacity 0.1s ease, visibility 0s linear 0s !important;
}

/* Prevent body scrolling when filter drawer is open */
body.filter-drawer-open {
  overflow: hidden !important;
  padding-right: var(--scrollbar-width, 0px) !important;
}

/* Drawer Header */
.sidebar-drawer-header {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding: 20px !important;
  border-bottom: 1px solid #f2f2f2 !important;
  background-color: #ffffff !important;
}

.sidebar-drawer-title {
  margin: 0 !important;
  font-family: "Londrina Solid", sans-serif !important;
  font-size: 24px !important;
  font-weight: 300 !important;
  color: #2b2b2b !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
}

.sidebar-drawer-close {
  background: transparent !important;
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
  width: 32px !important;
  height: 32px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  padding: 0 !important;
  transition: background-color 0.2s ease, border-color 0.2s ease !important;
  border-radius: 0px !important;
}

.sidebar-drawer-close:hover {
  background-color: #f5f5f5 !important;
  border-color: rgba(0, 0, 0, 0.2) !important;
}

.sidebar-drawer-close svg {
  color: #2b2b2b !important;
}

/* Drawer Scrollable Content */
.sidebar-drawer-content {
  flex: 1 !important;
  overflow-y: auto !important;
  padding: 25px 20px !important;
  -webkit-overflow-scrolling: touch !important;
}

/* Drawer Widget Section */
.shop-widget-section {
  margin-bottom: 35px !important;
}

.shop-widget-section:last-child {
  margin-bottom: 0 !important;
}

.shop-widget-section .widget-title {
  font-family: "Londrina Solid", sans-serif !important;
  font-size: 20px !important;
  font-weight: 300 !important;
  color: #2b2b2b !important;
  text-transform: uppercase !important;
  margin-top: 0 !important;
  margin-bottom: 15px !important;
  letter-spacing: 0.05em !important;
}

/* Sort Select Styling */
.select-sort-wrapper {
  position: relative !important;
}

.sidebar-sort-select {
  width: 100% !important;
  height: 40px !important;
  border: 1px solid #d5d5d5 !important;
  padding: 0 10px !important;
  font-family: "Londrina Solid";
  font-weight: 300 !important;
  font-size: 14px !important;
  background-color: #ffffff !important;
  color: #2b2b2b !important;
  outline: none !important;
  border-radius: 0px !important;
  cursor: pointer !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%3Cpath%20fill%3D%22%232b2b2b%22%20d%3D%22M10.293%203.293L6%207.586%201.707%203.293L.293%204.707%206%2010.414l5.707-5.707z%22%2F%3E%3C%2Fsvg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 12px center !important;
  background-size: 12px !important;
}

.sidebar-sort-select:focus {
  border-color: #660033 !important;
}

/* Category Quick Search Input */
.categories-search-wrapper {
  margin-bottom: 12px !important;
}

.w-filter-quick-search.w-product-filter-text-field {
  width: 100% !important;
  height: 40px !important;
  border: 1px solid #d5d5d5 !important;
  padding: 0 12px !important;
  font-family: "Courier Prime", sans-serif !important;
  font-size: 14px !important;
  background-color: #ffffff !important;
  color: #2b2b2b !important;
  outline: none !important;
  border-radius: 0px !important;
  box-sizing: border-box !important;
}

.w-filter-quick-search.w-product-filter-text-field:focus {
  border-color: #660033 !important;
}

/* Category List Scrollbox */
/* Category List Scrollbox */
.categories-checkbox-list {
  max-height: none !important;
  overflow-y: visible !important;
  border: none !important;
  padding: 0 !important;
  background-color: transparent !important;
}

.w-filter-item-wrap {
  margin-bottom: 10px !important;
}

.w-filter-item-wrap:last-child {
  margin-bottom: 0 !important;
}

.w-filter-item {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  cursor: pointer !important;
  user-select: none !important;
}

.w-filter-item-label-wrap {
  display: inline-flex !important;
  align-items: center !important;
}

.w-filter-item-input {
  margin: 0 12px 0 0 !important;
  width: 18px !important;
  height: 18px !important;
  border: 2px solid #2b2b2b !important;
  background-color: #ffffff !important;
  cursor: pointer !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  position: relative !important;
  display: inline-block !important;
  border-radius: 0px !important;
  box-sizing: border-box !important;
}

.w-filter-item-input:checked::before {
  content: "" !important;
  position: absolute !important;
  top: 1px !important;
  left: 5px !important;
  width: 5px !important;
  height: 9px !important;
  border: solid #2b2b2b !important;
  border-width: 0 2px 2px 0 !important;
  transform: rotate(45deg) !important;
}

.w-filter-item-name {
  font-family: "Londrina Solid", sans-serif !important;
  font-weight: 300 !important;
  font-size: 16px !important;
  color: #2b2b2b !important;
  line-height: 1.2 !important;
}

.w-filter-item-count {
  font-family: "Londrina Solid", sans-serif !important;
  font-size: 14px !important;
  color: #2b2b2b !important;
  margin-left: auto !important;
}

/* Category item hover */
.w-filter-item:hover .w-filter-item-name {
  color: #660033 !important;
}

.price-range-slider-wrapper {
  position: relative !important;
  width: 100% !important;
  margin-top: 15px !important;
  margin-bottom: 25px !important;
  height: 3px !important;
  background-color: #3a3a3a;
}

.price-slider-track {
  display: blcok !important;
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  left: 0 !important;
  right: 0 !important;
  height: 4px !important;
  background-color: #e5e5e5 !important;
  z-index: 1 !important;
  border-radius: 0px !important;
}

.price-slider-track-highlight {
  display: block !important;
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  height: 4px !important;
  background-color: #2b2b2b !important;
  z-index: 2 !important;
  border-radius: 0px !important;
}

.price-range-slider-wrapper input[type="range"] {
  position: absolute !important;
  pointer-events: none !important;
  -webkit-appearance: none !important;
  z-index: 3;
  height: 6px !important;
  width: 100% !important;
  top: 0 !important;
  left: 0 !important;
  background: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  outline: none !important;
}

/* Thumbs logic to enable cursor interaction */
.price-range-slider-wrapper input[type="range"]::-webkit-slider-thumb {
  height: 14px !important;
  width: 14px !important;
  border-radius: 50% !important;
  background: #2b2b2b !important;
  cursor: pointer !important;
  -webkit-appearance: none !important;
  pointer-events: auto !important;
  border: none !important;
  box-shadow: none !important;
}

.price-range-slider-wrapper input[type="range"]::-moz-range-thumb {
  height: 14px !important;
  width: 14px !important;
  border-radius: 50% !important;
  background: #2b2b2b !important;
  cursor: pointer !important;
  border: none !important;
  box-shadow: none !important;
  pointer-events: auto !important;
}

/* Price Display Inputs Above Slider */
.price-slider-inputs {
  display: flex !important;
  justify-content: space-between !important;
  margin-top: 5px !important;
  margin-bottom: 15px !important;
  gap: 15px !important;
}

.price-input-box {
  background-color: #ffffff !important;
  border: 1px solid #D9D9D9 !important;
  /* padding: 6px 12px !important; */
  font-family: "Courier Prime", monospace !important;
  font-size: 14px !important;
  /* color: #2b2b2b !important; */
  min-width: 12px !important;
  text-align: center !important;
  border-radius: 0px !important;
  /* flex: 1 !important; */
  box-sizing: border-box !important;
  font-weight: bold !important;
  line-height: normal;
  color: #000;
  padding: 5px 10px;
}

/* Price Actions and values */
.price-slider-actions {
  display: flex !important;
  flex-direction: column !important;
  gap: 15px !important;
}

.price-slider-values {
  font-family: "Courier Prime", sans-serif !important;
  font-size: 15px !important;
  color: #2b2b2b !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
}

.price-action-buttons {
  display: flex !important;
  gap: 10px !important;
}

.price-action-buttons button {
  flex: 1 !important;
  font-family: "Courier Prime", sans-serif !important;
  font-size: 13px !important;
  font-weight: bold !important;
  padding: 10px 15px !important;
  text-transform: uppercase !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  height: auto !important;
  border-radius: 0px !important;
}

.price-filter-btn {
  background-color: #660033 !important;
  color: #ffffff !important;
}

.price-filter-btn:hover {
  background-color: #07fcc5 !important;
  color: #23152e !important;
}

.price-reset-btn {
  background-color: #888888 !important;
  color: #ffffff !important;
}

.price-reset-btn:hover {
  background-color: #23152e !important;
  color: #ffffff !important;
}

/* Accordion Styles */
.shop-widget-section.collapsed .categories-checkbox-list,
.shop-widget-section.collapsed .categories-search-wrapper,
.shop-widget-section.collapsed .select-sort-wrapper,
.shop-widget-section.collapsed .price-range-slider-wrapper,
.shop-widget-section.collapsed .price-slider-actions,
.shop-widget-section.collapsed .price-slider-inputs {
  display: none !important;
}

.shop-widget-section .widget-title {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  cursor: pointer !important;
}

.shop-widget-section .widget-collapse-icon svg {
  transition: transform 0.2s ease !important;
}

.shop-widget-section.collapsed .widget-collapse-icon svg {
  transform: rotate(-90deg) !important;
}

/* Inline Sort Dropdown (Shop All top bar) */
.inline-sort-wrapper {
  margin-left: auto;
}

.inline-sort-select {
  height: 40px !important;
  min-width: 200px !important;
  border: 1px solid #d5d5d5 !important;
  padding: 0 30px 0 12px !important;
  font-family: "Courier Prime", sans-serif !important;
  font-size: 18px !important;
  background-color: #ffffff !important;
  color: #2b2b2b !important;
  outline: none !important;
  border-radius: 0px !important;
  cursor: pointer !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%3Cpath%20fill%3D%22%232b2b2b%22%20d%3D%22M10.293%203.293L6%207.586%201.707%203.293L.293%204.707%206%2010.414l5.707-5.707z%22%2F%3E%3C%2Fsvg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 10px center !important;
  background-size: 12px !important;
}

.inline-sort-select:focus {
  border-color: none;
}

.inline-sort-select:hover {
  border: none;
}


.inline-sort-select,
.inline-sort-select:focus,
.inline-sort-select:focus-visible,
.inline-sort-select:active {
  outline: none !important;
  box-shadow: none !important;
}

/* PDP Quantity and Add to Cart Buttons Side-by-Side */
.product-form__buttons-row {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 12px !important;
  width: 100% !important;
  max-width: 140px;
  margin-bottom: 20px;
}

.product-form__buttons-row .quantity {
  flex: 0 0 140px;
  /* Slightly wider to accommodate Dawn's +/- symbols properly without crowding */
  min-width: 140px;
  max-width: 140px;
  margin: 0 !important;
  height: 50px !important;
  min-height: 50px !important;
  border: 1px solid #e8e8e8 !important;
  background-color: #ffffff !important;
  border-radius: 0px !important;
  /* Dawn is square/sharp corners */
}

.product-form__buttons-row .quantity__input {
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  text-align: center !important;
  font-family: 'Courier Prime', sans-serif !important;
  font-size: 16px !important;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

.product-form__buttons-row .quantity__button {
  width: 40px !important;
  height: 100% !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
}

.product-form__buttons-row .product-form__submit {
  flex: 1 !important;
  margin: 0 !important;
  height: 50px !important;
  min-height: 50px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-family: 'Courier Prime', sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  background-color: #660033 !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 0px !important;
}

.product-form__buttons-row .product-form__submit:hover {
  background-color: #07fcc5 !important;
  color: #23152e !important;
}

/* Adjust Shopify Payment Buttons */
.product-form__buttons .shopify-payment-button {
  margin-top: 0 !important;
}

.product-form__buttons .shopify-payment-button__button--unbranded,
.product-form__buttons .shopify-payment-button__button--unbranded:hover {
  display: none !important;
}

/* Short Description PDP Styling */
.product__short-description {
  margin: 15px 0 15px 0;
}

.product__short-description,
.product__short-description p {
  font-size: 18px;
  color: #1a1a1a;
  text-align: left;
  font-family: 'Courier Prime', sans-serif;
  line-height: 28px;
  margin: 0 !important;
}

.product__short-description p {
  margin: 0 0 10px 0 !important;
}

.product__short-description p:last-child {
  margin-bottom: 0 !important;
}

h2.related-products__heading.inline-richtext.h0 {
  font-family: "Londrina Solid", Sans-serif;
  font-size: 34px;
  font-weight: 300;
  color: #2b2b2b;
  text-align: center;
}



/* Related products - remove full card hover effect */
.related-products .card-wrapper:hover .card {
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}

/* Remove hover overlay layer */
.related-products .card-wrapper:hover .card__inner,
.related-products .card-wrapper:hover .card__content {
  background: transparent !important;
}

/* Hide quick add / quick view hover layer */
.related-products .card-wrapper:hover .quick-add {
  opacity: 0 !important;
  visibility: hidden !important;
}

/* Keep image hover like normal products */
.related-products .card-wrapper .media.media--hover-effect img {
  transition: transform 0.3s ease;
}

.related-products .card-wrapper:hover .media.media--hover-effect img {
  transform: scale(1.03);
}



.wysh-floating-icon {

  background-color: #07fcc5 !important;
  /* replace with your teal hex code */

}

a.wysh-floating-icon svg {
  color: #660033 !important;
}


.price.price--on-sale {
  margin-top: -10px !important;
}

.card__information {
  padding: 25px 15px !important;
}

.product__short-description.rte {
  border-bottom: 1px solid #D5D5D5;
  padding-bottom: 20px;
  border-top: 1px solid #D5D5D5;
  padding-top: 20px;
}


.custom-color-dropdown-container.custom-color-dropdown-wrapper {
  margin-top: 40px !important;
}


button#view-all-products-btn {
  background-color: #620a39;
  font-family: "Courier Prime", Sans-serif;
  font-weight: 300;
  margin-top: 0px;
  text-transform: none;
  font-size: 18px;
  width: auto !important;
}

button#view-all-products-btn:hover {
  background-color: #07fcc5 !important;
  color: #1a1a1a !important;

}





/* cart css  */


td.cart-item__details a {
  font-size: 18px;
  color: #000;
  font-family: Courier Prime, sans-serif !important;
}

/* ========== CUSTOM CART DRAWER visual styling PARITY ========== */
.cart-drawer .drawer__header {
  font-family: "Courier Prime", Sans-serif;
  padding: 15px 0 !important;
  /* margin-bottom: 15px !important; */
  display: flex !important;
  justify-content: flex-start !important;
  align-items: center !important;
  margin-top: 15px;
}

.cart-drawer .drawer__heading {
  font-family: "Courier Prime", Sans-serif;
  font-size: 13px !important;
  line-height: 1.5;
  color: #2b2b2b !important;
  display: flex !important;
  align-items: center !important;
}

.cart-drawer .drawer__close {
  display: none !important;
  /* Hide close button in header to match reference layout */
}

.cart-drawer .cart-count-badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background-color: #660033 !important;
  color: #ffffff !important;
  font-size: 12px !important;
  font-weight: bold !important;
  width: 20px !important;
  height: 20px !important;
  border-radius: 50% !important;
  margin-left: 8px !important;
  vertical-align: middle !important;
}

.cart-drawer .drawer__inner {
  width: 360px !important;
  max-width: 100vw !important;
  background-color: #ffffff !important;
  padding: 0 20px !important;
  border: none !important;
}

.cart-drawer thead {
  display: none !important;
  /* Hide Product / Total headers */
}

/* Item Row layout */
.cart-drawer .cart-item {
  display: grid !important;
  grid-template-columns: 80px 1fr auto !important;
  grid-template-rows: auto auto auto !important;
  gap: 0 15px !important;
  align-items: start !important;
  position: relative !important;
  padding: 15px 0 !important;
  border-bottom: 1px solid #eaeaea !important;
  background-color: #ffffff !important;
}

.cart-drawer .cart-item__media {
  grid-column: 1 !important;
  grid-row: 1 / 4 !important;
  padding: 0 !important;
}

.cart-drawer .cart-item__media img {
  width: 80px !important;
  height: auto !important;
  max-width: 80px !important;
  border-radius: 0px !important;
  /* Strict 0px border radius */
}

.cart-drawer .cart-item__details {
  grid-column: 2 / 4 !important;
  grid-row: 1 / 3 !important;
  padding: 0 !important;
  padding-right: 25px !important;
  /* Leave room for close button */
}

.cart-drawer .cart-item__name {
  font-family: "Courier Prime", Sans-serif;
  font-size: 18px !important;
  font-weight: 400 !important;
  color: #000 !important;
  line-height: 1.3 !important;
  text-decoration: none !important;
  display: block !important;
  margin-bottom: 4px !important;
}

.custom-variant-option {
  font-family: "Courier Prime", Sans-serif;
  font-size: 13px !important;
  color: #1a1a1a !important;
  margin-bottom: 8px !important;
  font-weight: normal !important;
}

/* Remove Button (X) - Positioned same as reference, visible on hover for desktop */
.cart-drawer .cart-item__quantity,
.cart-drawer quantity-popover,
.cart-drawer .quantity-popover-wrapper,
.cart-drawer .quantity-popover-container {
  position: static !important;
}

.cart-drawer cart-remove-button {
  position: absolute !important;
  top: 6px !important;
  right: -10px !important;
  margin: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transition: opacity 0.2s ease !important;
  z-index: 5 !important;
}

.cart-drawer .cart-item:hover cart-remove-button {
  opacity: 1 !important;
  pointer-events: auto !important;
}

@media screen and (max-width: 989px) {
  .cart-drawer cart-remove-button {
    opacity: 1 !important;
    pointer-events: auto !important;
  }
}

.cart-drawer cart-remove-button button.cart-remove-button {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  width: 32px !important;
  height: 32px !important;
  cursor: pointer !important;
  color: #d66b6b !important;
  /* Soft rose red matching reference */
  font-family: Arial, sans-serif !important;
  font-weight: 300 !important;
  font-size: 22px !important;
  line-height: 1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: none !important;
}

.cart-drawer cart-remove-button button.cart-remove-button:hover {
  color: #660033 !important;
  /* Brand maroon on hover */
  background: transparent !important;
}

/* Quantity Selector & Price Alignment: side-by-side layout with thin borders matching reference */
.cart-drawer .cart-item__details-price {
  display: none !important;
}

.cart-drawer .cart-item__quantity {
  grid-column: 2 !important;
  grid-row: 3 !important;
  padding: 0 !important;
  margin-top: 10px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
}

.cart-drawer .quantity-popover-wrapper {
  padding: 0 !important;
  margin: 0 !important;
}

.cart-drawer .quantity-popover-container {
  padding: 0 !important;
  margin: 0 !important;
}

.cart-drawer .quantity {
  width: 90px !important;
  height: 30px !important;
  min-height: 30px !important;
  border: 1px solid #eaeaea !important;
  display: flex !important;
  background: #ffffff !important;
  padding: 0 !important;
  margin: 0 !important;
  box-shadow: none !important;
  border-radius: 0px !important;
}

.cart-drawer .quantity__button {
  width: 28px !important;
  height: 100% !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  color: #2b2b2b !important;
  margin: 0 !important;
  box-shadow: none !important;
}

.cart-drawer .quantity__button:hover {
  background-color: #f7f7f7 !important;
}

.cart-drawer .quantity__button svg {
  width: 10px !important;
  height: 10px !important;
  display: block !important;
  pointer-events: none;
}

.cart-drawer .quantity__input {
  width: 32px !important;
  height: 100% !important;
  padding: 0 !important;
  border: none !important;
  border-left: 1px solid #eaeaea !important;
  border-right: 1px solid #eaeaea !important;
  background: transparent !important;
  text-align: center !important;
  font-size: 14px !important;
  font-family: 'Courier Prime', monospace !important;
  font-weight: 700 !important;
  color: #2b2b2b !important;
  margin: 0 !important;
  -moz-appearance: textfield !important;
}

.cart-drawer .quantity__input::-webkit-outer-spin-button,
.cart-drawer .quantity__input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0 !important;
}

/* Price Totals Column aligned right on the same line as quantity */
.cart-drawer .cart-item__totals {
  grid-column: 3 !important;
  grid-row: 3 !important;
  align-self: center !important;
  justify-self: end !important;
  padding: 0 !important;
  margin: 0 !important;
  margin-top: 10px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
}

.cart-drawer .cart-item__price-wrapper {
  font-family: "Courier Prime", monospace !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  color: #2b2b2b !important;
}

.cart-drawer .price--end {
  font-family: 'Courier Prime', monospace !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #2b2b2b !important;
}

/* Footer elements styling */
.cart-drawer details[id^="Details-CartDrawer"] {
  display: none !important;
  /* Hide notes details collapse */
}

.cart-drawer .drawer__footer {
  border-top: none !important;
  padding: 15px 0 !important;
  background-color: #ffffff !important;
  text-align: center;
}

.cart-drawer .tax-note {
  display: none !important;
  /* Hide tax policy note */
}

.cart-drawer .totals {
  border-top: 1px solid #eaeaea !important;
  padding: 15px 0 !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin-top: 15px !important;
}

.cart-drawer .totals__total {
  font-family: Courier Prime, sans-serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  color: #000000 !important;
  margin: 0 !important;
}

.cart-drawer .totals__total-value {
  font-family: Courier Prime, sans-serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #660033 !important;
  margin: 0 !important;
}

.cart-drawer__view-cart.custom-cart-link {
  display: block !important;
  text-align: center !important;
  font-family: Courier Prime, sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  color: #000000 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  margin: 15px auto !important;
  padding: 5px 0 !important;
  text-decoration: none !important;
  width: fit-content !important;
  min-height: 0 !important;
  min-width: 0 !important;
}

.cart-drawer__view-cart.custom-cart-link:hover {
  color: #07fcc5 !important;
  background: transparent !important;
}

.cart-drawer button#CartDrawer-Checkout {
  background-color: #660033 !important;
  color: #ffffff !important;
  font-family: 'Courier Prime', monospace !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  width: 100% !important;
  height: 50px !important;
  min-height: 50px !important;
  border: none !important;
  border-radius: 0px !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: none !important;
  transition: background-color 0.2s ease !important;
}

.cart-drawer button#CartDrawer-Checkout:hover {
  background-color: #07fcc5 !important;
  color: #23152e !important;
}


legend.form__label {
  font-size: 18px;
  font-family: Courier Prime, sans-serif !important;
  color: #2b2b2b;
  margin-bottom: 10px;

}


.menu-drawer__menu-item {
  font-family: "Londrina Solid", sans-serif !important;
  font-size: 19px !important;
  color: #2b2b2b;
  font-weight: 300;
}

/* Active Filter Chips Styling */
.active-filters-chips-container {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 15px;
  margin-bottom: 15px;
  padding: 0;
  width: 100%;
}

.active-filter-chip {
  background-color: #ffffff;
  color: #000000;
  border: 1px solid #ddd !important;
  font-family: 'Courier Prime', sans-serif;
  font-size: 13px !important;
  font-weight: 500;
  padding: 11px 12px 7px 12px !important;
  border-radius: 4px;
  margin-bottom: 5px;
  margin-right: 5px;
  display: inline-flex;
  line-height: 1;
  cursor: pointer;
  align-items: center;
  gap: 6px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  transition: all 0.2s;
}

.active-filter-chip:hover {
  background-color: #000000;
  color: #ffffff;
}

.active-filter-chip .chip-close-icon {
  font-size: 16px;
  line-height: 1;
  font-weight: bold;
}

.clear-all-chip {
  background-color: #f7f7f7;
  border-style: dashed;
}

/* Style Reset button as maroon and full-width, hide Filter button */
.price-action-buttons {
  display: block !important;
  width: 100% !important;
}

.price-filter-btn {
  display: none !important;
}

.price-reset-btn {
  display: block !important;
  width: 100% !important;
  text-align: center !important;
  background-color: #660033 !important;
  /* Brand maroon color */
  color: #ffffff !important;
  border: none !important;
  font-family: 'Courier Prime', sans-serif !important;
  font-size: 14px !important;
  font-weight: bold !important;
  padding: 12px 20px !important;
  border-radius: 0px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.1em !important;
  cursor: pointer !important;
  transition: background-color 0.2s ease !important;
}

.price-reset-btn:hover {
  background-color: #4d0026 !important;
  /* Darker maroon on hover */
}


.collection-card-wrapper *,
.collection-card-wrapper:hover *,
.collection-list__item:hover * {
  transform: none !important;
  transition: none !important;
  animation: none !important;
}

.collection-card-wrapper:hover .card,
.collection-card-wrapper:hover .card__inner,
.collection-card-wrapper:hover .media img,
.collection-card-wrapper:hover .icon-arrow {
  transform: none !important;
}


.about-hero-breadcrumbs a:hover {
  color: #07fcc5 !important;
}

/* Scroll to Top Button */
.scroll-to-top {
  position: fixed;
  bottom: 107px;
  right: 20px;
  width: 45px;
  height: 45px;
  background-color: #07fcc5;
  color: #fff;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transform: translateY(20px);
  transition: all 0.3s ease;
  z-index: 9999;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

.scroll-to-top.show {
  font-weight: 700 !important;
  color: #660033 !important;
  margin: 0 !important;
}

.cart-drawer__view-cart.custom-cart-link {
  display: block !important;
  text-align: center !important;
  font-family: Courier Prime, sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  color: #000000 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  margin: 15px auto !important;
  padding: 5px 0 !important;
  text-decoration: none !important;
  width: fit-content !important;
  min-height: 0 !important;
  min-width: 0 !important;
}

.cart-drawer__view-cart.custom-cart-link:hover {
  color: #07fcc5 !important;
  background: transparent !important;
}

.cart-drawer button#CartDrawer-Checkout {
  background-color: #660033 !important;
  color: #ffffff !important;
  font-family: 'Courier Prime', monospace !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  width: 100% !important;
  height: 50px !important;
  min-height: 50px !important;
  border: none !important;
  border-radius: 0px !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: none !important;
  transition: background-color 0.2s ease !important;
}

.cart-drawer button#CartDrawer-Checkout:hover {
  background-color: #07fcc5 !important;
  color: #23152e !important;
}


legend.form__label {
  font-size: 18px;
  font-family: Courier Prime, sans-serif !important;
  color: #2b2b2b;
  margin-bottom: 10px;

}


.menu-drawer__menu-item {
  font-family: "Londrina Solid", sans-serif !important;
  font-size: 19px !important;
  color: #2b2b2b;
  font-weight: 300;
}

/* Active Filter Chips Styling */
.active-filters-chips-container {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 15px;
  margin-bottom: 15px;
  padding: 0;
  width: 100%;
}

.active-filter-chip {
  background-color: #ffffff;
  color: #000000;
  border: 1px solid #000000;
  font-family: 'Courier Prime', sans-serif;
  font-size: 13px;
  font-weight: 500;
  padding: 6px 12px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border-radius: 0px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  transition: all 0.2s ease;
}

.active-filter-chip:hover {
  background-color: #000000;
  color: #ffffff;
}

.active-filter-chip .chip-close-icon {
  font-size: 16px;
  line-height: 1;
  font-weight: bold;
}

.clear-all-chip {
  background-color: #f7f7f7;
  border-style: dashed;
}

/* Style Reset button as maroon and full-width, hide Filter button */
.price-action-buttons {
  display: block !important;
  width: 100% !important;
}

.price-filter-btn {
  display: none !important;
}

.price-reset-btn {
  display: block !important;
  width: 100% !important;
  text-align: center !important;
  background-color: #660033 !important;
  /* Brand maroon color */
  color: #ffffff !important;
  border: none !important;
  font-family: 'Courier Prime', sans-serif !important;
  font-size: 14px !important;
  font-weight: bold !important;
  padding: 12px 20px !important;
  border-radius: 0px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.1em !important;
  cursor: pointer !important;
  transition: background-color 0.2s ease !important;
}

.price-reset-btn:hover {
  background-color: #4d0026 !important;
  /* Darker maroon on hover */
}


.collection-card-wrapper *,
.collection-card-wrapper:hover *,
.collection-list__item:hover * {
  transform: none !important;
  transition: none !important;
  animation: none !important;
}

.collection-card-wrapper:hover .card,
.collection-card-wrapper:hover .card__inner,
.collection-card-wrapper:hover .media img,
.collection-card-wrapper:hover .icon-arrow {
  transform: none !important;
}


.about-hero-breadcrumbs a:hover {
  color: #07fcc5 !important;
}

/* Scroll to Top Button */
.scroll-to-top {
  position: fixed;
  bottom: 130px;
  right: 20px;
  width: 45px;
  height: 45px;
  background-color: #07fcc5;
  color: #fff;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transform: translateY(20px);
  transition: all 0.3s ease;
  z-index: 9999;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

.scroll-to-top.show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.scroll-to-top svg {
  width: 24px;
  height: 24px;
  stroke: #000000ff;
}

.scroll-to-top:hover {
  background-color: #660033;
  transform: translateY(-3px);
}

@media screen and (max-width: 992px) {
  .scroll-to-top {
    bottom: 180px;
  }
}

/* Cart Count Bubble Override */
#cart-icon-bubble .cart-count-bubble {
  background-color: #660033 !important;
  color: #ffffff !important;
  top: 0.2rem !important;
  left: 2.5rem !important;
  right: auto !important;
  bottom: auto !important;
  transform: none !important;
}

/* ==========================================================================
   WOOCOMMERCE CART LAYOUT FIXES
   ========================================================================== */
.template-cart #MainContent>.shopify-section:has(cart-items) {
  width: 65%;
}

.template-cart #MainContent>.shopify-section:has(#main-cart-footer) {
  width: 32%;
  margin-top: 0;
}

.template-cart #MainContent>.shopify-section .page-width {
  padding: 0;
  max-width: none;
}

.template-cart .title-wrapper-with-link {
  display: none !important;
}

/* WOO CART TOTALS BOX */
.woo-cart-totals {
  border: none !important;
  padding: 2rem;
  background-color: #f7f7f7;
  font-family: 'Courier Prime', Courier, monospace;
}

.woo-cart-totals-title {
  display: none;
}

.woo-totals-row {
  display: flex;
  justify-content: space-between;
  padding: 1rem 0;
  border-bottom: 1px dotted #ccc;
  font-size: 16px;
}

.woo-totals-row:last-of-type {
  border-bottom: none;
}

.woo-totals-row .label {
  font-weight: 700;
  color: #2b2b2b;
}

.woo-totals-row .value {
  color: #660033;
  font-weight: 700;
}

.tax-note {
  display: block;
  margin: 1.5rem 0;
  font-size: 12px;
  color: #666;
  text-align: left;
}

.woo-proceed-checkout {
  width: 100%;
  padding: 1.5rem;
  background-color: #660033 !important;
  color: #fff !important;
  text-align: center;
  font-weight: 600;
  font-size: 18px;
  text-transform: uppercase;
  margin-top: 2rem;
  border: none;
  cursor: pointer;
  font-family: 'Courier Prime', Courier, monospace;
  transition: all 0.3s ease !important;
}

.woo-proceed-checkout:hover {
  background-color: #5bc0de !important;
  color: #fff !important;
}

.woo-or-divider {
  text-align: center;
  margin: 1rem 0;
}

/* CART ITEMS TABLE WOO STYLING */
@media screen and (min-width: 750px) {
  .template-cart table.cart-items {
    display: table !important;
    width: 100% !important;
    border-collapse: collapse !important;
    border-spacing: 0 !important;
  }

  .template-cart table.cart-items thead {
    display: table-header-group !important;
  }

  .template-cart table.cart-items tbody {
    display: table-row-group !important;
  }

  .template-cart table.cart-items tr.cart-item {
    display: table-row !important;
    /* border-bottom: 1px solid #e5e5e5 !important; */
  }

  .template-cart table.cart-items th,
  .template-cart table.cart-items td {
    display: table-cell !important;
    vertical-align: middle !important;
    box-sizing: border-box !important;
    padding: 15px 10px !important;
  }

  .template-cart .cart-items th {
    font-family: 'Courier Prime', Courier, monospace !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    text-transform: none !important;
    border-top: 1px solid #e5e5e5 !important;
    border-bottom: 1px solid #e5e5e5 !important;
    color: #000000 !important;
    letter-spacing: 0.02em !important;
  }
}

.template-cart .cart-item__link {
  display: none !important;
}

/* STRICT ICON AND IMAGE SIZING */
.template-cart .cart-item__remove a.cart-remove-x {
  font-size: 24px !important;
  font-weight: 300 !important;
  color: #000000 !important;
  text-decoration: none !important;
  display: inline-block !important;
  transition: color 0.2s ease !important;
  cursor: pointer !important;
}

.template-cart .cart-item__remove a.cart-remove-x:hover {
  color: #ff0000 !important;
}

/* Product Info & Option styling */
.template-cart .cart-item__name {
  font-family: 'Courier Prime', Courier, monospace !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #000000 !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
  display: inline-block !important;
}

.template-cart .cart-item__name:hover {
  color: #660033 !important;
}

.template-cart .product-option {
  font-family: 'Courier Prime', Courier, monospace !important;
  font-size: 18px !important;
  color: #1a1a1a !important;
  margin-top: 4px !important;
}

.template-cart .cart-item__totals .price,
.template-cart .cart-item__price .price,
.template-cart .cart-item__price .product-option,
.template-cart .cart-item__totals .product-option {
  color: #660033 !important;
  font-weight: 700 !important;
}

.template-cart .cart-item__details,
.template-cart .cart-item__price,
.template-cart .cart-item__quantity,
.template-cart .cart-item__totals {
  font-family: 'Courier Prime', Courier, monospace !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  transition: all 0.3s ease !important;
}

/* Image container and sizes */
.template-cart .cart-item__image-container {
  width: 80px !important;
  height: 80px !important;
  border: 1px solid #e5e5e5 !important;
  background: #fff !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  border-radius: 0px !important;
}

.template-cart .cart-item__image {
  max-width: 100% !important;
  max-height: 100% !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
}

/* Quantity Boxy inputs styling */
.template-cart .quantity {
  border: 1px solid #cccccc !important;
  border-radius: 0px !important;
  min-height: 40px !important;
  height: 40px !important;
  width: 100px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 0 !important;
  box-shadow: none !important;
  margin: 0 auto !important;
}

.template-cart .quantity__button {
  width: 30px !important;
  height: 100% !important;
  background: transparent !important;
  border: none !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
}

.template-cart .quantity__button svg {
  width: 10px !important;
  height: 10px !important;
  color: #666666 !important;
}

.template-cart .quantity__input {
  width: 40px !important;
  height: 100% !important;
  border: none !important;
  border-left: 1px solid #cccccc !important;
  border-right: 1px solid #cccccc !important;
  text-align: center !important;
  font-family: 'Courier Prime', Courier, monospace !important;
  font-size: 14px !important;
  padding: 0 !important;
  background: transparent !important;
  color: #000000 !important;
}

/* Desktop spacing */
@media screen and (min-width: 750px) {

  .template-cart table.cart-items th,
  .template-cart table.cart-items td {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .template-cart .cart-col-remove,
  .template-cart .cart-item__remove {
    width: 50px !important;
    min-width: 50px !important;
    max-width: 50px !important;
    text-align: center !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .template-cart .cart-col-image,
  .template-cart .cart-item__media {
    width: 100px !important;
    min-width: 100px !important;
    max-width: 100px !important;
    text-align: center !important;
    padding-left: 0 !important;
  }

  .template-cart .cart-col-product,
  .template-cart .cart-item__details {
    width: auto !important;
    text-align: left !important;
    padding-left: 20px !important;
  }

  .template-cart .cart-col-price,
  .template-cart .cart-item__price {
    width: 110px !important;
    min-width: 110px !important;
    max-width: 110px !important;
    text-align: left !important;
    padding-left: 10px !important;
  }

  .template-cart .cart-col-quantity,
  .template-cart .cart-item__quantity {
    width: 140px !important;
    min-width: 140px !important;
    max-width: 140px !important;
    text-align: center !important;
    padding-left: 10px !important;
  }

  .template-cart .cart-item__quantity .cart-item__quantity-wrapper {
    justify-content: center !important;
  }

  .template-cart .cart-col-subtotal,
  .template-cart .cart-item__totals {
    width: 120px !important;
    min-width: 120px !important;
    max-width: 120px !important;
    text-align: right !important;
    padding-right: 0 !important;
    padding-left: 10px !important;
  }
}

/* COUPON SECTION */
.cart-coupon-actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.cart-coupon-wrapper {
  display: flex;
  gap: 1rem;
}

.cart-coupon-input {
  border: 1px solid #ccc;
  width: 280px;
  font-family: Courier Prime, Courier, monospace;
  font-weight: 400;
  line-height: 28px;
  text-transform: none;
  font-size: 18px;
  color: #1a1a1a;
  padding: 0px 10px;

}


input#cart-discount-code::placeholder {
  color: #1a1a1a;
}



.cart-coupon-btn {
  padding: 1rem 2rem;
  background-color: #660033;
  color: white;
  border: none;
  cursor: pointer;
  font-family: 'Courier Prime', Courier, monospace;
}

/* .cart-coupon-btn:hover {
  background-color: #5bc0de;
} */
.cart-update-btn {
  padding: 1rem 2rem;
  background-color: #660033;
  color: white;
  border: none;
  cursor: pointer;
  font-family: 'Courier Prime', Courier, monospace;
}

/* .cart-update-btn:hover {
  background-color: #5bc0de;
} */

/* WOO MOBILE STYLES */
/* WOO RESPONSIVE CART LAYOUT GRID & STYLE PARITY */

/* Desktop Grid Configuration */
@media screen and (min-width: 990px) {
  .template-cart main#MainContent {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 380px;
    column-gap: 50px;
    max-width: 1400px;
    margin: 0 auto t;
    align-items: start;
  }

  /* Force other sections to span all grid columns */
  .template-cart main#MainContent>*:not([id$="-items"]):not([id$="__cart-items"]):not(.shopify-section:has(cart-items)):not([id$="-footer"]):not([id$="__cart-footer"]):not(.shopify-section:has(#main-cart-footer)) {
    grid-column: 1 / -1 !important;
  }

  /* Main Columns positioning */
  .template-cart main#MainContent>[id$="-items"],
  .template-cart main#MainContent>[id$="__cart-items"],
  .template-cart main#MainContent>.shopify-section:has(cart-items) {
    grid-column: 1 !important;
    width: 100% !important;
  }

  .template-cart main#MainContent>[id$="-footer"],
  .template-cart main#MainContent>[id$="__cart-footer"],
  .template-cart main#MainContent>.shopify-section:has(#main-cart-footer) {
    grid-column: 2 !important;
    width: 100% !important;
    margin-top: 80px !important;
    /* Match vertical padding alignment */
    margin-bottom: 80px !important;
    /* Match vertical padding alignment */
  }

  /* Make containers full width inside grid columns */
  .template-cart [id$="-items"] .page-width,
  .template-cart [id$="__cart-items"] .page-width,
  .template-cart .shopify-section:has(cart-items) .page-width,
  .template-cart [id$="-footer"] .page-width,
  .template-cart [id$="__cart-footer"] .page-width,
  .template-cart .shopify-section:has(#main-cart-footer) .page-width {
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .template-cart .cart__footer {
    padding: 0 !important;
  }

  .template-cart .cart__blocks {
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* Mobile Stack Configuration */
@media screen and (max-width: 989px) {
  .template-cart main#MainContent {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: 100% !important;
    /* padding: 0 1.5rem !important; */
    box-sizing: border-box !important;
    margin: 0 auto !important;
  }

  .template-cart main#MainContent>.shopify-section,
  .template-cart main#MainContent>[id$="-items"],
  .template-cart main#MainContent>[id$="__cart-items"],
  .template-cart main#MainContent>.shopify-section:has(cart-items),
  .template-cart main#MainContent>[id$="-footer"],
  .template-cart main#MainContent>[id$="__cart-footer"],
  .template-cart main#MainContent>.shopify-section:has(#main-cart-footer) {
    width: 100% !important;
    max-width: 100% !important;
  }

  .template-cart [id$="-items"] .page-width,
  .template-cart [id$="__cart-items"] .page-width,
  .template-cart .shopify-section:has(cart-items) .page-width,
  .template-cart [id$="-footer"] .page-width,
  .template-cart [id$="__cart-footer"] .page-width,
  .template-cart .shopify-section:has(#main-cart-footer) .page-width {
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .template-cart main#MainContent>[id$="-footer"],
  .template-cart main#MainContent>[id$="__cart-footer"],
  .template-cart main#MainContent>.shopify-section:has(#main-cart-footer) {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
  }
}

/* Consolidated into Main Cart Table Styles block above */

/* Coupon & Sync Button styling */
.template-cart .cart-coupon-input {
  border-radius: 0px !important;
  border: 1px solid #cccccc !important;
}

.template-cart .cart-coupon-btn,
.template-cart .cart-update-btn {
  border-radius: 0px !important;
  font-weight: 700 !important;
  text-transform: none !important;
  letter-spacing: 0.02em !important;
  transition: background-color 0.2s ease, color 0.2s ease !important;
}

.woo-cart-totals.animated-border {
  position: relative;
  background: #f5f5f5 !important;
  border-radius: 10px !important;
  z-index: 1;
  isolation: isolate !important;
}

.woo-cart-totals.animated-border::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 10px;

  background: linear-gradient(90deg, #00BFFF, #00FFB3, #7CFF6B);
  background-size: 300% 300%;
  animation: moveBorder 5s linear infinite;

  padding: 5px;
  /* border thickness reduce */

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);

  -webkit-mask-composite: xor;
  mask-composite: exclude;

  z-index: -1;
  pointer-events: none;
}

@keyframes moveBorder {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}

.woo-cart-totals-title {
  font-family: 'Courier Prime', Courier, monospace !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  margin: 0 0 20px 0 !important;
  padding-bottom: 10px !important;
  border-bottom: 3px solid #000000 !important;
  color: #000000 !important;
}

.woo-totals-table {
  display: flex !important;
  flex-direction: column !important;
  margin-bottom: 25px !important;
}

.woo-totals-row {
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  padding: 15px 0 !important;
  border-bottom: none !important;
  /* No border lines between Subtotal, Shipping, Tax in WooCommerce */
}

.woo-totals-row .label {
  font-weight: 700 !important;
  color: #000000 !important;
  font-size: 16px !important;
}

.woo-totals-row .value {
  font-weight: 700 !important;
  color: #660033 !important;
  font-size: 16px !important;
}

/* Shipping row is structured differently to contain left-aligned block */
.woo-totals-row.shipping-row {
  display: block !important;
  padding: 15px 0 !important;
}

.shipping-info-wrapper {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  /* Left-aligned content */
  max-width: 100% !important;
  /* Spans full width */
  text-align: left !important;
  width: 100% !important;
}

.shipping-method-value {
  font-size: 16px !important;
  font-family: 'Courier Prime', Courier, monospace !important;
  margin-bottom: 8px !important;
}

.shipping-method-label {
  font-weight: 700 !important;
  color: #000000 !important;
}

.shipping-method-value .value {
  font-weight: 700 !important;
  color: #660033 !important;
}

.shipping-destination {
  font-size: 16px !important;
  /* Larger font size to match subtotal */
  font-family: 'Courier Prime', Courier, monospace !important;
  color: #1a1a1a !important;
  margin: 0 0 8px 0 !important;
}

.shipping-destination span {
  font-weight: 700 !important;
  color: #000000 !important;
}

.woo-change-address-btn {
  background: none !important;
  border: none !important;
  padding: 0 !important;
  color: #000000 !important;
  /* Black */
  text-decoration: none !important;
  /* No underline */
  font-family: 'Courier Prime', Courier, monospace !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  margin: 0 0 15px 0 !important;
  cursor: pointer !important;
  transition: color 0.2s ease !important;
  display: inline-block !important;
}

.woo-change-address-btn:hover {
  color: #660033 !important;
  /* Maroon on hover */
}

/* Shipping Calculator Form Inputs */
.woo-shipping-calculator {
  margin-top: 15px !important;
  display: none !important;
  flex-direction: column !important;
  gap: 15px !important;
  /* Wider gap */
  animation: fadeIn 0.3s ease;
  width: 100% !important;
}

.woo-shipping-calculator.open {
  display: flex !important;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(-5px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.woo-shipping-calculator .woo-field {
  margin: 0 !important;
  width: 100% !important;
}

.woo-shipping-calculator .woo-field label {
  display: block !important;
  font-family: 'Courier Prime', Courier, monospace !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  color: #1a1a1a !important;
  margin-bottom: 6px !important;
  text-align: left !important;
}

.woo-shipping-calculator .woo-field label .required {
  color: #ff0000 !important;
  margin-left: 2px !important;
}

.woo-shipping-calculator .woo-field select,
.woo-shipping-calculator .woo-field input {
  width: 100% !important;
  height: 50px !important;
  /* Exact 50px height */
  padding: 0 18px !important;
  /* Exact padding */
  font-family: 'Courier Prime', Courier, monospace !important;
  font-size: 18px !important;
  /* Match WooCommerce input font size */
  border: 1px solid #cccccc !important;
  border-radius: 0px !important;
  background-color: #ffffff !important;
  color: #1a1a1a !important;
  box-sizing: border-box !important;
}

.woo-shipping-calculator select {
  appearance: none !important;
  -webkit-appearance: none !important;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 18px center !important;
  background-size: 16px !important;
  padding-right: 40px !important;
}

.woo-totals-row.total-row {
  border-top: 1px solid #e5e5e5 !important;
  /* Border top above total in WooCommerce */
  border-bottom: none !important;
  padding-top: 20px !important;
  margin-top: 10px !important;
}

.woo-totals-row.total-row .label {
  font-size: 20px !important;
}

.woo-totals-row.total-row .value {
  font-size: 22px !important;
}

.woo-calc-submit-btn {
  background-color: #660033 !important;
  color: #ffffff !important;
  border: none !important;
  width: 100% !important;
  height: 50px !important;
  /* Match select heights */
  font-family: 'Courier Prime', Courier, monospace !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  text-transform: none !important;
  /* Don't capitalize all letters, match "Update" casing */
  cursor: pointer !important;
  transition: background-color 0.2s ease, color 0.2s ease !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 0px !important;
}

.woo-calc-submit-btn:hover {
  background-color: #5bc0de !important;
  color: #ffffff !important;
}

/* Proceed to Checkout CTA Button */
.template-cart .woo-proceed-checkout {
  background-color: #660033 !important;
  color: #ffffff !important;
  border: none !important;
  width: 100% !important;
  border-radius: 0px !important;
  font-family: 'Courier Prime', Courier, monospace !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  padding: 16px !important;
  cursor: pointer !important;
  transition: background-color 0.3s ease, color 0.3s ease !important;
  display: block !important;
  text-align: center !important;
}

.template-cart .woo-proceed-checkout:hover {
  background-color: #07FCC5 !important;
  color: #23152E !important;
}

.template-cart .woo-or-divider {
  text-align: center !important;
  margin: 15px 0 !important;
  font-family: 'Courier Prime', Courier, monospace !important;
  font-size: 14px !important;
  color: #666666 !important;
}


/* empty cart only */
/* .template-cart:has(.cart__empty-text) main#MainContent {
    display: block !important;
    max-width: 100% !important;
} */


WOOCOMMERCE CART LAYOUT FIXES==========================================================================*/ .template-cart #MainContent>.shopify-section:has(cart-items) {
  width: 65%;
}

.template-cart #MainContent>.shopify-section:has(#main-cart-footer) {
  width: 32%;
  margin-top: 0;
}

.template-cart #MainContent>.shopify-section .page-width {
  padding: 0;
  max-width: none;
}

.template-cart .title-wrapper-with-link {
  display: none !important;
}

/* Override WooCommerce Layout widths on mobile so it spans full width */
@media screen and (max-width: 989px) {

  .template-cart #MainContent>.shopify-section:has(cart-items),
  .template-cart #MainContent>.shopify-section:has(#main-cart-footer) {
    width: 100% !important;
  }
}

/* WOO CART TOTALS BOX */
.woo-cart-totals {
  border: none !important;
  padding: 2rem;
  background-color: #f7f7f7;
  font-family: 'Courier Prime', Courier, monospace;
}

.woo-cart-totals-title {
  display: none;
}

.woo-totals-row {
  display: flex;
  justify-content: space-between;
  padding: 1rem 0;
  border-bottom: 1px dotted #ccc;
  font-size: 16px;
}

.woo-totals-row:last-of-type {
  border-bottom: none;
}

.woo-totals-row .label {
  font-weight: 700;
  color: #2b2b2b;
}

.woo-totals-row .value {
  color: #660033;
  font-weight: 700;
}

.tax-note {
  display: block;
  margin: 1.5rem 0;
  font-size: 12px;
  color: #666;
  text-align: left;
}

.woo-proceed-checkout {
  width: 100%;
  padding: 1.5rem;
  background-color: #660033 !important;
  color: #fff !important;
  text-align: center;
  font-weight: 600;
  font-size: 18px;
  text-transform: uppercase;
  margin-top: 2rem;
  border: none;
  cursor: pointer;
  font-family: 'Courier Prime', Courier, monospace;
  transition: all 0.3s ease !important;
}

.woo-proceed-checkout:hover {
  background-color: #5bc0de !important;
  color: #fff !important;
}

.woo-or-divider {
  text-align: center;
  margin: 1rem 0;
}

/* CART ITEMS TABLE WOO STYLING */
@media screen and (min-width: 750px) {
  .template-cart table.cart-items {
    display: table !important;
    width: 100% !important;
    border-collapse: collapse !important;
    border-spacing: 0 !important;
  }

  .template-cart table.cart-items thead {
    display: table-header-group !important;
  }

  .template-cart table.cart-items tbody {
    display: table-row-group !important;
  }

  .template-cart table.cart-items tr.cart-item {
    display: table-row !important;
  }

  .template-cart table.cart-items th,
  .template-cart table.cart-items td {
    display: table-cell !important;
    vertical-align: middle !important;
    box-sizing: border-box !important;
    padding: 15px 10px !important;
  }

  .template-cart .cart-items th {
    font-family: 'Courier Prime', Courier, monospace !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    text-transform: none !important;
    border-top: 1px solid #e5e5e5 !important;
    border-bottom: 1px solid #e5e5e5 !important;
    color: #000000 !important;
    letter-spacing: 0.02em !important;
  }
}

.template-cart .cart-item__link {
  display: none !important;
}

/* STRICT ICON AND IMAGE SIZING */
.template-cart .cart-item__remove a.cart-remove-x {
  font-size: 24px !important;
  font-weight: 300 !important;
  color: #000000 !important;
  text-decoration: none !important;
  display: inline-block !important;
  transition: color 0.2s ease !important;
  cursor: pointer !important;
}

.template-cart .cart-item__remove a.cart-remove-x:hover {
  color: #ff0000 !important;
}

/* Product Info & Option styling */
.template-cart .cart-item__name {
  font-family: 'Courier Prime', Courier, monospace !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #000000 !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
  display: inline-block !important;
}

.template-cart .cart-item__name:hover {
  color: #660033 !important;
}

.template-cart .product-option {
  font-family: 'Courier Prime', Courier, monospace !important;
  font-size: 18px !important;
  color: #1a1a1a !important;
  margin-top: 4px !important;
}

.template-cart .cart-item__totals .price,
.template-cart .cart-item__price .price,
.template-cart .cart-item__price .product-option,
.template-cart .cart-item__totals .product-option {
  color: #660033 !important;
  font-weight: 700 !important;
}

.template-cart .cart-item__details,
.template-cart .cart-item__price,
.template-cart .cart-item__quantity,
.template-cart .cart-item__totals {
  font-family: 'Courier Prime', Courier, monospace !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  transition: all 0.3s ease !important;
}

/* Image container and sizes */
.template-cart .cart-item__image-container {
  width: 80px !important;
  height: 80px !important;
  border: 1px solid #e5e5e5 !important;
  background: #fff !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  border-radius: 0px !important;
}

.template-cart .cart-item__image {
  max-width: 100% !important;
  max-height: 100% !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
}

/* Quantity Boxy inputs styling */
.template-cart .quantity {
  border: 1px solid #cccccc !important;
  border-radius: 0px !important;
  min-height: 40px !important;
  height: 40px !important;
  width: 100px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 0 !important;
  box-shadow: none !important;
  margin: 0 auto !important;
}

.template-cart .quantity__button {
  width: 30px !important;
  height: 100% !important;
  background: transparent !important;
  border: none !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
}

.template-cart .quantity__button svg {
  width: 10px !important;
  height: 10px !important;
  color: #666666 !important;
}

.template-cart .quantity__input {
  width: 40px !important;
  height: 100% !important;
  border: none !important;
  border-left: 1px solid #cccccc !important;
  border-right: 1px solid #cccccc !important;
  text-align: center !important;
  font-family: 'Courier Prime', Courier, monospace !important;
  font-size: 14px !important;
  padding: 0 !important;
  background: transparent !important;
  color: #000000 !important;
}

/* Desktop spacing */
@media screen and (min-width: 750px) {

  .template-cart table.cart-items th,
  .template-cart table.cart-items td {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .template-cart .cart-col-remove,
  .template-cart .cart-item__remove {
    width: 50px !important;
    min-width: 50px !important;
    max-width: 50px !important;
    text-align: center !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .template-cart .cart-col-image,
  .template-cart .cart-item__media {
    width: 100px !important;
    min-width: 100px !important;
    max-width: 100px !important;
    text-align: center !important;
    padding-left: 0 !important;
  }

  .template-cart .cart-col-product,
  .template-cart .cart-item__details {
    width: auto !important;
    text-align: left !important;
    padding-left: 20px !important;
  }

  .template-cart .cart-col-price,
  .template-cart .cart-item__price {
    width: 110px !important;
    min-width: 110px !important;
    max-width: 110px !important;
    text-align: left !important;
    padding-left: 10px !important;
  }

  .template-cart .cart-col-quantity,
  .template-cart .cart-item__quantity {
    width: 140px !important;
    min-width: 140px !important;
    max-width: 140px !important;
    text-align: center !important;
    padding-left: 10px !important;
  }

  .template-cart .cart-item__quantity .cart-item__quantity-wrapper {
    justify-content: center !important;
  }

  .template-cart .cart-col-subtotal,
  .template-cart .cart-item__totals {
    width: 120px !important;
    min-width: 120px !important;
    max-width: 120px !important;
    text-align: right !important;
    padding-right: 0 !important;
    padding-left: 10px !important;
  }
}

/* COUPON SECTION */
.cart-coupon-actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.cart-coupon-wrapper {
  display: flex;
  gap: 1rem;
}

.cart-coupon-input {
  border: 1px solid #ccc;
  width: 280px;
  font-family: 'Courier Prime', Courier, monospace;
  font-weight: 400;
  line-height: 28px;
  text-transform: none;
  font-size: 18px;
  color: #1a1a1a;
  padding: 0px 10px;
}

input#cart-discount-code::placeholder {
  color: #1a1a1a;
}

.cart-coupon-btn {
  padding: 1rem 2rem;
  background-color: #660033;
  color: white;
  border: none;
  cursor: pointer;
  font-family: 'Courier Prime', Courier, monospace;
}

.cart-update-btn {
  padding: 1rem 2rem;
  background-color: #660033;
  color: white;
  border: none;
  cursor: pointer;
  font-family: 'Courier Prime', Courier, monospace;
}

/* WOO MOBILE STYLES */
/* WOO RESPONSIVE CART LAYOUT GRID & STYLE PARITY */

/* Desktop Grid Configuration */
@media screen and (min-width: 990px) {
  .template-cart main#MainContent {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 380px;
    column-gap: 50px;
    max-width: 1400px;
    margin: 0 auto !important;
    align-items: start;
  }

  /* Force other sections to span all grid columns */
  .template-cart main#MainContent>*:not([id$="-items"]):not([id$="__cart-items"]):not(.shopify-section:has(cart-items)):not([id$="-footer"]):not([id$="__cart-footer"]):not(.shopify-section:has(#main-cart-footer)) {
    grid-column: 1 / -1 !important;
  }

  /* Main Columns positioning */
  .template-cart main#MainContent>[id$="-items"],
  .template-cart main#MainContent>[id$="__cart-items"],
  .template-cart main#MainContent>.shopify-section:has(cart-items) {
    grid-column: 1 !important;
    width: 100% !important;
  }

  .template-cart main#MainContent>[id$="-footer"],
  .template-cart main#MainContent>[id$="__cart-footer"],
  .template-cart main#MainContent>.shopify-section:has(#main-cart-footer) {
    grid-column: 2 !important;
    width: 100% !important;
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }

  /* Make containers full width inside grid columns */
  .template-cart [id$="-items"] .page-width,
  .template-cart [id$="__cart-items"] .page-width,
  .template-cart .shopify-section:has(cart-items) .page-width,
  .template-cart [id$="-footer"] .page-width,
  .template-cart [id$="__cart-footer"] .page-width,
  .template-cart .shopify-section:has(#main-cart-footer) .page-width {
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .template-cart .cart__footer {
    padding: 0 !important;
  }

  .template-cart .cart__blocks {
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* Mobile Stack Configuration */
@media screen and (max-width: 989px) {
  .template-cart main#MainContent {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: 100% !important;
     /* padding: 0 1.5rem ;  */
    box-sizing: border-box !important;
    margin: 0 auto !important;
  }

  .template-cart main#MainContent>.shopify-section,
  .template-cart main#MainContent>[id$="-items"],
  .template-cart main#MainContent>[id$="__cart-items"],
  .template-cart main#MainContent>.shopify-section:has(cart-items),
  .template-cart main#MainContent>[id$="-footer"],
  .template-cart main#MainContent>[id$="__cart-footer"],
  .template-cart main#MainContent>.shopify-section:has(#main-cart-footer) {
    width: 100% !important;
    max-width: 100% !important;
  }

  .template-cart [id$="-items"] .page-width,
  .template-cart [id$="__cart-items"] .page-width,
  .template-cart .shopify-section:has(cart-items) .page-width,
  .template-cart [id$="-footer"] .page-width,
  .template-cart [id$="__cart-footer"] .page-width,
  .template-cart .shopify-section:has(#main-cart-footer) .page-width {
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }
}

/* Coupon & Sync Button styling */
.template-cart .cart-coupon-input {
  border-radius: 0px !important;
  border: 1px solid #cccccc !important;
}

.template-cart .cart-coupon-btn,
.template-cart .cart-update-btn {
  border-radius: 0px !important;
  font-weight: 700 !important;
  text-transform: none !important;
  letter-spacing: 0.02em !important;
  transition: background-color 0.2s ease, color 0.2s ease !important;
}

.woo-cart-totals.animated-border {
  position: relative;
  background: #f5f5f5 !important;
  border-radius: 10px !important;
  z-index: 1;
  isolation: isolate !important;
}

.woo-cart-totals.animated-border::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 10px;
  background: linear-gradient(90deg, #00BFFF, #00FFB3, #7CFF6B);
  background-size: 300% 300%;
  animation: moveBorder 5s linear infinite;
  padding: 5px;
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: -1;
  pointer-events: none;
}

@keyframes moveBorder {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}

.woo-cart-totals-title {
  font-family: 'Courier Prime', Courier, monospace !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  margin: 0 0 20px 0 !important;
  padding-bottom: 10px !important;
  border-bottom: 3px solid #000000 !important;
  color: #000000 !important;
}

.woo-totals-table {
  display: flex !important;
  flex-direction: column !important;
  margin-bottom: 25px !important;
}

.woo-totals-row {
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  padding: 15px 0 !important;
  border-bottom: none !important;
}

.woo-totals-row .label {
  font-weight: 700 !important;
  color: #000000 !important;
  font-size: 16px !important;
}

.woo-totals-row .value {
  font-weight: 700 !important;
  color: #660033 !important;
  font-size: 16px !important;
}

/* Shipping row is structured differently to contain left-aligned block */
.woo-totals-row.shipping-row {
  display: block !important;
  padding: 15px 0 !important;
}

.shipping-info-wrapper {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  max-width: 100% !important;
  text-align: left !important;
  width: 100% !important;
}

.shipping-method-value {
  font-size: 16px !important;
  font-family: 'Courier Prime', Courier, monospace !important;
  margin-bottom: 8px !important;
}

.shipping-method-label {
  font-weight: 700 !important;
  color: #000000 !important;
}

.shipping-method-value .value {
  font-weight: 700 !important;
  color: #660033 !important;
}

.shipping-destination {
  font-size: 16px !important;
  font-family: 'Courier Prime', Courier, monospace !important;
  color: #1a1a1a !important;
  margin: 0 0 8px 0 !important;
}

.shipping-destination span {
  font-weight: 700 !important;
  color: #000000 !important;
}

.woo-change-address-btn {
  background: none !important;
  border: none !important;
  padding: 0 !important;
  color: #000000 !important;
  text-decoration: none !important;
  font-family: 'Courier Prime', Courier, monospace !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  margin: 0 0 15px 0 !important;
  cursor: pointer !important;
  transition: color 0.2s ease !important;
  display: inline-block !important;
}

.woo-change-address-btn:hover {
  color: #660033 !important;
}

/* Shipping Calculator Form Inputs */
.woo-shipping-calculator {
  margin-top: 15px !important;
  display: none !important;
  flex-direction: column !important;
  gap: 15px !important;
  animation: fadeIn 0.3s ease;
  width: 100% !important;
}

.woo-shipping-calculator.open {
  display: flex !important;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(-5px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.woo-shipping-calculator .woo-field {
  margin: 0 !important;
  width: 100% !important;
}

.woo-shipping-calculator .woo-field label {
  display: block !important;
  font-family: "Courier Prime", Sans-serif;
  font-size: 16px !important;
  font-weight: 400 !important;
  color: #1a1a1a !important;
  margin-bottom: 6px !important;
  text-align: left !important;
}

.woo-shipping-calculator .woo-field label .required {
  color: #ff0000 !important;
  margin-left: 2px !important;
}

.woo-shipping-calculator .woo-field select,
.woo-shipping-calculator .woo-field input {
  width: 100% !important;
  height: 50px !important;
  padding: 0 18px !important;
  font-family: "Courier Prime", Sans-serif;
  font-size: 18px !important;
  border: 1px solid #cccccc !important;
  border-radius: 0px !important;
  background-color: #ffffff !important;
  color: #1a1a1a !important;
  box-sizing: border-box !important;
}

.woo-shipping-calculator select {
  appearance: none !important;
  -webkit-appearance: none !important;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 18px center !important;
  background-size: 16px !important;
  padding-right: 40px !important;
}

.woo-totals-row.total-row {
  border-top: 1px solid #e5e5e5 !important;
  border-bottom: none !important;
  padding-top: 20px !important;
  margin-top: 10px !important;
}

.woo-totals-row.total-row .label {
  font-size: 20px !important;
}

.woo-totals-row.total-row .value {
  font-size: 22px !important;
}

.woo-calc-submit-btn {
  background-color: #660033 !important;
  color: #ffffff !important;
  border: none !important;
  width: 100% !important;
  height: 50px !important;
  font-family: "Courier Prime", Sans-serif;
  font-size: 18px !important;
  font-weight: 700 !important;
  text-transform: none !important;
  cursor: pointer !important;
  transition: background-color 0.2s ease, color 0.2s ease !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 0px !important;
}

.woo-calc-submit-btn:hover {
  background-color: #5bc0de !important;
  color: #ffffff !important;
}

.template-cart .woo-proceed-checkout {
  background-color: #660033 !important;
  color: #ffffff !important;
  border: none !important;
  width: 100% !important;
  border-radius: 0px !important;
  font-family: 'Courier Prime', Courier, monospace !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  padding: 16px !important;
  cursor: pointer !important;
  transition: background-color 0.3s ease, color 0.3s ease !important;
  display: block !important;
  text-align: center !important;
}

.template-cart .woo-proceed-checkout:hover {
  background-color: #07FCC5 !important;
  color: #23152E !important;
}

.template-cart .woo-or-divider {
  text-align: center !important;
  margin: 15px 0 !important;
  font-family: "Courier Prime", Sans-serif;
  font-size: 14px !important;
  color: #666666 !important;
}

/* ==========================================================================
   MOBILE CART RESPONSIVE GRID LAYOUT (MAX-WIDTH: 749PX)
   ========================================================================== */
@media screen and (max-width: 749px) {

  /* Hide the desktop table headers */
  .template-cart table.cart-items thead {
    display: none !important;
  }

  /* Make table rows act as grid containers */
  .template-cart table.cart-items,
  .template-cart table.cart-items tbody,
  .template-cart table.cart-items tr.cart-item {
    display: block !important;
    width: 100% !important;
  }

  .template-cart table.cart-items th,
  .template-cart table.cart-items td {
    display: block !important;
    width: 100% !important;
    padding: 0 !important;
    border: none !important;
  }

  .template-cart table.cart-items tr.cart-item {
    position: relative !important;
    padding: 20px 0 !important;
    border-bottom: 1px solid #e5e5e5 !important;
    display: grid !important;
    grid-template-columns: 90px 1fr !important;
    column-gap: 15px !important;
    row-gap: 8px !important;
    align-items: start !important;
  }

  /* 1. Image on the left */
  .template-cart .cart-item__media {
    grid-column: 1 !important;
    grid-row: 1 / span 4 !important;
    padding: 0 !important;
  }

  .template-cart .cart-item__image-container {
    width: 90px !important;
    height: 90px !important;
    margin: 0 !important;
  }

  /* 2. Title & Variant on the right */
  .template-cart .cart-item__details {
    grid-column: 2 !important;
    grid-row: 1 !important;
    padding-right: 35px !important;
    /* Space for absolute remove button */
    padding-left: 0 !important;
  }

  /* 3. Reposition Remove (X) button */
  .template-cart .cart-item__remove {
    position: absolute !important;
    top: 20px !important;
    right: 0 !important;
    width: auto !important;
    margin: 0 !important;
    z-index: 2 !important;
  }

  .template-cart .cart-item__remove a.cart-remove-x {
    color: #ff0000 !important;
    font-size: 20px !important;
    line-height: 1 !important;
  }

  /* 4. Price Row - Force to display and show labeled value */
  .template-cart td.cart-item__price.small-hide {
    display: flex !important;
    grid-column: 2 !important;
    grid-row: 2 !important;
    justify-content: space-between !important;
    align-items: center !important;
  }

  .template-cart td.cart-item__price.small-hide::before {
    content: "Price" !important;
    font-family: "Courier Prime", Sans-serif;
    font-size: 14px !important;
    color: #1a1a1a !important;
    font-weight: 700 !important;
  }

  /* 5. Quantity Row - Labeled layout */
  .template-cart .cart-item__quantity {
    grid-column: 2 !important;
    grid-row: 3 !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin: 0 !important;
  }

  .template-cart .cart-item__quantity::before {
    content: "Quantity" !important;
    font-family: "Courier Prime", Sans-serif;
    font-size: 14px !important;
    color: #1a1a1a !important;
    font-weight: 700 !important;
  }

  .template-cart .cart-item__quantity .cart-item__quantity-wrapper {
    display: flex !important;
    justify-content: flex-end !important;
    width: auto !important;
    margin: 0 !important;
  }

  /* 6. Subtotal Row - Labeled layout */
  .template-cart .cart-item__totals {
    grid-column: 2 !important;
    grid-row: 4 !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin: 0 !important;
  }

  .template-cart .cart-item__totals::before {
    content: "Subtotal" !important;
    font-family: "Courier Prime", Sans-serif;
    font-size: 14px !important;
    color: #1a1a1a !important;
    font-weight: 700 !important;
  }

  /* Variant styling adjustments */
  .template-cart .custom-variant-option {
    font-size: 13px !important;
    margin-top: 4px !important;
  }
}

/* ==========================================================================
   COUPON & ACTIONS RESPONSIVE FIXES (MAX-WIDTH: 767PX)
   ========================================================================== */
@media screen and (max-width: 767px) {
  .cart-coupon-wrapper {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    gap: 15px !important;
  }

  .hover-overlay-btn{
    font-size: 13px !important;
  }


#deals-section-template--22186657251545__deals_of_the_day_yErD76 .deals-body-text {
    font-size: 20px !important;
}

#deals-section-template--22186657251545__deals_of_the_day_yErD76 .deals-sub-list li span{
  font-weight:500 !important
}

#deals-section-template--22186657251545__deals_of_the_day_yErD76 .deals-main-heading {
    font-size: 34px !important;
}


  .template-cart .cart-coupon-input {
    width: 100% !important;
    height: 50px !important;
  }

  .cart-coupon-actions {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    gap: 15px !important;
  }

  .cart-coupon-actions .cart-coupon-btn {
    width: 100% !important;
  }

  .cart-coupon-actions .cart-update-btn {
    width: 100% !important;
    order: -1 !important;
    /* Forces Update Cart to the very top */
  }
}


.sticky-add-to-cart__price span.price-item.price-item--sale.price-item--last {
  font-size: 18px;
  font-family: "Courier Prime", Sans-serif;
}


.sticky-add-to-cart__price s.price-item.price-item--regular {
  font-size: 18px;
  font-family: "Courier Prime", Sans-serif;
}


h3.sticky-add-to-cart__title {
  font-family: "Courier Prime", Sans-serif;
  font-size: 16px;
  color: #2b2b2b;
}


/* .template-cart main#MainContent:has(.cart__warnings),
.template-cart main#MainContent:has(.cart__empty-text) {
    display: block !important;
    grid-template-columns: 1fr !important;
    max-width: 100% !important;
    width: 100% !important;
} */

/* .template-cart .cart__warnings,
.template-cart .cart__empty-text {
    width: 100% !important;
    max-width: 100% !important;
} */



button.disclosure__button.localization-form__select.localization-selector.link.link--text.caption-large {
  text-decoration: none;
  font-family: 'Courier Prime', sans-serif;
  font-size: 14px;
  color: #660033;
}

li.disclosure__item a {
  font-family: 'Courier Prime', sans-serif !important;
  font-size: 15px;
}


h2.h1 {
  text-decoration: none !important;
}

div#shopify-section-template--22186657251545__deals_of_the_day_yErD76 h2 {
    font-family: "Ranchers", Sans-serif !important;
    -webkit-text-stroke-width: 2px !important;
    stroke-width: 1px !important;
    -webkit-text-stroke-color: #000;
    stroke: #000000 !important;
    text-shadow: 1px 1px 1px #898989 !important;
    color: #fff !important;
    font-size: 24px !important;
    letter-spacing: 0.1px;
}

div#shopify-section-template--22186657251545__deals_of_the_day_yErD76 #deals-section-template--22186657251545__deals_of_the_day_yErD76 .deals-card {
  position: relative;
  width: 100%;
  aspect-ratio: 1 / 1;
  border-radius: 10px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  box-sizing: border-box;
  height: 310px;
}


div#shopify-section-template--22186657251545__deals_of_the_day_yErD76 .deals-card:nth-child(5) .deals-body-text {
  font-size: 30px !important;
}


cart-drawer-items::-webkit-scrollbar-track {
  background: #07fcc5;
  border-radius: 10px;
}

cart-drawer-items::-webkit-scrollbar-thumb {
  background: #07fcc5;
  border-radius: 10px;
}

::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Thumb */
::-webkit-scrollbar-thumb {
  background: #07fcc5;
  border-radius: 10px;
}

/* ===== CART DRAWER LAYOUT ISOLATION (FIX FOR /cart PAGE STYLING LEAK) ===== */
.cart-drawer .cart-items,
.cart-drawer tbody {
  display: block !important;
  width: 100% !important;
  border-spacing: 0 !important;
  border-collapse: collapse !important;
}

.cart-drawer thead {
  display: none !important;
}

.cart-drawer .cart-item {
  display: grid !important;
  grid-template: repeat(2, auto) / repeat(4, 1fr) !important;
  gap: 1rem !important;
  margin-bottom: 1.5rem !important;
  width: 100% !important;
}

.cart-drawer .cart-item__media {
  width: auto !important;
  grid-row: 1 / 3 !important;
  grid-column: 1 / 2 !important;
}

.cart-drawer .cart-item__details {
  width: auto !important;
  max-width: 100% !important;
  grid-column: 2 / 4 !important;
}

.cart-drawer .cart-item__totals {
  grid-column: 4 / 5 !important;
  width: auto !important;
  display: flex !important;
  align-items: flex-start !important;
  justify-content: flex-end !important;
}

.cart-drawer .cart-item>td+td {
  padding-left: 0 !important;
}

.cart-drawer .cart-items td,
.cart-drawer .cart-items th {
  padding: 0 !important;
  border: none !important;
}

/* ===== HEADER & UTILITY BAR ALIGNMENT CONSISTENCY ACROSS ALL BREAKPOINTS ===== */
@media screen and (min-width: 989px) and (max-width: 1324px) {

  .utility-bar .page-width,
  .utility-bar__grid.page-width,
  body:has(.section-header .header:not(.drawer-menu)) .utility-bar .page-width,
  body:has(.section-header .header) .utility-bar .page-width,
  .header.page-width,
  .header-wrapper .header,
  .announcement-bar-section .page-width {
    padding-left: 30px !important;
    padding-right: 30px !important;
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  .header__heading {
    margin-left: 0 !important;
    padding-left: 0 !important;
  }

  .list-social {
    margin-left: 0 !important;
    padding-left: 0 !important;
  }

  .template-cart main#MainContent {
    padding-left: 10px !important;
    padding-right: 10px !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
}




.cd-shipping-label {
  font-size: 1.4rem;
  font-weight: 500;
  white-space: nowrap;
  padding-top: 2px;
  color: rgb(var(--color-foreground));
  font-family: Courier Prime, sans-serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  color: #000000 !important;
  margin: 0 !important;
}


.cd-change-address-btn {
  background: none;
  border: none;
  padding: 0;
  font-size: 1.2rem;
  color: #660033;
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 2px;
  font-family: inherit;
  transition: opacity 0.2s ease;
  font-family: 'Courier Prime';
  text-decoration: none;
}


div#cd-calc-form {
  font-family: 'Courier Prime';
}


.cd-shipping-dest {
  font-size: 1.2rem;
  color: #2b2b2b;
  margin: 0;
  font-family: 'Courier Prime';
}


.cd-calc-submit-btn:hover {
  background-color: #07fcc5 !important;
  color: #23152e !important;
}



a#more-payment-options-link {
  font-family: 'Courier Prime';
  text-decoration: none !important;
  text-align: left;
}


.cd-change-address-btn {
  text-decoration: none !important;
}


a {
  text-decoration: none !important
}


.thumbnail[aria-current] {
  box-shadow: 0 0 0 .1rem rgb(var(--color-foreground));
  border-color: rgb(var(--color-foreground));
  border-radius: 12px !important;
}


.cd-shipping-val {
  font-family: 'Courier Prime' !important;
}

/* Hide the "More payment options" text link */
.shopify-payment-button__more-options,
button.shopify-payment-button__more-options,
#more-payment-options-link {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}


/* Fix iOS Safari Auto-Zoom on Filter Input Focus */
@media screen and (max-width: 992px) {
  input.w-filter-quick-search, 
  input.w-product-filter-text-field,
  .sidebar-drawer-content input[type="text"] {
    font-size: 16px !important;
    /* Optional: Ensure the line-height accommodates the larger text cleanly */
    line-height: normal !important; 
  }
  .active-filters-chips-container {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    flex-wrap: wrap !important;
    gap: 15px !important;
    max-width: 1275px;
    margin: 0 auto;
    padding-bottom: 20px;
    justify-content: center;
}
}


.active-filters-chips-container {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    flex-wrap: wrap !important;
    gap: 15px !important;
    max-width: 1275px;
    margin: 0 auto;
    padding-bottom: 20px;
    
}