:root {
  --main-color: #392f25;
  --primary-color: #F4EFE6;
  
} 
body{
  background-color: #f4efe6 ;
}

@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap');

*{
font-family: "Jost", sans-serif;
font-optical-sizing: auto;
font-style: normal;
}

/* HEADER */

.art-top-navbar.store-header {
    display: none;
}

/* BANNER */

h2.art-title.capitalize.md\:text-\[34px\].text-\[28px\].py-4.overflow-hidden.flex.flex-col.gap-3.md\:w-1\/2.font-medium.ltr\:tracking-\[1px\] {
    font-size: 26px;
    letter-spacing: 6px;
}
h2.art-title.capitalize.md\:text-\[34px\].text-\[28px\].py-4.overflow-hidden.flex.flex-col.gap-3.md\:w-1\/2.font-medium.ltr\:tracking-\[1px\] {
    padding: 5px 0px;
}
span.art-subtitle.capitalize.text-\[16px\].font-\[200\].ltr\:tracking-\[1px\] {
    opacity: 0.9;
    padding: 0px;
    font-size: x-small;
    letter-spacing: 1px;
}
button.art-banner-button.relative.py-4.px-8.border-\[1px\].border-white.uppercase.text-\[16px\].text-black.hover\:text-white.overflow-hidden.duration-300.z-50.bg-transparent {
    width: 189px;
}
center.items-center.text-center.relative.z-\[40\].overflow-hidden.gap-4 {
    gap: 2rem;
}

/* products */

.s-block__display-all {
    display: flex;
    justify-content: center;
    text-align: center;
    align-items: center;
 
}

*::before{
    text-align: center;
    font-size: 14px;
    opacity: 0.8;
}

html[lang="en"] #app > div.app-inner.flex.flex-col.min-h-full > section:nth-child(8) > div > h2::before {
    content: "NEW ARRIVALS";
}

html[lang="ar"] #app > div.app-inner.flex.flex-col.min-h-full > section:nth-child(8) > div > h2::before {
 content:"أحدث المنتجات";
}

html[lang="en"] h2.capitalize.md\:text-\[34px\].text-\[28px\].py-4.overflow-hidden.flex.flex-col.gap-3.font-medium.ltr\:tracking-\[3px\]::before {
    content: "BEST SELLERS";
    letter-spacing: 0px;
}
.s-products-list-wrapper.s-products-list-vertical-cards {
    padding-top: 26px;
}
html[lang="ar"] h2.capitalize.md\:text-\[34px\].text-\[28px\].py-4.overflow-hidden.flex.flex-col.gap-3.font-medium.ltr\:tracking-\[3px\]::before {
    content: "الأكثر مبيعًا";
}
.art-categories-03.lg\:py-20.md\:py-10.py-5.lg\:px-10.md\:px-5.px-1.block.block {
    padding-top: 0px;
    padding-bottom: 0px;
}
section.lg\:py-20.md\:py-10.py-5 {
    padding-top: 1.5rem;
}

h3.text-\[var\(--color-primary-reverse\)\].text-xl.text-base.font-semibold {
    padding: 33px 24px;
}
/* FOOTER */

@media (max-width: 767px) {
.lg\:col-span-2.rtl\:lg\:pl-20.ltr\:lg\:pr-20 {
    justify-content: center;
    align-items: center;
    text-align: center;
    justify-items: center;
}
.grid.grid-col-1.sm\:grid-cols-2.md\:grid-cols-4.lg\:grid-cols-6.gap-8.lg\:gap-6 h3,
.s-menu-footer-list {
   text-align : center;
}
.s-contacts-list-vertical {
    flex-direction: column;
    align-items: center;
}

}

.art-categories-03.lg\:py-20.md\:py-10.py-5.lg\:px-10.md\:px-5.px-1.block.block {
    padding-inline: 0px;
}

.art-categories-03.lg\:py-20.md\:py-10.py-5.lg\:px-10.md\:px-5.px-1.block.block .container {
    padding-inline: 0px;
    max-width: none;
}
.grid.grid-cols-2.sm\:grid-cols-2.lg\:grid-cols-4.gap-4.mt-8.mb-8 {
    gap: 0px;
}
h3[class*="text-[var(--color-primary-reverse)]"]::after {
  content: "SHOP NOW";
  display: block;
  margin-top: 10px;
  padding: 10px 20px;
  background-color: #f5ede3;
  color: #000;               
  font-size: 14px;
  font-weight: 350;
  text-align: center;
  width: fit-content;
  border-radius: 0px;
  text-transform: uppercase;
  cursor: pointer;
  transition: background-color 0.3s ease;
  pointer-events: none;
}

h3[class*="text-[var(--color-primary-reverse)]"]:hover::after {
  background-color: #e0d6c8;
}

.ltr\:tracking-\[1px\]:where([dir="ltr"], [dir="ltr"] *) {
     letter-spacing: 0px;
}
h2.capitalize.md\:text-\[34px\].text-\[28px\].font-medium.md\:w-1\/2.leading-\[45px\].ltr\:tracking-\[1px\].text-\[var\(--color-text-theme\)\] {
    font-size: 12px;
    opacity: 0.8;
}
span.capitalize.text-\[16px\].font-\[200\].ltr\:tracking-\[1px\] {
    font-size: 27px;
}
.ltr\:tracking-\[3px\]:where([dir="ltr"], [dir="ltr"] *) {
     letter-spacing: 0px; 
}
@media (max-width: 767px) {
h2.art-title.capitalize.md\:text-\[34px\].text-\[28px\].py-4.overflow-hidden.flex.flex-col.gap-3.md\:w-1\/2.font-medium.ltr\:tracking-\[1px\] {
    text-align: center;
}
}
/* مميزات المتجر */
p.text-\[15px\].text-center {
    opacity: 0.7;
    font-size: small;
}
h6.text-\[var\(--color-primary-dark\)\].text-\[17px\].font-\[200\].ltr\:tracking-\[1px\].capitalize.pt-4.pb-1 {
    font-size: 19px;
    font-weight: 400;
    opacity: 0.9;
}
.sicon-headset:before,
.sicon-gift-sharing:before,
.sicon-shield-alt:before,
.sicon-gold-badge:before {
    font-size: 30px;
}
.s-block__display-all {
  display: block;
  padding: 0.75rem 2rem;
  border: 1px solid #3A2B2B;
  background-color: transparent;
  color: #3A2B2B;
  text-transform: uppercase;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 1px;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s ease;
  margin-left: auto;
  margin-right: auto;
  width: fit-content;
  text-align: center;
}
.s-block__display-all:hover {
  background-color: #3A2B2B;
  color: #fff;
}