@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

https://cdn.jsdelivr.net/gh/masarasiddig2000-eng/gad@main/OPTIMA.woff

@font-face {
    font-family: 'OPTIMA';
    src: url('https://cdn.jsdelivr.net/gh/masarasiddig2000-eng/gad@main/OPTIMA.woff') format('woff');
    font-weight: 400;
}

@font-face {
    font-family: 'OPTIMA';
    src: url('https://cdn.jsdelivr.net/gh/masarasiddig2000-eng/gad@main/OPTIMA_B.woff') format('woff');
    font-weight: 700;
}

@font-face {
    font-family: 'OPTIMA';
    src: url('https://cdn.jsdelivr.net/gh/masarasiddig2000-eng/gad@main/Optima%20Medium.woff') format('woff');
    font-weight: 500;
}

html[lang="en"] body {
    font-family: 'OPTIMA', sans-serif !important;
}
html[lang="en"] body {
  font-family: 'Barlow Condensed', sans-serif !important;
}
.text-foreground {
    font-size: 18px;
    font-family: 'Barlow Condensed', sans-serif !important;
    font-weight: 600;
    color: #2C050C
}
.gap-20{
  margin-top: 3rem
}
.btn-filled {
    background-color: #ffffff;
    color: #000000;
    font-weight: 400 !important;
}
.text-primary-foreground {
    background-color: #EBC9C2;
}
.py-8 {
    background-color: #4B0E1A;
}
.ms-2{
    color: #ebc9c2;
}
.pb-1 {
    background-color: white;
}
.btn-outlined {
    border: 2.5px solid black;
    border-radius: 0px;
    text-transform: uppercase;
}
.text-2xl {
      font-size: 24px;
      font-family: 'OPTIMA', sans-serif !important;
      font-weight: 400;
      color: white;
}
.text-base {
    font-size: 15px;
    font-family: 'OPTIMA', sans-serif !important;
    color: #EBC9C2;
    font-weight: 100;
}
.tracking-wide{
        font-size: 14px;
      font-family: 'OPTIMA', sans-serif !important;
      font-weight: 200;
      color: white;
          text-transform: none !important;
}
.text-balance {
    font-family: 'Barlow Condensed', sans-serif !important;
    color: #EBC9C2;
}
.font-medium {
    font-family: 'Barlow Condensed', sans-serif !important;
    font-size: 20px;
    font-weight: 400;
    color: #000000;
}
.grid-cols-1{
  color: #ebc9c2;
}
.size-6 {
    width: calc(var(--spacing) * 7);
    height: calc(var(--spacing) * 7);
    color: #ebc9c2;
    border-radius: 2px;
}
a {
    color: #000000;
    font-size: 19px;
    font-weight: 600;
    font-family: 'Barlow Condensed', sans-serif !important;
    color:#2C050C
}
.gap-y-1 {
    color: black;
}
.text-foreground shrink-0{
    font-family: FontAwesome;
    content: "\f48b";
    font-size: 35px;
    color: rgb(10 60 61)
}
.text-destructive {
    color: #707070;
}
.text-success {
    display: none;
}
.product-options__list {
    flex-direction: column;
}
.text-muted {
    color: black;
}
.gap-6 {
    gap: calc(var(--spacing) * 3);
}
.flex.items-center.gap-1 svg {
    color: black;
}
.flex items-center gap-8{
    flex-direction: column;
}
button[command="show-modal"][commandfor="search-dialog"] {
    display: none !important;
}
svg[width="20"][height="20"][viewBox="0 0 24 24"] {
  display: none;
}
@media (min-width: 48rem){ 
.flex.items-center.gap-8 {
  display: flex;
  flex-direction: column;
align-items: center;
  gap: 8px;
  margin-right: 95px;
}
    html[lang="ar"] .flex.items-center.gap-8 {
  margin-left: 150px;
}
.flex.items-center.border.border-gray-300 {
  margin-left: -40px; 
}
html[lang="ar"] .flex.items-center.border.border-gray-300 {
  margin-right: -40px;
}
.flex.items-center.gap-8 ul {
  width: 100%;
  display: flex;
  gap: 16px;
}

a[aria-label="Home"] {
  display: flex;
  justify-content: center; 
  align-items: center;     
  width: 100%;     
}
}
.text-foreground.text-xl.md\:text-2xl.font-semibold.tracking-tight {
    font-family: 'OPTIMA', sans-serif !important;
    font-weight: 200;
    font-size: 20px;
}

h3.text-foreground.text-sm.font-medium {
  font-family: 'OPTIMA', sans-serif !important;
  color: #ebc9c2 !important;
  font-weight: 100
}
div.text-foreground.text-sm {
  color: #ebc9c2 !important;
}
.flex.flex-col.gap-1 {
      flex-direction: row;
    gap: 15px;
}
.bg-accent {
    background-color: #000000;
}
span.text-foreground.text-sm.font-medium {
  color: #000 !important;
}
.whitespace-nowrap {
    white-space: nowrap;
    background-color: #2c050c;
    border-radius: 0;
  border-color: #2c050c;
  color: white;
}
.btn-outlined:hover {
  background-color: #2c050; !important
  color: white;            
  border: none;
}
a.text-foreground.text-sm.font-medium.line-clamp-2.hover\:underline {
  color: #000 !important;
}
span.text-muted.text-sm {
  display: none !important;
}
.text-foreground.shrink-0 svg,
.text-foreground.shrink-0 svg path {
    color: #ebc9c2;   
    stroke: #ebc9c2;
}
.pt-4 {
    gap: 0px;
}
@media (max-width: 768px) {
    .md\:flex {
        display: flex;
    }
}
.cart-with-products {
  max-width: 700px;
  margin: auto;
  transform: scale(0.85);
  transform-origin: top center;
}

button[data-search-clear] svg {
    display: none; 
}
button[data-search-clear]::after {
    content: "×"; 
    display: inline-block;
    font-size: 20px; 
    line-height: 1;
    color: currentColor; 
}



.mega-dropdown {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw; 
  background: #fff;
  padding: 40px 60px;
  box-shadow: 0 25px 60px rgba(0,0,0,0.12);
  z-index: 9999;
}

.mega-grid {
  max-width: 1400px;
  margin: auto;
  display: flex;
  gap: 25px;
  justify-content: center;
  flex-wrap: nowrap;
}

.mega-item {
  width: 190px;
  text-align: center;
}

.mega-item img {
  width: 100%;
  height: 220px;           
  object-fit: cover;       
}

.mega-item:hover {
  transform: translateY(-5px);
}

.mega-title {
  margin-top: 10px;
  font-size: 23px;         
  font-weight: 600;        
  line-height: 1.4;
}
.mega-price {
  font-size: 0px;
  opacity: 0.7;
}

@media (min-width: 1024px) {

  .cart-product-item {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 16px 0;
    border-bottom: 1px solid #eee;
  }

  .cart-product-item > a {
    width: 90px !important;
    height: 90px !important;
    flex-shrink: 0;
  }

  .cart-product-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .cart-product-item .text-sm.font-medium {
    font-size: 16px !important;
    line-height: 1.4;
  }

  .cart-product-item .flex.min-w-0.flex-1.flex-col.gap-4.lg\\:flex-row {
    display: flex;
    align-items: center;
    gap: 40px;
  }


  .qty-input-field {
    height: 38px;
    font-size: 15px;
  }

  .cart-product-item .hidden.w-48.lg\\:flex {
    width: 200px !important;
    align-items: flex-end;
  }

  .cart-product-item .text-sm.font-medium {
    font-size: 16px;
  }

  .cart-product-item .flex.items-center.justify-between.gap-4 {
    width: 180px;
  }

  .cart-with-products h1 {
    font-size: 28px;
    margin-bottom: 20px;
  }

  .cart-with-products .border-b.lg\\:flex {
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
.cart-product-item .qty-input {
  transform: scale(0.85);
  transform-origin: right center;
}

.cart-product-item .lg\:w-48 {
  width: 140px !important;
}

.cart-product-item .qty-input-btn {
  width: 28px;
  height: 28px;
}

.cart-product-item .qty-input-btn svg {
  width: 12px;
  height: 12px;
}

.cart-product-item .qty-input-field {
  height: 30px;
  font-size: 13px;
  width: 45px;
}

.cart-product-item .flex.items-center.gap-2.lg\:hidden button {
  width: 28px;
  height: 28px;
}

.cart-product-item .flex.items-center.gap-2.lg\:hidden svg {
  width: 12px;
  height: 12px;
}
}
h3.tracking-wide {
  color: #000 !important; 
}
div.tracking-wide {
  color: #000 !important; 
}

span[data-cart-badge] {
  background-color: #2c050c !important; 
  color: white !important; 
}
header-login-btn{
  color:black !important
}
.btn-filled {
    text-transform: uppercase;
      font-size: 19px;
    font-weight: 600;
    font-family: 'Barlow Condensed', sans-serif !important;
}

.image-selector {
  display: flex;
  flex-direction: row;
  gap: 8px;
  overflow-x: auto; 
  white-space: nowrap;
}

.selector-img {
  width: 45px;
  height: 45px;
  object-fit: cover;
  border-radius: 0;
  flex-shrink: 0; 
}
.product-options__item {
  display: none;
}

.product-options__item.active {
display: flex;
    background: #f5f5f5;
    color: #000000;
    font-size: 18px;
    border: 0;
    margin: 0px;
    justify-content: flex-start;
}
.option-wrapper {  
  display: flex;
  flex-direction: column; 
}

.option-names-container {
  order: 1; 
  margin-bottom: 8px; 
}

.image-selector {
  order: 2;
}
.product-options__label,
.product-options__list {
  display: inline-flex;
  gap: 8px;          
}
.product-options__list {
  margin: 0;  
  padding: 0;
  list-style: none;
}

.product-options__group {
  display: flex;
  gap: 16px;       
}
.product-options__label {
    margin-top: 10px;
    font-size: 16px;
}
.flex.items-center.gap-2.md\:hidden {
    display: none !important;
}
.flex-\[0_0_75\%\] {
    flex: 0 0 100%;
}
.backdrop-blur-xs {
    display: none !important;
}

@media (max-width: 768px) {
.flex-\[0_0_75\%\] {
    flex: 0 0 100%;
}
  .qty-input-full {
    width: 200px;
}
}

h1.text-foreground.text-lg.md\:text-xl.font-semibold {
    font-size: 24px !important;
}
p.text-lg.font-semibold[data-product-price] {
    font-size: 20px !important;
}
.btn-filled {
    border-radius: 0;
    width: 150px;
    border: 2px solid;
}
.prose-sm {
    font-size: 1.1rem;
    line-height: 1.2;
}
.tamara-summary-widget__container .summary-widget-content {
    color: black !important;
}
.qty-input {
    border: 2px solid black;
    border-radius: 0;
    background-color: white;
}
.flex.flex-col.gap-2 h3,
.flex.flex-col.gap-2 .prose p {
    line-height: 0.9 !important; 
    margin: 0 !important;     
}
.image-selector{
  height: 4rem
}
.image-selector img {
  border: 2px solid transparent;
  cursor: pointer;
  transition: 0.2s;
  margin-top: 0.2rem !important;
  margin-left: 0.3rem !important;
}

.image-selector img.active {
  outline: 2px solid black;
  outline-offset: 0.5px;
}

h3.text-foreground.text-base.font-semibold {
  color: #2C050C !important;
}
div.mt-2.flex.items-center.gap-2 {
  color: #2C050C !important;
}
h3.text-foreground.text-sm.font-medium.truncate {
  color: #2C050C !important;
}

@media (max-width: 768px) {
.product-gallery__slide img {
  aspect-ratio: auto !important;
  height: 300px !important;
  width: 100% !important;
  object-fit: contain !important;
  background: #fff;
}
  .max-h-\[44px\].md\:max-h-\[66px\] {
  margin-left: -10px;
  margin-top: -5px;
}
  html[lang="ar"] .max-h-\[44px\].md\:max-h-\[66px\] {
  margin-right: 85px;
}
}

.product-gallery-thumbs__container button:first-child {
  display: none !important;
}
.product-gallery__container {
  position: relative;
}

.product-gallery__container .product-gallery__slide:first-child {
  visibility: hidden;
  flex: 0 0 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}
.riyal-svg {
  margin-right: 3px;
}
.btn.btn-filled.btn-lg.w-full {
  width: calc(100% + 0px);
}
html[lang="ar"] .form-input-wrapper {
  direction: ltr;
}
@font-face {
    font-family: 'Suisse Intl';
    src: url(https://pub-c3284fa51357406ca9a56ec1740ae4c0.r2.dev/fonts/suisse-intl/medium.woff2) format('woff2');
}
html[lang="ar"], 
html[lang="ar"] * {
  font-weight: 400;
  font-family: "Suisse Intl", -apple-system, Helvetica, Arial, sans-serif !important;
}
html[lang="ar"] button[data-add-to-cart-form="product-form"] {
  font-family: 'Barlow Condensed' !important;
  direction: ltr;
}
html[lang="ar"] .text-2xl {
    font-size: 23px;
    font-weight: 600;
}
html[lang="ar"] .tracking-wide {
    font-size: 17px;
    font-weight: 300;
}
html[lang="ar"] .text-foreground.text-xl.md\:text-2xl.font-semibold.tracking-tight {
    font-weight: 600;
    font-size: 20px;
   font-family: 'Suisse Intl' !important;
}
html[lang="ar"] h3.text-foreground.text-sm.font-medium {
    color: #ebc9c2 !important;
    font-weight: 600;
}
input[placeholder="What are you looking for?"] {
  font-family: 'Barlow Condensed' !important;
  font-size: 16px;
}
html[lang="ar"] .ms-2 {
    font-size: 14px;
}
html[lang="ar"] .btn-outlined{
    font-family: 'Barlow Condensed' !important;
    font-size: 16px;
    direction: ltr;
}
svg.text-primary {
    color: #2C050C;
}
html[lang="ar"] h3.text-foreground.text-base.font-semibold {
    color: #2C050C !important;
    font-size: 17px;
    font-weight: 600;
}
html[lang="ar"] .product-options__item-text {
    font-family: 'Barlow Condensed' !important;
    font-size: 16px
}
html[lang="ar"] .image-selector img {
    margin-right: 0.2rem;
}
div[data-product-card] > div > div[data-quantity-section] .qty-input {
    width: 100%;
}

@media (min-width: 48rem) {
    .md\:block {
        margin-top: -40px;
    }
  div.space-y-4{
    gap:0px
  }
  :where(.space-y-4>:not(:last-child)) {
    margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse)));
}
}
button[onclick="zidOpenRegionSettingDialog()"] {
   font-family: 'OPTIMA' !important;
    font-size: 17px;
}
[class*="product"] [data-quantity-section] {
  display: none !important;
}
a.text-foreground.text-sm.min-h-px.w-full.min-w-px.px-6.py-3.text-start[href="/"] {
  text-transform: uppercase;
}
p.text-sm.text-center {
  color: #2C050C;
}
div.products-embla__progress.bg-secondary {
  color:#f5f5f5;
  background: #f5f5f5;
}
.bg-accent {
    background-color: #f5f5f5;
}
.mt-4.flex.flex-col.gap-4.px-4.pb-4 .prose {
  font-size: 16px;
  font-weight: 300
}
.prose :where(strong):not(:where([class~=not-prose],[class~=not-prose] *)) {
    font-weight: 400;
  color: oklch(0.62 0.01 266.67);
}


[data-sticky-cta-image] {
  display: block !important;
}

[data-sticky-cta-image] {
  width: 80px !important;
  height: 60px !important;
  object-fit: cover;
  border-radius: = 0px;
}

[data-sticky-cta-image] {
  flex-shrink: 0;
}

#sticky-cta .size-16 {
  width: 250px !important;
  height: 50px !important;
    border-radius: = 0px;
}

.w-full.h-full.flex.items-center.justify-center.bg-black.text-white.text-xs.font-semibold {
  font-size: 20px !important;
}

html[lang="ar"] .flex.flex-col.gap-2 h3, .flex.flex-col.gap-2 .prose p {
    font-size:13.5px
}
html[lang="ar"] a {
    font-size: 14px;
}
html[lang="ar"] h3.text-foreground.text-sm.font-medium {
    font-family: 'Suisse Intl' !important;
    font-weight: 400
}
html[lang="ar"] ol.text-foreground.text-sm.flex.flex-wrap.items-center {
  font-size: 13px;
}
html[lang="ar"] div.text-foreground.text-sm{
  font-size: 14px
}
html[lang="ar"] h1.text-foreground.text-2xl.md\:text-3xl.font-semibold.tracking-tight {
  font-size: 24px;
    font-family: 'OPTIMA', sans-serif !important;
    font-weight: 400;
    color: white;
}
html[lang="ar"] p.text-sm.text-center {
    color: #2c050c;
    font-size: 12px;
    font-weight: 100 !important;
}
div[data-sticky-cta-in-stock] {
  transform: translateX(16px);
}
.prose-sm :where(.prose-sm>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)) {
    color: #a9a9a9;
}
html[lang="ar"] button.text-foreground.text-sm[onclick="zid.customer.logout()"] {
font-size: 13px
}
html[lang="ar"] button.text-foreground.text-sm[onclick*="zidOpenRegionSettingDialog"] {
font-size: 16px;
font-family: optima !important;
}
html[lang="ar"] span[class*="bg-"] span {
  font-size: 0;
}
html[lang="ar"] span[class*="bg-"] span::after {
  content: "الأكثر مبيعاً";
  font-size: 12px;
}
@media (max-width: 768px){
a.text-foreground.text-sm.font-medium.line-clamp-2.hover\:underline {
    width: 200px;
}
  .flex.shrink-0.flex-col.items-end.lg\:hidden {
    margin-left: 3rem;
}
}

@media (max-width: 768px){
html[lang="ar"] a.text-foreground.text-sm.font-medium.line-clamp-2.hover\:underline {
    width: 200px;
}
html[lang="ar"] .flex.shrink-0.flex-col.items-end.lg\:hidden {
    margin-right: 1.8rem;
}
}
.data-\[grid\=list\]\:grid-cols-1[data-grid=list], .data-\[grid\=one\]\:grid-cols-1[data-grid=one] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (min-width: 64rem) {
    .lg\:gap-12 {
        gap: calc(var(--spacing) * 17);
    }
      .lg\:col-span-4 {
        grid-column: span 4 / span 4;
        margin-right: -10rem;
    }
  a.text-foreground.text-sm.font-medium.line-clamp-2.hover\:underline {
    width: 500px;
}
      .cart-product-item .qty-input {
        margin-top: 39px;
    }
  .cart-with-products {
    max-width: 1000px;
}
  .cart-product-item .text-sm.font-medium {
        font-size: 20px !important;
    }
  .hidden.w-48.flex-col.items-end.gap-2\.5.lg\:flex  {
        display: flex;
        border-bottom-style: dashed;
        flex-direction: row;
        width: 300px;
    }
}
#apple_pay_quick_checkout_widget,
#apple_pay_quick_checkout_widget * {
  border-radius: 0 !important;
}
@media (max-width: 768px){
[section-id="705dc2f2-d7da-41d4-902d-705ca77aa7a5"]
.items-center.text-center.flex.max-w-\[768px\].flex-col {
  transform: translateY(-40px);
  margin-top: -20rem;
  scale: 120%;
}
  [section-id="900a8d6d-eb94-4f0d-9942-180e517f268b"]
.items-center.text-center.flex.max-w-\[768px\].flex-col {
  transform: translateY(-40px);
  margin-top: -20rem;
}
}
@media (min-width: 64rem) {
[section-id="705dc2f2-d7da-41d4-902d-705ca77aa7a5"]
.items-center.text-center.flex.max-w-\[768px\].flex-col {
  transform: translateX(-40px);
  margin-left: -40rem;
  scale: 150%;
}
  [section-id="900a8d6d-eb94-4f0d-9942-180e517f268b"]
.items-center.text-center.flex.max-w-\[768px\].flex-col {
  transform: translateX(-40px);
  margin-left: -40rem;
}
}
[data-free-shipping-message] {
  color: #2c050c;
}
[data-free-shipping-progress-bar] {
  background-color: #2c050c;
}
[data-free-shipping-truck] {
  background-color: #2c050c;
}
@media (min-width: 64rem) {
.bg-secondary[data-free-shipping-bar] {
  display: none
}
}
@media (min-width: 64rem) {
    html[lang="ar"] .lg\:col-span-4 {
        grid-column: span 4 / span 4;
        margin-left: -5rem;
      transform: translate(-140px, 10px);
    }
}
html[lang="ar"] .text-2xl {
  font-family: optima !important;
    font-size: 24px;
    font-weight: 400;
}
.grid-cols-1 {
    color: #000000 !important;
}
.size-4 {
    color: #ebc9c2 !important;
}