/* Add custom CSS styles below */

/* FONT FACE */
@font-face {
  font-family: "Satoshi";
  src: url("https://storage.googleapis.com/fonts-bucket-sac/Satoshi-Medium.ttf")
    format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Satoshi";
  src: url("https://storage.googleapis.com/fonts-bucket-sac/Satoshi-Regular.ttf")
    format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Satoshi";
  src: url("https://storage.googleapis.com/fonts-bucket-sac/Satoshi-Light.ttf")
    format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Zarid";
  src: url("https://storage.googleapis.com/fonts-bucket-sac/29LTZaridSans-Regular.ttf")
    format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Zarid";
  src: url("https://storage.googleapis.com/fonts-bucket-sac/29LTZaridDisplay-Light.ttf")
    format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Zarid";
  src: url("https://storage.googleapis.com/fonts-bucket-sac/29LTZaridSans-SemiBold.ttf")
    format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Zarid";
  src: url("https://storage.googleapis.com/fonts-bucket-sac/29LTZaridDisplay-Medium.ttf")
    format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

/* FONT FACE END*/

* {
  -webkit-font-smoothing: subpixel-antialiased;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

html[dir="rtl"] .caption2,
html[dir="rtl"] .footer-title,
html[dir="rtl"] .h0,
html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h5 {
  font-weight: 500 !important;
}

body {
  --font-zarid: "Zarid";
  color: var(--color-primary);
  font-family: "Zarid";
  font-size: var(--body1-size);
  line-height: 1.1;
  --spaceX-minor: 2.43vw;
  --spaceY: 4.27vw;
  --h0-size: 8.09vw;
  --h1-size: 5.6vw;
  --h2-size: 4.73vw;
  --h3-size: 4.4vw;
  --h4-size: 3.2vw;
  --h5-size: 3.29vw;
  --h6-size: 2.77vw;
  --body1-size: 1.84vw;
  --body2-size: 1.44vw;
  --overhead-title: 1.27vw;
  --cta-size: 1.27vw;
  --footer-size: 1.21vw;
  --subtitle1-size: 1.96vw;
  --subtitle2-size: 1.61vw;
  --subtitle3-size: 1.32vw;
  --clay: #a05d37;
  --magenta: #ff3e84;
  --salla-fast-checkout-button-border-radius: 0.288vw !important;
}

section.advanced-slider.advanced-slider--0 {
  --sliderHeight: 70vh !important;
}

@media (max-width: 962px) {
  body {
    --h0-size: 18.22vw;
    --h1-size: 9.5vw;
    --h2-size: 8.9vw;
    --h3-size: 5.21vw;
    --h4-size: 8.37vw;
    --h5-size: 7.2vw;
    --h6-size: 5.22vw;
    --body1-size: 3.48vw;
    --body2-size: 3.26vw;
    --overhead-title: 2.86vw;
    --cta-size: 2.86vw;
    --footer-size: 2.73vw;
    --subtitle1-size: 3.7vw;
    --subtitle2-size: 3vw;
    --subtitle3-size: 2.5vw;
    --spaceX-minor: 3.91vw;
    --spaceY: 7.68vw;
    --salla-fast-checkout-button-border-radius: 1.27vw !important;
  }

  section.advanced-slider.advanced-slider--0 {
    --sliderHeight: 50vh !important;
    --mobileSliderHeight: 50vh !important;
  }
}

@media (max-width: 600px) {
  body {
    --h0-size: 21.62vw;
    --h1-size: 15.05vw;
    --h2-size: 12vw;
    --h3-size: 10.12vw;
    --h4-size: 9.5vw;
    --h5-size: 8.2vw;
    --h6-size: 7.2vw;
    --body1-size: 6.36vw;
    --body2-size: 6vw;
    --overhead-title: 5vw;
    --cta-size: 5.6vw;
    --footer-size: 4vw;
    --subtitle1-size: 8.65vw;
    --subtitle2-size: 7.12vw;
    --subtitle3-size: 5.85vw;

    --spaceX-minor: 7.63vw;
    --spaceY: 16.89vw;
  }

  section.advanced-slider.advanced-slider--0 {
    --mobileSliderHeight: 50vh !important;
  }
}

/* FONT STYLES */

h1,
.h1 {
  font-size: var(--h1-size);
  font-family: var(--font-zarid);
  font-weight: 300 !important;
  line-height: 0.97;
  font-style: normal;
  text-decoration: none;
  text-transform: none;
}

h2,
.h2 {
  font-size: var(--h2-size);
  font-family: var(--font-zarid);
  font-weight: 300 !important;
  line-height: 1.12;
  font-style: normal;
  text-decoration: none;
  text-transform: none;
}

h3,
.h3 {
  font-size: var(--h3-size);
  font-family: var(--font-zarid);
  font-weight: 300 !important;
  line-height: 4.91vw;
  font-style: normal;
  text-decoration: none;
  text-transform: none;
}

h4,
.h4 {
  font-size: var(--h4-size);
  font-family: var(--font-zarid);
  font-weight: 300 !important;
  line-height: 2.86vw;
  font-style: normal;
  text-decoration: none;
  text-transform: none;
}

h5,
.h5 {
  font-size: var(--h5-size);
  font-family: var(--font-zarid);
  font-weight: 300 !important;
  line-height: 1;
  font-style: normal;
  text-decoration: none;
  text-transform: none;
}

h6,
.h6 {
  font-size: var(--h6-size);
  font-family: var(--font-zarid);
  font-weight: 300 !important;
  line-height: 0.94;
  font-style: normal;
  text-decoration: none;
  text-transform: none;
}

.body2 {
  font-size: var(--body2-size);
  font-family: var(--font-zarid);
  font-weight: 400;
  line-height: 2.02vw;
  font-style: normal;
  text-decoration: none;
  text-transform: none;
}

b,
strong,
.font-bold {
  font-weight: 500;
}

/* FONT STYLES END */

.container {
  padding-inline: var(--spaceX-minor);
  max-width: unset !important;
}

/* Header */
#mainnav .inner .container > .flex {
  border-bottom: 1px solid var(--header-text-color);
}

#mainnav.fixed-header .inner .container > .flex {
  border-bottom: 1px solid var(--color-primary);
}

.header-btn__icon {
  font-size: var(--footer-size);
}

body.trans_header.slider_has_overlay
  .store-header
  *:not(custom-salla-product-card *) {
  color: var(--bg-primary);
}

.main-nav-container.fixed-pinned.fixed-header {
  display: none;
}

@media (max-width: 962px) {
  .main-nav-container.fixed-pinned.fixed-header {
    display: flex;
  }
}

.main-nav-container.fixed-pinned .inner {
  backdrop-filter: none;
  box-shadow: none;
}

.main-menu {
  font-weight: 500 !important;
  padding-top: 0;
}

.main-nav-container .inner {
  padding-top: 0;
  padding-bottom: 0;
}

.top-navbar {
  min-height: unset;
  border-bottom: 1px solid var(--header-text-color);
  background: var(--bg-primary);
  background-color: var(--bg-primary) !important;
  color: var(--color-primary) !important;
}

.top-navbar *:not(custom-salla-product-card *),
.btn--close {
  color: var(--color-primary) !important;
}

.mm-spn.mm-spn--navbar:after {
  font-weight: 500;
  color: var(--color-primary);
}

img.logo-normal {
  height: 3.5vw !important;
}

.fixed-pinned img.logo-normal {
  height: 3vw !important;
}

@media (max-width: 962px) {
  img.logo-normal {
    height: 5vw !important;
  }

  .fixed-pinned img.logo-normal {
    height: 6vw !important;
  }
}

.mobile-menu li {
  font-size: var(--body2-size);
  font-weight: 300;
}

@media (max-width: 600px) {
  #mainnav .inner .container {
    padding-inline: 0;
  }

  #mainnav .inner .container > .flex {
    padding-inline: calc(var(--spaceX-minor) * 0.5);
  }

  img.logo-normal {
    height: 10vw !important;
  }
}

@media only screen and (min-width: 1024px) {
  .main-menu {
    padding-top: 0;
  }

  .main-menu li.root-level > a {
    padding-bottom: 0;
  }
}

.navbar-brand {
  justify-content: flex-start;
}

#mainnav > div > div > div > div:nth-child(1) {
  flex: 1 0 auto;
  justify-content: space-between;
  padding: 0.35vw 0;
}

@media (max-width: 991px) {
  #mainnav > div > div > div > div:nth-child(1) {
    justify-content: flex-start;
  }
}

.s-cart-summary-count {
  background-color: var(--color-primary);
}

/* HOME SLIDER*/
.advanced-slider::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 3vw;
  display: flex;
  background-image: url("https://storage.googleapis.com/saudi-artisan-bucket/Raw_edge_7aba58e0e7/Raw_edge_7aba58e0e7.png");
  background-repeat: no-repeat;
  background-size: cover;
}

@media (max-width: 991px) {
  .advanced-slider::after {
    height: 8vw;
  }
}

.advanced-slider::before {
  content: "";
  position: absolute;
  bottom: -1px;
  inset-inline-end: 0;
  width: 20vw;
  height: 20vw;
  display: flex;
  background-image: url("https://storage.googleapis.com/saudi-artisan-bucket/pattern_2ee2d23f9d/pattern_2ee2d23f9d.png");
  background-repeat: no-repeat;
  background-size: 250% auto;
  z-index: 1;
}

@media (max-width: 991px) {
  .advanced-slider::before {
    bottom: -5vw;
    width: 30vw;
    height: 20vw;
  }
}

.advanced-slider__caption {
  color: var(--bg-primary) !important;
  background-color: rgba(73, 67, 67, 0.3);
}

.advanced-slider__caption__inner.advanced-slider__caption__inner--right {
  justify-content: flex-start;
}

.advanced-slider__caption__inner__content__heading {
  width: 60%;
  font-weight: 300;
  color: var(--bg-primary) !important;
}

.advanced-slider__caption__inner__content__text {
  width: 60%;
  color: var(--bg-primary) !important;
}

@media (min-width: 1280px) {
  .advanced-slider__caption__inner__content__text {
    font-size: 2rem;
    line-height: 2.5rem;
  }
}

/* AD BANNER*/
.salla-advertisement {
  background-color: #ffc904 !important;
  color: var(--color-primary) !important;
  z-index: 99;
  bottom: 0;
  position: fixed;
  width: 100%;
}

/* Patterns block */
section.s-block.s-block--banners.container > div {
  display: flex;
  justify-content: center;
}

.s-block.s-block--banners .banner-entry {
  background-color: transparent;
  border-radius: 0px;
  pointer-events: none;
}

.banner-entry .lazy__bg {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

@media (min-width: 768px) {
  .s-block.s-block--banners .banner-entry {
    height: 60px;
    width: 60px;
  }
}

@media (min-width: 768px) {
  section.s-block.s-block--banners.container
    .two-row
    .banner-entry:first-child {
    height: 60px;
    width: 60px;
  }
}

@media (max-width: 991px) {
  .s-block.s-block--banners .banner-entry {
    height: 10vw;
  }

  .two-row .banner-entry {
    padding: 4vw;
  }

  .two-row .banner-entry:first-child {
    padding: 4vw;
  }

  section.s-block.s-block--banners.container > div {
    gap: 2rem;
  }
}

/* Buttons */

header > div.top-navbar > div > div.flex-1.flex.items-center > div > button {
  font-size: 0.875rem;
}

.btn,
.advanced-slider__caption__inner__content__button,
.scroll-to-top:after,
.product-single__inner .s-button-btn,
.sticky-cart-single .s-button-element,
salla-mini-checkout-widget .s-fast-checkout-button,
.s-add-product-button-main .s-add-product-button-mini-checkout,
.s-fast-checkout-button {
  font-size: var(--cta-size);
  font-family: var(--font-zarid);
  font-weight: 500;
  line-height: normal;
  font-style: normal;
  text-decoration: none;
  text-transform: none;
  border-radius: 0.288vw !important;
}

.s-add-product-button-mini-checkout-content {
  font-size: var(--cta-size);
  font-family: var(--font-zarid);
  font-weight: 500;
  line-height: normal;
  font-style: normal;
  text-decoration: none;
  text-transform: none;
}
@media (max-width: 600px) {
  .s-add-product-button-main {
    flex-wrap: wrap;
  }
  .s-add-product-button-main:not(.w-full) > salla-button {
    width: 100% !important;
    margin-bottom: 1.3rem;
  }
  .s-add-product-button-main .s-add-product-button-mini-checkout {
    width: 100% !important;
  }
}

@media (max-width: 962px) {
  body {
    --salla-fast-checkout-button-border-radius: 1.27vw !important;
  }

  .btn,
  .advanced-slider__caption__inner__content__button,
  .scroll-to-top:after,
  .product-single__inner .s-button-btn,
  .sticky-cart-single .s-button-element,
  salla-mini-checkout-widget .s-fast-checkout-button,
  .s-fast-checkout-button {
    border-radius: 1.27vw !important;
    --salla-fast-checkout-button-border-radius: 1.27vw !important;
    padding-bottom: 0.2rem;
    padding-top: 0.2rem;
  }
}

.btn i {
  display: none;
}

/* Images*/
img.rounded {
  border-radius: 0;
}

/* About banner*/
#about-3 .container .flex {
  justify-content: space-between;
}

#about-2 {
  padding-bottom: 0;
  text-align: start;
}

#about-3 {
  padding-top: 0;
  padding-bottom: 0;
}

#about-2 .container .flex {
  justify-content: flex-start;
}

#about-2 .container .flex > div {
  margin-inline: 0;
  width: 100%;
  text-align: start;
}

#about-2 .container .flex h3 {
  opacity: 1;
  font-weight: 600;
}

#about-2 .container .flex h3 {
  font-size: var(--overhead-title);
  font-family: var(--font-zarid);
  font-weight: 500 !important;
  line-height: 1;
  font-style: normal;
  text-decoration: none;
  text-transform: none;
  color: var(--clay);
}

#about-2 .container .flex h2 {
  font-size: var(--h4-size);
  line-height: 1;
  margin: 0;
}

#about-2 .container .flex p {
  margin-block: 0;
}

#about-3 .container .flex {
  align-items: flex-start;
}

#about-3 h3,
#about-3 h2 {
  display: none;
}

#about-3 p {
  font-size: var(--body2-size);
  font-family: var(--font-zarid);
  font-weight: 400;
  margin-bottom: 0;
}

#about-3 a {
  margin-top: 1.3vw;
}

#about-3 .container .flex {
  gap: 0;
  padding-top: var(--spaceY);
}

#about-3 > div > div > div:last-child {
  position: relative;
  height: 50vh;
  width: 46.22vw;
}

#about-3 > div > div > div:last-child::after {
  content: "";
  position: absolute;
  bottom: 40%;
  inset-inline-start: -40%;
  width: calc(var(--spaceX-minor) * 10);
  height: calc(var(--spaceX-minor) * 5);
  display: flex;
  background-image: url("https://storage.googleapis.com/saudi-artisan-bucket/ceramic_blue_a994581b5c/ceramic_blue_a994581b5c.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-size: 150% auto;
  z-index: 1;
}

#about-3 > div > div > div:first-child {
  width: calc(100% - 46.22vw);

  padding-inline-end: calc(var(--spaceX-minor) * 3);
}

@media (max-width: 962px) {
  #about-3 a {
    margin-top: 4vw;
  }

  #about-3 > div > div > div:first-child {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-top: var(--spaceY);
  }

  #about-3 > div > div > div:last-child {
    height: 30vw;
    width: 100%;
  }
}

@media (max-width: 600px) {
  #about-3 > div > div > div:first-child {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  #about-3 > div > div > div:last-child {
    height: 60vw;
    width: 100%;
  }
}

/* PRODUCT SLIDERS + CARDS*/
@media (min-width: 640px) {
  .carousel-slider .swiper-wrapper > div {
    padding-left: 0.1rem;
    padding-right: 0.1rem;
  }
}

@media (min-width: 1024px) {
  .lg\:space-x-10 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(0.7rem * var(--tw-space-x-reverse));
    margin-left: calc(0.7rem * calc(1 - var(--tw-space-x-reverse)));
  }
}

h1.text-store-text-primary {
  font-size: var(--h4-size);
}

@media (max-width: 962px) {
  .s-block--special-products-slider--4::after,
  .s-block--special-products-slider--5::after,
  .s-block--special-products-slider--6::after,
  .s-block--special-products-slider--7::after,
  .s-block--special-products-slider--8::after {
    width: calc(var(--spaceX-minor) * 3);
    height: calc(var(--spaceX-minor) * 6);
    bottom: unset;
    top: 0;
    background-size: auto 100%;
  }
}

@media (max-width: 600px) {
  .s-block--special-products-slider--4::after,
  .s-block--special-products-slider--5::after,
  .s-block--special-products-slider--6::after,
  .s-block--special-products-slider--7::after,
  .s-block--special-products-slider--8::after {
    width: calc(var(--spaceX-minor) * 2);
    height: calc(var(--spaceX-minor) * 6);
    bottom: unset;
    top: calc(var(--spaceX-minor) * -0.5);
    background-size: auto 150%;
  }
}

@media (min-width: 768px) {
  .s-products-list-vertical-cards {
    gap: 0.1rem;
  }
}

@media (max-width: 991px) {
  .s-products-list-vertical-cards {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

.with-shine-animation .product-card__image::after {
  display: none;
  opacity: 0;
}

.product-card__buttons {
  position: absolute;
  bottom: auto;
  top: 0.5rem;
  inset-inline-start: 0rem;
  width: min-content;
}

.product-card__buttons > div {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.product-card__buttons > div button {
  background: none;
  box-shadow: none;
}

.product-card__buttons .quickview-btn {
  display: none;
}

.product-card__buttons > div:before,
.product-card__buttons > div:after {
  display: none;
}

.product-card__promotion {
  left: unset;
  right: unset;
  inset-inline-end: 1rem;
}

.product-card__content {
  padding: calc(var(--spaceX-minor) * 0.5);
  width: 70%;
  text-align: start;
}

.s-slider-block__title .s-slider-block__title-left {
  flex-shrink: 0;
}

.s-products-slider-slider .product-card__content {
  width: 90%;
}

.s-products-slider-slider h2 {
  font-size: var(--subtitle1-size);
}

@media (min-width: 640px) {
  .s-products-slider-card {
    max-width: 25%;
  }
}
.product-card__price .total-price {
  display: flex;
  gap: 0.2rem;
  align-items: baseline;
}

[dir="ltr"] .product-card__price .total-price {
  flex-direction: row-reverse;
}

.product-card__price {
  justify-content: flex-start;
}

.index .product-card__price,
.index .product-card__price .before-price,
.index .product-card__price .total-price,
.products-index .product-card__price,
.products-index .product-card__price .before-price,
.products-index .product-card__price .total-price,
.brands-single .product-card__price,
.brands-single .product-card__price .before-price,
.brands-single .product-card__price .total-price,
.product-single .product-card__price,
.product-single .product-card__price .before-price,
.product-single .product-card__price .total-price {
  font-size: var(--overhead-title);
}

.products-index .product-card__addToCart__btn salla-button button,
.brands-single .product-card__addToCart__btn salla-button button {
  color: var(--bg-primary);
}

.products-index .product-card__addToCart__btn salla-button,
.brands-single .product-card__addToCart__btn salla-button {
  background: var(--color-primary);
}

.product-card .product-card__title a {
  font-size: var(--subtitle2-size);
  font-weight: 300;
  line-height: 0.94;
  width: 100%;
}

.s-block--special-products-slider .product-card__title a {
  font-size: var(--body1-size);
}

.s-block--special-products-slider {
  margin-top: var(--spaceY);
}

.s-block--special-products-slider .slider-wrap {
  padding-top: 0;
  padding-bottom: 0;
}

salla-products-list .product-card .product-card__title a {
  font-size: var(--subtitle2-size);
  font-weight: 300;
  line-height: 0.94;
  width: 100%;
}

html[dir="rtl"] .product-card .product-card__title a {
  font-weight: 500;
}

@media (max-width: 991px) {
  .s-block--special-products-slider .s-slider-block__title-nav,
  .s-block--special-products-slider.reversed .s-slider-block__title-nav {
    left: auto;
    right: auto;
    inset-inline-end: 0;
  }

  salla-products-list .product-card .product-card__title a {
    width: 90%;
  }
}

@media (min-width: 768px) {
  .s-slider-thumbs .s-slider-thumbs-container .swiper-slide {
    height: 11rem;
  }
}

@media (max-width: 991px) {
  salla-products-list
    .product-card--vertical.product-card--fit-height
    .product-card__content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: auto;
    width: 100%;
  }
}

.product-card__addToCart {
  padding: calc(var(--spaceX-minor) * 0.5);
}

.product-card__addToCart__btn salla-button {
  color: var(--color-primary);
  background-color: transparent;
  border: 1px solid var(--color-primary);
  border-radius: 5px !important;
}

.product-card__addToCart__btn salla-button button {
  color: var(--color-primary);
}

.product-card__addToCart__btn salla-button:hover button {
  color: var(--bg-primary);
}

.with-zoom-animation .product-card .product-card__image img {
  transform: scale(1.01);
}

.with-zoom-animation .product-card:hover .product-card__image img {
  transform: scale(1);
}

.products-index,
.brands-single {
  --product-image-height: calc(25vw - var(--spaceX-minor) * 2);
}

@media (max-width: 962px) {
  .products-index,
  .brands-single {
    --product-image-height: calc(50vw - var(--spaceX-minor) * 2);
  }
}

@media (max-width: 600px) {
  .products-index,
  .brands-single {
    --product-image-height: calc(100vw - var(--spaceX-minor) * 2);
  }
}

.products-index .s-products-list-wrapper,
.brands-single .s-products-list-wrapper {
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  gap: 0;
}

.products-index .product-card,
.brands-single .product-card {
  flex-basis: 25%;
  margin-bottom: calc(var(--spaceX-minor) / 2);
  padding-inline-start: calc(var(--spaceX-minor) / 4);
  padding-inline-end: calc(var(--spaceX-minor) / 4);
}

.products-index .main-content > div:nth-of-type(1),
.brands-single .main-content > div:nth-of-type(1) {
  margin-bottom: calc(var(--spaceX-minor));
}

.products-index .product-card:nth-of-type(4n + 1),
.brands-single .product-card:nth-of-type(4n + 1) {
  padding-inline-start: 0;
}

.products-index .product-card:nth-of-type(4n + 4),
.brands-single .product-card:nth-of-type(4n + 4) {
  padding-inline-end: 0;
}

@media (max-width: 962px) {
  .products-index .product-card,
  .brands-single .product-card {
    flex-basis: 50%;
    margin-bottom: calc(var(--spaceX-minor));
  }

  .products-index .product-card:nth-of-type(odd),
  .brands-single .product-card:nth-of-type(odd) {
    padding-inline-start: 0;
    padding-inline-end: calc(var(--spaceX-minor) / 2);
  }

  .products-index .product-card:nth-of-type(even),
  .brands-single .product-card:nth-of-type(even) {
    padding-inline-end: 0;
    padding-inline-start: calc(var(--spaceX-minor) / 2);
  }
}

@media (max-width: 600px) {
  .products-index .product-card,
  .brands-single .product-card {
    flex-basis: 100%;
    padding-inline-start: 0 !important;
    padding-inline-end: 0 !important;
  }
}

.inventory-content > #variant-inventory,
h2.text-store-text-primary {
  color: var(--clay);
}

.inventory-content > #variant-inventory i:after {
  background: var(--clay);
}

#product-form .text-store-text-primary,
#product-form .text-store-text-primary b {
  font-weight: 400;
}

#product-form,
.inventory-content {
  font-size: var(--body2-size);
}

#product-form > section {
  margin: 0;
}

#product-form .pb-5 {
  padding-bottom: 1vw;
  margin-bottom: 1vw;
}

.s-metadata-wrapper .s-metadata-box {
  margin-bottom: 0;
}

.product-single__info h1.text-store-text-primary {
  font-size: var(--subtitle1-size);
  font-weight: 500;
}

.product-more-info .container,
.container .container {
  padding: 0;
}

.product-more-info.vertical {
  border-top: 1px solid var(--color-primary);
}

.product-more-info.vertical
  .content-ul-tab
  li
  .more-info-tabs__nav-link:before {
  background: var(--color-primary);
}

.product-more-info.vertical
  .content-ul-tab
  li
  .more-info-tabs__nav-link
  > span:before {
  height: 2px;
}

.product-more-info.vertical .tab-content {
  font-size: var(--body2-size);
}

.more-info-tabs__nav-link {
  font-weight: 300;
  font-size: var(--subtitle2-size);
}

.product-single.thumbnails.product-997573839
  > div
  > div
  > div
  > div.product-single__info.col-lg-5.col-md-12.col-12.lg\:\!w-2\/4.md\:w-full.w-full.ltr\:md\:pl-\[15px\].rtl\:md\:pr-\[15px\].mt-5.sm\:mt-0
  > div.flex.whitespace-nowrap.gap-4.items-center
  h2 {
  font-size: var(--subtitle1-size);
}

.breadcrumbs .arrow {
  position: relative;
  background: none;
}

/* PRODUCTS END*/

/* CART START*/
.s-button-danger {
  background-color: var(--color-primary);
  border: none;
  color: var(--bg-primary);
}

.s-button-danger:hover {
  background-color: var(--color-primary);
  border: none;
  color: var(--bg-primary);
}

.s-quantity-input-container,
.s-quantity-input-input,
select.form-input,
.s-tel-input-control {
  border-color: var(--color-primary);
}

.sticky-product-bar__quantity .form-label {
font-weight: 400 !important;
}

* {
  border-color: var(--color-primary);
}

label:has(~ select.form-input) {
  font-size: var(--body2-size);
}

.cart-item {
  padding: calc(var(--spaceX-minor) / 2);
}

.cart-item > div {
  display: flex;
  align-items: flex-end;
  margin-bottom: 0;
  --cart-img-size: 10vw;
  font-size: var(--body2-size);
}

@media (max-width: 991px) {
  .cart-item > div {
    flex-flow: column;
    --cart-img-size: 100%;
  }

  .cart-item > div > div:first-child {
    flex-flow: column;
    width: 100%;
    gap: calc(var(--spaceX-minor) / 2);
  }

  .cart-item > div > div:last-child {
    width: 100%;
  }
}

.cart-item > div > div a img {
  width: var(--cart-img-size);
  height: var(--cart-img-size);
}

.cart-item h1 a {
  font-size: var(--subtitle2-size);
}

.cart-item h1 {
  margin-bottom: calc(var(--spaceX-minor) / 2);
}

.cart-item .text-sm,
.app-inner > div.container > div .text-sm {
  font-size: var(--body2-size);
}

.sticky-cart-single,
.sticky-cart-single.sticky {
  display: none;
}

.swal2-container .swal2-popup.swal2-toast.swal2-icon-error {
  background-color: var(--clay);
}

.product-card__buttons > div button.is-added {
  background: var(--clay);
}

.product-card__buttons > div button.is-added i {
  color: var(--bg-primary);
}

.text-\[\#f11e1e\] {
  color: var(--clay);
}

.product-single .product-count-sale svg path:first-child {
  fill: var(--clay);
}

.product-single .product-single__main-media .gallery-cursor {
  background-color: var(--bg-primary) !important;
}

/* CART END*/

/* FOOTER*/
.footer-is-custom .store-footer .store-footer__curve {
  display: none;
}

.store-footer {
  z-index: 100;
  margin-top: calc(var(--spaceY) * 2);
}

.store-footer__inner {
  padding-top: var(--spaceY);
  border: none;
  padding-bottom: 0;
}

.store-footer::before {
  content: "";
  position: absolute;
  top: -2.9vw;
  left: 0;
  width: 100%;
  height: 3vw;
  display: flex;
  background-image: url("https://storage.googleapis.com/saudi-artisan-bucket/Raw_edge_dark_ddb6029dc6/Raw_edge_dark_ddb6029dc6.png");
  background-repeat: no-repeat;
  background-size: cover;
}

@media (max-width: 991px) {
  .store-footer::before {
    height: 8vw;
    top: -7.9vw;
  }
}

.store-footer__inner > div {
  display: flex;
  gap: 0;
  justify-content: space-between;
  flex-flow: row-reverse;
  padding-bottom: calc(var(--spaceY) * 0.5);
}

.store-footer__inner .container > div:last-child {
  display: none;
}

.store-footer__inner .container > div:nth-child(1) h3 {
  color: var(--clay);
  font-size: var(--overhead-title);
  margin: 0;
}

.store-footer__inner .container .text-center {
  text-align: start;
}

.store-footer__inner .footer-list li a {
  font-size: var(--footer-size);
  font-weight: 300;
  line-height: 1.5;
}

.store-footer__inner .container > div:nth-child(1) {
  flex-basis: 20vw;
}

.store-footer__inner .container > div:nth-child(2) {
  flex-basis: 30vw;
  display: flex;
  flex-direction: column;
  margin: 0;
}

.store-footer__inner .container > div:nth-child(2) > a {
  justify-content: flex-start;
}

.store-footer__inner .container > div:nth-child(2) > p {
  text-align: start;
  font-weight: 300;
  margin-top: 2vw;
  margin-bottom: 2vw;
  line-height: 1.2;
}

.store-footer__inner .container > div:nth-child(2) > div {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  text-align: start;
  justify-content: flex-start;
}

.store-footer__inner .container > div:nth-child(2) > div > div {
  display: flex;
  flex-direction: column;
}

.store-footer__inner .container > div:nth-child(2) > div > div p {
  line-height: 1;
  margin: 0;
}

.footer-is-custom .store-footer .store-footer__contacts-row {
  border-bottom: 1px solid var(--bg-primary);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-top: 0;
  padding-inline: var(--spaceX-minor);

  padding-inline-start: calc(100% - (20vw + var(--spaceX-minor)));
  margin-top: calc(var(--spaceY) * -1);
}

.footer-is-custom .store-footer .store-footer__contacts-row ul {
  margin: 0;
}

.footer-is-custom .store-footer .store-footer__contacts-row span {
  display: none;
}

.footer-is-custom .store-footer .store-footer__contacts-row > div,
.footer-is-custom .store-footer .store-footer__contacts-row > ul {
  margin: 0;
  gap: 0;
  justify-content: flex-start;
}

.footer-is-custom .store-footer .contact-icon,
.footer-is-custom .store-footer .social-link {
  border: none;
  margin-left: 0;
}

.footer-bottom ul {
  flex-basis: 20vw;
  justify-content: flex-start;
}

.footer-bottom ul li {
  background: var(--bg-primary);
  padding: 0;
}

.footer-is-custom
  .store-footer
  .store-footer__inner
  .container
  > div:nth-child(2)
  blockquote {
  font-size: var(--font-md);
}

@media (max-width: 962px) {
  .store-footer__inner > div {
    flex-flow: column;
    align-items: center;
  }

  .store-footer__inner .container > div:nth-child(2) > a {
    justify-content: center;
  }

  .store-footer__inner .container > div:nth-child(2) > p {
    justify-content: center;
    text-align: center;
    line-height: 1.5;
    padding-bottom: var(--spaceX-minor);
  }
  .store-footer__inner .container > div:nth-child(2) > blockquote {
    justify-content: center;
    text-align: center;
    line-height: 1.5;
  }

  .store-footer__inner .container > div:nth-child(2) > div {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding-bottom: var(--spaceX-minor);
  }

  .store-footer__inner .container > div:nth-child(1) {
    flex-basis: 100%;
    width: 100%;
    padding-bottom: var(--spaceX-minor);
  }

  .store-footer__inner .container > div:nth-child(1) .footer-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .store-footer__inner .container > div:nth-child(1) .footer-list li {
    flex-basis: 33%;
  }

  .footer-is-custom .store-footer .store-footer__contacts-row {
    justify-content: center;
    padding-inline-start: var(--spaceX-minor);
    padding-top: var(--spaceX-minor);
  }

  .footer-bottom ul {
    justify-content: center !important;
  }
}

@media (max-width: 600px) {
  .store-footer__inner .container > div:nth-child(1) .footer-list li {
    flex-basis: 100%;
  }
}

/* Scroll to top */
.scroll-to-top {
  z-index: 101;
  display: flex;
  align-items: center;
  padding: 0.5vw 0.5vw;
}

.scroll-to-top.right {
  right: unset;
  left: unset;
  display: none;
  inset-inline-end: var(--spaceX-minor);
}

@media (max-width: 962px) {
  .scroll-to-top {
    padding: 1vw 2vw;
  }
}

.scroll-to-top svg {
  display: none;
}

.scroll-to-top::before {
  content: "";
  background: url(https://storage.googleapis.com/saudi-artisan-bucket/scroll_5ad9feb033/scroll_5ad9feb033.png);
  width: 100%;
  height: 100%;
  display: flex;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.scroll-to-top:after {
  background: var(--clay);
  color: var(--color-primary);
  border: none;
}

@media (max-width: 640px) {
  .is-sticky-product-bar.product-single {
    padding-bottom: 0;
  }
}

/* OTHER PAGES*/
.page-single div.app-inner.flex.flex-col.min-h-full.bg-storeBG > div > div {
  justify-content: flex-start !important;
}

.content--single-page {
  padding: 0;
}

#branches-map {
  width: 100%;
  height: 60vh; /* adjust if you want */
  min-height: 320px;
  border: 0;
  display: block;
}