@import url('https://fonts.googleapis.com/css2?family=Hepta+Slab:wght@1..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

:root {
  --main: #e1933e !important;
  --secondary: #a03d2a !important;
  --accent: #5c2e0d !important;
  --accent-secondary: #479e9d !important;

  --white: #ffffff !important;
  --black: #000000 !important;
  --yellow: #ffc80c !important;

  --btn-primary: var(--accent-secondary) !important;
  --btn-secondary: var(--accent-secondary) !important;
  --btn-danger: #dc3545 !important;
  --btn-light: #e1933e !important;
  --btn-cart: #efdbc6 !important;

  --btn-primary-hover: #a03d2a !important;
  --btn-outline-primary-hover: #a03d2a !important;

  --btn-primary-focus: #e1933e33 !important;
  --btn-outline-primary-focus: #e1933e33 !important;

  --btn-secondary-hover: #a03d2a !important;
  --btn-outline-secondary-hover: #a03d2a !important;

  --btn-secondary-focus: #e1933e33 !important;
  --btn-outline-secondary-focus: #e1933e33 !important;

  --btn-danger-hover: #c82333 !important;
  --btn-outline-danger-hover: #dc3545 !important;

  --btn-danger-focus: rgba(255, 18, 18, 0.5) !important;
  --btn-outline-danger-focus: rgba(255, 18, 18, 0.5) !important;

  --btn-light-hover: #e1933e33 !important;
  --btn-cart-hover: #e1933e33 !important;

  --btn-disabled: #dcdcdc !important;
}

/*  ====== FONTS ======  */
* {
  font-family: 'Open Sans', sans-serif !important;
}

/* Links */
a {
  font-family: 'Open Sans', sans-serif !important;
}

/* Headings */
h1,
h1 span,
h1 strong,
h2,
h2 span,
h2 strong,
h3,
h3 span,
h3 strong,
h4,
h4 span,
h4 strong,
h5,
h5 span,
h5 strong,
h6,
h6 span,
h6 strong {
  font-family: 'Hepta Slab', sans-serif !important;
}

h1,
h1 span,
h1 strong {
  color: var(--main) !important;
}

h2,
h2 span,
h2 strong,
h3,
h3 span,
h3 strong {
  color: var(--secondary) !important;
}

h4,
h4 span,
h4 strong {
  color: var(--accent-secondary) !important;
}

/* Text */
span,
li,
div,
p {
  font-family: 'Open Sans', sans-serif !important;
}

/*  ====== END OF FONTS ======  */

/* HEADER */
#main-header {
  background-color: var(--main) !important;
  overflow-x: clip;
}

#header-logo {
  width: 100px;
  object-fit: cover;
}

@media only screen and (min-width: 1200px) {
  #main-header {
    height: 146px;
  }

  body:has(main#checkout-page) #main-header {
    height: unset;
  }

  #main-header-top-line {
    height: 100px;
  }

  #main-header-bottom-line {
    max-height: 46px;
  }

  [class*='LocationsComponent-module'][class*='text'] {
    font-size: 16px !important;
  }

  #header-logo {
    width: 200px;
    max-width: 200px;
    height: 49px;
    object-fit: cover;
  }
}

[class*='LocationsComponent-module'][class*='text'] {
  max-width: 100px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

#main-header-top-line {
  /* If you need to make a two-color header */
  /* background-color: var(--first-color); !important */
}

#main-header-bottom-line {
  /* If you need to make a two-color header */
  /* background-color: var(--second-color); !important */
  position: relative;
  background-color: #a84129 !important;
}

#main-header-bottom-line::before,
#main-header-bottom-line::after {
  content: '';
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 100%;
  background-color: #a84129 !important;
}

#main-header-bottom-line::after {
  left: 100%;
}

@media screen and (max-width: 960px) {
  #main-header-bottom-line {
    padding: 8px 0 8px;
  }
}

/* Header links color */
#main-header a,
#main-header span,
#main-header div {
  color: var(--accent) !important;
  font-weight: 700 !important;
  font-family: 'Hepta Slab', sans-serif !important;
}

#main-header-bottom-line > div > div > a.nav-link,
#main-header-bottom-line > div > a.nav-link {
  max-height: 42px;
  font-size: 14px;
  font-weight: 600 !important;
  transition: color ease 0.1s;
}

#main-header-bottom-line > div > div > .nav-link:hover,
#main-header-bottom-line > div > .nav-link:hover {
  background: transparent;
  color: #cecece !important;
}

#main-header-bottom-line > div > a:hover img {
  filter: invert(0.2) !important;
}

#main-header-bottom-line > div:first-child > a {
  max-height: 48px !important;
  color: #fff !important;
  position: relative;
  padding-inline: 20px;
  background: #8f3723 !important;
}

#main-header-bottom-line > div:first-child > a img {
  display: none;
}

#main-header-bottom-line > div:first-child > a::after {
  content: "";
  display: block;
  margin-left: 40px;
  background: url("https://d15k2d11r6t6rl.cloudfront.net/pub/mbtq/9yujkyw3/l6q/hs0/b86/Sharp-Bars.svg") no-repeat center;
  background-size: contain;
  width: 20px;
  height: 20px;
  filter: invert(1);
}

#main-header .navbar-dropdown a,
#main-header .navbar-dropdown div {
  color: var(--black) !important;
  color: #33373d !important;
}

#main-header .dropdown-tab:hover,
#main-header .selected-tab,
#main-header .selected-tab .right-arrow-img,
#main-header .category-header {
  color: var(--main) !important;
}

#main-header .category-header:hover {
  border-bottom: 1px solid var(--main) !important;
  color: var(--main) !important;
}

a[class*='WishlistIconComponent-module'][class*='wishlist'] {
  display: none !important;
}

/* Header icons color */
#main-header img,
#main-header .burger-menu {
  /* 0% - white color, 100% - black color */
  filter: brightness(0) saturate(100%) invert(12%) sepia(60%) saturate(3452%) hue-rotate(26deg) brightness(95%) contrast(88%) !important;
}

#main-header img#close-button-img,
#main-header #header-sidebar img,
#categories-content img,
img#header-logo {
  filter: invert(0%) !important;
}

#main-header-bottom-line a {
  color: var(--white) !important;
}

#main-header-bottom-line a > img {
  filter: invert(0) !important;
}

#main-header #wishlist-counter,
#main-header #cart-counter {
  color: var(--black) !important;
  border: 1px solid var(--main) !important;
  background-color: var(--yellow) !important;
}

.language-option-active {
  background-color: #173da4 !important;
}

#header-sidebar.search-input {
  border: 2px solid var(--accent);
  background: var(--main) !important;
}

#header-sidebar.search-input .search-categories {
  border-right: 1px solid var(--accent);
}

#header-sidebar.search-input > input {
  color: var(--accent) !important;
  font-family: 'Hepta Slab', sans-serif !important;
  font-weight: 600;
}

#header-sidebar.search-input > input::placeholder {
  color: #a96330 !important;
  font-family: 'Hepta Slab', sans-serif !important;
}

.header-search-buttons {
  background: transparent !important;
  filter: brightness(0) saturate(100%) invert(12%) sepia(60%) saturate(3452%) hue-rotate(26deg) brightness(95%) contrast(88%) !important;
}

[class*='NavbarCategoriesComponent-module'][class*='dropdownTab'] {
  padding-block: 13px !important;
  border-bottom: 1px solid #eee;
  margin: 0 !important;
}

#categories-sidebar {
  background-color: #fbfbfb;
  position: relative;
  bottom: 3px;
}

#categories-sidebar a:hover {
  background-color: #ebebeb;
  border-radius: 0;
}

#categories-sidebar a,
#categories-content .category-header {
  font-weight: 600;
  font-size: 14px;
}

#categories-content [class*='NavbarCategoriesComponent-module'][class*='categoryLine'] {
  font-weight: 400 !important;
  font-size: 13px;
}

[class*='NavbarComponent-module'][class*='bigSearch'] {
  padding: 0 10px 0 65px;
}
/* END OF HEADER */

/* FOOTER */
#main-footer {
  background-color: #A03D2A !important;
}

#footer-nav-and-social {
  border-top: 1px solid #555;
  background-color: var(--accent) !important;
}

#footer-nav-and-social a {
  color: white !important;
}

#footer-powered-by {
  border-top: 1px solid #555;
  background-color: var(--accent) !important;
}

#footer-powered-by span {
  color: white !important;
}

/* Footer links color */
#main-footer a,
#main-footer div {
  color: var(--white) !important;
}

#footer-nav-and-social,
#footer-powered-by {
  border-color: transparent !important;
}
/* END OF FOOTER */

/* ======= FOOTER CUSTOMIZATION ====== */
[class*='MainFooter-module'][class*='footerRowWrapper'] > a[class*='MainFooter-module'][class*='footerLink']:first-of-type {
  border-radius: 0;
  background: var(--main);
}

@media only screen and (min-width: 768px) {
  [class*='NavAndSocial-module'][class*='footerCenterRow'] [class*='NavAndSocial-module'][class*='footerRowWrapper'] {
    flex-direction: row !important;
    align-items: start !important;
  }

  [class*='NavLinks-module'][class*='footerNav'] {
    width: 37% !important;
  }

  [class*='NavLinks-module'][class*='footerNav'] ul {
    flex-direction: column !important;
    align-items: start !important;
    gap: 6px !important;
  }

  [class*='NavLinks-module'][class*='footerNav'] a {
    font-family: 'Hepta Slab', sans-serif !important;
    font-weight: 600 !important;
  }

  [class*='NavLinks-module'][class*='footerColumn2'] {
    flex-direction: column !important;
    align-items: start !important;
    gap: 6px !important;
  }

  [class*='Social-module'][class*='footerSocialLinks'] {
    justify-content: end !important;
    flex-grow: 5;
  }

  [class*='NavLinks-module'][class*='footerNav']::before,
  [class*='NavLinks-module'][class*='footerColumn2']::before,
  [class*='Social-module'][class*='footerSocialLinks']::before {
    display: block;
    font-size: 20px;
    font-family: 'Hepta Slab', sans-serif !important;
    font-weight: 700;
    color: #fff;
    margin-bottom: 10px;
  }

  [class*='NavLinks-module'][class*='footerNav']::before {
    content: 'SITE MENU';
  }

  [class*='NavLinks-module'][class*='footerColumn2']::before {
    content: 'POLICIES';
  }

  [class*='Social-module'][class*='footerSocialLinks']::before {
    content: 'FOLLOW US';
  }

  #footer-powered-by [class*='PoweredBy-module'][class*='footerRowWrapper'] {
    flex-direction: column !important;
    align-items: start;
  }
}

[class*='Social-module'][class*='footerSocialLinks'] a img {
  display: none;
}

[class*='Social-module'][class*='footerSocialLinks'] a {
  position: relative;
}

[class*='Social-module'][class*='footerSocialLinks'] a:after {
  content: "";
  position: absolute;
  width: 65%;
  height: 65%;
  background-size: cover;
  background-repeat: no-repeat;
}

[class*='Social-module'][class*='footerSocialLinks'] li:nth-child(1) a:after {
  background-image: url('https://d15k2d11r6t6rl.cloudfront.net/pub/mbtq/9yujkyw3/1ki/qaw/8kq/fb.png');
}

[class*='Social-module'][class*='footerSocialLinks'] li:nth-child(2) a:after {
  background-image: url('https://d15k2d11r6t6rl.cloudfront.net/pub/mbtq/9yujkyw3/ygn/cfs/qnb/inst.png');
}
/* ======= END OF FOOTER CUSTOMIZATION ====== */


/* PROFILE */
.sidebar-tab.active-tab {
  background-color: var(--main) !important;
  color: var(--white) !important;
}
/* END OF PROFILE */

/* ====== BUTTONS ====== */
.button-primary {
  color: var(--white) !important;
  background-color: var(--btn-primary) !important;
  border: 1px solid var(--btn-primary) !important;
  border-radius: 0 !important;
}

.button-outline-primary {
  color: var(--btn-primary) !important;
  background-color: var(--white) !important;
  border: 1px solid var(--btn-primary) !important;
  border-radius: 0 !important;
}

.button-secondary {
  color: var(--white) !important;
  background-color: var(--btn-secondary) !important;
  border: 1px solid var(--btn-secondary) !important;
  border-radius: 0 !important;
}

.button-outline-secondary {
  color: var(--btn-secondary) !important;
  background-color: var(--white) !important;
  border: 1px solid var(--btn-secondary) !important;
  border-radius: 0 !important;
}

.button-danger {
  color: var(--white) !important;
  background-color: var(--btn-danger) !important;
  border-color: var(--btn-danger) !important;
  border-radius: 0 !important;
}

.button-outline-danger {
  color: var(--btn-danger) !important;
  background-color: var(--white) !important;
  border-color: var(--btn-danger) !important;
  border-radius: 0 !important;
}

.button-cart {
  color: var(--main) !important;
  background-color: var(--white) !important;
  border: 2px solid var(--btn-cart) !important;
  border-radius: 0 !important;
}

.button-light {
  color: var(--btn-light) !important;
  background-color: #ffffff !important;
  border: 2px solid var(--btn-cart) !important;
}

/* Pagination arrow color */
.button-light img {
  filter: brightness(0) saturate(100%) invert(20%) sepia(60%) saturate(3452%) hue-rotate(26deg) brightness(95%) contrast(88%) !important;
}

/* ====== BUTTONS EFFECTS ====== */
.button-primary:hover,
.button-primary:active {
  color: var(--white) !important;
  background-color: var(--btn-primary-hover) !important;
  border-color: var(--btn-primary-hover) !important;
}

.button-outline-primary:hover,
.button-outline-primary:active {
  color: var(--white) !important;
  background-color: var(--btn-outline-primary-hover) !important;
  border-color: var(--btn-outline-primary-hover) !important;
}

.button-secondary:hover,
.button-secondary:active {
  color: var(--white) !important;
  background-color: var(--btn-secondary-hover) !important;
  border-color: var(--btn-secondary-hover) !important;
}

.button-outline-secondary:hover,
.button-outline-secondary:active {
  color: var(--white) !important;
  background-color: var(--btn-outline-secondary-hover) !important;
  border-color: var(--btn-outline-secondary-hover) !important;
}

.button-danger:hover,
.button-danger:active {
  color: var(--white) !important;
  background-color: var(--btn-danger-hover) !important;
  border-color: var(--btn-danger-hover) !important;
}

.button-outline-danger:hover,
.button-outline-danger:active {
  color: var(--white) !important;
  background-color: var(--btn-outline-danger-hover) !important;
  border-color: var(--btn-outline-danger-hover) !important;
}

.button-cart:hover {
  color: var(--main) !important;
  background-color: var(--btn-cart-hover) !important;
  border-color: var(--btn-cart-hover) !important;
}

.button-light:hover,
.button-light:active {
  color: var(--main) !important;
  background-color: var(--btn-cart-hover) !important;
  border-color: var(--btn-cart-hover) !important;
}

.button-light-active,
.button-light-active:hover {
  color: var(--white) !important;
  background-color: var(--btn-light) !important;
  border-color: var(--btn-light) !important;
}

.button-primary:focus {
  outline: none;
  box-shadow: 0 0 0 0.2rem var(--btn-primary-focus) !important;
}

.button-outline-primary:focus {
  outline: none;
  box-shadow: 0 0 0 0.2rem var(--btn-outline-primary-focus) !important;
}

.button-secondary:focus {
  outline: none;
  box-shadow: 0 0 0 0.2rem var(--btn-secondary-focus) !important;
}

.button-outline-secondary:focus {
  outline: none;
  box-shadow: 0 0 0 0.2rem var(--btn-outline-secondary-focus) !important;
}

.button-danger:focus {
  outline: none;
  box-shadow: 0 0 0 0.2rem var(--btn-danger-focus) !important;
}

.button-outline-danger:focus {
  outline: none;
  box-shadow: 0 0 0 0.2rem var(--btn-outline-danger-focus) !important;
}

.button-cart:focus {
  box-shadow: 0 0 0 0.2rem var(--btn-outline-secondary-focus) !important;
}

.button-light:focus,
.button-light-active:focus {
  outline: none;
  box-shadow: 0 0 0 0.2rem var(--btn-primary-focus) !important;
}

.button:disabled,
.button:disabled:hover {
  color: #000000 !important;
  background-color: var(--btn-disabled) !important;
  border-color: var(--btn-disabled) !important;
}
/* ====== END OF BUTTONS ====== */

/* ====== LOADERS ====== */
.loader--primary {
  border-color: var(--white) var(--main) var(--main) !important;
}

.loader--light {
  border-color: var(--main) var(--white) var(--white) !important;
}

.loader--danger {
  border-color: var(--danger) var(--white) var(--white) !important;
}
/* ====== END OF LOADERS ====== */

/* ====== INPUTS ====== */
.custom-input-container:hover .custom-input-label,
.custom-select-container:hover .custom-select-label,
.custom-text-area-container:hover .custom-text-area-label {
  color: var(--main) !important;
}

.custom-input-container:hover .custom-input-border,
.custom-select-container:hover .custom-select-border,
.custom-text-area-container:hover .custom-text-area-border {
  border-color: var(--main) !important;
}

.custom-input-label--focus,
.custom-select-label--focus,
.custom-text-area-label--focus {
  color: var(--main) !important;
}

.custom-input-border--focus,
.custom-select-border--focus,
.custom-text-area-border--focus {
  border-color: var(--main) !important;
}

.custom-control-input:checked ~ .custom-control-label::before {
  background-color: var(--main) !important;
  border-color: var(--main) !important;
}

.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border-color: var(--main) !important;
}

.custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(var(--main), 0.25) !important;
}

.custom-checkbox-container input:checked ~ .custom-checkbox-checkmark {
  background-color: var(--main) !important;
}
/* ====== END OF INPUTS ====== */

/* ====== SLIDER ====== */
.slider-image-wrapper--active {
  border-color: var(--main) !important;
}
/* ====== END OF SLIDER ====== */

/* ====== CATALOG ====== */
#catalog-mobile-search {
  background-color: var(--main) !important;
}
/* ====== END OF CATALOG ====== */

/* ====== MOBILE FOOTER ====== */
.active-footer-button {
  background-color: var(--main) !important;
  color: var(--white) !important;
}
/* ====== END OF MOBILE FOOTER ====== */

/* ======= BOOKING ====== */
.selected-service-item,
.selected-provider-item {
  border: 1px solid var(--main);
}

.class-event {
  border-color: var(--main) !important;
  color: var(--main) !important;
}

.class-event:hover,
.class-selected {
  border-color: var(--main) !important;
  color: var(--white) !important;
  background-color: var(--main) !important;
}

.booking-complete-header {
  background-color: var(--main) !important;
  color: var(--white) !important;
}
/* ======= END OF BOOKING ====== */

/* ======= BEEFREE ====== */
.bee-row-content p {
  font-weight: unset;
  color: unset;
}
/* ======= END OF BEEFREE ====== */

/* ======= MESSAGE BANNER ====== */
#banner-root {
  background-color: #479e9d !important;
}

#banner-text p {
  color: #fff !important;
  margin: 0;
  text-align: center;
}
/* ======= MESSAGE BANNER ====== */

/* ======= TOP BANNER ====== */
.top-banner {
  display: flex !important;
  border-bottom: 1px solid #ddd;
  background-color: #fff !important;
  color: #ffffff !important;

  display: none !important;
}

.top-banner * {
  color: #333 !important;
}

.top-banner img {
  filter: invert(80%) !important;
}
/* ======= END OF TOP BANNER ====== */

[class*='ProductListItem-module'][class*='productListItemStockIndicatorGreen'] {
  display: none !important;
}

[class*='DesktopSidebar-module'][class*='sidebar'] div {
  /* font-family: 'Hepta Slab', sans-serif !important; */
}

[class*='DesktopSidebar-module'][class*='sidebar'] [class*='Active'] {
  color: var(--main);
}

[class*='ProductComponent-module'][class*='productDescription'] * {
  /* font-family: 'Open Sans', sans-serif !important; */
  /* font-weight: unset; */
  color: unset;
}

[class*='RelatedProduct-module'][class*='relatedItem'] *,
[class*='ProductListItem-module'][class*='productListItem'] *,
[class*='ProductComponent-module'][class*='productRow'] * {
  font-family: 'Open Sans', sans-serif !important;
}

[class*='Container-module'][class*='container'] {
  max-width: 1388px !important;
}

/* ======= PRODUCT PAGE ====== */
[class*='ProductComponent-module'][class*='productDescription'] > div > div > h3[class*='Accordion-module'][class*='accordionTitle'] {
  font-size: 32px;
  font-weight: 500;
}

[class*='ProductComponent-module'][class*='productDescription'] > div > div[class*='Accordion-module'][class*='accordionHeader'] {
  padding-left: 0;
}
/* ======= END OF PRODUCT PAGE ====== */

div[class*='AuthComponent-module'][class*='close'] {
  display: block;
  max-width: 100%;
  width: 100%;
  text-align: right;
}

div[class*='AuthComponent-module'][class*='close']::after {
  content: 'Your Elston’s Account';
  display: block;
  width: 100%;
  width: max-content;
  margin: auto;
  color: var(--accent);
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  max-width: 100%;
  font-family: 'Hepta Slab', sans-serif !important;
  font-weight: 500;
  font-size: 22px;
  line-height: 1.2;
  text-align: center;
}

div[class*='AuthComponent-module'][class*='close'] + h1[class*='AuthComponent-module'][class*='h1'] {
  font-size: 0 !important;
}

div[class*='AuthComponent-module'][class*='close'] + h1[class*='AuthComponent-module'][class*='h1']::before {
  content: "Enter your email address to sign in or create your Elston’s account.";
  display: block;
  width: max-content;
  margin: auto;
  color: var(--accent);
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  max-width: 100%;
  padding-bottom: 15px;
  font-family: 'Open Sans', sans-serif !important;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.2;
  text-align: center;
}

div[class*='AuthComponent-module'][class*='close'] + h1[class*='AuthComponent-module'][class*='h1'] {
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 10px;
}

@media only screen and (max-width: 680px) {
  div[class*='AuthComponent-module'][class*='close']::after {
    font-size: 18px;
  }
  
  div[class*='AuthComponent-module'][class*='close'] + h1[class*='AuthComponent-module'][class*='h1']::before {
    font-size: 15px;
  }
  
  div[class*='AuthComponent-module'][class*='close'] + h1[class*='AuthComponent-module'][class*='h1'] {
    font-size: 17px;
  }
}

/* ========= SUBCATEGORIES IMAGE ========= */
[class*='CategoryChildrenComponent-module'][class*='categoryImageWrapper'] {
  display: none;
}

li[class*='CategoryChildrenComponent-module'][class*='category'] {
  height: auto !important;
  padding: 5px 2px;
  border: 1px solid #e0e0e0;
  border-radius: 5px;
  background: var(--main);
  min-height: 50px;
  justify-content: center;
}

li[class*='CategoryChildrenComponent-module'][class*='category'] h4 {
  overflow: hidden;
  text-overflow: ellipsis;
}

[class*='CategoryChildrenComponent-module'][class*='categoryTitle'] {
  border: none;
  color: #fff !important;
}

[class*='CategoryChildrenComponent-module'][class*='childCategories'] {
  height: auto !important;
}

#categories-content div[class*='NavbarCategoriesComponent-module'][class*='categoryImageWrapper'] {
  display: none;
}

div[class*='CatalogInfo-module'][class*='desktopChildCategories'] {
  display: none;
}

#categories-dropdown > div:nth-of-type(2) {
  display: none;
}

#categories-dropdown {
  min-width: initial;
}

#categories-sidebar .dropdown-tab svg {
  display: none;
}
/* ========= END OF SUBCATEGORIES IMAGE ========= */

.nav-link[class*='NavbarComponent-module'][class*='tab'][class*='ListLinksDropdownComponent-module'][class*='tab'] {
  padding-inline: 5px;
}

/* ========= Special badge ========= */
#featured-products-block [class^='FeaturedProductsBlock-module'][class*='productInner'] {
  position: relative;
  border: 2px solid #eee;
  border-radius: 10px;
  padding: 30px 10px 10px;
}

#featured-products-block [class^='FeaturedProductsBlock-module'][class*='productInner'] p {
  margin: 0;
}

#featured-products-block [class^='FeaturedProductsBlock-module'][class*='productInner']:before {
  content: '15% OFF when bundled';
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;

  color: #fff;
  background-color: #479e9d;
  border-top-left-radius: 8px;
  border-bottom-right-radius: 10px;
  justify-content: center;
  align-items: center;
  width: fit-content;
  height: 24px;
  padding: 0 8px;
  font-size: 12px;
  font-weight: 700;
  display: flex;
}

#featured-products-block div.prod-price p {
  font-size: 0;
}

#featured-products-block div.prod-price p span {
  color: #a03d2a;
  font-size: 18px;
  font-weight: 600;
}

#catalog-page .ecom-bundle-badge-card,
#product-page .ecom-bundle-badge-card {
  position: relative;
}

#catalog-page .ecom-bundle-badge-card::before,
#product-page .ecom-bundle-badge-card::before {
  content: '15% OFF when bundled';
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;

  color: #fff;
  background-color: #479e9d;
  border-top-left-radius: 10px;
  border-bottom-right-radius: 10px;
  justify-content: center;
  align-items: center;
  width: fit-content;
  height: 24px;
  padding: 0 8px;
  font-size: 12px;
  font-weight: 700;
  display: flex;
}

/* ========= CHECKOUT PAGE ========= */
#checkout-page {
  div:has(input) {
    border-radius: 0;
  }

  #auth-section,
  [class^='CheckoutAuthComponent-module__'][class*='__authForm'] {
    display: flex;
    flex-direction: column;
  }

  #auth-section {
    h5[class^='SectionHeader-module__'][class*='__sectionHeaderTitle'] {
      font-size: 0 !important;

      &::after {
        content: 'Your Information';
        font-size: 20px !important;
      }
    }

    div[class^='SectionHeader-module__'][class*='__sectionHeader'] {
      display: block;
      margin: 0 0 5px !important;
    }

    [class^='CheckoutAuthComponent-module__'][class*='__authForm'] {
      > div,
      > button {
        order: 1;
      }

      > .custom-auth-options {
        order: 0;
      }

      > .custom-auth-heading--guest {
        order: 1;
      }
    }

    .custom-auth-options {
      display: flex;
      flex-direction: column;
      margin: 0 0 20px;
    }

    .custom-auth-option {
      display: flex;
      flex-direction: column;

      & + .custom-auth-option {
        margin-top: 20px;
      }
    }

    .custom-auth-heading {
      display: flex;
      flex-wrap: wrap;
      align-items: baseline;
      gap: 5px;
    }

    .custom-auth-title {
      font-size: 16px !important;
      font-family: 'Hepta Slab', sans-serif !important;
      font-weight: 500;
      line-height: 1.4;
      color: #383b3e;
    }

    .custom-auth-link {
      width: auto;
      font-size: 16px !important;
      font-weight: 700;
      line-height: 1.4;
      color: var(--accent-secondary);
      text-decoration: underline;
      cursor: pointer;
    }

    .custom-auth-benefits {
      display: flex;
      flex-direction: column;
      gap: 1px;

      margin: 5px 0 0;
      padding: 0;

      list-style: none;
      color: #777;

      li {
        position: relative;
        margin: 0;
        padding: 0 0 0 16px;

        font-size: 14px;
        font-weight: 400;
        line-height: 1.4;

        &::before {
          content: '✓';
          position: absolute;
          top: 0;
          left: 0;
        }
      }
    }

    .custom-auth-heading--guest {
      display: flex;
      margin: 5px 0 8px;

      .custom-auth-title {
        font-size: 18px !important;
      }
    }

    div[class^='CheckoutAuthComponent-module__'][class*='__authForm']
      > div
      > label.custom-input-v2-label {
      display: block;
      margin-bottom: 5px;

      font-size: 16px !important;
      font-family: inherit !important;
      font-weight: 400;
      color: inherit !important;
    }
  }
}
/* ========= END OF CHECKOUT PAGE ========= */