@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,600;0,700;1,500&display=swap");
@keyframes ab-fadeUp {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes ab-shimmer {
  0% {
    background-position: -200%0;
  }
  to {
    background-position: 200%0;
  }
}
.collection_container {
  max-width: inherit;
  width: 100%;
  margin: 0 auto;
  padding-inline: 10px;
  padding-top: 100px;
  padding-bottom: 50px;
}
.w-full.lg\:-ms-9 .ab-categories {
  display: contents !important;
}
.w-full.lg\:-ms-9 .ab-categories .ab-cat-card{
  aspect-ratio: 4 / 4;flex-basis: 55vw;
}
.grid.grid-cols-2.gap-4.sm\:grid-cols-3.md\:grid-cols-4.xl\:grid-cols-5 {
  display: none;
}
@media (min-width: 768px) {
  .w-full.lg\:-ms-9 .ab-categories .ab-cat-card{
    aspect-ratio: 4 / 4;max-width: 360px;
  }
}
 
.category_section_header.mb-7.flex.items-center.justify-between.pt-3 {
  padding-inline: 10px;
  border-bottom: 0.5px solid #13131633;
    padding-bottom: 20px;
}button.text-heading.flex.items-center.rounded-md.border.border-gray-300.px-4.py-2.text-sm.font-semibold.transition.duration-200.ease-in-out.text-start.hover\:bg-gray-200.focus\:outline-none {
  border-color: #13131633;font-weight: 500;
  padding: 5px 8px;font-size: 12px;
  white-space: nowrap;
}
/* 1. تنسيق الحاوية الكبيرة للقائمة */
ul[id^="headlessui-listbox-options-"] {
  border-radius: 1px !important;
  border: 1px solid #f0f0f0 !important;
  box-shadow: 0 10px 25px rgba(0,0,0,0.05) !important;
  padding: 6px !important;
  min-width: max-content;
  direction: ltr !important; /* تأكيد الاتجاه لليسار */
}

/* 2. تنسيق عناصر القائمة (الصفوف) */
ul[id^="headlessui-listbox-options-"] li {
  display: flex !important;
  flex-direction: row-reverse !important; /* قلب الترتيب: الصح يمين والكلام شمال */
  justify-content: space-between !important;
  align-items: center !important;
  border-radius: 5px !important;
  transition: all 0.2s ease !important;
  position: relative !important;
}ul[id^="headlessui-listbox-options-"] li {
  padding-right: 12px !important;
}
ul[id^="headlessui-listbox-options-"] li[aria-selected="true"] {
  background-color: #f8f8f8 !important;
  color: #000 !important;
}

/* 5. تنسيق علامة الصح (تعديل الـ Position) */
ul[id^="headlessui-listbox-options-"] li .check-icon {
  position: static !important; /* إلغاء الـ absolute القديم */
  display: flex !important;
  align-items: center !important;
  color: #00A767 !important;    padding-inline: 5px;
}

/* إخفاء السهم القديم ووضع السهم المينيمال الجديد */
ul[id^="headlessui-listbox-options-"] li .check-icon svg {
  display: none !important;
}

ul[id^="headlessui-listbox-options-"] li .check-icon::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-size: contain;
  background-color: currentColor;
}
ul[id^="headlessui-listbox-options-"] li span.truncate {
  font-weight: 500 !important;
  font-size: 13px !important;
}





[role="option"] {
  padding: 5px 8px !important;
  margin: 2px 0; 
  border-radius: 4px;  
}
 
.product_container {
  max-width: inherit;
  width: 100%;
  margin: 0 auto;
  padding-inline: 1.5rem;
  padding-top: 100px;
}
.content_container {
  max-width: inherit;
}
 
  .content_container {
      padding: 2.5rem 10px;
  }
 
@media (max-width: 768px) {
  .product_container {
    padding-inline: 10px;
    padding-top: 30%;
  }
}
.p_content_container {
  position: relative;
  gap: 1.25rem;
}
@media (min-width: 1024px) {
  .p_content_container {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(0, 2fr);
    align-items: start;
    column-gap: 1.25rem;
  }
}
.p_gallery_container {
  min-width: 0;
  width: 100%;
}
.p_details_container {
  
  gap: 1.5rem;
  margin-top: 2.5rem;
}
@media (min-width: 1024px) {
  .p_details_container {
    margin-top: 0;
    position: sticky;
    top: 120px;
  }
}

/* ── Tablet: 2-column product layout with sticky white details card ── */
@media (min-width: 768px) and (max-width: 1023px) {
  .p_content_container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: start;
    column-gap: 24px;
    row-gap: 0;
  }
  .product_container {
    padding-inline: 10px;
    padding-top: 12%;
  }
  main.collection_container {
    padding-inline: 10px;
    padding-top: 15% !important;
  }
  .p_gallery_container {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
  }
  .p_gallery_container .ab-gallery-track {
    gap: 16px;
  }
  .p_gallery_container .ab-gallery-media {
    width: 100%;
  }
  .p_details_container {
    margin-top: 0;
    position: sticky;
    top: 100px;
    background-color: #ffffff;
    border-radius: 16px;
    padding: 24px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
  }
}
.app_container,
.content_container {
  background: var(--body-bg, #ece9e2) !important;
  color: var(--body-text, #131316);
}
.ml-3.mr-3.w-full.max-w-md.rounded-md.bg-white.border.p-6.undefined {
  background: var(--body-bg, #ece9e2) !important;
  color: var(--body-text, #131316);
}
span.text-yellow-500.hover\:text-yellow-600.mr-2.cursor-pointer svg.fill-current {
  color: var(--body-text, #131316);
}
.home_section_container {
  padding: 10px !important;
  margin-block: 10px;
  border-radius: 20px;
}
.ab-announce {
  background: var(--ann-bg, #212121);
  color: var(--ann-text, #fff);
  text-align: center;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0.03em;
  line-height: 1.4;
  height: 31px;
  position: relative;
  z-index: 2; 
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  direction: ltr;
}
.ab-announce--arabic {
  direction: rtl;
}
.ab-announce a {
  color: var(--ann-text, #fff);
  text-decoration: underline;
  text-underline-offset: 2px;
}
.ab-ann-simple {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 0 16px;
  white-space: nowrap;
}
.ab-ann-sep {
  opacity: 0.45;
  font-size: 10px;
}
@keyframes ab-marquee {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(var(--marquee-offset, -50%));
  }
}
.ab-ann-marquee {
  width: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
  height: 100%;
}
.ab-ann-marquee-track {
  display: flex;
  align-items: center;
  white-space: nowrap;
  will-change: transform;
}
.ab-ann-marquee-track.ab-running {
  animation: ab-marquee var(--marquee-dur, 20s) linear infinite;
}
.ab-ann-marquee-item {
  flex-shrink: 0;
  padding: 0 32px;
  unicode-bidi: plaintext;
}
.ab-ann-slider {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.ab-ann-slide {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 16px;
  opacity: 0;
  transform: translateX(100%);
  transition:
    opacity 0.5s ease,
    transform 0.5s ease;
  pointer-events: none;
}
.ab-ann-slide.ab-active {
  opacity: 1;
  transform: translateX(0);
  pointer-events: auto;
}
.ab-ann-slide.ab-exit-left {
  opacity: 0;
  transform: translateX(-100%);
}
div:has(> .ab-header) {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 50;
  background: 0 0;
  pointer-events: none;
}
div:has(> .ab-header) > * {
  pointer-events: auto;
}
.ab-header {
  position: relative;
  z-index: 1;
  background: var(--hd-bg, #fff);
  color: var(--hd-text, #212a2f);
  border-radius: 12px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
  transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  max-width: inherit;
  width: calc(100% - 40px);
  margin: 19px auto;
}
.ab-header.ab-hidden {
  transform: translateY(calc(-100% - 50px));
}
.ab-header-inner {
  max-width: inherit;
  margin: 0 auto;
  padding: 0 20px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  height: 48px;
}
.ab-header-inner > div:first-child {
  flex-shrink: 0;
  min-width: max-content;
}
.ab-logo {
  display: flex;
  align-items: center;
  text-decoration: none;
  flex-shrink: 0;
  max-width: none;
}
.ab-logo img {
  width: auto;
  max-width: min(200px, 28vw);
  height: auto;
  max-height: 32px;
  display: block;
  object-fit: contain;
}
.ab-logo-text {
  font-style: italic;
  font-size: 34px;
  font-weight: 400;
  color: var(--hd-text, #212a2f);
  letter-spacing: -0.02em;
  line-height: 1;
  text-decoration: none;
}
.ab-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(12px, 1.6vw, 32px);
  min-width: 0;
  max-width: 100%;
 
  scrollbar-width: none;
  -ms-overflow-style: none;
  -webkit-overflow-scrolling: touch;
  white-space: nowrap;
}
.ab-nav::-webkit-scrollbar {
  display: none;
}
.ab-nav .ab-dropdown,
.ab-nav > a,
.ab-nav .ab-dropdown-trigger {
  flex-shrink: 0;
}
.ab-nav .ab-dropdown-trigger,
.ab-nav > a {
  text-decoration: none;
  color: var(--hd-text, #212a2f);
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  padding: 4px 0;
  position: relative;
  transition: opacity 0.2s;
  cursor: pointer;
}
.ab-nav .ab-dropdown-trigger::after,
.ab-nav > a::after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 0;
  height: 1.5px;
  background: var(--hd-text, #212a2f);
  transition: width 0.25s ease;
}
.ab-nav .ab-dropdown-trigger:hover::after,
.ab-nav > a:hover::after {
  width: 100%;
}
.ab-dropdown {
  position: relative;display: flex;
}
.ab-dropdown-panel {
  display: none;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  padding-top: 12px;
  z-index: 200;
  border-radius: 10px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
.ab-dropdown:hover .ab-dropdown-panel {
  display: block;
}
.ab-logo img {
  display: block;
}
.ab-dropdown-panel::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 12px;
}
.ab-dropdown-panel > a {
  display: block;
  white-space: nowrap;
  padding: 10px 24px;
  text-decoration: none;
  color: var(--hd-text, #212a2f);
  font-size: 13px;
  font-weight: 500;
  transition:
    background 0.15s,
    color 0.15s;
  background: var(--hd-bg, #fff);
}
.ab-dropdown-panel > a:first-child {
  border-radius: 10px 10px 0 0;
  padding-top: 14px;
}
.ab-dropdown-panel > a:last-child {
  border-radius: 0 0 10px 10px;
  padding-bottom: 14px;
}
.ab-dropdown-panel > a:only-child {
  border-radius: 10px;
}
.ab-dropdown-panel > a:hover {
  background: #f5f0eb;
}
.ab-right,
.ab-right-links {
  display: flex;
  align-items: center;
}
.ab-right {
  justify-content: flex-end;
  gap: 6px;
  flex-shrink: 0;
}
.ab-right-links {
  gap: 16px;
  margin-right: 12px;
}
.ab-right-links a {
  text-decoration: none;
  color: var(--hd-text, #212a2f);
  font-size: 13px;
  font-weight: 500;
  transition: opacity 0.2s;
}
.ab-right-links a:hover {
  opacity: 0.6;
}
.ab-icon-btn {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ab-icon-btn {
  background: 0 0;
  border: 0;
  cursor: pointer;
  border-radius: 50%;
  color: var(--hd-text, #212a2f);
  transition:
    background 0.2s,
    opacity 0.2s;
  position: relative;
  width: 24px;
  height: 24px;
}
.ab-icon-btn::before,
.ab-mobile-close::before {
  content: "";
  display: block;
  background: currentColor;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}
.ab-icon-btn::before {
  width: 24px;
  height: 24px;
  -webkit-mask-position: center;
  mask-position: center;
}
.ab-icon-btn:hover {
  background: #f5f5f5;
}
.ab-icon-btn.search-btn::before {
  -webkit-mask-image: url(https://files.easy-orders.net/1772538329933375167ab-search.svg);
  mask-image: url(https://files.easy-orders.net/1772538329933375167ab-search.svg);
}
.ab-icon-btn.cart-btn::before {
  -webkit-mask-image: url(https://files.easy-orders.net/1772538329933191621ab-cart.svg);
  mask-image: url(https://files.easy-orders.net/1772538329933191621ab-cart.svg);
}
.ab-icon-btn.lang-btn::before {
  width: 19px;
  height: 19px;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M2 12h20'/%3E%3Cpath d='M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10A15.3 15.3 0 0 1 12 2z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M2 12h20'/%3E%3Cpath d='M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10A15.3 15.3 0 0 1 12 2z'/%3E%3C/svg%3E");
}
.ab-icon-btn.register-btn::before {
  width: 22px;
  height: 22px;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cline x1='19' y1='8' x2='19' y2='14'/%3E%3Cline x1='22' y1='11' x2='16' y2='11'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cline x1='19' y1='8' x2='19' y2='14'/%3E%3Cline x1='22' y1='11' x2='16' y2='11'/%3E%3C/svg%3E");
}

.ab-cart-count {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 10px;
  left: 12px;
  background: var(--hd-text, #212a2f);
  color: var(--hd-bg, #fff);
  font-size: 9px;
  font-weight: 500;
  min-width: 14px;
  height: 14px;font-family: "Geograph", system-ui, sans-serif;
  border-radius: 8px;
  line-height: 1;
  padding: 0 4px;
  pointer-events: none;
}
.ab-mobile-overlay {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 999;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.ab-mobile-overlay.ab-open {
  display: block;
  opacity: 1;
}
.ab-mobile-menu {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  max-width: 100%;
  background: var(--body-bg, #ece9e2);
  z-index: 1000;
  transform: translateX(-100%);
  transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.ab-mobile-menu.ab-open {
  transform: translateX(0);width: 92%;
}
.ab-mobile-menu-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  position: sticky;
  top: 0;
  background: var(--body-bg, #ece9e2);
  z-index: 1;
}
.ab-mobile-menu-header .ab-logo {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.ab-mobile-menu-header .ab-logo img {
  height: 30px;
  width: auto;
  display: block;
  object-fit: contain;
}
.ab-mobile-menu-header .ab-logo-text {
  font-size: 24px;
}
.ab-mobile-close {
  display: flex;
  align-items: center;
  justify-content: center;
  background: 0 0;
  border: 0;
  cursor: pointer;
  color: var(--hd-text, #212a2f);
  width: 36px;
  height: 36px;
  padding: 0;
}
.ab-mobile-close::before {
  width: 22px;
  height: 22px;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'/%3E%3Cline x1='6' y1='6' x2='18' y2='18'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'/%3E%3Cline x1='6' y1='6' x2='18' y2='18'/%3E%3C/svg%3E");
}
.ab-mobile-nav {
  padding: 8px 0;
}
.ab-mobile-accordion-trigger,
.ab-mobile-nav > a,
.ab-mobile-nav > button.register-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 16px 20px;
  text-decoration: none;
  color: var(--body-text, #131316);
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.06em;
   background: 0 0;
  border-left: none;
  border-right: none;
  border-top: none;
  cursor: pointer;
}
.ab-mobile-nav > .ab-mobile-accordion:first-child .ab-mobile-accordion-trigger,
.ab-mobile-nav > a:first-child {
  border-top: 1px solid;
    border-color: rgb(from var(--body-text, #131316) r g b / 0.2);
}
.ab-mobile-accordion-trigger svg,
.ab-mobile-nav > a svg,
.ab-mobile-nav > button.register-btn svg {
  width: 22px;
  height: 22px;
  opacity: 0.9;
  flex-shrink: 0;color: var(--body-text, #131316);
} 
/*.ab-mobile-accordion {
  border-bottom: 1px solid rgb(from var(--body-text, #131316) r g b / 0.2);
}*/
.ab-mobile-accordion-trigger {
  border-bottom: none !important;
}
.ab-accordion-arrow {
  transition: transform 0.3s ease;
}
.ab-mobile-accordion.ab-open .ab-accordion-arrow {
  transform: rotate(90deg);
}
.ab-mobile-accordion-panel {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}
.ab-mobile-accordion.ab-open .ab-mobile-accordion-panel {
  max-height: 500px;
}
.ab-mobile-accordion-panel a {
  display: block;
  padding: 12px 20px 12px 36px;
  text-decoration: none;
  color: var(--hd-text, #212a2f);
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.02em;
  transition: background 0.15s;
}
.flex.items-start.justify-between h2.text-lg.font-medium.text-gray-900 {
  font-family: "Geograph", system-ui, sans-serif;
  text-transform: uppercase;
  font-size: 16px;
}
.flex.cart-item-quantity-counter {
  font-size: 12px;
}
button.rounded-md.border.p-1\.5.font-medium.disabled\:bg-gray-300.disabled\:cursor-not-allowed svg.h-4.w-4.text-gray-900 {
  width: 14px;
}
.qty-box-wrapper {
  display: inline-flex !important;
  align-items: center !important;
  border: 1px solid #d9d9d9 !important;  
    height: 36px !important;
  overflow: hidden !important;
}
.qty-box-wrapper button {
  width: 34px !important;
  height: 100% !important;
  border: none !important;
  background: transparent !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  color: #333 !important;
}
p.text-gray-500.flex.items-center.gap-0\.5 {
 display: none;
}
.qty-box-wrapper button:hover {
  background-color: #f5f5f5 !important;
}
.flex-split-layout {
  display: flex !important;
  justify-content: space-between !important; 
  align-items: center !important;
  width: 100% !important;
  background: transparent !important;
  border: none !important; 
}
 .qty-box-wrapper p {
  width: 38px !important;
  margin: 0 !important;
  text-align: center !important;
   font-size: 14px !important;

  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.custom-trash-btn {
  color: #b0b0b0 !important;
  transition: all 0.2s ease !important;
  margin: 0 !important;
  padding: 8px !important;
}
.pointer-events-none.fixed dl.space-y-6.border-t.border-gray-200.pt-6.text-sm.font-medium.text-gray-900>div.flex.items-center.justify-between>dt.text-gray-600::before {
   content: var(--ab-checkout-shipping-note, "Shipping and discount calculated at checkout.") !important;
  visibility: visible !important;
  position: absolute !important;
  top: 25px !important;
  font-size: 10px !important; 
  color: rgb(79 88 102) !important;
  white-space: nowrap !important;
}.pointer-events-none.fixed dl.space-y-6.border-t.border-gray-200.pt-6.text-sm.font-medium.text-gray-900 > div.flex.items-center.justify-between > dt.text-gray-600 {
  position: relative !important;
   min-height: 38px !important; color: rgb(17 24 39);
}.flex.items-center.justify-between {
  display: flex;
  align-items: flex-start;
}
.py-6.px-4.sm\:px-6 dl.space-y-6.border-t.border-gray-200.pt-6.text-sm.font-medium.text-gray-900 .flex.items-center.justify-between {
  font-size: 16px;
}
li.cart-item.flex.py-6 {
  display: flex;
  align-items: center;
}
dl.space-y-6.border-t.border-gray-200.pt-6.text-sm.font-medium.text-gray-900 .mt-6 {
  margin-top: 20px;
}
button.flex.items-center.justify-center.gap-2.py-3.px-8.text-base.font-medium.transition-colors.duration-200.ease-in-out.focus\:outline-none.border.border-skin-primary.bg-white.hover\:bg-gray-50.active\:bg-gray-100.text-skin-primary.w-full.font-bold.rounded-\[14px\].gap-2.px-1.disabled\:text-skin-primary\/50.disabled\:border-skin-primary\/50 {
  background: var(--crt-btn-bg, #fff);
  color: var(--crt-btn-text, #212a2f);
  border: 1px solid var(--crt-btn-border, #212a2f);
  border-radius: 12px;
  flex: 1;
  letter-spacing: 0.6px;
  line-height: 16px;
}
button.flex.items-center.justify-center.gap-2.py-3.px-8.text-base.font-medium.transition-colors.duration-200.ease-in-out.focus\:outline-none.border.border-transparent.bg-skin-primary.hover\:bg-skin-primary.hover\:bg-opacity-80.active\:bg-opacity-90.text-white.w-full.rounded-\[14px\].py-3.md\:py-3\.5.font-bold.flex.items-center.justify-center.gap-2 {
  color: var(--buy-btn-text, #fff);
  border: 1px solid var(--buy-btn-border, #212a2f);
  border-radius: 12px;
  font-weight: 500;
  font-size: 12px;
  flex: 1;
  text-transform: uppercase;
  padding-block: 15px;
  letter-spacing: 0.6px;
  line-height: 16px;
}.flex.justify-center.items-center.gap-4.border.border-\[\#EBEBEB\].rounded-\[14px\].px-2 {
  border-radius: 12px;
}
svg.h-5.w-5.text-red-600 {
  color: #514848;
}
button.-m-2.p-2.text-gray-400.hover\:text-gray-500 svg.h-6.w-6 {
  height: 20px;
  color: #000;
}
.flex.flex-1.flex-col.ms-4 p.mt-1.flex.items-center.gap-x-2.text-sm.text-gray-500 {
  font-size: 12px;
  margin: 0;
}
.flex.flex-1.flex-col.ms-4 .flex.justify-between.text-base.font-medium.text-gray-900 {
  font-size: 12px;
}
.ab-mobile-accordion-panel a:hover {
  background: rgba(0, 0, 0, 0.04);
}
.ab-mobile-menu-footer {
  margin-top: auto;
  padding: 15px ;
  border-top: 1px solid rgb(from var(--body-text, #131316) r g b / 0.08);
  display: flex;
    flex-direction: column;
    gap: 10px;
}
.ab-mobile-menu-footer:empty {
  display: none;
}
.ab-mobile-menu-footer .header-contact {
  text-align: center;
  font-size: 14px;
  line-height: 1.6;
  font-weight: 500;
 }
.ab-mobile-menu-footer .header-contact.light {
  color: rgb(from var(--body-text, #131316) r g b / 0.7);
}
.ab-mobile-menu-footer .header-contact .link {
  color: var(--body-text, #212a2f);
  text-decoration: none;
  margin-inline-start: 4px;
}
.ab-mobile-menu-footer .header-contact .link.font-weight-bold {
  font-weight: 700;
}
.ab-mobile-menu-footer .header-contact .link:hover {
  text-decoration: underline;
}
.ab-mobile-menu-footer-social {
  display: flex;
  justify-content: center;
  gap: 16px;
 }
.ab-mobile-menu-footer .ab-mobile-menu-footer-social a {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  border: 1px solid rgb(from var(--body-text, #131316) r g b / 0.2);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--body-text, #212a2f);
}
.ab-mobile-menu-footer .ab-footer-social-img {
  background-color: var(--body-text, #212a2f);
}
.ab-mobile-menu-footer-social-fallback {
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
}
.ab-mobile-menu-footer-pages {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 8px;
  text-align: center;
  font-size: 12px;
  line-height: 1.5;
}
.ab-mobile-menu-footer-pages a {
  color: rgba(33, 42, 47, 0.78);
  text-decoration: none;
}
.ab-mobile-menu-footer-sep {
  opacity: 0.5;
}
.ab-hamburger {
  display: none;
}
.ab-mobile-menu-footer .ab-mobile-menu-footer-social-fallback {
  display: inline-block;
  width: 16px;
  height: 16px;
  font-size: 0;
  line-height: 0;
   text-indent: -9999px;
  overflow: hidden;
  white-space: nowrap;
  background-color: currentColor;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.ab-mobile-menu-footer .ab-mobile-menu-footer-social a[aria-label*="facebook" i] .ab-mobile-menu-footer-social-fallback {
  -webkit-mask-image: url("https://files.easy-orders.net/1772931768518207801social-facebook.svg");
  mask-image: url("https://files.easy-orders.net/1772931768518207801social-facebook.svg");
}

.ab-mobile-menu-footer .ab-mobile-menu-footer-social a[aria-label*="instagram" i] .ab-mobile-menu-footer-social-fallback {
  -webkit-mask-image: url("https://files.easy-orders.net/1772931768536101390social-instagram.svg");
  mask-image: url("https://files.easy-orders.net/1772931768536101390social-instagram.svg");
}

.ab-mobile-menu-footer .ab-mobile-menu-footer-social a[aria-label*="twitter" i] .ab-mobile-menu-footer-social-fallback,
.ab-mobile-menu-footer .ab-mobile-menu-footer-social a[aria-label="x" i] .ab-mobile-menu-footer-social-fallback {
  -webkit-mask-image: url("https://files.easy-orders.net/1772931768552184378social-twitter.svg");
  mask-image: url("https://files.easy-orders.net/1772931768552184378social-twitter.svg");
}

.ab-mobile-menu-footer .ab-mobile-menu-footer-social a[aria-label*="tiktok" i] .ab-mobile-menu-footer-social-fallback {
  -webkit-mask-image: url("https://files.easy-orders.net/1772931768549267451social-tiktok.svg");
  mask-image: url("https://files.easy-orders.net/1772931768549267451social-tiktok.svg");
}

.ab-mobile-menu-footer .ab-mobile-menu-footer-social a[aria-label*="youtube" i] .ab-mobile-menu-footer-social-fallback {
  -webkit-mask-image: url("https://files.easy-orders.net/1772931768562123847social-youtube.svg");
  mask-image: url("https://files.easy-orders.net/1772931768562123847social-youtube.svg");
}

.ab-mobile-menu-footer .ab-mobile-menu-footer-social a[aria-label*="linkedin" i] .ab-mobile-menu-footer-social-fallback {
  -webkit-mask-image: url("https://files.easy-orders.net/1772931768536283260social-linkedin.svg");
  mask-image: url("https://files.easy-orders.net/1772931768536283260social-linkedin.svg");
}
/* ── Breadcrumbs ── */
.ab-breadcrumbs {
  padding: 12px 10px 4px;
}
.ab-breadcrumbs-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  list-style: none;
  margin: 0;   font-family: "Geograph", system-ui, -apple-system, sans-serif;
  padding: 0;letter-spacing: 0.3px; line-height: 16px;
  font-size: 12px;
  font-weight: 400;
  color: var(--body-text, #131316);
 }
.ab-breadcrumbs-item a {
  color: inherit;font-family: "Geograph", system-ui, -apple-system, sans-serif;
  text-decoration: none;
  transition: opacity 0.15s;
}
.ab-breadcrumbs-item a:hover {
  opacity: 0.75;
}
.ab-breadcrumbs-sep {
  margin-inline-start: 6px;
  opacity: 0.5;
}
.ab-breadcrumbs-current {
  opacity: 1;
  color: var(--body-text, #131316);
  font-weight: 500;
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .ab-header-inner {
    gap: 8px;
    padding: 0 12px;
  }
  .ab-nav {
    gap: 10px;
  }
  .ab-nav .ab-dropdown-trigger,
  .ab-nav > a {
    font-size: 11px;
    letter-spacing: 0.06em;
  }
  .ab-logo img {
    max-width: min(160px, 22vw);
    max-height: 28px;
  }
  .ab-logo-text {
    font-size: 28px;
  }
}

@media (max-width: 1023px) {
  .ab-mobile-menu {
    display: flex;
    flex-direction: column;
  }
  .ab-mobile-nav { flex: 1 1 auto; }
  .ab-header {
    width: auto;top: 14px;
    margin: 6px 20px;
  }
  .ab-header-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-inline: 0.625rem;
    height: 40px;
    position: relative;
  }
  .ab-nav,
  .ab-right-links {
    display: none;
  }
  .ab-right {
    justify-content: flex-end;
    gap: 8px;
  }
  .ab-hamburger {
    display: flex;
    align-items: center;
    justify-content: center;
     background: 0 0;
    border: 0;
    cursor: pointer;
    color: var(--hd-text, #212a2f);
    width: 36px;
    height: 36px;
    margin-right: 4px;
  }
  .ab-hamburger-icon {
    display: block;
    width: 24px;
    height: 24px;
    color: currentColor;
    flex-shrink: 0;
  }
  .ab-hamburger-icon--rtl {
    transform: scaleX(-1);
  }
  .ab-lang-ar .ab-hamburger-icon {
    transform: scaleX(-1);
  }
  .ab-logo {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .ab-logo-text {
    font-size: 24px;
  }
  .ab-logo img {
    max-height: 28px;
  }
}
.ab-categories {
  padding: 10px 0;
}
.ab-categories-title {
  margin-block: 10px;
  color: var(--body-text, #212a2f);
  font-size: 26px;
  font-weight: 500;
  letter-spacing: 0.04rem;
  line-height: 1.15;
 
}

/* Track — mobile-first: horizontal scroll-snap carousel */
.ab-categories-track {
  display: flex;
  gap: 12px;
  overflow-x: auto;
   scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
  scroll-padding-left: 16px;
  scrollbar-width: none;
  -ms-overflow-style: none;
  padding: 14px 0px  ;    overflow-y: hidden;
}
.ab-categories-track::-webkit-scrollbar {
  display: none;
}

/* Card — base */
.ab-cat-card {
  position: relative;
  display: block;
  flex: 0 0 82vw;
  max-width: 360px;
  scroll-snap-align: start;
  aspect-ratio: 3 / 4;
  border-radius: 20px;
  overflow: hidden;
  text-decoration: none;
  color: #fff;
  isolation: isolate;
}
.ab-cat-media {
  position: absolute;
  inset: 0;
  z-index: 0;
}
.ab-cat-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.55s cubic-bezier(0.4, 0, 0.2, 1);
}
.ab-cat-overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.15);
  transition: background-color 0.4s ease;
}
.ab-cat-content {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  padding: 24px;
  text-align: center;
}
.ab-cat-label {
  display: inline-block;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  line-height: 1.15;
  text-shadow: 0 1px 10px rgba(0, 0, 0, 0.25);
  transition: transform 0.45s cubic-bezier(0.4, 0, 0.2, 1);
  border: 1.5px solid rgba(255, 255, 255, 0.9);
    padding: 8px 16px;
    border-radius: 50px;
}
.ab-cat-ctas {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
  transition:
    opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1),
    transform 0.45s cubic-bezier(0.4, 0, 0.2, 1);
}
.ab-cat-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 34px;
  padding: 0 16px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  white-space: nowrap;
}
.ab-cat-cta--primary {
  background: #fff;
  color: #0a0a0a;
}
.ab-cat-cta--ghost {
  border: 1.5px solid rgba(255, 255, 255, 0.9);
  color: #fff;
  background: transparent;
}

/* ── Desktop (>= 769px) ── */
@media (min-width: 768px) {
  /* Grid mode — 5 or fewer blocks, evenly fill */
  .ab-categories-track.ab-cat-track--grid {
    display: grid;
    grid-template-columns: repeat(var(--cat-cols, 4), 1fr);
    gap: 10px;
    overflow: visible;
    padding: 0;
    scroll-snap-type: none;
  }
  .ab-cat-track--grid .ab-cat-card {
    flex: initial;
    max-width: none;
    scroll-snap-align: none;
  }

  /* Carousel mode — more than 5 blocks, 4 visible at a time */
  .ab-categories-track.ab-cat-track--carousel {
    gap: 16px;
    padding: 4px 0 16px;
    scroll-padding-left: 0;
  }
  .ab-cat-track--carousel .ab-cat-card {
    flex: 0 0 calc(25% - 12px);
    max-width: none;
  }
  .ab-categories-title {
    font-size:48px;        text-align: center;
    margin-bottom: 20px;
  }
  
  .ab-cat-ctas {
    opacity: 0;
    transform: translateY(15px);
    pointer-events: none;
  }
  .ab-cat-card:hover .ab-cat-overlay {
    background-color: rgba(0, 0, 0, 0.4);
  }
  .ab-cat-card:hover .ab-cat-media img {
    transform: scale(1.05);
  }
  .ab-cat-card:hover .ab-cat-label {
    transform: translateY(-8px);
  }
  .ab-cat-card:hover .ab-cat-ctas {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
  }
  .ab-cat-card:hover {
    border-radius: 250px;
  }
}

/* ── Small phones ── */
@media (max-width: 480px) {
  .ab-cat-card {
    flex-basis: 70vw;transition: border-radius 0.3s ease-in-out;
  }.ab-cat-card:hover {
    border-radius: 250px;
  }
  .ab-cat-label {
    font-size: 12px;
  }
}
.ab-featured-products {
  padding-block: 20px;
}
.ab-featured-section-title {
  margin: 0 0 20px;
  text-align: center;
  font-size: 48px;
  font-weight: 400;
  color: var(--body-text, #212a2f);
  line-height: 1.1;
  letter-spacing: -0.02em;
}
.ab-featured-layout {
  display: grid;
  grid-template-columns: 1fr 1.5fr;
  gap: 8px;
}
.ab-featured-hero {
  position: relative;
  display: block;
  overflow: hidden;
  transition:
    transform 0.4s ease,
    box-shadow 0.4s ease;
  border-radius: 16px;
  min-height: 430px;
  text-decoration: none;
  color: #fff;
}
.ab-featured-hero:hover {
  transform: scale(0.98);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);
}
.ab-featured-hero img {
  width: 100%;
    height: 100%;
    min-height: 430px;
    object-fit: cover;
    display: block;
    transition: transform 0.6s ease;
}
.ab-featured-hero:hover img {
  transform: scale(1.05);
}
.ab-featured-hero-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.28));
}
.ab-featured-hero-content {
  position: absolute;
  top: 22%;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% - 64px);
  text-align: center;
}
.ab-featured-hero-title {
  margin: 0;
  color: #fff;
  font-size: 56px;
  font-weight: 400;
  line-height: 1.06;
  letter-spacing: -0.02em;
}
.ab-featured-hero-subtitle {
  margin: 12px 0 0;
  color: var(--ab-featured-hero-subtitle-color, #fff);
  font-size: 22px;
  font-weight: 400;
  line-height: 1.3;
}
.ab-featured-hero-cta {
  position: absolute;
  right: 16px;
  bottom: 14px;
  height: 34px;
  border-radius: 999px;
  padding: 0 16px;
  background: var(--ab-featured-hero-cta-bg, #fff);
  color: var(--ab-featured-hero-cta-text, #1f272b);
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.01em;
  transition:
    transform 0.3s ease,
    background 0.3s ease;
}
.ab-featured-hero:hover .ab-featured-hero-cta {
  transform: scale(1.06);
  background: #f5f0eb;
}
.ab-featured-add-btn::before  {
  content: "";
  width: 25px;
  height: 25px;
  background: var(--body-text, #131316);
  -webkit-mask-image: url(https://files.easy-orders.net/1772538329933191621ab-cart.svg);
  mask-image: url(https://files.easy-orders.net/1772538329933191621ab-cart.svg);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
.ab-featured-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}
.ab-reveal {
  opacity: 0;
  transform: translateY(30px);
}
.ab-reveal.ab-visible {
  animation: ab-fadeUp 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
}
.ab-featured-card {
  position: relative;
  display: block;
  height: 100%;
  text-decoration: none;
  color: inherit;
  border-radius: 14px;
  overflow: hidden;
  background: var(--ab-product-card-bg, #f5f4f2);
  transition:
    transform 0.35s ease,
    box-shadow 0.35s ease;
}
.ab-featured-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
}
.ab-featured-badge {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 3;
  height: 30px;
  border-radius: 999px;
  padding: 0 10px;
  background: #efede8;
  color: #1f272b;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.06em;
}
.ab-sale-badge {
  background: var(--ab-sale-badge-bg, #c94a4a);
  color: var(--ab-sale-badge-text, #fff);
}
.ab-plist-badge,
.ab-pgrid-badge,
.ab-sale-badge {
  background: var(--ab-sale-badge-bg, #c94a4a);
  color: var(--ab-sale-badge-text, #fff);
}

.ab-plist-badge-stack,
.ab-pgrid-badge-stack {
  position: absolute;
  top: 8px;
  left: 8px;
  z-index: 3;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;direction: ltr;
  pointer-events: none;
}

.ab-plist-badge-stack > .ab-plist-badge,
.ab-pgrid-badge-stack > .ab-pgrid-badge {
  position: relative;
  top: auto;
  left: auto;
}

.ab-plist-badge-stack > .ab-sale-badge,
.ab-pgrid-badge-stack > .ab-sale-badge {
  background: var(--ab-sale-badge-bg, #c94a4a);
  color: var(--ab-sale-badge-text, #fff);
}

.ab-plist-badge-stack > .ab-product-custom-badge,
.ab-pgrid-badge-stack > .ab-product-custom-badge {
  background: rgb(224, 218, 207);
    color: rgb(33, 33, 33);
    padding: 8px;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.6px;
 }



.ab-price-old {
  text-decoration: line-through;
  color: rgba(33, 42, 47, 0.45);
  font-size: 12px;
  font-weight: 500;
}
.ab-price-sale {
  color: var(--product-sale-price-text, #c94a4a);
}
.ab-pgrid-price-row,
.ab-plist-price-row {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 4px;
  flex-direction: row-reverse;
  justify-content: flex-end;
}
.ab-featured-media {
  background: #f5f4f2;
  width: 100%;
  position: relative;
  overflow: hidden;
  aspect-ratio: 4 / 5;
  height: auto;
}
.ab-featured-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition:
    opacity 0.45s ease,
    transform 0.45s ease;
}
.ab-featured-img-hover {
  position: absolute;
  inset: 0;
  opacity: 0;
}
.ab-featured-card:hover .ab-featured-img-primary {
  opacity: 0;
  transform: scale(1.03);
}
.ab-featured-card:hover .ab-featured-img-hover {
  opacity: 1;
  transform: scale(1.03);
}
.ab-featured-info {
  padding: 8px 14px 12px;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}
.ab-featured-name {
  margin: 0;
  color: var(--product-name-text, #212a2f);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
.ab-featured-price-row {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 4px;
}
.ab-featured-price {
  color: var(--product-price-text, #da3535);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
}
.ab-featured-subtitle {
  margin: 6px 0 0;
  color: rgba(33, 42, 47, 0.82);
  font-size: 12px;
  font-weight: 500;
  line-height: 1.2;
}
.ab-featured-bottom-row {
  margin-top: auto;
  padding-top: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.ab-featured-swatches {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 7px;
}
.ab-featured-swatch {
  width: 20px;
  height: 20px;border: 1px solid #dfdada;
  border-radius: 999px;
  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease;
}
.ab-featured-swatch:hover {
  transform: scale(1.15);
  box-shadow: 0 0 0 2px rgba(33, 42, 47, 0.3);
  border: 1px solid rgba(0, 0, 0, 0.18);
  display: inline-flex;
  overflow: hidden;
}
.ab-featured-swatch-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.ab-featured-swatch-more {
  color: #1f272b;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  text-decoration: underline;
}
.ab-featured-add-btn {
  height: 34px;
  border-radius: 999px;
  border: 1px solid rgba(33, 42, 47, 0.45);
  background: #f5f4f2;
  color:var(--body-text, #131316);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 0 14px;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  flex-shrink: 0;
  transition:
    background 0.18s,
    border-color 0.18s;
}
.ab-featured-add-btn:hover,
.ab-plist-arrow:hover {
  background: var(--body-text, #131316);
  border-color: var(--body-text, #131316);
  color: var(--hd-bg, #fff);
}
@media (max-width: 1023px) {
  .ab-featured-section-title {
    font-size: 34px;
    margin-bottom: 14px;
  }
  .ab-featured-layout {
    grid-template-columns: 1fr;
    gap: 10px;
  }
  .ab-featured-hero,
  .ab-featured-hero img {
     height: 430px;
  }
  .ab-featured-hero-title {
    font-size: 38px;
  }
  .ab-featured-hero-subtitle {
    font-size: 16px;
  }
  .ab-featured-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
  }
  .ab-featured-card {
    min-height: auto;
  }
  .ab-featured-name,
  .ab-featured-price {
    font-size: 14px;
  }
  .ab-featured-add-btn {
    height: 30px;
    padding: 0 12px;
    font-size: 13px;
  }
}
@media (max-width: 768px) {
  .ab-featured-hero-content {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% - 28px);
    text-align: center;
  }
  .ab-featured-hero-cta {
    left: 50%;
    right: auto;
    bottom: 10px;
    transform: translateX(-50%);
  }
  .ab-featured-hero:hover .ab-featured-hero-cta {
    transform: translateX(-50%) scale(1.06);
  }
}
@media (max-width: 480px) {
  .ab-featured-section-title {
    font-size: 26px;
    margin-bottom: 12px;
  }
  .ab-featured-hero {
    min-height: 290px;
    border-radius: 12px;
  }
  .ab-featured-hero img {
    min-height: 290px;
  }
  .ab-featured-hero-content {
    width: calc(100% - 28px);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .ab-featured-hero-title {
    font-size: 28px;
  }
  .ab-featured-hero-subtitle {
    margin-top: 8px;
    font-size: 24px;
  }
  .ab-featured-hero-cta {
    left: 50%;
    right: auto;
    bottom: 30%;
    height: 30px;
    font-size: 12px;
    transform: translateX(-50%);
  }
  .ab-featured-grid {
    grid-template-columns: 1fr;
  }
  .ab-featured-card {
    min-height: auto;
    border-radius: 12px;
  }
  .ab-featured-media {
    padding: 0;
  }
  .ab-featured-info {
    padding: 8px 12px 12px;
  }
  .ab-featured-name {
    font-size: 14px;
  }
  .ab-featured-subtitle {
    font-size: 11px;
  }
  .ab-featured-swatch {
    width: 20px;
    height: 20px;
  }
  .ab-featured-swatch-more {
    font-size: 12px;
  }
}
.ab-plist {
  padding-block: 20px;
}
.ab-plist-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
  padding-inline: 10px;
}
.ab-plist-title {
  margin: 0;
  font-size: 16px ;
  font-weight: 500 ;
  text-transform: uppercase;
  letter-spacing: 0.08em ;
  color: var(--body-text, #212121) ;
  border-bottom: 2px solid var(--body-text, #212121) ;
  padding-bottom: 4px;
  display: inline-block;
}
.ab-plist-arrows {
  display: flex;
  gap: 8px;    direction: ltr;
}
.ab-plist-arrow {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1.5px solid rgba(33, 42, 47, 0.35);
  background: 0 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--body-text, #212a2f);
  transition:
    background 0.2s,
    border-color 0.2s;
}
.ab-plist-arrow svg {
  width: 20px;
  height: 20px;
}
.ab-plist-track {
  display: flex;
  gap: 16px;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  padding-bottom: 4px;
}
.ab-plist-track::-webkit-scrollbar {
  display: none;
}
.ab-plist-card {
  position: relative;
  flex: 0 0 calc(25% - 12px);
  min-width: 220px;
  scroll-snap-align: start;
  display: block;
  text-decoration: none;
  color: inherit;
  border-radius: 14px;
  overflow: hidden;
  background: var(--ab-product-card-bg, #f5f4f2);
  transition:
    transform 0.35s ease,
    box-shadow 0.35s ease;
}
.ab-plist-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
}
.ab-plist-badge {
  position: absolute;
  top: 5px;
  left: 5px;
  z-index: 3;
  border-radius: 14px;
  padding: 3px 8px;
  background: var(--ab-sale-badge-bg, #c94a4a);
  color: var(--ab-sale-badge-text, #fff);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.06em;
}
.ab-plist-media {
  position: relative;
  overflow: hidden;
  background: #fff;
}
.ab-plist-media img {
  width: 100%;
  height: auto;
  object-fit: cover;
  display: block;
  transition:
    opacity 0.45s ease,
    transform 0.45s ease;
}
.ab-plist-img-hover {
  position: absolute;
  inset: 0;
  opacity: 0;
}
.ab-plist-card:hover .ab-plist-img-primary {
  opacity: 0;
  transform: scale(1.03);
}
.ab-plist-card:hover .ab-plist-img-hover {
  opacity: 1;
  transform: scale(1.03);
}
.ab-plist-add-btn {
  position: absolute;
  bottom: 10px;
  right: 10px;
  z-index: 4;
  width: 38px;
  height: 38px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.13);
  cursor: pointer;
  opacity: 0;
  transform: translateY(6px);
  transition:
    opacity 0.25s ease,
    transform 0.25s ease,
    background 0.2s ease,
    box-shadow 0.2s ease;
}
.ab-plist-add-btn::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  margin: auto;
  background: #212a2f;
  -webkit-mask-image: url(https://files.easy-orders.net/1772538329933191621ab-cart.svg);
  mask-image: url(https://files.easy-orders.net/1772538329933191621ab-cart.svg);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
.ab-plist-card:hover .ab-plist-add-btn {
  opacity: 1;
  transform: translateY(0);
}
.ab-plist-add-btn:hover {
  background: #212a2f;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.2);
}
.ab-plist-add-btn:hover::before {
  background: #fff;
}
.ab-plist-info {
  padding: 12px 14px 16px;
}
.ab-plist-name {
  margin: 0;
  color: var(--product-name-text, #212a2f);
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ab-plist-subtitle {
  margin: 4px 0 0;
  color: rgba(33, 42, 47, 0.7);
  font-size: 12px;
  font-weight: 500;
  line-height: 1.2;
}
.ab-plist-price {
  display: block;
  color: var(--product-price-text, #da3535);
  font-size: 12px;
  font-weight: 500;
  line-height: 1.2;
}
.ab-plist-swatches {
  margin-top: 10px;
  display: flex;
  align-items: center;
  gap: 6px;
}
.ab-plist-swatch {
  width: 22px;
  height: 22px;
  border-radius: 999px;
  border: 1.5px solid rgba(0, 0, 0, 0.12);
  display: inline-flex;
  overflow: hidden;
  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease;
}
.ab-plist-swatch:hover {
  transform: scale(1.2);
  box-shadow: 0 0 0 2px rgba(33, 42, 47, 0.3);
}
.ab-pgrid-media img,
.ab-plist-swatch-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.ab-plist-actions {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.ab-plist-viewall-btn {
  display: inline-flex;
  align-items: center;
  height: 40px;
  padding: 0 1.25rem;
  font-size: 0.6875rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--body-text, #212a2f);
  border: 1.5px solid rgba(33, 42, 47, 0.35);
  border-radius: 20px;
  background: 0 0;
  text-decoration: none;
  white-space: nowrap;
  transition:
    background 0.2s,
    color 0.2s,
    border-color 0.2s;
}
.ab-plist-viewall-btn:hover {
  background: var(--body-text, #212a2f);
  border-color: var(--body-text, #212a2f);
  color: var(--body-bg, #fff);
}
@media (max-width: 1024px) {
  .ab-plist {
    margin: 28px 0;
  }
  .ab-plist-card {
    flex: 0 0 calc(33.333% - 11px);
    min-width: 200px;
  }
  .ab-plist-add-btn {
    opacity: 1;
    transform: translateY(0);
  }
}
@media (max-width: 480px) {
  .ab-plist-card {
    flex: 0 0 65%;
    min-width: 0;
  }
  .ab-plist-arrows {
    display: none;
  }
  .ab-plist-title {
    font-size: 15px;
  }
}
h1.text-2xl.font-bold.text-heading.category_section_header_title.inline-flex.pb-1 {
  font-family: "Akkurat Mono", ui-monospace, monospace; font-weight: 500;
  color: var(--body-text, #212a2f);
}
.ab-pgrid {
  padding-block: 20px;
}
.ab-pgrid-wrap {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}
.ab-pgrid-card {
  position: relative;
  display: flex;
  flex-direction: column;
  text-decoration: none;
  color: inherit;
  border-radius: 14px;
  overflow: hidden;
  background: var(--ab-product-card-bg, #f5f4f2);
  transition:
    transform 0.35s ease,
    box-shadow 0.35s ease;
}
.ab-pgrid-card-link {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  text-decoration: none;
  color: inherit;
}
.ab-pgrid-card:hover {
  transform: translateY(-4px);
 }
.ab-pgrid-badge {
  position: absolute;
  top: 5px;
  left: 5px;
  z-index: 3;
  border-radius: 14px;
  padding: 3px 8px;
  background: var(--ab-sale-badge-bg, #c94a4a);
  color: var(--ab-sale-badge-text, #fff);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.06em;
}
.ab-pgrid-media {
  position: relative;
  overflow: hidden;
  background: #f5f4f2;
}
.ab-pgrid-media img {
  height: auto;
  object-fit: contain;
  transition:
    opacity 0.45s ease,
    transform 0.45s ease;
}
.ab-pgrid-img-hover {
  position: absolute;
  inset: 0;
  opacity: 0;
}
.ab-pgrid-card:hover .ab-pgrid-img-primary {
  opacity: 0;
  transform: scale(1.03);
}
.ab-pgrid-card:hover .ab-pgrid-img-hover {
  opacity: 1;
  transform: scale(1.03);
}
.ab-pgrid-add-btn {
  position: absolute;
  bottom: 10px;
  right: 10px;
  z-index: 4;
  width: 38px;
  height: 38px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.13);
  cursor: pointer;
  opacity: 0;
  transform: translateY(6px);
  transition:
    opacity 0.25s ease,
    transform 0.25s ease,
    background 0.2s ease,
    box-shadow 0.2s ease;
}
.ab-pgrid-card:hover .ab-pgrid-add-btn {
  opacity: 1;
  transform: translateY(0);
}
.ab-pgrid-add-btn:hover {
  background: #212a2f;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.2);
}
.ab-pgrid-info {
  padding: 12px 14px 16px;
  flex: 1 1 auto;
}
.ab-pgrid-name {
  margin: 0;
  color: var(--product-name-text, #212a2f);
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ab-pgrid-subtitle {
  margin: 2px 0 0;
  color: rgba(33, 42, 47, 0.7);
  font-size: 12px;
  font-weight: 500;
  line-height: 1.2;
}
.ab-pgrid-price {
  display: block;
  margin-top: 2px;
  color: var(--product-price-text, #da3535);
  font-size: 12px;
  font-weight: 500;
  line-height: 1.2;
}
.ab-pgrid-swatches {
  margin-top: 8px;
  display: flex;
  align-items: center;
  gap: 5px;
}
.ab-pgrid-swatch {
  width: 20px;
  height: 20px;
  border-radius: 999px;
  border: 1.5px solid rgba(0, 0, 0, 0.12);
  display: inline-flex;
  overflow: hidden;
  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease;
}
.ab-pgrid-swatch:hover {
  transform: scale(1.2);
  box-shadow: 0 0 0 2px rgba(33, 42, 47, 0.3);
}
.ab-pgrid-swatch-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.ab-pgrid-swatch-more {
  font-size: 11px;
  font-weight: 700;
  color: rgba(33, 42, 47, 0.6);
  margin-left: 2px;
}
.ab-pgrid-hero {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  border-radius: 14px;
  overflow: hidden;
  text-decoration: none;
  color: #fff;
  min-height: 100%;
  transition:
    transform 0.35s ease,
    box-shadow 0.35s ease;
}
.ab-pgrid-hero:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
}
.ab-pgrid-hero > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}
.ab-pgrid-hero:hover > img {
  transform: scale(1.04);
}
.ab-pgrid-hero-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.55) 0, transparent 60%);
  z-index: 1;
}
.ab-pgrid-hero-content {
  position: relative;
  z-index: 2;
  padding: 20px 20px 0;
}
.ab-pgrid-hero-cat {
  margin: 0;
  font-size: 11px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  opacity: 0.85;
}
.ab-pgrid-hero-title {
  font-size: 22px;
  font-weight: 700;
  line-height: 1.2;
  margin: 4px 0 10px;
}
.ab-pgrid-hero-cta {
  position: relative;
  z-index: 2;
  display: inline-block;
  margin: 14px 20px 20px;
  padding: 8px 18px;
  background: rgba(255, 255, 255, 0.92);
  color: var(--ab-pgrid-hero-cta-color, #1f272b);
  font-size: 12px;
  font-weight: var(--ab-pgrid-hero-cta-weight, 600);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  border-radius: 4px;
  transition: background 0.2s ease;
}
.ab-pgrid-hero:hover .ab-pgrid-hero-cta {
  background: #fff;
}

/* iOS/touch: prevent first-tap hover trap on product links 
@media (hover: none), (pointer: coarse) {
  .ab-featured-card:hover,
  .ab-plist-card:hover,
  .ab-pgrid-card:hover,
  .ab-featured-hero:hover,
  .ab-pgrid-hero:hover {
    transform: none;
    box-shadow: none;
  }

  .ab-featured-card:hover .ab-featured-img-primary,
  .ab-plist-card:hover .ab-plist-img-primary,
  .ab-pgrid-card:hover .ab-pgrid-img-primary {
    opacity: 1;
    transform: none;
  }

  .ab-featured-card:hover .ab-featured-img-hover,
  .ab-plist-card:hover .ab-plist-img-hover,
  .ab-pgrid-card:hover .ab-pgrid-img-hover {
    opacity: 0;
    transform: none;
  }

  .ab-featured-hero:hover img,
  .ab-pgrid-hero:hover > img {
    transform: none;
  }

  .ab-pgrid-hero:hover .ab-pgrid-hero-cta {
    background: rgba(255, 255, 255, 0.92);
  }
}
@media (max-width: 768px) and (hover: none), (max-width: 768px) and (pointer: coarse) {
  .ab-featured-hero:hover .ab-featured-hero-cta {
    transform: translateX(-50%);
    background: #fff;
  }
}*/
.ab-pgrid-add-btn::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  margin: auto;
  background:var(--body-text, #131316);
  -webkit-mask-image: url(https://files.easy-orders.net/1772538329933191621ab-cart.svg);
  mask-image: url(https://files.easy-orders.net/1772538329933191621ab-cart.svg);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
@media (max-width: 1023px) {
  .ab-pgrid-wrap {
    grid-template-columns: repeat(3, 1fr);
  }
  .ab-pgrid-hero {
    grid-column: span 3;
    min-height: 220px;
  }
}
@media (max-width: 767px) {
  .ab-pgrid-add-btn {
    opacity: 1;
    transform: translateY(0);
  }
}
@media (max-width: 480px) {
  .ab-pgrid-wrap {
    grid-template-columns: repeat(2, 1fr);
  }
  .ab-pgrid-hero {
    grid-column: span 2;
    min-height: 255px;
  }
  .ab-pgrid-hero-title {
    font-size: 18px;
  }
}
.ab-slider {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: 14px;
  margin-bottom: 20px;
}
.ab-slider-track {
  position: relative;
  width: 100%;
  aspect-ratio: 16/7;        height: 85vh;
}
.ab-slider-slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 0.8s ease;
  pointer-events: none;
}
.ab-slider-slide.ab-active {
  opacity: 1;
  pointer-events: auto;
  z-index: 1;
}
.ab-slider-slide img {
  width: 100%;
  height: 100%;border-radius: 12px;
  object-fit: cover;
  display: block;
}
.ab-slider-controls {
  position: absolute;
  bottom: 20px;
  left: 20px;
  right: 20px;
  z-index: 5;
  display: flex;
  align-items: center;
  gap: 12px;
}
.ab-slider-progress {
  flex: 1;
  height: 3px;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 2px;
  overflow: hidden;
}
.ab-slider-progress-bar {
  display: block;
  height: 100%;
  width: 0%;
  background: #fff;
  border-radius: 2px;
  transition: width 0.1s linear;
}
.home_section_container.css-1yrdzub {
  background: transparent;
  padding: 0px;padding: 2px !important;
  top: -20px;
}@media (min-width: 992px) {
  .css-1yrdzub .container {
    width: 100%;
    max-width: stretch;
  }
}@media (max-width: 1023px) {
main.collection_container {
  padding-inline: 10px;padding-top: 33%;
}}
.ab-slider-pause {
  background: 0 0;
  border: 0;
  padding: 0;
  cursor: pointer;
  color: rgba(255, 255, 255, 0.8);
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: color 0.2s;
  border: 2px solid;
  border-radius: 50%;
  padding: 1px;
}
.ab-slider-pause:hover {
  color: #fff;
}
.ab-slider-pause svg {
  width: 18px;
  height: 18px;
}
.ab-slider-icon-play,
.ab-slider.ab-paused .ab-slider-icon-pause {
  display: none;
}
.ab-slider.ab-paused .ab-slider-icon-play {
  display: block;
}
@media (max-width: 768px) {
  .ab-slider {
    margin: 12px 0;
    border-radius: 10px;
  }
  .ab-slider-track {
    aspect-ratio: 5/6;
  }
  .ab-slider-controls {
    bottom: 14px;
    left: 14px;
    right: 14px;
  }
}
.ab-pgrid-card-footer {
  flex-shrink: 0;
  border-top: 1px solid #e6e2dc;
  padding: 8px 16px 8px 12px;
}
button.ab-pgrid-cta {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  gap: 4px;
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
  color: #0a0a0a;
  cursor: pointer;
  font-size: 12px;
  font-weight: 500;
  font-family: "Geograph", system-ui, -apple-system, sans-serif;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  line-height: 1.2;
  transition: opacity 0.2s ease;
}
button.ab-pgrid-cta svg.size-5 {
  width: 20px;
  height: 20px;
}

@media (min-width: 768px) {
  .ab-pgrid-card-footer {
    display: none;
}
}
.ab-pd {
  padding-bottom: 0px;
}
.ab-pd-name {
  margin: 0;
  font-size: 1.5rem;
  line-height: 2rem;
  /* font-family: "inherit", serif; */
  font-weight: 400;
  letter-spacing: -0.01em;
  color: var(--product-name-text, #212a2f);
}
@media (min-width: 768px) {
  .ab-pd-name {
    font-size: 1.875rem;
    line-height: 2.25rem;
    order: 1;
  }
}
.ab-pd-price-row {
  display: flex;
  align-items: baseline;
  gap: 8px;
  margin-top: 8px;
}
.ab-pd-price {
  font-size: 24px;
  font-weight: 500;
  color: var(--product-price-text, #212a2f);
}
.ab-pd-price-sale {
  color: var(--product-sale-price-text, #c94a4a);
}
.ab-pd-price-old {
  font-size: 17px;
  font-weight: 500;
  color: rgba(33, 42, 47, 0.45);
  text-decoration: line-through;
}
.ab-pd-rating,
.ab-pd-stars {
  display: flex;
  align-items: center;
}
.ab-pd-rating {
  gap: 6px;
  margin-top: 10px;
}
.ab-pd-stars {
  gap: 1px;
}
.ab-pd-star {
  width: 16px;
  height: 16px;
  display: block;
  flex-shrink: 0;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.ab-pd-star-filled {
  background-image: url(https://files.easy-orders.net/1772838507170834447ab-star-filled.svg);
}
.ab-pd-star-half {
  background-image: url(https://files.easy-orders.net/1772838507171811970ab-star-half.svg);
}
.ab-pd-star-empty {
  background-image: url(https://files.easy-orders.net/1772838507171010246ab-star-empty.svg);
}
.ab-pd-reviews-count {
  font-size: 12px;
  font-weight: 500;
  color: #111827;
  font-family: "Geograph", system-ui, sans-serif;
}
.ab-pd-description {
  margin: 16px 0 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;
  color: rgba(33, 42, 47, 0.78);
}
.button_variations_container {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.5rem !important;
}
@media (max-width: 768px) {
  .ab-pd-price {
    font-size: 18px;
  }
}
body, html{
  scrollbar-width: thin;
}
h2.text-base.font-bold.text-gray-900.whitespace-nowrap.flex.items-center.gap-1.flex-wrap {
  font-size: 12px;display: block;
  font-weight: 500;
  color: rgba(33, 42, 47, 0.78);
}
.flex.flex-col.lg\:flex-row.lg\:items-baseline.gap-2.mt-2 {
  margin-top: 24px;
}
button.flex.justify-between.items-center.relative.w-full.border.cursor-default.bg-white.py-2.px-3.whitespace-nowrap {
  font-size: 14px;
}
.button_variation {
 min-width: 45px;
  padding-block: 12px;
  border: 1.5px solid #d4d4d4 !important;
  border-radius: 0 !important;
  background: #fff;
  color: var(--body-text, #212a2f);
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: border-color 0.2s ease, background 0.2s ease, color 0.2s ease;
}
.button_variation:hover,
.image_variation:hover {
  border-color: #212a2f;
}
.button_variation_checked {
  background: #000 !important;
  color: #fff !important;
  border-color: #000 !important;
}
.color_variation {
  border-radius: 50% !important;
  padding: 1px !important;
}
.color_variation_checked {
  --tw-ring-shadow: none !important;
  outline: 1px solid #212a2f !important;
  outline-offset: 2px;
}
.color_variation span {
  width: 20px;
  height: 20px;
  border-radius: 50% !important;
  border: 0.5px solid #dbdbdb;
}
.variation_name {
  font-size: 12px;
  font-weight: 500 !important;
  color: rgba(33, 42, 47, 0.78);
  margin-bottom: 0 !important;
  line-height: 1 !important;
}
.image_variation {
  width: 52px;
  height: 52px;
  border: 1.5px solid #d4d4d4;
  border-radius: 0;
  background: #fff;
  cursor: pointer;
  transition:
    border-color 0.2s ease,
    background 0.2s ease,
    color 0.2s ease;
}
.image_variation div,
.image_variation img {
  width: 100%;
  align-items: center;
  justify-content: center;
  border-radius: 0;
}
.image_variation div {
  height: 100%;
  display: flex;
}
.image_variation img {
  height: 50px;
  object-fit: cover;
}
.image_variation span {
  border-radius: 0;
}
.image_variation_checked {
  --tw-ring-shadow: none !important;
  outline: 1px solid #212a2f !important;
  outline-offset: 2px;
}
/* ── Gallery: responsive carousel / stack / grid ── */
.ab-gallery {
  width: 100%;direction: ltr;
}
.ab-gallery-track {
  display: flex;
  gap: 0;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  -ms-overflow-style: none;
  -webkit-overflow-scrolling: touch;
  border-radius: 12px;
  background: transparent;
}
.ab-gallery-track::-webkit-scrollbar {
  display: none;
}
.ab-gallery-slide {
  flex: 0 0 100%;
  scroll-snap-align: start;
  position: relative;
  overflow: hidden;
  background: transparent;
  cursor: zoom-in;
}
.ab-gallery-media {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  aspect-ratio: 1 / 1;
  background: transparent;
}
video.ab-gallery-media {
  pointer-events: none;
}
.ab-gallery-play-overlay {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: zoom-in;
  z-index: 1;
}
.ab-gallery-play-overlay svg {
  width: 56px;
  height: 56px;
  opacity: 0.85;
  transition: opacity 0.2s, transform 0.2s;
}
.ab-gallery-slide:hover .ab-gallery-play-overlay svg {
  opacity: 1;
  transform: scale(1.08);
}
.ab-gallery-dots {
  display: flex;
  justify-content: center;
  gap: 6px;
  margin-top: 14px;
}
.ab-gallery-dot {
  width: 8px;
    height: 8px;
    border-radius: 50%;
    background: transparent;
    cursor: pointer;
    transition: background 0.25s ease, transform 0.25s ease, width 0.25s ease;
    border: 1px solid var(--body-text, #212a2f);
}
.ab-gallery-dot.ab-active {
  background: var(--body-text, #212a2f);
  width: 8px;
  border-radius: 4px;
}
.animate-slideIn.p_details_container.mt-10.sm\:mt-16.sm\:px-0.lg\:mt-0 {
  margin: 10px 0;
}
/* Tablet: vertical stack */
@media (min-width: 768px) and (max-width: 1023px) {
  .ab-gallery-track {
    flex-direction: column;
    gap: 8px;
    overflow: visible;
    scroll-snap-type: none;
    border-radius: 0;
    background: transparent;
  }
  .ab-gallery-slide {
    flex: 0 0 auto;
    width: 100%;
    border-radius: 12px;
    scroll-snap-align: none;
  }
  .ab-gallery-media {
    aspect-ratio: auto;
    height: auto;
    object-fit: cover;
  }
  .ab-gallery-dots {
    display: none;
  }
  .custom-static-promo {
    margin-top: 0px !important;
  }
}
main.container_class.pb-8.sm\:pb-10.pt-8.sm\:pt-10 {
  padding-top: var(--ab-main-container-top-padding, 40px) !important;
}
/* Desktop: grid, first image full-width, rest 2-col */
@media (min-width: 1024px) {
  .ab-gallery-track {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    overflow: visible;
    scroll-snap-type: none;
    border-radius: 0;
    background: transparent;
  }
  .ab-gallery-slide {
    flex: none;
    border-radius: 14px;
    scroll-snap-align: none;
    aspect-ratio: 1 / 1;
  }
  .ab-gallery-slide:first-child {
    grid-column: 1 / -1;
    aspect-ratio: 4 / 3;
  }
  .ab-gallery-media {
    aspect-ratio: auto;
    height: 100%;
    object-fit: contain;
  }
  .ab-gallery-dots {
    display: none;
  }
}
.ab-lightbox {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 9999;
  align-items: center;
  justify-content: center;
}
.ab-lightbox.ab-open {
  display: flex;
}
.ab-lightbox-backdrop {
  position: absolute;
  inset: 0;
  background: rgb(27 26 26 / 98%);
  cursor: default;
}
.ab-lightbox-body,
.ab-lightbox-close {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ab-lightbox-close {
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 3;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 0;
   color: #fff;
  font-size: 32px;
  font-weight: 300;
  line-height: 1;
  cursor: pointer;
  transition: background 0.2s ease;
}
.ab-lightbox-arrow:hover,
.ab-lightbox-close:hover {
  background: rgba(255, 255, 255, 0.25);
}
.ab-lightbox-body {
  position: relative;
  z-index: 2;
  max-width: 90vw;
  max-height: 90vh;
  pointer-events: none;
}
.ab-lightbox-img {
  max-width: 90vw;
  max-height: 88vh;
  object-fit: contain;
  border-radius: 8px;
  user-select: none;
  -webkit-user-select: none;
  pointer-events: auto;
}
.ab-lightbox-video {
  display: none;
  max-width: 90vw;
  max-height: 88vh;
  width: auto;
  height: auto;
  object-fit: contain;
  border-radius: 8px;
  pointer-events: auto;
}
.ab-lightbox-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 0;
  background: rgba(255, 255, 255, 0.12);
  color: #fff;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s ease;
}
.ab-lightbox-arrow svg {
  width: 22px;
  height: 22px;
}
.ab-lightbox-prev {
  left: 16px;
}
.ab-lightbox-next {
  right: 16px;
}
.ab-lightbox-counter {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
  color: rgba(255, 255, 255, 0.7);
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.08em;
}
@media (max-width: 768px) {
  .ab-lightbox-arrow {
    width: 36px;
    height: 36px;
  }
  .ab-lightbox-arrow svg {
    width: 18px;
    height: 18px;
  }
  .ab-lightbox-prev {
    left: 10px;
  }
  .ab-lightbox-next {
    right: 10px;
  }
}
.ab-cat-card,
.ab-featured-hero,
.ab-featured-media,
.ab-pgrid-hero,
.ab-pgrid-media,
.ab-plist-media,
.ab-slider-slide {
  background: #fff;
  background-size: 400% 100%;
}
.ab-pgrid-card .ab-pgrid-media {
  background: #f5f4f2;
  background-size: 400% 100%;
}
.ab-featured-media img,
.ab-pgrid-media img,
.ab-plist-media img {
  min-height: 220px;
}
@media (max-width: 480px) {
  .ab-featured-media img,
  .ab-pgrid-media img,
  .ab-plist-media img {
    min-height: 160px;
  }
}
body:has(section.checkout_order_summary) .ab-footer,
body:has(section.checkout_order_summary) .ab-footer-inner
  {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
}
.ab-footer {
  background: var(--ft-bg, #212121);
  color: var(--ft-text, #fff);
 }
.ab-footer-inner {
  max-width: inherit;
  margin: 0 auto;
  padding: 40px 20px 15px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.ab-footer-col {
  min-width: 0;
}
.ab-footer-heading {
  margin: 0 0 32px;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 1.2px;
 }
.ab-footer-contact-title__ar {
  display: none;
}
.ab-lang-ar .ab-footer-contact-title__en {
  display: none;
}
.ab-lang-ar .ab-footer-contact-title__ar {
  display: inline;
  text-transform: none;
  letter-spacing: normal;
}
.ab-footer-links {
  list-style: none;
  margin: 0;
  padding: 0;
}
.ab-footer-links li {
  margin-bottom: 12px;
  padding-left: 0;
}
.ab-footer-links a {
  font-size: 13px;
  font-weight: 400;
  transition: opacity 0.2s;
}
.ab-footer-links a:hover {
  opacity: 0.7;
}
.ab-footer-links a,
.ab-footer-logo {
  text-decoration: none;
  color: var(--ft-text, #fff);
}
.ab-footer-logo {
  display: inline-block;
}
.ab-footer-logo img {
  max-height: 40px;
  width: auto;
}
.ab-footer-logo-text {
  font-size: 1.25rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

/* ── <details> accordion (Categories / Pages) ── */
.ab-footer-accordions {
  display: flex;
  flex-direction: column;
  gap: 0;
}
.ab-footer-details {
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  padding: 12px 0;    max-width: inherit;
}
.ab-footer-details > summary {
  margin: 0;
  list-style: none;
  cursor: pointer;
  user-select: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 4px 0;
}
.ab-footer-details > summary::-webkit-details-marker,
.ab-footer-details > summary::marker {
  display: none;
  content: "";
}
.ab-footer-details[open] > summary {
  margin-bottom: 12px;
}
.ab-footer-chev {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
   transition: transform 0.25s ease;
}
.ab-footer-chev svg {
  width: 100%;
  height: 100%;
}
.ab-footer-details[open] .ab-footer-chev {
  transform: rotate(180deg);
}

/* Contact uses same accordion behavior as categories/pages */
.ab-footer-contact-info {
  display: block;
}
.ab-footer-contact {
  display: flex;
  flex-direction: column;
  margin: 0;
  font-style: normal;
}
.ab-footer-contact-item,
.ab-footer-social-icons a {
  display: flex;
  align-items: center;
  color: var(--ft-text, #fff);
}
.ab-footer-contact-item {
  gap: 0.5rem;
  font-size: 13px;margin-bottom: 12px;
  text-decoration: none;
}
a.ab-footer-contact-item:hover {
  opacity: 0.9;
}
.ab-footer-contact-icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  min-width: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  filter: brightness(0) invert(1);
  opacity: 0.8;
}
.ab-fci-phone {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23000' stroke-width='1.8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M2.25 6.75c0 8.284 6.716 15 15 15h2.25a2.25 2.25 0 002.25-2.25v-1.372c0-.516-.351-.966-.852-1.091l-4.423-1.106c-.44-.11-.902.055-1.173.417l-.97 1.293c-.282.376-.769.542-1.21.38a12.035 12.035 0 01-7.143-7.143c-.162-.441.004-.928.38-1.21l1.293-.97c.363-.271.527-.734.417-1.173L6.963 3.102a1.125 1.125 0 00-1.091-.852H4.5A2.25 2.25 0 002.25 4.5v2.25z'/%3E%3C/svg%3E");
}
.ab-fci-email {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23000' stroke-width='1.8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M21.75 6.75v10.5a2.25 2.25 0 01-2.25 2.25h-15a2.25 2.25 0 01-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0019.5 4.5h-15a2.25 2.25 0 00-2.25 2.25m19.5 0v.243a2.25 2.25 0 01-1.07 1.916l-7.5 4.615a2.25 2.25 0 01-2.36 0L3.32 8.91a2.25 2.25 0 01-1.07-1.916V6.75'/%3E%3C/svg%3E");
}
.ab-fci-address {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23000' stroke-width='1.8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M15 10.5a3 3 0 11-6 0 3 3 0 016 0z'/%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1115 0z'/%3E%3C/svg%3E");
}
.ab-footer-social {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.ab-footer-social-label {
  margin: 0 0 20px;
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 1.2px;
 }
.ab-footer-social-icons {
  display: flex;
  gap: 10px;
}
.ab-footer-social-icons a {
  width: 33px;
  height: 33px;
  border-radius: 50%;
  border: 1px solid var(--ft-text, #fff);
   justify-content: center;
  color: var(--ft-text, #fff);
}
.ab-footer-social-icons a:hover {
  opacity: 1;
}
.ab-footer-social-icons svg {
  width: 16px;
  height: 16px;
  fill: var(--ft-text, #fff);
  stroke: var(--ft-text, #fff);
}
.ab-footer-social-img {
  display: inline-block;
  width: 20px;
  height: 17px;
  background-color: var(--ft-text, #fff);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}
.ab-footer-payment {
  display: flex;
  justify-content: center;
}
.ab-footer-payment img {
  max-height: 20px;
  width: auto;
}
.ab-footer-social-row {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 18px;
  margin-top: 8px;
}
.ab-footer-bottom {
  padding-top: 20px;
  margin-top: 8px;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
  text-align: center;
}
.ab-footer-copy {
  margin: 0;
  font-size: 12px;
}
.ab-footer-powered {
  margin: 0;
  font-size: 12px;
}
.ab-footer-powered a {
  color: #34d399;
  text-decoration: none;
  font-weight: 600;
}
.ab-footer-powered a:hover {
  text-decoration: underline;
}
.ab-footer-subscribe-section {
  text-align: center;
}
.ab-footer-subscribe-section .ab-footer-heading {
  text-align: center;
}
.ab-footer-subscribe-section .ab-footer-subscribe-title {
  color: var(--ft-text, #fff);
  margin-bottom: 10px;
}
.ab-footer-subscribe-description {
  margin: 0 0 18px;
  font-size: 13px;
  line-height: 1.6;
  color: var(--ab-footer-subscribe-color, var(--ft-text, #fff));
  opacity: 0.7;
}
@media (max-width: 760px) {
  .ab-footer-subscribe-section.ab-footer-subscribe--hide-mobile {
    display: none !important;
  }
}
@media (min-width: 761px) {
  .ab-footer-subscribe-section.ab-footer-subscribe--hide-mobile {
    display: block !important;
  }
}
.ab-footer-input-wrapper {
  flex: 1;
    min-width: 0;
    display: flex;
    align-items: center;
    background-color: #fff;
    border-radius: 50px;
    padding: 3px 10px 3px 15px;
    border: 1px solid #ddd;
    transition: all 0.3s ease;
}
.ab-footer-subscribe-input:focus {
  outline: none !important;      
  border: none !important;       
  box-shadow: none !important;    
  background: transparent !important;  
}
.ab-footer-input-wrapper:focus-within {
  box-shadow: 0 0 8px rgba(0,0,0,0.1);
}
.ab-footer-email-error {
  display: none;
  margin-top: 6px;
  font-size: 12px;
  color: #f87171;
  text-align: center;
}
.ab-footer-subscribe-form {
  display: flex;
  flex-direction: column;
  gap: 0;
}
.ab-footer-subscribe-input {
  flex: 1;
  height: 40px;
  padding: 0;
  font-size: 16px;
  color: #212121;
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 0;
  outline: none;
  transition: border-color 0.2s;
}
.ab-footer-subscribe-input::placeholder {
  color: rgba(255, 255, 255, 0.4);
}
.ab-footer-subscribe-input:focus {
  border-color: rgba(255, 255, 255, 0.7);
}
input.ab-footer-subscribe-input::placeholder {
  color: #212121;
}
.relative.px-4.sm\:px-6.h-full {
  padding-top: 4rem;
}span.mt-2.block.text-3xl.text-center.leading-8.font-extrabold.tracking-tight.text-gray-900.sm\:text-4xl {
  font-weight: 500;
  font-size: 28px;
}
.relative.py-16.bg-white.flex-1 {background: var(--body-bg, #ECE9E2);}

.ab-footer-subscribe-btn {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  cursor: pointer;
  flex-shrink: 0;
  transition: opacity 0.2s;
}
.ab-footer-subscribe-btn svg {
  width: 18px;
  height: 18px;
  stroke: #353535;
}
.ab-footer-subscribe-btn:hover {
  opacity: 0.85;
}
.ab-footer-subscribe-msg {
  margin: 8px 0 0;
  font-size: 12px;
  color: #34d399;
}
.ab-footer-subscribe-msg[data-error] {
  color: #f87171;
}
/* ==========================================================
   TABLET (768–1023px): 3-column row, accordions forced open
   ========================================================== */
@media (min-width: 768px) and (max-width: 1023px) {
  .ab-footer-inner {
    padding: 48px 24px 24px;
    gap: 32px;
  }
  .ab-footer-subscribe-section {
    text-align: left;
    max-width: 480px;
  }
  .ab-footer-subscribe-section .ab-footer-heading {
    text-align: start;
  }
  .ab-footer-accordions {
    flex-direction: row;
    gap: 32px;
    align-items: flex-start;
  }
  .ab-footer-accordions > * {
    flex: 1 1 0;
    min-width: 0;
  }
  .ab-footer-contact-info {
    display: block;
  }
  /* Force <details> open, disable toggling 
  .ab-footer-details > :not(summary) {
    display: block !important;
  }*/
  .ab-footer-details > summary {
    pointer-events: none;
    cursor: default;
    margin: 0 0 16px;
    padding: 0;
  }
  .ab-footer-details {
    border-top: 0;
    padding-top: 0;
  }
  .ab-footer-chev {
    display: none;
  }
  .ab-footer-social-row {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 24px;
  }
  .ab-footer-bottom {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 24px;
    flex-wrap: wrap;
    text-align: left;
  }
}
main.mx-auto.w-full.max-w-full.flex-1.px-4.sm\:px-6.xl\:max-w-7xl.xl\:px-8.pb-24 {
  padding-block-start: 8rem;
}
.sticky.top-0.z-10.bg-white.pt-4.pb-3.-mx-4.px-4.sm\:-mx-6.sm\:px-6.xl\:-mx-8.xl\:px-8 {
  background: transparent;
}.w-full.me-2 label.block.text-sm.font-medium.text-black {
  display: none;
}
/* ==========================================================
   DESKTOP (≥1024px): 2-col grid row, social left, bottom row
   ========================================================== */
@media (min-width: 1024px) {
  .ab-footer-inner {
    display: grid;
    grid-template-columns: 1fr 1.5fr;
    column-gap: 32px;
    row-gap: 24px;
    align-items: start;
    padding: 56px 32px 24px;
  }
  .ab-footer-subscribe-section {
    grid-column: 1;
    text-align: left;
    max-width: 25rem;
  }
  .ab-footer-subscribe-section .ab-footer-heading {
    text-align: start;
  }
  .ab-footer-accordions {
    grid-column: 2;
    flex-direction: row;
    gap: 48px;
    align-items: flex-start;
    display: flex;
    justify-content: space-evenly;
  }
  .ab-footer-accordions > * {
    flex: 1 1 0;
    min-width: 0;
  }
  .ab-footer-accordions > .ab-footer-contact-info {
    flex: 1.2 1 0;
    min-width: 190px;
  }
  .ab-footer-contact-info {
    display: block;
  }
  /* Force <details> open, disable toggling 
  .ab-footer-details > :not(summary) {
    display: block !important;
  }*/
  .ab-footer-details > summary {
    pointer-events: none;
    cursor: default;
    margin: 0 0 16px;
    padding: 0;
  }
  .ab-footer-details {
    border-top: 0;
    padding: 0;
  }
  .ab-footer-contact-item {
    align-items: flex-start;
    line-height: 1.45;
    word-break: break-word;
  }
  .ab-footer-contact-item .contact-icon {
    margin-top: 2px;
    flex-shrink: 0;
  }
  .ab-footer-chev {
    display: none;
  }
  .ab-footer-social-row {
    grid-column: 1;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 24px;
    margin-top: 16px;
  }
  .ab-footer-bottom {
    grid-column: 1 / -1;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 24px;
    flex-wrap: wrap;
    text-align: left;
    padding-top: 20px;
    margin-top: 8px;
  }
  .ab-footer-payment {
    justify-content: flex-end;
  }
  .ab-footer-payment img {
    max-height: 32px;
  }
  .ab-footer-social {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
}
.add_to_cart_btn {
  background: var(--crt-btn-bg, #fff);
  color: var(--crt-btn-text, #212a2f);
  border: 1px solid var(--crt-btn-border, #212a2f);
  border-radius: 12px;
  flex: 1;
   letter-spacing: 0.6px;
  line-height: 16px;
}
.quantity_btn_container {
  border-radius: 12px;
  gap: 0.5rem;
  border: 1px solid var(--crt-btn-border, #212a2f);
  margin: 0 !important;
}
.add_to_cart_btn:hover {
  background: var(--crt-btn-text, #212a2f);
  color: var(--crt-btn-bg, #fff);
}
.checkout_btn,
.checkout_btn:hover {
  background: var(--buy-btn-bg, #212a2f);
}
.checkout_btn {
  color: var(--buy-btn-text, #fff);
  border: 1px solid var(--buy-btn-border, #212a2f);
  border-radius: 12px;
  font-weight: 500;
  font-size: 12px;
  flex: 1;    text-transform: uppercase;
  padding-block: 16px;
  letter-spacing: 0.6px;
  line-height: 16px;
}
.checkout_btn:hover {
  opacity: 0.88;
}
.ab-reviews {
  max-width: 1420px;
  margin: 2.5rem auto;
  padding: 0 1rem;
}
.ab-reviews-header {
  margin-bottom: 1.5rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.ab-reviews-title {
  font-size: 1.5rem;
  font-weight: 600;
  color: var(--body-text, #212a2f);
  margin: 0 0 0.75rem;
}
.ab-reviews-summary {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.ab-reviews-avg-stars {
  display: flex;
  align-items: center;
  gap: 2px;
}
.ab-reviews-count {
  font-size: 14px;
  color: rgba(33, 42, 47, 0.6);
}
.ab-reviews-write-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 1.5rem;
  font-size: 14px;
  font-weight: 600;
  border: 1.5px solid var(--body-text, #131316);
  color: var(--body-text, #131316);
  background: 0 0;
  border-radius: 2rem;
  cursor: pointer;
  transition:
    background 0.2s,
    color 0.2s;
}
.ab-reviews-write-btn:hover {
  background: var(--body-text, #131316);
  color: #fff;
}
.ab-reviews-list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.ab-review-card {
  background: #fff;
  border-radius: 0.75rem;
  padding: 1.5rem;
  box-shadow:
    0 1px 3px rgba(0, 0, 0, 0.06),
    0 1px 2px rgba(0, 0, 0, 0.04);
}
.ab-review-stars {
  display: flex;
  align-items: center;
  gap: 2px;
  margin-bottom: 0.5rem;
}
.ab-review-author {
  font-size: 14px;
  font-weight: 600;
  color: var(--body-text, #131316);
  margin: 0 0 0.5rem;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}
.ab-review-comment {
  font-size: 14px;
  line-height: 1.6;
  color: rgba(33, 42, 47, 0.75);
  margin: 0;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
.ab-review-comment.ab-review-expanded {
  -webkit-line-clamp: unset;
  display: block;
}
.ab-review-read-more {
  display: none;
  background: 0 0;
  border: 0;
  padding: 0;
  margin-top: 0.25rem;
  font-size: 13px;
  font-weight: 600;
  color: var(--body-text, #131316);
  cursor: pointer;
  text-decoration: none;
}
.ab-review-read-more:hover {
  text-decoration: underline;
}
.ab-review-read-more.ab-visible {
  display: inline;
}
.ab-review-image {
  margin-top: 0.75rem;
  width: 100px;
  height: 140px;
  object-fit: cover;
  border-radius: 0.5rem;
  border: 1px solid rgba(0, 0, 0, 0.06);
}
.ab-reviews-empty {
  text-align: center;
  color: rgba(33, 42, 47, 0.5);
  font-size: 15px;
  padding: 2rem 0;
}
.ab-review-modal {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 9999;
  align-items: center;
  justify-content: center;
}
.ab-review-modal.ab-review-modal-open {
  display: flex;
}
.ab-review-modal-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
}
.ab-review-modal-content {
  position: relative;
  background: #fff;
  border-radius: 0.75rem;
  width: 90%;
  max-width: 420px;
  padding: 1.5rem;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
}
.ab-review-modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.25rem;
}
.ab-review-modal-header h3 {
  font-size: 18px;
  font-weight: 700;
  color: var(--body-text, #131316);
  margin: 0;
}
.ab-review-modal-close {
  background: 0 0;
  border: 0;
  font-size: 24px;
  color: rgba(33, 42, 47, 0.5);
  cursor: pointer;
  padding: 0;
  line-height: 1;
}
.ab-review-modal-body {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.ab-review-rating-select {
  display: flex;
  gap: 4px;
  margin-bottom: 0.25rem;
}
.ab-review-rating-star {
  background: 0 0;
  border: 0;
  cursor: pointer;
  padding: 2px;
}
.ab-review-rating-star .ab-pd-star {
  width: 24px;
  height: 24px;
}
.ab-review-input {
  width: 100%;
  padding: 0.625rem 0.875rem;
  border: 1.5px solid rgba(0, 0, 0, 0.12);
  border-radius: 0.5rem;
  font-size: 14px;
  color: #212a2f;
  outline: 0;
  transition: border-color 0.2s;
  box-sizing: border-box;
}
.ab-review-input:focus {
  border-color: var(--body-text, #131316);
}
.ab-review-textarea {
  min-height: 100px;
  resize: vertical;
}
.ab-review-submit-btn {
  width: 100%;
  padding: 0.625rem;
  background: var(--body-text, #131316);
  color: #fff;
  border: 0;
  border-radius: 2rem;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  transition: opacity 0.2s;
}
.ab-review-submit-btn:hover {
  opacity: 0.88;
}
@media (max-width: 768px) {
  .ab-reviews {
    padding: 0 0.75rem;
    margin: 1.5rem auto;
  }
  .ab-reviews-title {
    font-size: 1.25rem;
  }
  .ab-review-card {
    padding: 1.25rem;
  }
}
input.global_input.border-sm.border-red-500.ring-red-500 {
  background: var(--input-bg, #fff);
  border: 1.5px solid var(--input-border, rgba(0, 0, 0, 0.08));
}input.global_input.border-sm.border-red-500.ring-red-500::placeholder{
  color: var(--input-text, #212a2f) ;
}
.select__menu-list {
  background: var(--input-bg, #fff);
}.select__option.select__option--is-focused.css-d7l1ni-option {
color: var(--input-bg, #000);
}.select__control .select__single-value {
  color: var(--input-text, #212a2f) ;
}
.checkout_bg_left.checkout_bg_left {
  background: var(--checkout-form-bg, #fcfcfc);
}
.checkout_bg_right.checkout_bg_right,
.checkout_order_summary.checkout_order_summary {
  background: #fff !important;
}
.checkout_container,
.checkout_order_summary {
  padding-top: 80px;
}
.checkout_form div.bg-white {
  margin-top: 0 !important;
}
.checkout_order_summary h2 {
  font-size: 1.25rem !important;
  font-weight: 500 !important;
  color: var(--checkout-heading-text, #212a2f) !important;
  letter-spacing: -0.01em;
}
.checkout_cart_items_container.checkout_cart_items_container {
  border-color: rgba(0, 0, 0, 0.08) !important;
}
.checkout_form {
  background: var(--checkout-form-bg, #fcfcfc) ;
  padding-inline: 15px;
}
@media (min-width: 1024px) {
  .checkout_order_summary.checkout_order_summary {
    background: 0 0 !important;
  }.checkout_form .contact-info-heading h2 {
    font-size: 25px !important;
    margin-bottom: 25px !important;
}.checkout_form label {
  font-size: 18px !important;
  margin-bottom: 6px;
}
}
.product_form_checkout.product_form_checkout {
  background: var(--checkout-form-bg, #fcfcfc) !important;
  border-radius: 1rem !important;
  border: 0 !important;
  padding: 1.25rem 20px !important;
  margin-top: 1.5rem !important;
  box-shadow:
    0 0 0 1px rgba(0, 0, 0, 0.06),
    0 4px 16px rgba(0, 0, 0, 0.04) !important;
}
.checkout_form .contact-info-heading h2,
.product_form_checkout p.text-lg {
  font-size: 1.1rem ;
  font-weight: 500 ;
  color: var(--checkout-heading-text, #212a2f) ;
  margin-bottom: 0.25rem ;
}
.checkout_form label,
.product_form_checkout label {
  font-size: 14px ;
  font-weight: 500 !important;
  color: rgb(from var(--checkout-heading-text, #212a2f) r g b / 0.6);
  letter-spacing: 0.04em;
}
.checkout_form .quantity_container,
.product_form_checkout .quantity_container {
  display: inline-flex !important;
    align-items: center !important;
    border: 1px solid #f5f4f2 !important;
    border-radius: 1rem !important;
    padding: 0.25rem !important;
    gap: 0 !important;
}
.checkout_form .quantity_btn,
.product_form_checkout .quantity_btn {
  border-radius: 50% !important;
  border: 0 !important;
  background: 0 0 !important;
  width: 36px !important;
  height: 36px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 !important;
  transition: background 0.15s;
}
.py-6.px-4.sm\:px-6 .mt-6.flex.justify-center.text-center.text-sm.text-gray-500 {
  display: none;
}.py-6.px-4.sm\:px-6 dl.space-y-6.border-t.border-gray-200.pt-6.text-sm.font-medium.text-gray-900 {
     padding-top: 15px;
}
.flex.items-center.justify-between.border-t.border-gray-200.pt-6 {
  font-size: 18px;
}
.flex.items-center.justify-between.border-t.border-gray-200.pt-6 dt.text-gray-600 {
  color: #000;
}dd.font-bold.flex.items-center.gap-0\.5 {
  font-weight: 600;
}
.fixed.bottom-0.left-0.right-0.z-50.mt-2.flex.items-center.justify-center.border-t.border-gray-200.py-2.max-md\:p-4.max-md\:bg-white.lg\:static.lg\:border-t-0 {
  padding: 0.5rem;
  background: var(--checkout-form-bg, #fcfcfc) !important;
}
.checkout_form .quantity_btn:hover,
.product_form_checkout .quantity_btn:hover {
  background: rgba(0, 0, 0, 0.06) !important;
}
.checkout_form .quantity_btn:active,
.product_form_checkout .quantity_btn:active {
  background: rgba(0, 0, 0, 0.1) !important;
}
.checkout_form .quantity_container p,
.product_form_checkout .quantity_container p {
  min-width: 2rem !important;
  text-align: center !important;
  font-weight: 500 !important;
  font-size: 15px !important;
  color: var(--body-text, #212a2f) !important;
}
.checkout_form .global_input:not(.border-red-500),
.checkout_form .global_textarea:not(.border-red-500),
.global_input:not(.border-red-500),
.global_textarea:not(.border-red-500),
.product_form_checkout .global_input:not(.border-red-500),
.product_form_checkout .global_textarea:not(.border-red-500) {
  border: 1.5px solid var(--input-border, rgba(0, 0, 0, 0.08));
  background: var(--input-bg, #fff);
}
.checkout_form .global_input,
.checkout_form .global_textarea,
.global_input,
.global_textarea,
.product_form_checkout .global_input,
.product_form_checkout .global_textarea {
  border-radius: 0.75rem !important;
  transition:
    border-color 0.2s,
    background 0.2s;
  font-size: 16px !important;
  padding: 0.75rem 1rem !important;
  width: 100%;
  color: var(--input-text, #212a2f) !important;
  background: var(--input-bg, #fff);
}
.checkout_form input.global_input::placeholder,
.checkout_form textarea.global_textarea::placeholder {
  color: var(--input-text, #212a2f) !important;
}
.checkout_form .global_input:focus:not(.border-red-500),
.checkout_form .global_textarea:focus:not(.border-red-500),
.product_form_checkout .global_input:focus:not(.border-red-500),
.product_form_checkout .global_textarea:focus:not(.border-red-500) {
  background: var(--input-bg, #fff);
  border-color: var(--input-border, rgba(0, 0, 0, 0.08));
  outline: 0;
}
.checkout_form .select__control,
.product_form_checkout .select__control {
  border-radius: 0.75rem !important;
  border: 1.5px solid var(--input-border, rgba(0, 0, 0, 0.08)) !important;
  background: var(--input-bg, #fff) !important;
  min-height: 44px !important;
}
.checkout_form input[name="full_name"],
.checkout_form input[name="full_name"]:focus,
.product_form_checkout input[name="full_name"],
.product_form_checkout input[name="full_name"]:focus {
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='18' viewBox='0 0 17 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.28705 11.3223C6.24871 9.55892 10.0022 9.5588 12.9638 11.3223C13.0607 11.3799 13.18 11.448 13.3154 11.5244C13.9094 11.8595 14.8077 12.3657 15.4228 12.9678C15.8074 13.3443 16.1726 13.8405 16.2392 14.4482C16.3099 15.0948 16.0277 15.7021 15.4619 16.2412C14.4858 17.171 13.3146 17.9159 11.7997 17.916H4.45112C2.93595 17.916 1.7642 17.1712 0.788031 16.2412C0.222182 15.7021 -0.0599851 15.0948 0.010687 14.4482C0.0772502 13.8405 0.44249 13.3443 0.827093 12.9678C1.44219 12.3657 2.3405 11.8595 2.93452 11.5244C3.07007 11.4479 3.19013 11.38 3.28705 11.3223ZM12.3242 12.3965C9.75652 10.8676 6.49337 10.8676 3.92573 12.3965C3.78592 12.4797 3.63304 12.5672 3.4726 12.6582C2.8788 12.9951 2.18549 13.3882 1.70209 13.8613C1.40222 14.1549 1.27349 14.3968 1.25287 14.584C1.23663 14.7326 1.27481 14.9782 1.65034 15.3359C2.51351 16.1583 3.39078 16.666 4.45112 16.666H11.7997C12.86 16.6659 13.7374 16.1582 14.6005 15.3359C14.9758 14.9783 15.0133 14.7326 14.997 14.584C14.9764 14.3969 14.8485 14.1547 14.5488 13.8613C14.0655 13.3883 13.372 12.995 12.7783 12.6582C12.6177 12.5671 12.464 12.4798 12.3242 12.3965ZM8.12494 0C10.5412 0 12.4999 1.95875 12.4999 4.375C12.4998 6.7911 10.5411 8.75 8.12494 8.75C5.70882 8.74998 3.75012 6.79109 3.74994 4.375C3.74994 1.95876 5.70871 1.57934e-05 8.12494 0ZM8.12494 1.25C6.39907 1.25002 4.99994 2.64912 4.99994 4.375C5.00012 6.10073 6.39918 7.49998 8.12494 7.5C9.85073 7.5 11.2498 6.10074 11.2499 4.375C11.2499 2.64911 9.85083 1.25 8.12494 1.25Z' fill='%23999999'/%3E%3C/svg%3E") !important;
  background-position: 0.875rem center !important;
  background-size: 16px 16px !important;
  padding-inline-start: 2.5rem !important;background-repeat: no-repeat !important;
}
html[dir="rtl"] .checkout_form input[name="full_name"],
html[dir="rtl"] .checkout_form input[name="full_name"]:focus,
html[dir="rtl"] .product_form_checkout input[name="full_name"],
html[dir="rtl"] .product_form_checkout input[name="full_name"]:focus,
.ab-lang-ar .checkout_form input[name="full_name"],
.ab-lang-ar .checkout_form input[name="full_name"]:focus,
.ab-lang-ar .product_form_checkout input[name="full_name"],
.ab-lang-ar .product_form_checkout input[name="full_name"]:focus {
  background-position: calc(100% - 0.875rem) center !important;
}
.checkout_form input[name="phone"],
.checkout_form input[name="phone"]:focus,
.product_form_checkout input[name="phone"],
.product_form_checkout input[name="phone"]:focus {
background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.0389 0.398573C2.43298 0.0774647 2.91249 -0.0680865 3.38949 0.0304086C3.8616 0.127987 4.23784 0.445363 4.47152 0.864393L5.21566 2.20033C5.48983 2.69216 5.72123 3.10615 5.87191 3.46596C6.03165 3.8475 6.12622 4.2238 6.08284 4.63978C6.03945 5.05592 5.86877 5.40476 5.63363 5.74525C5.412 6.06613 5.10087 6.42329 4.73128 6.84779L2.87484 8.9806C4.34721 11.3939 6.52154 13.5692 8.93734 15.0431L11.0692 13.1867C11.4938 12.817 11.8517 12.506 12.1727 12.2843C12.5132 12.0492 12.862 11.8785 13.2782 11.8351C13.6942 11.7918 14.0704 11.8863 14.452 12.046C14.8117 12.1967 15.2259 12.4272 15.7176 12.7013L17.0535 13.4464C17.4725 13.6801 17.79 14.0564 17.8875 14.5285C17.986 15.0054 17.8404 15.485 17.5194 15.879C16.3536 17.3093 14.4856 18.2196 12.5262 17.8244C11.3218 17.5814 10.1334 17.1769 8.69613 16.3527C5.80849 14.6966 3.21948 12.1061 1.56527 9.22181C0.74101 7.78457 0.335564 6.59611 0.0926106 5.39174C-0.302636 3.43238 0.608597 1.56433 2.0389 0.398573ZM13.408 13.0783C13.2757 13.0921 13.126 13.1446 12.8826 13.3126C12.6263 13.4897 12.3213 13.7535 11.8641 14.1515L10.1014 15.6867C11.0734 16.1656 11.9186 16.4273 12.7733 16.5997C14.1866 16.8849 15.6132 16.238 16.5496 15.089C16.6724 14.9384 16.6736 14.8336 16.6629 14.7814C16.6511 14.7244 16.6032 14.6269 16.4442 14.5382L15.1395 13.8107C14.61 13.5155 14.2569 13.3197 13.9696 13.1994C13.697 13.0852 13.5403 13.0645 13.408 13.0783ZM10.0506 4.40736C10.1857 4.08987 10.5523 3.94143 10.87 4.07631C12.205 4.64325 13.2737 5.71294 13.8407 7.04799C13.9755 7.36567 13.8273 7.73242 13.5096 7.86732C13.192 8.00202 12.8251 7.85388 12.6903 7.53627C12.2499 6.49939 11.4185 5.66708 10.3817 5.2267C10.064 5.09178 9.9157 4.72508 10.0506 4.40736ZM3.13656 1.25502C3.08449 1.24429 2.97944 1.24484 2.82894 1.36732C1.67996 2.30379 1.03309 3.73129 1.3182 5.14467C1.4906 5.99925 1.75238 6.84464 2.23128 7.81654L3.76644 6.05287C4.16424 5.59593 4.42831 5.29152 4.60531 5.03529C4.77337 4.79193 4.82588 4.64227 4.83968 4.5099C4.85343 4.3776 4.83275 4.22099 4.71859 3.94838C4.59823 3.661 4.40248 3.30809 4.10726 2.77846L3.37972 1.47377C3.29107 1.31473 3.19357 1.2668 3.13656 1.25502ZM11.3436 0.0245493C14.4976 0.934719 16.9821 3.41948 17.8924 6.57338C17.9881 6.90493 17.7971 7.25099 17.4657 7.34681C17.134 7.44253 16.787 7.2517 16.6912 6.92006C15.9 4.17883 13.7382 2.0168 10.9969 1.22572C10.6655 1.1299 10.4746 0.783764 10.5701 0.452284C10.6658 0.120732 11.012 -0.0709687 11.3436 0.0245493Z' fill='%23999999'/%3E%3C/svg%3E") !important;
  background-position: 0.875rem center !important;
  background-size: 16px 16px !important;
  padding-inline-start: 2.5rem !important;background-repeat: no-repeat !important;
}
html[dir="rtl"] .checkout_form input[name="phone"],
html[dir="rtl"] .checkout_form input[name="phone"]:focus,
html[dir="rtl"] .product_form_checkout input[name="phone"],
html[dir="rtl"] .product_form_checkout input[name="phone"]:focus,
.ab-lang-ar .checkout_form input[name="phone"],
.ab-lang-ar .checkout_form input[name="phone"]:focus,
.ab-lang-ar .product_form_checkout input[name="phone"],
.ab-lang-ar .product_form_checkout input[name="phone"]:focus {
  background-position: calc(100% - 0.875rem) center !important;
   
}
.checkout_form textarea[name="address1"],
.checkout_form textarea[name="address1"]:focus,
.checkout_form textarea[name="address"],
.checkout_form textarea[name="address"]:focus,
.product_form_checkout textarea[name="address1"],
.product_form_checkout textarea[name="address1"]:focus,
.product_form_checkout textarea[name="address"],
.product_form_checkout textarea[name="address"]:focus {
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='18' viewBox='0 0 15 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.5977 13.3477C13.5802 13.7943 14.585 14.4916 14.585 15.4199C14.5848 16.2481 13.7741 16.8964 12.1768 17.3447C10.8644 17.713 9.1304 17.916 7.29395 17.916H7.29199C4.58376 17.916 0.00034628 17.3906 0 15.4199C0 14.4924 1.00578 13.7943 2.98828 13.3477C3.32471 13.2722 3.65863 13.4839 3.73535 13.8203C3.81118 14.157 3.59936 14.4917 3.2627 14.5684C1.82951 14.8917 1.34031 15.2809 1.25781 15.4209C1.45867 15.7952 3.44811 16.666 7.29297 16.666C11.1381 16.666 13.1268 15.7952 13.3281 15.4209C13.2456 15.2809 12.7562 14.8908 11.3232 14.5684C10.9866 14.4925 10.7748 14.1578 10.8506 13.8203C10.9265 13.4839 11.2603 13.272 11.5977 13.3477ZM7.29199 0C9.87198 1.38162e-05 12.2703 1.59586 13.2578 3.97168C14.9751 8.10153 11.8666 11.0487 9.36914 13.417C9.16667 13.6086 8.96646 13.7989 8.77148 13.9863C8.37151 14.3712 7.84592 14.582 7.29102 14.582C6.73648 14.5818 6.21127 14.3711 5.81152 13.9873C5.60238 13.7848 5.38978 13.5819 5.1748 13.377C2.69818 11.0195 -0.384332 8.08574 1.32715 3.97168C2.31465 1.59585 4.71199 0 7.29199 0ZM7.29199 1.25C5.21042 1.25 3.27735 2.53632 2.48145 4.45117C1.09978 7.772 3.60947 10.1617 6.03613 12.4717C6.2544 12.6791 6.46974 12.8836 6.67969 13.0869C6.84385 13.2444 7.06199 13.333 7.29199 13.333C7.52191 13.333 7.74044 13.2458 7.90625 13.0859C8.10375 12.8959 8.30574 12.7039 8.51074 12.5098C10.9598 10.1873 13.4911 7.7851 12.1045 4.4502C11.3078 2.53535 9.37355 1.24904 7.29199 1.24902V1.25ZM7.29199 3.75C8.78532 3.75 9.99999 4.96469 10 6.45801C10 7.95134 8.78533 9.16602 7.29199 9.16602C5.79866 9.16602 4.58398 7.95134 4.58398 6.45801C4.584 4.96469 5.79867 3.75 7.29199 3.75ZM7.29199 5C6.48783 5 5.834 5.65385 5.83398 6.45801C5.83398 7.26217 6.48783 7.91602 7.29199 7.91602C8.09616 7.91602 8.75 7.26217 8.75 6.45801C8.74999 5.65385 8.09615 5 7.29199 5Z' fill='%23999999'/%3E%3C/svg%3E") !important;
  background-position:14px 16px !important;
  background-size: 16px 16px !important;
  padding-inline-start: 2.5rem !important;background-repeat: no-repeat !important;
}
html[dir="rtl"] .checkout_form textarea[name="address1"],
html[dir="rtl"] .checkout_form textarea[name="address1"]:focus,
html[dir="rtl"] .checkout_form textarea[name="address"],
html[dir="rtl"] .checkout_form textarea[name="address"]:focus,
html[dir="rtl"] .product_form_checkout textarea[name="address1"],
html[dir="rtl"] .product_form_checkout textarea[name="address1"]:focus,
html[dir="rtl"] .product_form_checkout textarea[name="address"],
html[dir="rtl"] .product_form_checkout textarea[name="address"]:focus,
.ab-lang-ar .checkout_form textarea[name="address1"],
.ab-lang-ar .checkout_form textarea[name="address1"]:focus,
.ab-lang-ar .checkout_form textarea[name="address"],
.ab-lang-ar .checkout_form textarea[name="address"]:focus,
.ab-lang-ar .product_form_checkout textarea[name="address1"],
.ab-lang-ar .product_form_checkout textarea[name="address1"]:focus,
.ab-lang-ar .product_form_checkout textarea[name="address"],
.ab-lang-ar .product_form_checkout textarea[name="address"]:focus {
  background-position: calc(100% - 14px) 16px !important;
   
}
.css-hlgwow.select__value-container {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.291 17.9161C17.6362 17.9161 17.916 17.6363 17.916 17.2911C17.9158 16.9461 17.6361 16.6661 17.291 16.6661H17.083V5.74915C17.083 5.2633 17.0831 4.85273 17.0488 4.51379C17.0124 4.15399 16.9337 3.82217 16.7441 3.50891C16.5542 3.19506 16.2974 2.9733 15.9961 2.77747C15.7133 2.59371 15.3515 2.40938 14.9268 2.1925L11.2813 0.331177C11.0269 0.201321 10.7753 0.0910493 10.54 0.0372314C10.3069 -0.0160616 9.98627 -0.0375256 9.69238 0.152466C9.40363 0.339339 9.2882 0.636156 9.23535 0.862427C9.18116 1.09455 9.16602 1.3659 9.16602 1.64856V5.00012H7.29102C6.76054 5.00013 6.2916 5.02694 5.89355 5.11438C5.48863 5.2034 5.11807 5.36357 4.82422 5.65735C4.53022 5.95135 4.36929 6.32246 4.28027 6.72766C4.19286 7.12573 4.16602 7.59462 4.16602 8.12512V8.33313H2.29102C2.10528 8.33314 1.91343 8.34209 1.73633 8.38098C1.55201 8.42147 1.34568 8.5021 1.17383 8.67395C1.00198 8.8458 0.921351 9.05213 0.880859 9.23645C0.841972 9.41355 0.833018 9.6054 0.833008 9.79114L0.833008 16.6661H0.625C0.279931 16.6661 0.000176026 16.9461 0 17.2911C0 17.6363 0.279822 17.9161 0.625 17.9161L17.291 17.9161ZM13.75 8.12512C13.75 7.59462 13.7232 7.12573 13.6357 6.72766C13.5467 6.32246 13.3858 5.95135 13.0918 5.65735C12.7979 5.36357 12.4274 5.2034 12.0225 5.11438C11.6244 5.02694 11.1555 5.00013 10.625 5.00012H10.416V1.64856C10.416 1.50763 10.4212 1.39728 10.4287 1.31165C10.5033 1.34195 10.5967 1.38513 10.7129 1.44446L14.3311 3.29114C14.7908 3.52586 15.0929 3.68135 15.3145 3.82532C15.5234 3.96109 15.616 4.05913 15.6748 4.15637C15.7341 4.25438 15.7789 4.38509 15.8047 4.63977C15.8319 4.90833 15.833 5.25524 15.833 5.77942L15.833 16.6661L13.75 16.6661L13.75 8.12512ZM5.41602 8.12512C5.41602 7.62156 5.44384 7.25977 5.50195 6.99524C5.5585 6.73814 5.6356 6.61354 5.70801 6.54114C5.78047 6.46874 5.90495 6.3916 6.16211 6.33508C6.42658 6.27698 6.78763 6.25013 7.29102 6.25012H10.625C11.1284 6.25013 11.4894 6.27698 11.7539 6.33508C12.0111 6.3916 12.1355 6.46874 12.208 6.54114C12.2804 6.61354 12.3575 6.73814 12.4141 6.99524C12.4722 7.25977 12.5 7.62156 12.5 8.12512L12.5 16.6661H5.41602L5.41602 8.12512ZM9.79102 9.58313C10.1362 9.58313 10.416 9.30331 10.416 8.95813C10.416 8.61295 10.1362 8.33313 9.79102 8.33313H8.125C7.77982 8.33313 7.5 8.61295 7.5 8.95813C7.5 9.30331 7.77982 9.58313 8.125 9.58313H9.79102ZM2.08301 9.79114C2.08301 9.7032 2.08572 9.63798 2.08984 9.58997C2.13786 9.58584 2.20308 9.58314 2.29102 9.58313H4.16602L4.16602 16.6661H2.08301L2.08301 9.79114ZM9.79102 12.0831C10.1362 12.0831 10.416 11.8033 10.416 11.4581C10.416 11.113 10.1362 10.8331 9.79102 10.8331H8.125C7.77982 10.8331 7.5 11.113 7.5 11.4581C7.5 11.8033 7.77982 12.0831 8.125 12.0831H9.79102ZM9.79102 14.5831C10.1362 14.5831 10.416 14.3033 10.416 13.9581C10.416 13.613 10.1362 13.3331 9.79102 13.3331H8.125C7.77982 13.3331 7.5 13.613 7.5 13.9581C7.5 14.3033 7.77982 14.5831 8.125 14.5831L9.79102 14.5831Z' fill='%23999999'/%3E%3C/svg%3E") !important;
    background-position: 0.875rem center !important;
    background-size: 16px 16px !important;
    padding-inline-start: 2.5rem !important;background-repeat: no-repeat !important;
  }
html[dir="rtl"] .css-hlgwow.select__value-container,
.ab-lang-ar .css-hlgwow.select__value-container {
  background-position: calc(100% - 0.875rem) center !important;
 
}
.checkout_form .global_textarea,
.product_form_checkout .global_textarea {
  min-height: 100px !important;
  resize: vertical;
}
.shipping_options_container.mt-2.flex.flex-col.space-y-2 {
  margin-block-start: 20px;
    margin-block-end: 20px;
}
.mt-2 span.text-lg.font-bold.text-gray-700 {
  font-weight: 500;
  font-size: 20px;
  color: var(--checkout-heading-text, #212a2f) ;
}
.shipping_options_container.mt-2 span.text-lg.font-bold.text-gray-700 {
  font-weight: 500;
    font-size: 20px;
    color: var(--checkout-heading-text, #212a2f) ;
}
button.shipping_option_card.flex.cursor-pointer.w-full.items-center.p-2.md\:p-3.transition.duration-300.ease-in-out.border-black.hover\:border-black.rounded-md.border-2 {
  border-width: 1.5px;border-color: var(--checkout-heading-text, #212a2f) !important;
}
span.shipping_option_card_name.w-fit.text-base.font-bold.text-gray-600 {
  font-weight: 500;
  color: #212121;
  color: var(--checkout-heading-text, #212a2f) ;
}
span.shipping_option_card_description.w-fit.text-sm.text-gray-500 {
  color: rgb(from var(--checkout-heading-text, #212a2f) r g b / 0.6) ;

}
.shipping_option_card_price.flex.items-center.gap-1.px-2 {
  color: rgb(from var(--checkout-heading-text, #212a2f) r g b / 0.99);
}
.checkout_form .shipping_cost_container,
.product_form_checkout .shipping_cost_container {
  padding: 0.875rem 0 !important;
  margin-top: 0.5rem !important;
  border: 0 !important;
}
.checkout_form .shipping_cost_container dt,
.product_form_checkout .shipping_cost_container dt {
  color: rgba(33, 42, 47, 0.55) !important;
  font-size: 14px !important;
}
.checkout_form .shipping_cost_container dd,
.product_form_checkout .shipping_cost_container dd {
  font-weight: 700 !important;
  font-size: 14px !important;
  color: var(--body-text, #131316) !important;
}
.checkout_form .payments_container,
.product_form_checkout .payments_container {
  gap: 0.5rem !important;
}
.bundles_container > div,
.checkout_form .payment_card,
.product_form_checkout .payment_card {
   border-radius: 5px;
  transition:
    border-color 0.2s,
    box-shadow 0.2s;
}
.checkout_form .payment_card,
.product_form_checkout .payment_card {
   padding: 1rem !important;
}
.checkout_form .payment_card:hover,
.product_form_checkout .payment_card:hover {
  border-color: rgba(0, 0, 0, 0.18) !important;
}
.shipping_option_card .radio_circle {
  background-color: #b0b0b0 !important;
}
.shipping_option_card .radio_circle[class*="!bg-black"],
.shipping_option_card .radio_circle.bg-black,
.shipping_option_card.border-black .radio_circle {
  background-color: var(--checkout-heading-text, #212a2f) !important;
}
.checkout_form .payment_card.border-blue-600,
.product_form_checkout .payment_card.border-blue-600 {
  border-color: var(--checkout-heading-text, #212a2f) !important;
 }
.checkout_form .radio_container,
.product_form_checkout .radio_container {
  border-color: rgba(0, 0, 0, 0.15) !important;
  height: 21px;
    min-width: 22px;
}
.radio_container:has(.radio_circle.bg-blue-500) {
  border-color: var(--checkout-heading-text, #212a2f) !important;
}
.checkout_form .radio_circle,
.product_form_checkout .radio_circle {
  transition: background-color 0.2s;
  width: 12px;
  height: 12px;
 }
.checkout_form .radio_circle.bg-blue-500,
.product_form_checkout .radio_circle.bg-blue-500 {
  background-color: var(--checkout-heading-text, #212a2f) !important;
}
.checkout_form .payment_card_name,
.product_form_checkout .payment_card_name {
  font-weight: 500 !important;
  color: var(--checkout-heading-text, #212a2f) ;
}
.payment_card.border-blue-600 .radio_container {
  border-color: var(--checkout-heading-text, #212a2f) !important; /* لون أزرق مطابق لبراند الدفع */
  border-width: 1px;    /* زيادة السمك لإبراز الاختيار */
}
.checkout_form .payment_card_description,
.product_form_checkout .payment_card_description {
   font-size: 14px ;
}
.checkout_form .total_price_container,
.product_form_checkout .total_price_container {
  padding: 0.875rem 0 !important;font-size: 20px;font-weight: 600;
}
.mt-20.flex.h-96.items-center.justify-center {
  height: 24rem !important;
}
.checkout_form .total_price_container .total_price,
.product_form_checkout .total_price_container .total_price {
   font-weight: 600 ;
  color: var(--body-text, #131316) !important;
}
.checkout_buy_now,
.checkout_form button[type="submit"],
.form_checkout_btn {
  background: var(--buy-btn-bg, #212a2f) !important;
    color: var(--buy-btn-text, #fff) !important;
    border: 1.5px solid var(--buy-btn-border, #212a2f) !important;
    border-radius: 2rem !important;
    font-weight: 500 !important;
    font-size: 14px;
    padding: 0.65rem 1.5rem;
    transition: opacity 0.2s;
    letter-spacing: 1px;
    margin-top: 0.3rem !important;
    text-transform: uppercase;
}
.checkout_buy_now:hover,
.checkout_form button[type="submit"]:hover,
.form_checkout_btn:hover {
  opacity: 0.88;
}
.bundles_container {
  background: #f5f4f2 !important;
  border-radius: 1.25rem !important;
  padding: 1.5rem !important;
  gap: 1rem !important;
  margin-top: 1.5rem !important;
}
.bundles_title {
  display: flex !important;
  align-items: center !important;
  gap: 0.5rem !important;font-weight: 600;
  justify-content: center;
  align-items: center;
}
p.bundles_description.text-sm.md\:text-base.text-\[\#61758A\] {
  display: none;
}
.bundles_title::before {
  display: none;
}
.bundles_container > div {
  padding: 1rem 1.25rem !important;
  margin-bottom: 0 !important;
  border-width: 1px !important;
}
.bundles_container > div:not(.\!border-skin-primary) {
  border: 1px solid #e5e5e5 !important;
}
.bundles_container .radio_container {
  width: 22px !important;
  height: 22px !important;
   border-color: #d9d9d9 !important;
}
.bundles_container > div.\!border-\[3px\] .radio_container,
.bundles_container > div.\!border-skin-primary .radio_container {
  border-color: var(--body-text, #131316) !important;
}
.bundles_container .radio_circle {
  width: 14px !important;
  height: 14px !important;
  background: 0 0 !important;
}
.bundles_container .radio_circle.bg-blue-500 {
  background-color: var(--body-text, #131316) !important;
}
.bundles_container > div p.text-xl {
  font-size: 1.05rem ;
  font-weight: 500 ;margin-inline-start: 5px;
  color: var(--color-primary, #212a2f) ;
}
.bundles_container > div p.text-xs.bg-\[\#eee\],
.bundles_container > div p[class*="bg-[#eee]"] {
  background: 0 0 !important;
  color: #61758a !important;
  padding: 0 !important;
  font-size: 13px !important;
}
.bundles_container > div p.font-bold.text-gray-700 {
  font-size: 14px;
  font-weight: 500 !important;
  color: #010101 !important;
}
.border-skin-primary.pb-2 p.-mb-4.mt-2.font-bold.text-black {
  font-weight: 500;
}
.flex.flex-col.items-center.gap-2.md\:flex-row
 
 {
    gap: 0px;
}
.bundles_container > div p.line-through {
  font-size: 0.85rem !important;
  color: #61758a !important;
}
.bundles_container > div p.text-gray-500.text-xs {
  display: none !important;
}
.bundles_container > div > div:has(.bundles_label) {
  left: 50% !important;
  transform: translateX(-50%) !important;
  margin-inline-start: 0 !important;
}
.bundles_label.bundles_label {
  background-color: rgb(var(--color-primary, #212a2f)) !important;
  border-radius: 0 0 6px 6px !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em;
}
.bundles_label .border-red-600,
.bundles_label span.border-red-600 {
  border-color: rgb(var(--color-primary, #212a2f)) !important;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
}
.bundles_container > div .border-t {
  border-color: #f0f0f0 !important;
}
@media (max-width: 767px) {
  .bundles_container {
     border-radius: 1rem !important;
    gap: 0.75rem !important;
  }
  .bundles_container > div {
    padding: 1.2rem 0.75rem 0.75rem !important;
    border-radius: 0.75rem !important;
  }
  .bundles_title::before {
  display: none;
  }
 
}
.ab-fake-counter {
  background-color: #fcfcfc;
   border-radius: 12px;
  padding: 16px 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
   max-width: fit-content;
  margin: 16px auto;  
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.02);
}
.ab-fc-header {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  margin-bottom: 1.25rem;
}
.ab-fc-icon {
  display: none;
}
.ab-fc-title {
  font-size: 0.8125rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--body-text, #131316);
}
.ab-fc-digits {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.625rem;
}
.ab-fc-num,
.ab-fc-unit {
  display: flex;
  align-items: center;
}
.ab-fc-unit {
  flex-direction: column;
  gap: 0.5rem;
  min-width: 3.5rem;
}
.ab-fc-num {
  justify-content: center;
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 0.75rem;
  border: 0;
  background: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
  font-size: 20px;
  font-weight: 500;
  font-variant-numeric: tabular-nums;
  color: var(--body-text, #131316);
  transition: transform 0.15s ease;
}
.ab-fc-label {
  font-size: 0.625rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #9a9590;
  font-weight: 500;
}
.ab-fc-sep {
  font-size: 1.125rem;
  font-weight: 600;
  padding-top: 0.875rem;
  color: #c5c0bb;
}
@media (min-width: 768px) {
  .ab-fc-num {
    width: 4rem;
    height: 4rem;
    font-size: 1.5rem;
    border-radius: 0.875rem;
  }
  .ab-fc-unit {
    min-width: 4rem;
  }
}
.ab-fake-stock {
  margin-top: 1.5rem;
  background: #f5f4f2;
  border-radius: 0.875rem;
  padding: 1.125rem 1.5rem;
  display: flex;
  align-items: center;
  gap: 1rem;
}
.ab-fs-bar {
  flex: 1;
  height: 6px;
  background: #e5e1dc;
  overflow: hidden;
  border-radius: 3px;
}
.ab-fs-fill {
  height: 100%;
  width: 22%;
  background: var(--body-text, #131316);
  border-radius: 3px;
}
.ab-fs-text {
  margin-top: 0;
  font-size: 0.75rem;
  font-weight: 600;
  white-space: nowrap;
  letter-spacing: 0.04em;
  color: var(--body-text, #131316);
}
section.ab-plist.ab-plist--related h2.ab-plist-title.ab-reveal.ab-observed.ab-visible {
  font-size: 16px;letter-spacing: 1.2px; 
  font-weight: 500;
  border: none;
}
section.ab-plist.ab-plist--related .ab-pgrid-swatches {
  display: none;
}
section.ab-plist.ab-plist--related .ab-plist-header {
   height: 40px;padding-inline-start: 20px;
}.mx-auto.max-w-2xl.py-12.px-4.sm\:py-16.sm\:px-6.lg\:max-w-7xl.lg\:px-5.xl\:px-8 {
  padding-block: 0;max-width: 100% !important;
}
div:has(> div > .ab-pd):has(.checkout_btn) {
  background-color: #fcfcfc;  
  padding: 20px;
  border-radius: 12px;
  border: 1px solid #eaeaea;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
}
.lq-desc-accordion {
  margin-top: 1.5rem;
  border-top: 1px solid #e5e1dc;
  background: #fff;
    border-radius:12px;
}
.lq-desc-item {
  border-bottom: 1px solid #e5e1dc;
}
.lq-desc-toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 16px;
  background: 0 0;
  border: 0;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1.4px;
  color: var(--body-text, #212a2f);
  text-align: start;
}
.lq-desc-toggle-label {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.lq-desc-icon {
  width: 20px;
  height: 20px;
  min-width: 20px;
  opacity: 0.7;
}
.lq-desc-toggle:hover {
  opacity: 0.9;
}
.lq-desc-toggle span {
  font-family: "Akkurat Mono", ui-monospace, monospace;
}
.lq-desc-chevron {
  position: relative;
  display: inline-block;
  width: 14px;
  height: 14px;
  min-width: 14px;
}
.lq-desc-chevron::after,
.lq-desc-chevron::before {
  content: "";
  position: absolute;
  background: currentColor;
  transition: transform 0.25s ease;
}
.lq-desc-chevron::before {
  width: 14px;
  height: 1px;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.lq-desc-chevron::after {
  width: 1px;
  height: 14px;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.lq-desc-item[data-open="true"] .lq-desc-chevron::after {
  transform: translateX(-50%) scaleY(0);
}
.lq-desc-panel {
  overflow: hidden;padding: 0 14px 22px;
}
.lq-desc-content {
  padding: 0 0 1.25rem;
  font-size: 0.875rem;
  line-height: 1.75;
  color: #555;
}
.lq-desc-content img {
  max-width: 100%;
  height: auto;
}
[data-policies-nav],
[data-policies-panels] {
  display: contents;
}
.ab-fake-visitor,
.ab-fv-eye {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.ab-fake-visitor {
  gap: 0.625rem;
   border-radius: 2rem;
  padding: 0.5rem 1.125rem 0.5rem 0.75rem;
  margin-top: 1rem;
  width: 100%;
}
.ab-fv-eye {
  justify-content: center;
  width: 24px;
  height: 24px;
  min-width: 24px;
  border-radius: 50%;
  background-color: var(--body-text, #131316); 

  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='black' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M15 12a3 3 0 11-6 0 3 3 0 016 0z'/%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='black' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M15 12a3 3 0 11-6 0 3 3 0 016 0z'/%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: 18px 18px; 
  mask-size: 18px 18px;
  
  /* إلغاء أي حدود أو خلفيات قديمة */
  border-radius: 0;
  background-image: none;
}
.ab-fv-text {
  font-size: 0.8125rem;
  font-weight: 500;
  color: var(--body-text, #131316);
  letter-spacing: 0.01em;
  line-height: 1;  font-family: "Akkurat Mono", ui-monospace, monospace;
}
.ab-fv-count {
  font-weight: 600;  font-family: "Akkurat Mono", ui-monospace, monospace;
  font-variant-numeric: tabular-nums;
}
.fake_visitors_container.fake_visitors_container {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.625rem !important;
  background: #f5f4f2 !important;
  border-radius: 2rem !important;
  padding: 0.5rem 1.125rem !important;
  margin-top: 1rem !important;
}
.fake_visitors_container.fake_visitors_container p {
  font-size: 0.8125rem !important;
  font-weight: 500 !important;
  color: var(--body-text, #131316) !important;
}
.fake_visitors_container.fake_visitors_container span {
  background: var(--body-text, #131316) !important;
  color: #fff !important;
  border-radius: 1rem !important;
  padding: 0.125rem 0.5rem !important;
  font-size: 0.75rem !important;
  font-weight: 700 !important;
}
.fake_stock_container.fake_stock_container {
  margin-top: 1.5rem !important;
  background: #f5f4f2 !important;
  border-radius: 0.875rem !important;
  padding: 1.125rem 1.5rem !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 1rem !important;
}
.fake_stock_container .fake_stock_progress.fake_stock_progress {
  flex: 1 !important;
  height: 6px !important;
  background: #e5e1dc !important;
  border-radius: 3px !important;
  overflow: hidden !important;
}
.fake_stock_container .fake_stock_progress > div {
  height: 6px !important;
  background: var(--body-text, #131316) !important;
  border-radius: 3px !important;
  margin-inline-start: 0 !important;
  width: 22% !important;
}
.fake_stock_container .fake_stock_count.fake_stock_count {
  font-size: 0.75rem !important;
  font-weight: 600 !important;
  white-space: nowrap !important;
  letter-spacing: 0.04em !important;
  color: var(--body-text, #131316) !important;
  margin-top: 0 !important;
  order: -1 !important;
}
.fake_counter_container {
  margin: 1.75rem 0 !important;
  background: #f5f4f2 !important;
  border-radius: 1rem !important;
  padding: 1.5rem 1.75rem !important;
}

/* ── Fixed Buy Button ── */
.ab-fixed-buy {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 50;
  background: rgba(255, 255, 255, 0.92);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border-top: 1px solid rgba(0, 0, 0, 0.06);
  padding: 10px 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
}
.ab-fixed-buy-preview {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
  flex: 1;
  max-width: 400px;
}
.ab-fixed-buy-thumb {
  width: 44px;
  height: 44px;
  border-radius: 10px;
  object-fit: cover;
  flex-shrink: 0;
  background: #f5f4f2;
}
.ab-fixed-buy-info {
  min-width: 0;
}
.ab-fixed-buy-name {
  font-size: 13px;
  font-weight: 600;
  color: var(--body-text, #131316);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.3;
}
.ab-fixed-buy-price-row {
  display: flex;
  align-items: baseline;
  gap: 6px;
  margin-top: 2px;
}
.ab-fixed-buy-price {
  font-size: 14px;
  font-weight: 700;
  color: var(--body-text, #131316);
}
.ab-fixed-buy-price-sale {
  color: #c94a4a;
}
.ab-fixed-buy-price-old {
  font-size: 12px;
  font-weight: 500;
  color: rgba(33, 42, 47, 0.45);
  text-decoration: line-through;
}
.ab-fixed-buy-qty {
  display: flex;
  align-items: center;
  gap: 4px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 10px;
  padding: 4px 6px;
  flex-shrink: 0;
}
.ab-fixed-buy-qty-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border: 0;
  border-radius: 6px;
  background: #f5f4f2;
  color: var(--body-text, #131316);
  cursor: pointer;
  transition: background 0.15s;
}
.ab-fixed-buy-qty-btn:hover {
  background: #eae8e5;
}
.ab-fixed-buy-qty-btn:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.ab-fixed-buy-qty-value {
  min-width: 28px;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  color: var(--body-text, #131316);
  user-select: none;
}
.ab-fixed-buy-btn {
  height: 40px;
  border-radius: 2rem;
  border: 0;
  padding: 0 16px;
  background: var(--buy-btn-bg, #212a2f);
  color: var(--buy-btn-text, #fff);
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
  white-space: nowrap;
  flex-shrink: 0;
  transition: opacity 0.2s;
}
.ab-fixed-buy-btn:hover {
  opacity: 0.88;
}
.ab-fixed-buy-btn:disabled {
  opacity: 0.45;
  cursor: not-allowed;
}
@media (max-width: 480px) {
  .ab-fixed-buy {
    padding: 8px 12px;
    gap: 10px;
  }
  .ab-fixed-buy-preview {
    display: none;
  }
  .ab-fixed-buy-thumb {
    width: 38px;
    height: 38px;
    border-radius: 8px;
  }
  .ab-fixed-buy-btn {
    height: 40px;
    padding: 0 1.25rem;
    font-size: 12px;
  }
  .ab-fixed-buy-name {
    font-size: 12px;
  }
  .ab-fixed-buy-qty {
    padding: 3px 4px;
    gap: 2px;
  }
  .ab-fixed-buy-qty-btn {
    width: 26px;
    height: 26px;
  }
  .ab-fixed-buy-qty-value {
    min-width: 22px;
    font-size: 13px;
  }
}
html:has(.ab-fixed-buy.show-btn) .ab-footer-inner,
body:has(.ab-fixed-buy.show-btn) .ab-footer-inner {
    padding-bottom: 110px !important;
}
/* ── Fixed Buy Button: scroll-triggered reveal (mobile only) ── */
@media (max-width: 768px) {
  .ab-fixed-buy {
    opacity: 0;
    transform: translateY(20px);
    pointer-events: none;
    transition:
      opacity 0.15s ease,
      transform 0.15s ease;
    will-change: opacity, transform;
  }
  .ab-fixed-buy.show-btn {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
  }
}

/* ── Fixed Buy Button: sleek centered layout (Mobile + Desktop) ── */
.ab-fixed-buy {
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 16px 24px;
  background: #fff;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  border-top: 0;
  border-radius: 20px 20px 0 0;
  box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.08);
}

.ab-fixed-buy-preview {
  display: flex;
  flex: 0 0 auto;
  max-width: 100%;
  width: auto;
  justify-content: center;
}

.ab-fixed-buy-thumb {
  display: none;
}

.ab-fixed-buy-info {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
  text-align: center;
}

.ab-fixed-buy-name {
  font-size: 15px;
  font-weight: 500;
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
  color: var(--body-text, #131316);
}

.ab-fixed-buy-price-row {
  margin-top: 0;
}

.ab-fixed-buy-price {
  font-size: 15px;
  font-weight: 600;
}

.ab-fixed-buy-qty {
  display: none;
}

.ab-fixed-buy-btn {
  width: 100%;
  height: 50px;
  border-radius: 2rem;
  font-size: 12px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

@media (max-width: 480px) {
  .ab-fixed-buy {
    padding: 14px 16px;
    gap: 10px;
  }
  .ab-fixed-buy-preview {
    display: flex;
  }
  .ab-fixed-buy-btn {
    height: 45px;
    padding: 0;
    font-size: 12px;
  }
  .ab-fixed-buy-name,
  .ab-fixed-buy-price {
    font-size: 12px;
  }
}

/* ── Thanks Section ── */
.ab-thanks {
  max-width: 720px;
  margin: 3rem auto;
  padding: 0 1.5rem;
}
.ab-thanks-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 0.5rem;
}
.ab-thanks-custom-content {
  text-align: start;
  line-height: 1.75;
  font-size: 15px;
  color: var(--body-text, #131316);
}
.ab-thanks-custom-content img {
  max-width: 100%;
  height: auto;
}
.ab-thanks-default {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
}
.ab-thanks-icon {
  color: var(--body-text, #131316);
  margin-bottom: 0.5rem;
}
.ab-thanks-icon svg {
  width: 80px;
  height: 80px;
}
.ab-thanks-title {
  margin: 0;
  font-size: 2rem;
  font-weight: 700;
  color: var(--body-text, #131316);
  letter-spacing: -0.02em;
  line-height: 1.2;
}
.ab-thanks-message {
  margin: 0;
  font-size: 1.125rem;
  color: rgba(33, 42, 47, 0.7);
  line-height: 1.5;
}
.ab-thanks-phone-msg {
  margin: 0;
  font-size: 1.125rem;
  color: rgba(33, 42, 47, 0.7);
  line-height: 1.5;
}
.ab-thanks-home-btn {
  margin-top: 1.5rem;
  height: 46px;
  border-radius: 2rem;
  border: 0;
  padding: 0 2rem;
  background: var(--buy-btn-bg, #212a2f);
  color: var(--buy-btn-text, #fff);
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  transition: opacity 0.2s;
}
.ab-thanks-home-btn:hover {
  opacity: 0.88;
}
.ab-thanks-offers {
  margin-top: 1rem;
  font-size: 1rem;
  color: var(--body-text, #131316);
  text-decoration: underline;
  text-underline-offset: 6px;
}
@media (max-width: 480px) {
  .ab-thanks {
    padding: 0 1rem;
    margin-top: 5rem;
  }
  .ab-thanks-title {
    font-size: 1.5rem;
  }
  .ab-thanks-message,
  .ab-thanks-phone-msg {
    font-size: 1rem;
  }
}

/* ── Order Invoice ── */
.ab-invoice {
  width: 100%;
  background: #fff;
  max-width: 1280px;
  margin: 0 auto;
  padding: 1.25rem 1rem 2.5rem;
}
.ab-invoice-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 1.25rem;
  border-bottom: 1px solid #e5e1dc;
}
.ab-invoice-logo {
  height: 40px;
  width: auto;
  object-fit: contain;
}
.ab-invoice-track-btn {
  height: 38px;
  border-radius: 0.5rem;
  border: 0;
  padding: 0 1rem;
  background: #f5f4f2;
  color: rgba(33, 42, 47, 0.75);
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  transition:
    background 0.15s,
    color 0.15s;
}
.ab-invoice-track-btn:hover {
  background: #e5e1dc;
  color: var(--body-text, #131316);
}
.ab-invoice-body {
  display: flex;
  flex-direction: column-reverse;
  gap: 1.25rem;
  margin-top: 1.25rem;
}
@media (min-width: 768px) {
  .ab-invoice {
    padding: 1.25rem 2rem 2.5rem;
  }
  .ab-invoice-body {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 1.25rem;
  }
}
.ab-invoice-sidebar {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.ab-invoice-main {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.ab-invoice-store-info {
  font-style: normal;
  border: 1px solid #e5e1dc;
  border-radius: 0.75rem;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  font-size: 13px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}
.ab-invoice-store-name {
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  color: var(--body-text, #131316);
}
.ab-invoice-store-info a {
  color: inherit;
  text-decoration: none;
}
.ab-invoice-store-info a:hover {
  text-decoration: underline;
}
.ab-invoice-contact-row {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex-wrap: wrap;
}
.ab-invoice-contact-label {
  color: rgba(33, 42, 47, 0.55);
}
.ab-invoice-section-title {
  margin: 0 0 0.75rem;
  font-size: 14px;
  font-weight: 600;
  color: var(--body-text, #131316);
}
.ab-invoice-shipping,
.ab-invoice-timeline {
  border: 1px solid #e5e1dc;
  border-radius: 0.75rem;
  padding: 1rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}
.ab-invoice-dl {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.ab-invoice-dl-row {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.25rem;
  font-size: 13px;
}
.ab-invoice-dl-row dt {
  color: rgba(33, 42, 47, 0.55);
}
.ab-invoice-dl-row dd {
  margin: 0;
  font-weight: 500;
  color: var(--body-text, #131316);
}
.ab-invoice-dl-row-center {
  justify-content: center;
}
.ab-invoice-receipt-img {
  max-height: 240px;
  object-fit: contain;
  border-radius: 0.5rem;
}
.ab-invoice-notes-list {
  list-style: disc;
  margin: 0;
  padding: 0 0 0 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  font-size: 13px;
  color: var(--body-text, #131316);
}
.ab-invoice-note-date {
  display: block;
  font-size: 12px;
  color: rgba(33, 42, 47, 0.45);
  margin-top: 2px;
}
.ab-invoice-status-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
  padding: 1rem;
  border: 1px solid #e5e1dc;
  border-radius: 0.75rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}
.ab-invoice-status-label {
  font-size: 1.125rem;
  font-weight: 500;
  color: rgba(33, 42, 47, 0.7);
}
.ab-invoice-status-value {
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--body-text, #131316);
}
.ab-invoice-items {
  border: 1px solid #e5e1dc;
  border-radius: 0.75rem;
  padding: 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}
.ab-invoice-item {
  display: flex;
  gap: 1rem;
}
.ab-invoice-item-img {
  width: 80px;
  height: 80px;
  border-radius: 0.5rem;
  object-fit: cover;
  background: #f5f4f2;
  flex-shrink: 0;
}
.ab-invoice-item-details {
  flex: 1;
  min-width: 0;
}
.ab-invoice-item-name {
  margin: 0;
  font-size: 15px;
  font-weight: 600;
  color: var(--body-text, #131316);
  line-height: 1.3;
}
.ab-invoice-item-variants {
  margin: 4px 0 0;
  font-size: 13px;
  color: rgba(33, 42, 47, 0.55);
}
.ab-invoice-item-qty,
.ab-invoice-item-unit-price {
  margin: 2px 0 0;
  font-size: 13px;
  color: rgba(33, 42, 47, 0.55);
}
.ab-invoice-item-metadata {
  margin-top: 6px;
  font-size: 13px;
  color: rgba(33, 42, 47, 0.55);
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.ab-invoice-item-metadata img {
  border-radius: 0.5rem;
  margin-top: 4px;
}
.ab-invoice-item-total {
  font-size: 15px;
  font-weight: 600;
  color: var(--body-text, #131316);
  white-space: nowrap;
  flex-shrink: 0;
  display: flex;
  align-items: baseline;
  gap: 4px;
}
.ab-invoice-totals {
  border: 1px solid #e5e1dc;
  border-radius: 0.75rem;
  padding: 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}
.ab-invoice-totals .ab-invoice-dl-row dt {
  font-weight: 500;
}
.ab-invoice-total-row {
  padding-top: 0.75rem;
  margin-top: 0.25rem;
  border-top: 1px solid #e5e1dc;
}
.ab-invoice-total-row dt,
.ab-invoice-total-row dd {
  font-size: 15px !important;
  font-weight: 700 !important;
  color: var(--body-text, #131316) !important;
}
@media (max-width: 480px) {
  .ab-invoice-item {
    flex-direction: column;
    gap: 0.75rem;
  }
  .ab-invoice-item-img {
    width: 100%;
    height: auto;
     border-radius: 0.5rem;
  }
  .ab-invoice-item-total {
    align-self: flex-end;
  }
  .ab-invoice-status-label,
  .ab-invoice-status-value {
    font-size: 1rem;
  }
}
span.border-solid.border-red-600.brightness-75.border-b-8.border-x-transparent.border-e-8 {
  border-inline-end-width: 24px !important;
}
span.border-solid.border-red-600.brightness-75.border-b-8.border-x-transparent.border-s-8 {
  border-inline-start-width: 25px;
}.absolute.-right-2.top-0.flex.justify-between {
  right: -1.5rem;
  left: -1.55rem;
}
/* ── Header category strip (mobile only) ── */
.ab-header-category {
  display: flex;
  align-items: center;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  background: var(--ab-header-category-bg, #e1dbd1);
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
  scrollbar-width: none;
  -ms-overflow-style: none;
  padding: 0 6px;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  justify-content: space-between;
}
.ab-header-category::-webkit-scrollbar {
  display: none;
}
.ab-header-category a {
  flex: 0 0 auto;
  display: inline-block;
  text-decoration: none;
  color: var(--ab-header-category-text, var(--hd-text, #212a2f));
  font-size: 12px;font-family: "Geograph", system-ui, sans-serif;
  font-weight: 500;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  line-height: 12px;
  padding: 10px 12px;
  transition: opacity 0.15s ease;
}
.ab-header-category a:active {
  opacity: 0.55;
}

@media (min-width: 481px) {
  .ab-header-category {
    display: none;
  }
}

/* ── Related products: use pgrid card inside the horizontal plist track ── */
.ab-plist-track > .ab-pgrid-card {
  flex: 0 0 calc(25% - 12px);
  min-width: 220px;
  scroll-snap-align: start;
}
@media (max-width: 1024px) {
  .ab-plist-track > .ab-pgrid-card {
    flex: 0 0 calc(33.333% - 11px);
    min-width: 200px;
  }
}
@media (max-width: 480px) {
  .ab-plist-track > .ab-pgrid-card {
    flex: 0 0 65%;
    min-width: 0;
  }
}
[data-search="container"] {
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
max-width: 700px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

 [data-search="container"] .flex.items-end {
  border-bottom: 1.5px solid #1a1a1a !important; 
  padding-bottom: 8px !important;
  background: transparent !important;
  align-items: center !important; 
}
 [data-search="container"] label {
  display: none !important;
}
 .global_input[data-search="input"] {
  border: none !important;
  background: transparent !important;
  font-size: 16px !important;
  color: #333 !important;
  outline: none !important;
  box-shadow: none !important;
  height: auto !important;
  padding: 3px 8px !important;
}
.global_input[data-search="input"]::placeholder {
  color: #999;
  font-weight: 400;
}
[data-search="button"] {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  min-width: auto !important;
  width: 35px !important; 
  height: 30px !important; 
  font-size: 0 !important; 
  position: relative;
  cursor: pointer;
  display: flex !important;
  align-items: center;
  justify-content: center;
}
[data-search="button"]::before {
  content: "";
  display: block;
  width: 24px; 
  height: 24px;
 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 10C16 12.7614 13.7614 15 11 15C8.23858 15 6 12.7614 6 10C6 7.23858 8.23858 5 11 5C13.7614 5 16 7.23858 16 10ZM14.3328 14.99C13.3795 15.6279 12.2332 16 11 16C7.68629 16 5 13.3137 5 10C5 6.68629 7.68629 4 11 4C14.3137 4 17 6.68629 17 10C17 11.7186 16.2774 13.2685 15.1195 14.3624L18.7764 18.0193C18.9717 18.2146 18.9717 18.5312 18.7764 18.7264C18.5811 18.9217 18.2646 18.9217 18.0693 18.7264L14.3328 14.99Z' fill='black'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transition: transform 0.3s ease;
}
 [data-search="button"]:hover::before {
  transform: scale(1.1);
  opacity: 0.7;
}
 [data-search="button"] svg {
  display: none !important;
}
 .relative.mt-1 {
  margin-top: 0 !important;
}
.fixed.z-10.top-0.flex.justify-center.items-center.left-0.h-screen.w-screen.backdrop-blur.bg-\[rgba\(255\,255\,255\,0\.3\) {
  z-index: 500;    overflow: hidden !important;
  overscroll-behavior-y: contain;
}.stars-wrapper
  
 {
    display: flex;
}.ab-review-stars {
  display: flex;
  align-items: center;
   justify-content: space-between;
  margin-bottom: 0.5rem;
}
@media (max-width: 768px) {
  .flex.gap-2.md\:gap-2\.5.overflow-x-auto.p-2.md\:p-2\.5, 
 .flex.items-center.gap-2.text-sm.text-gray-600,
 .mt-6.text-sm.md\:text-base.font-medium.flex.gap-2.md\:gap-3.items-center.group {
     display: none !important;
 }
 
  .flex.min-h-full.items-center.justify-center.p-4.max-md\:pt-16 {
      display: flex !important;
     align-items: center !important;
     justify-content: center !important;
 }
  
 .max-h-\[90vh\].overflow-y-auto {
  overflow-y: inherit;
}
  [id^="headlessui-dialog-panel-"] {
     max-width: 100% !important;  
      border-radius: 12px !important;
 }
 .max-h-\[90vh\] {
   max-height: 100vh;  
}.max-h-\[90vh\].overflow-y-auto .button_variation {
  width: 40px;
  font-size: 12px;
}
 
  .h-\[354px\].md\:h-\[447px\] {
     height: 200px !important; 
     width: 100% !important;    
     margin: 0 auto !important;  
 }
 
  .h-\[354px\].md\:h-\[447px\] img {
     object-fit: contain !important;  
     border-radius: 12px !important;
 }
 
 h1.text-2xl.md\:text-\[32px\].font-bold.text-\[\#010101\].mt-2\.5 {
     font-weight: 500;font-size: 14px;line-height: normal;
 }
 span.flex.items-center.gap-1.text-xl.md\:text-\[32px\].font-bold.text-\[\#010101\] {
     font-weight: 500;line-height: normal;
     font-size: 14px;
 }
 .mt-4.md\:mt-6.lg\:col-span-5.\[\&_h2\]\:font-bold.\!mt-\[30px\].md\:\!mt-10 .mt-4.md\:mt-6 .mt-3 {
  margin-top: 8px;
}
     
     
 .flex.items-center.gap-2\.5.md\:gap-4.mt-3.md\:mt-4 {
     margin-top: 0px;
 }    .p-5.md\:p-8 {
         padding: 20px 15px !important;
     }
  .grid.grid-cols-1.md\:grid-cols-2.gap-6.md\:gap-7 {
     gap: 0;
 }button.absolute.top-2.left-4.z-10.block.md\:hidden.bg-\[\#F2F2F2\].rounded-full.p-3\.5.hover\:bg-gray-100 {
     top: 33px;
 }
     .mt-\[30px\].md\:mt-10.mb-5.md\:mb-6.flex.gap-2\.5.md\:gap-3 {
     margin-block: 10px !important;
 }
      .mt-4.md\:mt-6.lg\:col-span-5 {
         margin-block: 15px !important;
     }
 button.flex.items-center.justify-center.gap-2.py-3.px-8.text-base.font-medium.transition-colors.duration-200.ease-in-out.focus\:outline-none.border.border-skin-primary.bg-white.hover\:bg-gray-50.active\:bg-gray-100.text-skin-primary.w-full.font-bold.rounded-\[14px\].gap-2.px-1.disabled\:text-skin-primary\/50.disabled\:border-skin-primary\/50 {
     font-weight: 500;
 }button.flex.items-center.justify-center.gap-2.py-3.px-8.text-base.font-medium.transition-colors.duration-200.ease-in-out.focus\:outline-none.border.border-transparent.bg-skin-primary.hover\:bg-skin-primary.hover\:bg-opacity-80.active\:bg-opacity-90.text-white.w-full.rounded-\[14px\].py-3.md\:py-3\.5.font-bold.flex.items-center.justify-center.gap-2 {
     font-weight: 500;
 }
 }
 .variants-wrapper {
  display: flex !important;
  justify-content: start;flex-wrap: wrap;
  gap: 3px;    margin-block:2PX;
}
.shipping_option_card.border-black .radio_container {
  border-color: var(--checkout-heading-text, #212a2f) !important;
}
.variants-wrapper [data-cart="item-variant"] {
  margin: 0 !important; 
  white-space: nowrap !important;
  display: flex !important;
  align-items: center !important;
  color: #6b7280 !important;gap:0px;
  font-size: 12px !important;
}
.variants-wrapper [data-cart="item-variant"]:not(:last-child)::after {
  content: "•";MARGIN-TOP: 2px;
  margin-left: 3px;
  color: #1b1b1c;
  font-weight: bold;
}
.flex.flex-1.flex-col.ms-4 .flex.flex-1.flex-col.gap-3.text-sm {
  gap: 5px;
}
.flex.flex-1.flex-col.ms-4 .flex.justify-between.text-base.font-medium.text-gray-900 h3 {
  line-height: normal;
}
.custom-trash-btn[data-cart="item-remove"] svg {
  display: none !important;  
}

.custom-trash-btn[data-cart="item-remove"]::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  
   -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M11.5 9v4.25M8.5 9v4.25M5.75 12.2V6h8.5c0 2.421 0 3.779 0 6.2 0 .853 0 1.447-.038 1.91-.037.453-.106.714-.207.911a2.498 2.498 0 0 1-.983 1.017c-.197.1-.458.17-.911.207-.463.037-1.057.038-1.91.038h-.4c-.853 0-1.447 0-1.91-.038-.453-.037-.714-.106-.911-.207a2.498 2.498 0 0 1-.984-1.017c-.1-.197-.17-.458-.207-.911C5.75 13.647 5.75 13.053 5.75 12.2z' stroke='black' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M4.25 6h11.5M8 5.25a2 2 0 1 1 4 0' stroke='black' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M11.5 9v4.25M8.5 9v4.25M5.75 12.2V6h8.5c0 2.421 0 3.779 0 6.2 0 .853 0 1.447-.038 1.91-.037.453-.106.714-.207.911a2.498 2.498 0 0 1-.983 1.017c-.197.1-.458.17-.911.207-.463.037-1.057.038-1.91.038h-.4c-.853 0-1.447 0-1.91-.038-.453-.037-.714-.106-.911-.207a2.498 2.498 0 0 1-.984-1.017c-.1-.197-.17-.458-.207-.911C5.75 13.647 5.75 13.053 5.75 12.2z' stroke='black' stroke-width='1.2' stroke-linecap='round'/%3E%3Cpath d='M4.25 6h11.5M8 5.25a2 2 0 1 1 4 0' stroke='black' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;

   background-color: var(--body-text, #131316); 
}

.qty-box-wrapper {
  display: flex;
  align-items: center;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  overflow: hidden;
}

.qty-box-wrapper button {
  border: none !important;
  background: transparent !important;
  padding: 8px 12px !important;
  transition: background 0.2s;
}

.qty-box-wrapper button:hover:not(:disabled) {
  background-color: #f9fafb !important;
}.flex.flex-col.items-center.space-y-2 svg {
  display: none;
}
.mt-10.h-96.flex.flex-col.items-center.justify-center.gap-10 h1.text-4xl.font-bold {
  font-size: 28px;
  font-weight: 400;
  font-family: auto;
}
.mt-10.h-96.flex.flex-col.items-center.justify-center.gap-10 p{
  font-size: 16px;
  font-weight: 400;
  
}

.flex.flex-col.items-center.space-y-2 h1.text-4xl.font-bold {
  font-size: 32px;
  font-weight: 400;
  font-family: auto;
}
.flex.flex-col.items-center.space-y-2 p{
  font-size: 20px;
  font-weight: 400;
}
h1.mt-2.text-4xl.font-extrabold.text-gray-900.tracking-tight.sm\:text-5xl {
  font-weight: 400;font-size: 30px;
  font-family: auto;color: var(--body-text, #131316);
}
.py-16 .text-center p.mt-2.text-base.text-gray-500 {
  font-size: 14px;
  margin: 0;
}
.mt-6 a.text-base.font-medium.text-indigo-600.hover\:text-indigo-500 {
  background: var(--body-text, #131316);
  padding: 10px 12px;
  border-radius: 8px;
  color: ghostwhite;
  font-size: 14px;
}

p.text-sm.font-semibold.text-indigo-600.uppercase.tracking-wide {
  display: none;
}
.h-24.w-24.flex-shrink-0.overflow-hidden.rounded-md.border.border-gray-200 {
    border-radius: 1px;
}

h1.text-2xl.md\:text-\[32px\].font-bold.text-\[\#010101\].mt-2\.5,span.flex.items-center.gap-1.text-xl.md\:text-\[32px\].font-bold.text-\[\#010101\] {
  font-weight: 500;
}
main.flex-grow.flex.flex-col.justify-center.max-w-7xl.w-full.mx-auto.px-4.sm\:px-6.lg\:px-8.h-full .py-16 {
  padding-top: 10rem;
}
.flex-1.overflow-y-auto.py-6.px-4.sm\:px-6 .flex.items-start.justify-between {
  border-bottom: 0.5px solid #c9c4c4;
  padding-bottom: 20px;
}
.py-6.px-4.sm\:px-6 button.flex.items-center.justify-center.gap-2.py-3.px-8.text-base.font-medium.transition-colors.duration-200.ease-in-out.focus\:outline-none.w-full.border.border-transparent.bg-skin-primary.hover\:bg-skin-primary.hover\:bg-opacity-80.active\:bg-opacity-90.text-white {
  border-radius: 50px;
  font-size: 12px;
  padding: 16px;
  letter-spacing: 1.8px;
  font-weight: 500;
  line-height: 15px;
}.w-full.max-w-5xl.transform.overflow-hidden.rounded-3xl.bg-white.shadow-2xl.transition-all.relative.opacity-100.scale-100 ol.ab-breadcrumbs-list {
  DISPLAY: NONE;
}
li.cart-item.flex.py-6 .flex.flex-1.flex-col.ms-4 {
  GAP: 5PX;
}
.w-full.max-w-5xl.transform.overflow-hidden.rounded-3xl.bg-white.shadow-2xl.transition-all.relative.opacity-100.scale-100 .md\:mt-4  {
 padding-inline: 0;PADDING-BOTTOM: 0;border:none;
}
 .max-h-\[85vh\] {
  max-height: 80vh;
}
@media (max-width: 480px) {
  .w-full.max-w-5xl.transform.overflow-hidden.rounded-3xl.bg-white.shadow-2xl.transition-all.relative.opacity-100.scale-100 .ab-gallery {
    MAX-WIDTH: 280px;
    MARGIN-INLINE: auto;
  }
}
.mt-\[30px\].md\:mt-10.mb-5.md\:mb-6.flex.gap-2\.5.md\:gap-3 {
  MARGIN-BLOCK: 20px 10px;
}
.w-full.max-w-5xl.transform.overflow-hidden.rounded-3xl.bg-white.shadow-2xl.transition-all.relative.opacity-100.scale-100 .ab-pd-name { 
  font-size: 18px;LINE-HEIGHT: normal;
}
.w-full.max-w-5xl.transform.overflow-hidden.rounded-3xl.bg-white.shadow-2xl.transition-all.relative.opacity-100.scale-100 .ab-pd-price { 
  font-size: 16px;
}

/* ── Section entrance animations (generic) ── */
[data-section-anim] .ab-anim-el {
  opacity: 0;
  will-change: opacity, transform, filter;
}
[data-section-anim="fade-up"] .ab-anim-el { transform: translateY(40px); }
[data-section-anim="fade-up"].ab-anim-visible .ab-anim-el {
  animation: abFadeUp .8s cubic-bezier(.22,1,.36,1) forwards;
}
@keyframes abFadeUp { to { opacity:1; transform:translateY(0); } }

[data-section-anim="zoom-in"] .ab-anim-el { transform: scale(.85); }
[data-section-anim="zoom-in"].ab-anim-visible .ab-anim-el {
  animation: abZoomIn .9s cubic-bezier(.22,1,.36,1) forwards;
}
@keyframes abZoomIn { to { opacity:1; transform:scale(1); } }

[data-section-anim="blur-reveal"] .ab-anim-el { filter: blur(12px); transform: translateY(10px); }
[data-section-anim="blur-reveal"].ab-anim-visible .ab-anim-el {
  animation: abBlurReveal 1s cubic-bezier(.22,1,.36,1) forwards;
}
@keyframes abBlurReveal { to { opacity:1; filter:blur(0); transform:translateY(0); } }

[data-section-anim="slide-cascade"] .ab-anim-el { transform: translateX(-60px); }
[data-section-anim="slide-cascade"].ab-anim-visible .ab-anim-el {
  animation: abSlideCascade .8s cubic-bezier(.22,1,.36,1) forwards;
}
@keyframes abSlideCascade { to { opacity:1; transform:translateX(0); } }

[data-section-anim="fade-right"] .ab-anim-el { transform: translateX(52px); }
[data-section-anim="fade-right"].ab-anim-visible .ab-anim-el {
  animation: abFadeRight .82s cubic-bezier(.22,1,.36,1) forwards;
}
@keyframes abFadeRight { to { opacity:1; transform:translateX(0); } }

[data-section-anim="flip-up"] .ab-anim-el {
  transform: perspective(900px) rotateX(18deg) translateY(24px);
  transform-origin: bottom center;
}
[data-section-anim="flip-up"].ab-anim-visible .ab-anim-el {
  animation: abFlipUp .9s cubic-bezier(.22,1,.36,1) forwards;
}
@keyframes abFlipUp {
  to { opacity:1; transform: perspective(900px) rotateX(0deg) translateY(0); }
}

[data-section-anim].ab-anim-visible .ab-anim-el:nth-child(1) { animation-delay: .05s; }
[data-section-anim].ab-anim-visible .ab-anim-el:nth-child(2) { animation-delay: .2s; }
[data-section-anim].ab-anim-visible .ab-anim-el:nth-child(3) { animation-delay: .38s; }
[data-section-anim].ab-anim-visible .ab-anim-el:nth-child(4) { animation-delay: .55s; }
[data-section-anim].ab-anim-visible .ab-anim-el:nth-child(5) { animation-delay: .7s; }
[data-section-anim].ab-anim-visible .ab-anim-el:nth-child(6) { animation-delay: .85s; }

@media (prefers-reduced-motion: reduce) {
  [data-section-anim] .ab-anim-el {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
    animation: none !important;
  }
}

/* Home composer sections: keep long user text and media inside section bounds */

/* ==========================================================================
   BASE THEME — طبقة الهوية
   كل اللي تحت ده بيعدّل شكل الثيم المبدئي حسب المتغيرات اللي في :root تحت.
   لعميل جديد: غيّر قيم المتغيرات دي (الألوان والخطوط) وسطر @import بتاع
   الخطوط فوق، ومتلمسش باقي القواعد. مافيش تغيير في التخطيط.
   المتغيرات دلالية: --ln-bg أرضية الصفحة، --ln-surface أرضية الكروت
   والشرائط، --ln-primary لون الهوية (زراير وعناوين)، --ln-ink النص،
   --ln-muted نص ثانوي، --ln-line الحدود.
   ========================================================================== */
/* Chic Store — ألوان اللوجو: تركواز #59a4b4، كورال #e8524f، برتقالي #d9902a على أبيض.
   المتجر إنجليزي بس: خط واحد (Poppins) لكل الخانات، والسكاشن المخصصة LTR. */
:root {
  --ln-bg: #ffffff;
  --ln-bg-2: #ffffff;
  --ln-surface: #d8ebef;
  --ln-surface-2: #eef6f8;
  --ln-primary: #59a4b4;
  --ln-primary-2: #e8524f;
  --ln-primary-dark: #3e8493;
  --ln-accent: #d9902a;
  --ln-ink: #1c2327;
  --ln-muted: #6c7c82;
  --ln-line: #dfe9ec;
  --ln-serif: "Poppins", system-ui, sans-serif;
  --ln-sans: "Poppins", system-ui, -apple-system, "Segoe UI", sans-serif;
  --ln-arabic: "Poppins", system-ui, -apple-system, "Segoe UI", sans-serif;
  --ln-radius: 8px;
  --ln-success: #3d8b5a;
  --ln-danger: #e8524f;
}

/* ── الأرضية والخطوط ─────────────────────────────────────────── */
body,
.app_container,
.content_container,
.home_section_container {
  background: var(--ln-bg) !important;
  color: var(--ln-ink);
}
body,
button,
input,
select,
textarea {
  font-family: var(--ln-sans);
}
:lang(ar),
[dir="rtl"],
.ab-lang-ar body,
.ab-announce--arabic,
.ab-marquee--arabic {
  font-family: var(--ln-arabic);
}

/* ── شريط الإعلان ─────────────────────────────────────────────── */
.ab-announce {
  background: var(--ln-primary) !important;
  color: var(--ln-bg) !important;
  font-size: 12px;
  letter-spacing: 0.06em;
  height: 34px;
}
.ab-ann-marquee-item {
  padding: 0 40px;
}
.ab-ann-marquee-item::before {
  content: "✦";
  font-size: 8px;
  opacity: 0.7;
  margin-inline-end: 40px;
  vertical-align: 1px;
}

/* ── الهيدر ────────────────────────────────────────────────────── */
.ab-header {
  background: var(--ln-bg-2) !important;
  color: var(--ln-ink) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  border-bottom: 1px solid var(--ln-line);
  width: 100% !important;
  margin: 0 !important;
}
.ab-header-inner {
  height: 68px;
  padding: 0 28px;
}
.ab-logo img {
  max-height: var(--ab-logo-height-desktop, 44px) !important;
  max-width: 220px !important;
}
.ab-nav a,
.ab-dropdown-trigger {
  font-family: var(--ln-sans);
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--ln-ink);
  position: relative;
}
.ab-nav > a::after,
.ab-dropdown-trigger::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -6px;
  height: 1px;
  background: var(--ln-primary);
  transform: scaleX(0);
  transform-origin: center;
  transition: transform 0.25s ease;
}
.ab-nav > a:hover::after,
.ab-dropdown-trigger:hover::after {
  transform: scaleX(1);
}
.ab-icon-btn {
  color: var(--ln-ink);
}
.ab-icon-btn:hover {
  background: var(--ln-surface-2);
}
.ab-cart-count {
  background: var(--ln-primary) !important;
  color: var(--ln-bg) !important;
}
.ab-header-category {
  background: var(--ln-surface-2) !important;
  border-radius: 0 !important;
  border-bottom: 1px solid var(--ln-line);
}
.ab-header-category a {
  color: var(--ln-primary) !important;
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.ab-mobile-menu {
  background: var(--ln-bg-2);
  color: var(--ln-ink);
}
.ab-mobile-nav a,
.ab-mobile-accordion-trigger {
  font-family: var(--ln-sans);
  letter-spacing: 0.06em;
  color: var(--ln-ink);
}

/* ── الماركي المايل (سكشن الهوم بيلدر) ─────────────────────────── */
.ab-marquee-section {
  --mq-bg: var(--ln-surface) !important;
  --mq-color: var(--ln-primary) !important;
  --mq-weight: 500 !important;
  --mq-letter-spacing: 3px !important;
}
.ab-marquee-item {
  font-family: var(--ln-serif);
  font-style: italic;
}

/* ── الهيرو المخصص ─────────────────────────────────────────── */
.ln-hero {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  align-items: stretch;
  min-height: min(78vh, 720px);
  background: var(--ln-surface-2);
  border-radius: var(--ln-radius);
  overflow: hidden;
  margin: 0 0 28px;
  font-family: var(--ln-arabic);
}
.ln-hero-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(32px, 6vw, 80px) clamp(24px, 5vw, 72px);
  text-align: left;
}
.ln-hero-eyebrow {
  margin: 0 0 14px;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.14em;
  color: var(--ln-primary-2);
}
.ln-hero-eyebrow::before {
  content: "";
  display: inline-block;
  width: 28px;
  height: 1px;
  background: var(--ln-primary-2);
  margin-inline-end: 12px;
  vertical-align: middle;
}
.ln-hero-title {
  margin: 0 0 18px;
  font-family: var(--ln-arabic);
  font-weight: 700;
  font-size: clamp(34px, 4.6vw, 62px);
  line-height: 1.15;
  color: var(--ln-ink);
}
.ln-hero-sub {
  margin: 0 0 28px;
  max-width: 34ch;
  font-size: clamp(15px, 1.25vw, 18px);
  line-height: 1.8;
  color: var(--ln-muted);
}
.ln-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.ln-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 50px;
  padding: 0 30px;
  border-radius: 999px;
  font-family: var(--ln-arabic);
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-decoration: none;
  transition: background 0.25s ease, color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;
}
.ln-btn--solid {
  background: var(--ln-primary);
  color: var(--ln-bg) !important;
  box-shadow: 0 10px 24px -14px rgba(89, 164, 180, 0.7);
}
.ln-btn--solid:hover {
  background: var(--ln-primary-dark);
  transform: translateY(-2px);
}
.ln-btn--ghost {
  background: transparent;
  color: var(--ln-primary) !important;
  border: 1.5px solid var(--ln-primary);
}
.ln-btn--ghost:hover {
  background: var(--ln-primary);
  color: var(--ln-bg) !important;
}
.ln-hero-note {
  margin: 22px 0 0;
  font-size: 13px;
  color: var(--ln-muted);
}
.ln-hero-media {
  position: relative;
  min-height: 320px;
  display: grid;
  grid-template-columns: 1fr;
}
.ln-hero-media--double {
  grid-template-columns: 7fr 5fr;
  gap: 10px;
  padding: 10px 0 10px 10px;
}
.ln-hero-pic {
  position: relative;
  overflow: hidden;
  border-radius: var(--ln-radius);
  background: var(--ln-surface);
}
.ln-hero-pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transform: scale(1.02);
  animation: ln-kenburns 14s ease-in-out infinite alternate;
}
.ln-hero-pic--second {
  align-self: end;
  height: 70%;
}
.ln-hero-pic--second img {
  animation-delay: -6s;
}
@keyframes ln-kenburns {
  from { transform: scale(1.02) translateY(0); }
  to { transform: scale(1.1) translateY(-2%); }
}

/* ── عناوين السكاشن ───────────────────────────────────────────── */
.ab-plist-title,
.ab-categories-title,
.ab-featured-section-title,
.ab-pgrid-hero-title {
  font-family: var(--ln-serif) !important;
  font-weight: 600 !important;
  font-size: 32px !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  border: 0 !important;
  padding: 0 !important;
  color: var(--ln-ink) !important;
  line-height: 1.1;
}
.ab-featured-section-title {
  font-size: 44px !important;
}
.ab-plist-viewall-btn,
.ab-featured-hero-cta,
.ab-pgrid-hero-cta {
  font-family: var(--ln-sans);
  border-color: var(--ln-primary) !important;
  color: var(--ln-primary) !important;
  border-radius: 999px;
  letter-spacing: 0.1em;
}
.ab-plist-viewall-btn:hover {
  background: var(--ln-primary) !important;
  color: var(--ln-bg) !important;
}
.ab-plist-arrow {
  border-color: var(--ln-line) !important;
  color: var(--ln-primary) !important;
}

/* ── كروت المنتجات ────────────────────────────────────────────── */
.ab-plist-card,
.ab-pgrid-card,
.ab-featured-card {
  border-radius: var(--ln-radius) !important;
  background: #fff !important;
  border: 1px solid var(--ln-line);
  box-shadow: none !important;
}
.ab-plist-card:hover,
.ab-pgrid-card:hover,
.ab-featured-card:hover {
  box-shadow: 0 18px 36px -24px rgba(58, 45, 34, 0.45) !important;
  transform: translateY(-3px);
}
.ab-plist-media,
.ab-pgrid-media,
.ab-featured-media {
  background: var(--ln-surface-2) !important;
  aspect-ratio: 4 / 5;
  overflow: hidden;
}
.ab-plist-media img,
.ab-pgrid-media img,
.ab-featured-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ab-plist-name,
.ab-pgrid-name,
.ab-featured-name {
  font-family: var(--ln-sans) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: var(--ln-ink) !important;
  white-space: normal !important;
  line-height: 1.35;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.ab-plist-price,
.ab-pgrid-price,
.ab-featured-price {
  font-family: var(--ln-sans) !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: var(--ln-primary) !important;
}
.ab-price-sale {
  color: var(--ln-primary) !important;
}
.ab-price-old {
  color: var(--ln-muted) !important;
  font-size: 12px !important;
}
.ab-pgrid-color {
  color: var(--ln-muted) !important;
  font-size: 12px !important;
}
.ab-plist-badge,
.ab-pgrid-badge,
.ab-sale-badge {
  background: var(--ln-primary) !important;
  color: var(--ln-bg) !important;
  border-radius: 3px !important;
  font-family: var(--ln-sans);
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: 0.06em;
  padding: 4px 8px !important;
}
.ab-product-custom-badge {
  background: var(--ln-surface) !important;
  color: var(--ln-primary) !important;
}
.ab-plist-add-btn,
.ab-pgrid-add-btn {
  background: var(--ln-primary) !important;
  box-shadow: 0 6px 16px -8px rgba(58, 45, 34, 0.8) !important;
}
.ab-plist-add-btn::before,
.ab-pgrid-add-btn::before {
  background: var(--ln-bg) !important;
}
.ab-featured-add-btn,
.ab-pgrid-cta {
  background: var(--ln-primary) !important;
  color: var(--ln-bg) !important;
  border-radius: 999px !important;
  font-family: var(--ln-sans);
  letter-spacing: 0.08em;
}

/* ── دواير الألوان والصور على الكارت ─────────────────────────── */
.ln-dots {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-top: 10px;
  min-height: 24px;
}
.ln-dot {
  width: 24px;
  height: 24px;
  padding: 0;
  border-radius: 50%;
  border: 1px solid rgba(58, 45, 34, 0.18);
  background: var(--dot, var(--ln-surface));
  overflow: hidden;
  cursor: pointer;
  flex: 0 0 auto;
  box-shadow: 0 0 0 2px transparent;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  -webkit-tap-highlight-color: transparent;
}
.ln-dot img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.ln-dot:hover {
  transform: scale(1.12);
}
.ln-dot.is-active {
  box-shadow: 0 0 0 2px #fff, 0 0 0 3.5px var(--ln-primary);
}
.ln-dot-more {
  font-size: 11px;
  font-weight: 600;
  color: var(--ln-muted);
}
.ln-dots--empty {
  visibility: hidden;
}

/* ── الأقسام ──────────────────────────────────────────────────── */
.ab-cat-card {
  border-radius: var(--ln-radius) !important;
}
.ab-cat-label {
  font-family: var(--ln-serif);
  font-size: 26px;
  font-weight: 600;
  letter-spacing: 0.02em;
}

/* ── السلايدر القديم لو اتعرض ─────────────────────────────────── */
.ab-slider,
.ab-slider-slide img {
  border-radius: var(--ln-radius) !important;
}

/* ── الفوتر ────────────────────────────────────────────────────── */
.ab-footer {
  background: var(--ln-primary-dark) !important;
  color: var(--ln-bg) !important;
  border-top: 4px solid var(--ln-surface);
}
.ab-footer-heading,
.ab-footer-subscribe-title {
  font-family: var(--ln-serif) !important;
  font-size: 22px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: var(--ln-bg) !important;
}
.ab-footer-subscribe-description,
.ab-footer-links a,
.ab-footer-contact-item,
.ab-footer-copy,
.ab-footer-powered,
.ab-footer-social-label {
  color: rgba(255, 255, 255,0.78) !important;
  font-family: var(--ln-sans);
}
.ab-footer-links a:hover {
  color: var(--ln-bg) !important;
}
.ab-footer-subscribe-input {
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255,0.28) !important;
  color: var(--ln-bg) !important;
  border-radius: 999px !important;
  padding-inline: 18px !important;
}
.ab-footer-subscribe-input::placeholder {
  color: rgba(255, 255, 255,0.5);
}
.ab-footer-subscribe-btn svg {
  color: var(--ln-surface);
}
.ab-footer-social-img {
  background: var(--ln-bg) !important;
}
.ab-footer-payment img {
  filter: grayscale(1) brightness(1.6);
  opacity: 0.8;
}

/* ── زرار الشراء الثابت وأزرار المنصة ─────────────────────────── */
.ab-fixed-buy button,
.bg-skin-primary {
  background: var(--ln-primary) !important;
  color: var(--ln-bg) !important;
  border-color: var(--ln-primary) !important;
  font-family: var(--ln-sans);
  letter-spacing: 0.06em;
}
.text-skin-primary {
  color: var(--ln-primary) !important;
}

/* ── الموبايل ─────────────────────────────────────────────────── */
@media (max-width: 768px) {
  .ab-header-inner {
    height: 58px;
    padding: 0 14px;
  }
  .ab-logo img {
    max-height: var(--ab-logo-height-mobile, 30px) !important;
  }
  .ln-hero {
    grid-template-columns: 1fr;
    min-height: 0;
    margin-bottom: 18px;
  }
  .ln-hero-media {
    order: -1;
    min-height: 0;
    aspect-ratio: 4 / 5;
  }
  .ln-hero-media--double {
    grid-template-columns: 1fr;
    padding: 0;
    gap: 0;
  }
  .ln-hero-pic--second {
    display: none;
  }
  .ln-hero-pic {
    border-radius: 0;
  }
  .ln-hero-copy {
    padding: 26px 20px 30px;
    text-align: center;
    align-items: center;
  }
  .ln-hero-eyebrow::before {
    display: none;
  }
  .ln-hero-title {
    font-size: 30px;
  }
  .ln-hero-sub {
    font-size: 15px;
    margin-bottom: 20px;
  }
  .ln-hero-actions {
    justify-content: center;
    width: 100%;
  }
  .ln-btn {
    min-height: 46px;
    padding: 0 22px;
    font-size: 14px;
    flex: 1 1 auto;
  }
  .ab-plist-title,
  .ab-categories-title,
  .ab-featured-section-title,
  .ab-pgrid-hero-title {
    font-size: 26px !important;
  }
  .ab-plist-name,
  .ab-pgrid-name,
  .ab-featured-name {
    font-size: 13px !important;
  }
  .ln-dot {
    width: 22px;
    height: 22px;
  }
}

/* ==========================================================================
   BASE × LUXIFY — طبقة فوق ثيم luxify المفعّل حالياً
   المتجر الحي على luxify (React) مش على سكاشن Liquid، فالقواعد دي بتستهدف
   كلاسات luxify نفسها. بتتنشر لاحقاً من «رفع ملفات التصاميم» + كود الهيدر.
   ========================================================================== */

/* الأرضية والهيدر */
.top-0.z-20.w-full.bg-white,
header.luxify_header,
header.luxify_header .luxify_header_container,
header.luxify_header nav.bg-white {
  background: var(--ln-bg-2) !important;
}
header.luxify_header {
  border-bottom: 1px solid var(--ln-line);
}
header.luxify_header > .border-b {
  display: none;
}
header.luxify_header .luxify_header_logo img {
  height: 56px !important;
  padding: 6px 0 !important;
  width: auto !important;
}
header.luxify_header a[href^="/collections/"],
header.luxify_header a[href^="/pages/"] {
  font-family: var(--ln-sans) !important;
  font-size: 12.5px !important;
  font-weight: 500 !important;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--ln-ink) !important;
  border-color: transparent !important;
  padding-bottom: 6px !important;
  position: relative;
}
header.luxify_header a[href^="/pages/"] {
  text-transform: none;
  letter-spacing: 0.02em;
  font-family: var(--ln-arabic) !important;
  font-size: 13.5px !important;
}
header.luxify_header a[href^="/collections/"]::after,
header.luxify_header a[href^="/pages/"]::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background: var(--ln-primary);
  transform: scaleX(0);
  transition: transform 0.25s ease;
}
header.luxify_header a[href^="/collections/"]:hover::after,
header.luxify_header a[href^="/pages/"]:hover::after {
  transform: scaleX(1);
}
header.luxify_header svg {
  stroke-width: 1.4 !important;
  color: var(--ln-ink);
}
header.luxify_header .bg-skin-primary {
  background: var(--ln-primary) !important;
}

/* السلايدر */
main .mb-12.md\:mb-14.xl\:mb-16 img,
main .mb-12.md\:mb-14.xl\:mb-16 .swiper,
main .mb-12.md\:mb-14.xl\:mb-16 > div {
  border-radius: var(--ln-radius) !important;
}

/* عناوين السكاشن */
main h3.text-heading {
  font-family: var(--ln-serif) !important;
  font-weight: 600 !important;
  font-size: 34px !important;
  letter-spacing: 0 !important;
  color: var(--ln-ink) !important;
  line-height: 1.1;
}
main h3.text-heading + a,
main a.text-heading[href^="/collections/"] {
  font-family: var(--ln-sans) !important;
  font-size: 12px !important;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--ln-primary) !important;
  border-bottom: 1px solid var(--ln-primary);
  padding-bottom: 2px;
}

/* كروت المنتجات (luxify) */
main a[href^="/products/"].group {
  background: #fff !important;
  border: 1px solid var(--ln-line);
  border-radius: var(--ln-radius) !important;
  padding: 0 0 12px !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
main a[href^="/products/"].group:hover {
  transform: translateY(-3px);
  box-shadow: 0 18px 36px -24px rgba(58, 45, 34, 0.45);
}
main a[href^="/products/"].group > .flex {
  margin-bottom: 10px !important;
}
main a[href^="/products/"].group .rounded-xl,
main a[href^="/products/"].group img {
  border-radius: var(--ln-radius) var(--ln-radius) 0 0 !important;
  background: var(--ln-surface-2) !important;
}
/* توحيد مقاس الصور: كل كارت صندوق ٤:٥ والصورة تملاه بقص خفيف من الأطراف،
   فالمنتج المربع والطويل بيبقوا بنفس الارتفاع والشبكة بتتساوى */
main a[href^="/products/"].group > .flex {
  width: 100%;
}
main a[href^="/products/"].group > .flex > .relative {
  width: 100%;
  aspect-ratio: 4 / 5;
  overflow: hidden;
}
main a[href^="/products/"].group > .flex > .relative img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center;
}
main a[href^="/products/"].group .group-hover\:opacity-75:hover,
main a[href^="/products/"].group:hover img {
  opacity: 1 !important;
}
main a[href^="/products/"].group > .w-full {
  padding: 0 12px;
}
main a[href^="/products/"].group h2 {
  font-family: var(--ln-sans) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: var(--ln-ink) !important;
  line-height: 1.35;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
main a[href^="/products/"].group h2 + div {
  font-family: var(--ln-sans) !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: var(--ln-primary) !important;
  margin-top: 4px !important;
}
main a[href^="/products/"].group del {
  font-size: 12px !important;
  color: var(--ln-muted) !important;
  opacity: 1 !important;
}
main a[href^="/products/"].group .bg-red-500 {
  background: var(--ln-primary) !important;
  color: var(--ln-bg) !important;
  border-radius: 3px !important;
  font-family: var(--ln-sans);
  font-size: 11px !important;
  letter-spacing: 0.08em;
  padding: 3px 8px !important;
  top: 10px !important;
  left: 10px !important;
}
/* الهيرو المحقون بالجافاسكريبت (قبل <main>) */
.ln-hero-wrap {
  max-width: 80rem;
  margin: 18px auto 0;
  padding: 0 1rem;
}
.ln-hero-wrap .ln-hero {
  margin-bottom: 0;
}
/* luxify بيفرض خط Jost على الفقرات، وJost مافيهوش عربي فبيرجع لخط النظام */
.ln-hero-wrap .ln-hero p,
.ln-hero-wrap .ln-hero-sub,
.ln-hero-wrap .ln-hero-note,
.ln-hero-wrap .ln-hero-eyebrow,
.ln-hero-wrap .ln-btn {
  font-family: var(--ln-arabic) !important;
}
.ln-hero-wrap .ln-hero-pic--second {
  height: 82%;
}
.ln-hero-wrap .ln-hero-title {
  margin: 0 0 18px;
  font-family: var(--ln-arabic);
  font-weight: 700;
  font-size: clamp(34px, 4.6vw, 62px);
  line-height: 1.15;
  color: var(--ln-ink);
}
.ln-anim {
  opacity: 0;
  animation: ab-fadeUp 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
}
.ln-slider-hidden {
  display: none !important;
}
/* نخفي سلايدر المتجر القديم بالـCSS مش بالجافاسكريبت.
   لو استنينا الجافاسكريبت، السلايدر بيتعرض للحظة وبعدين يختفي — «لمعة»
   الصور القديمة اللي بتبان مع كل ريفريش. القاعدة دي بتيجي مع الاستايل
   نفسه فمابيرسمش أصلاً. الكلاس فوق فضل شبكة أمان لأي متصفح قديم. */
main.container_class > div:first-child:has(> div > .mb-12.md\:mb-14.xl\:mb-16) {
  display: none !important;
}
@media (min-width: 640px) {
  .ln-hero-wrap {
    padding: 0 1.5rem;
  }
}
@media (min-width: 1024px) {
  .ln-hero-wrap {
    padding: 0 2rem;
  }
}
@media (max-width: 768px) {
  .ln-hero-wrap {
    padding: 0;
    margin-top: 0;
  }
  .ln-hero-wrap .ln-hero {
    border-radius: 0;
  }
  .ln-hero-wrap .ln-hero-title {
    font-size: 30px;
  }
}

/* ── هيرو المنتجات المختارة ───────────────────────────────────
   صورة المنتج + سعره + دواير بباقي الموديلات. مافيش أنيميشن على أي حاجة
   بتتغيّر — انتقال شفافية بس، عشان الحالة النهائية تفضل ظاهرة دايماً. */
.ln-hero--products .ln-hero-copy {
  gap: 0;
}
.ln-hero-price {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0 0 16px;
  font-family: var(--ln-sans) !important;
}
.ln-hero-now {
  font-size: clamp(24px, 2.6vw, 32px);
  font-weight: 600;
  color: var(--ln-primary);
}
.ln-hero-was {
  font-size: 15px;
  color: var(--ln-muted);
  text-decoration: line-through;
}
.ln-hero-off {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.04em;
  color: var(--ln-bg);
  background: var(--ln-primary);
  border-radius: 3px;
  padding: 3px 8px;
}
.ln-hero--products .ln-hero-title {
  margin-bottom: 10px;
  font-size: clamp(30px, 3.6vw, 48px);
}
.ln-hero--products .ln-hero-sub {
  margin-bottom: 22px;
}
/* دواير الموديلات المختارة */
.ln-hero-picks {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 22px;
  flex-wrap: wrap;
}
.ln-pick {
  width: 58px;
  height: 58px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  overflow: hidden;
  background: var(--ln-surface);
  cursor: pointer;
  box-shadow: 0 0 0 2px transparent;
  transition: box-shadow 0.2s ease, transform 0.2s ease;
  -webkit-tap-highlight-color: transparent;
  flex: 0 0 auto;
}
.ln-pick img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.ln-pick:hover {
  transform: translateY(-2px);
}
.ln-pick.is-active {
  box-shadow: 0 0 0 2px var(--ln-bg-2), 0 0 0 4px var(--ln-primary);
}
/* صورة الهيرو الواحدة */
.ln-hero-media--single {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: var(--ln-radius);
  background: var(--ln-surface);
}
.ln-hero-media--single img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: opacity 0.25s ease;
}
.ln-hero-media--single img.is-swapping {
  opacity: 0.25;
}
.ln-hero-badge {
  position: absolute;
  top: 14px;
  inset-inline-start: 14px;
  z-index: 2;
  background: var(--ln-primary);
  color: var(--ln-bg);
  font-family: var(--ln-arabic) !important;
  font-size: 12.5px;
  font-weight: 700;
  border-radius: 3px;
  padding: 5px 10px;
}
.ln-hero-badge[hidden] {
  display: none !important;
}
@media (max-width: 768px) {
  .ln-hero-picks {
    justify-content: center;
    gap: 10px;
    margin-top: 18px;
  }
  .ln-pick {
    width: 50px;
    height: 50px;
  }
  .ln-hero-price {
    justify-content: center;
    margin-bottom: 14px;
  }
  .ln-hero--products .ln-hero-title {
    font-size: 27px;
  }
  /* على الموبايل الكلام بيتحط **فوق الصورة** مش تحتها، على تدرّج غامق
     عشان يفضل مقروء. بيوفّر نص الشاشة تقريباً وبيخلي الصورة أكبر. */
  .ln-hero--products {
    position: relative;
    display: block;
  }
  .ln-hero--products .ln-hero-media {
    aspect-ratio: auto;
    height: 82vh;
    max-height: 640px;
    min-height: 480px;
  }
  /* الكلام بيتقسم فوق وتحت الصورة والنص يفضل فاضي للمنتج.
     الكلام كله في مكان واحد كان بيطلع أطول من الصورة فيغطيها. */
  .ln-hero--products .ln-hero-copy {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 16px 16px 18px;
    text-align: center;
    background: linear-gradient(
      to bottom,
      rgba(30, 24, 19, 0.9) 0%,
      rgba(30, 24, 19, 0.62) 20%,
      rgba(30, 24, 19, 0) 40%,
      rgba(30, 24, 19, 0) 52%,
      rgba(30, 24, 19, 0.62) 76%,
      rgba(30, 24, 19, 0.95) 100%
    );
  }
  /* السطر التعريفي بيتشال على الموبايل — عام ومش بيضيف، والمساحة أهم */
  .ln-hero--products .ln-hero-sub {
    display: none;
  }
  /* البادج كان فوق شمال وبقى هيتصادم مع الكلام، والنسبة ظاهرة في السعر */
  .ln-hero--products .ln-hero-badge {
    display: none !important;
  }
  .ln-hero--products .ln-hero-eyebrow,
  .ln-hero--products .ln-hero-title,
  .ln-hero--products .ln-hero-sub,
  .ln-hero--products .ln-hero-note {
    color: var(--ln-bg);
  }
  .ln-hero--products .ln-hero-eyebrow::before {
    background: var(--ln-bg);
  }
  .ln-hero--products .ln-hero-sub {
    color: rgba(255, 255, 255,0.82);
    margin-bottom: 16px;
  }
  .ln-hero--products .ln-hero-note {
    color: rgba(255, 255, 255,0.7);
    margin-top: 14px;
  }
  .ln-hero--products .ln-hero-now {
    color: var(--ln-bg);
  }
  .ln-hero--products .ln-hero-was {
    color: rgba(255, 255, 255,0.62);
  }
  /* الشارات والأزرار بتتقلب: كريمي على غامق بدل بني على فاتح */
  .ln-hero--products .ln-hero-off {
    background: var(--ln-bg);
    color: var(--ln-primary-dark);
  }
  .ln-hero--products .ln-btn--solid {
    background: var(--ln-bg);
    color: var(--ln-primary-dark) !important;
  }
  .ln-hero--products .ln-btn--ghost {
    border-color: rgba(255, 255, 255,0.75);
    color: var(--ln-bg) !important;
  }
  .ln-hero--products .ln-pick.is-active {
    box-shadow: 0 0 0 2px rgba(28, 35, 39, 0.9), 0 0 0 4px var(--ln-bg);
  }
  .ln-hero--products .ln-hero-title {
    margin-bottom: 6px;
  }
  .ln-hero--products .ln-hero-price {
    margin-bottom: 0;
  }
  .ln-hero--products .ln-hero-actions {
    margin-bottom: 0;
  }
  .ln-hero--products .ln-hero-note {
    margin-top: 12px;
    font-size: 11.5px;
  }
}

/* ── شريط الأقسام على الصفحة الرئيسية ─────────────────────────
   كروت بصور الأقسام واسمها فوق الصورة. على الموبايل بيتسحب بالأصبع،
   والسحب جوه الشريط بس — الصفحة نفسها مابتتحركش يمين وشمال. */
.ln-cats {
  max-width: 80rem;
  margin: 30px auto 0;
  padding: 0 1rem;
  font-family: var(--ln-arabic) !important;
  /* ⚠️ العنصر الأب `display:flex`، فمن غير min-width:0 القسم بيتمدد بعرض
     محتواه ويوسّع الصفحة كلها — الصفحة كانت بتتزحزح ٣٩ بكسل على الموبايل. */
  width: 100%;
  max-width: min(80rem, 100%);
  min-width: 0;
}
.ln-cats * {
  font-family: var(--ln-arabic) !important;
}
.ln-cats-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  margin-bottom: 14px;
}
.ln-cats-title {
  margin: 0;
  font-family: var(--ln-serif) !important;
  font-size: 30px;
  font-weight: 600;
  color: var(--ln-ink);
  line-height: 1.1;
}
.ln-cats-row {
  display: flex;
  justify-content: center;
  gap: 30px;
  min-width: 0;
  max-width: 100%;
}
.ln-cat {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  flex: 0 0 auto;
  min-width: 0;
}
.ln-cat-media {
  display: block;
  width: 118px;
  height: 118px;
  border-radius: 50%;
  overflow: hidden;
  background: var(--ln-surface-2);
  border: 1px solid var(--ln-line);
  box-shadow: 0 0 0 0 transparent;
  transition: box-shadow 0.25s ease, transform 0.25s ease;
}
.ln-cat img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}
.ln-cat:hover .ln-cat-media {
  transform: translateY(-3px);
  box-shadow: 0 0 0 2px var(--ln-bg-2), 0 0 0 4px var(--ln-primary);
}
.ln-cat-name {
  font-size: 14.5px;
  font-weight: 700;
  color: var(--ln-ink);
  text-align: center;
  max-width: 130px;
  line-height: 1.3;
}
@media (min-width: 640px) {
  .ln-cats {
    padding: 0 1.5rem;
  }
}
@media (min-width: 1024px) {
  .ln-cats {
    padding: 0 2rem;
  }
}
@media (max-width: 768px) {
  .ln-cats {
    margin-top: 22px;
    padding: 0;
  }
  .ln-cats-head {
    padding: 0 16px;
    margin-bottom: 10px;
  }
  .ln-cats-title {
    font-size: 24px;
  }
  /* أربع دواير لازم تدخل في شاشة ٣٧٥ من غير قص: العرض بيتحسب من عرض
     الشاشة نفسها، والسحب بيشتغل لوحده لو الأقسام بقت أكتر. */
  .ln-cats-row {
    justify-content: flex-start;
    gap: 12px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    padding: 2px 14px 4px;
  }
  .ln-cats-row::-webkit-scrollbar {
    display: none;
  }
  .ln-cat-media {
    width: min(78px, calc((100vw - 28px - 36px) / 4));
    height: min(78px, calc((100vw - 28px - 36px) / 4));
  }
  .ln-cat-name {
    font-size: 13px;
    max-width: 92px;
  }
}

/* ── زرار واتساب عائم ─────────────────────────────────────────
   على الشمال عشان مايغطيش الأسعار ولا زراير الشراء (المتجر من اليمين
   للشمال)، والارتفاع بيتظبط من الجافاسكريبت فوق أي شريط ثابت تحت. */
.ln-wa {
  position: fixed;
  bottom: var(--ln-wa-bottom, 18px);
  left: 16px;
  z-index: 45;
  width: 54px;
  height: 54px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: var(--ln-primary);
  color: var(--ln-bg);
  box-shadow: 0 8px 22px -8px rgba(30, 24, 19, 0.55);
  transition: transform 0.22s ease, box-shadow 0.22s ease, bottom 0.25s ease;
  -webkit-tap-highlight-color: transparent;
}
.ln-wa svg {
  width: 30px;
  height: 30px;
  display: block;
}
.ln-wa:hover {
  transform: translateY(-3px) scale(1.04);
  box-shadow: 0 12px 26px -8px rgba(30, 24, 19, 0.6);
  color: var(--ln-bg);
}
.ln-wa:active {
  transform: scale(0.96);
}
@media (max-width: 480px) {
  .ln-wa {
    width: 50px;
    height: 50px;
    left: 12px;
  }
  .ln-wa svg {
    width: 27px;
    height: 27px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .ln-wa {
    transition: none;
  }
}

/* ── هيدر ثابت ذكي ────────────────────────────────────────────
   luxify حاطط `top-0 z-20` على حاوية الهيدر بس ناسي `sticky` نفسه، فالهيدر
   بيطلع مع السكرول. بنثبّته، وبنخفيه وإحنا نازلين ونرجّعه أول ما نطلع —
   عشان مياخدش ٦٥ بكسل من شاشة الموبايل طول الوقت. */
.ln-sticky {
  position: sticky !important;
  top: 0;
  z-index: 30;
  transition: transform 0.32s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s ease;
  will-change: transform;
}
.ln-sticky--scrolled {
  box-shadow: 0 4px 18px -12px rgba(58, 45, 34, 0.55);
}
.ln-sticky--hidden {
  transform: translateY(-105%);
}
@media (prefers-reduced-motion: reduce) {
  .ln-sticky {
    transition: none;
  }
  .ln-sticky--hidden {
    transform: none;
  }
}

/* شريط الثقة تحت زرار الشراء */
.ln-trust {
  margin-top: 14px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  padding: 12px;
  border: 1px solid var(--ln-line);
  border-radius: var(--ln-radius);
  background: var(--ln-surface-2);
  font-family: var(--ln-arabic) !important;
  text-align: left;
}
.ln-trust * {
  font-family: var(--ln-arabic) !important;
}
.ln-trust-item {
  display: flex;
  align-items: center;
  gap: 9px;
  min-width: 0;
  color: var(--ln-ink);
  text-decoration: none;
}
a.ln-trust-item:hover .ln-trust-txt b {
  text-decoration: underline;
}
.ln-trust-ico {
  width: 34px;
  height: 34px;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #fff;
  border: 1px solid var(--ln-line);
  color: var(--ln-primary);
}
.ln-trust-ico svg {
  width: 18px;
  height: 18px;
}
.ln-trust-txt {
  display: flex;
  flex-direction: column;
  min-width: 0;
  line-height: 1.35;
}
.ln-trust-txt b {
  font-size: 13.5px;
  font-weight: 700;
}
.ln-trust-txt small {
  font-size: 11.5px;
  color: var(--ln-muted);
}
@media (max-width: 480px) {
  .ln-trust {
    gap: 10px 6px;
    padding: 11px 9px;
  }
  .ln-trust-item {
    gap: 7px;
  }
  .ln-trust-ico {
    width: 30px;
    height: 30px;
  }
  .ln-trust-ico svg {
    width: 16px;
    height: 16px;
  }
  .ln-trust-txt b {
    font-size: 12.5px;
  }
  .ln-trust-txt small {
    font-size: 10.5px;
  }
}
@media (max-width: 330px) {
  .ln-trust {
    grid-template-columns: 1fr;
  }
}

/* دليل المقاسات على صفحة المنتج */
.ln-size {
  margin-top: 18px;
  padding: 16px 16px 14px;
  border: 1px solid var(--ln-line);
  border-radius: var(--ln-radius);
  background: var(--ln-surface-2);
  font-family: var(--ln-arabic) !important;
  color: var(--ln-ink);
  text-align: left;
}
.ln-size * {
  font-family: var(--ln-arabic) !important;
}
.ln-size-head {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
}
.ln-size-icon {
  width: 38px;
  height: 38px;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #fff;
  color: var(--ln-primary);
  border: 1px solid var(--ln-line);
}
.ln-size-icon svg {
  width: 20px;
  height: 20px;
}
.ln-size-title {
  margin: 0;
  font-size: 16px;
  font-weight: 700;
}
.ln-size-sub {
  margin: 2px 0 0;
  font-size: 13px;
  color: var(--ln-muted);
}
.ln-size-measure {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 14px;
}
.ln-size-field {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #fff;
  border: 1px solid var(--ln-line);
  border-radius: 999px;
  padding: 6px 8px 6px 14px;
  font-size: 14px;
}
.ln-size-field span {
  color: var(--ln-muted);
}
.ln-size-field input {
  width: 92px;
  border: 0;
  outline: 0;
  background: transparent;
  font-size: 16px;
  font-weight: 700;
  color: var(--ln-ink);
  text-align: center;
  -moz-appearance: textfield;
}
.ln-size-field input::-webkit-outer-spin-button,
.ln-size-field input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.ln-size-field b {
  color: var(--ln-primary);
  font-weight: 700;
}
.ln-size-result {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 24px;
  font-size: 14px;
}
.ln-size-result b {
  font-size: 18px;
  color: var(--ln-primary);
}
.ln-size-result small {
  color: var(--ln-muted);
}
.ln-size-pick {
  border: 0;
  border-radius: 999px;
  background: var(--ln-primary);
  color: var(--ln-bg);
  padding: 7px 14px;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
}
.ln-size-pick:disabled {
  background: var(--ln-surface);
  color: var(--ln-primary);
}
/* الجدول المصغّر تحت زراير المقاس مباشرة (بره صندوق الأداة).
   ⚠️ **من غير أنيميشن عن قصد.** صفحة المنتج فيها عدّاد بيعد كل ثانية،
   وكل عدّة بتعيد رسم الاختيارات فبنعيد إدخال الجدول في مكانه — وإعادة
   الإدخال بترجّع الأنيميشن من أوله. النتيجة إن `opacity` عمرها ما بتوصل ١
   والجدول بيفضل **مخفي تماماً** وهو واخد مساحته. حصل على المتجر الحي. */
.ln-mini {
  margin-top: 10px;
  font-family: var(--ln-arabic) !important;
  text-align: left;
}
.ln-mini[hidden] {
  display: none !important;
}
.ln-mini * {
  font-family: var(--ln-arabic) !important;
}
.ln-mini-title {
  margin: 0 0 7px;
  font-size: 13px;
  color: var(--ln-muted);
}
.ln-mini-title b {
  color: var(--ln-primary);
  font-weight: 700;
}
.ln-size-table--mini {
  font-size: 13.5px;
}
.ln-size-table--mini th,
.ln-size-table--mini td {
  padding: 7px 10px;
}
.ln-size-table--mini tr:not(.is-hit) td {
  color: var(--ln-muted);
}
/* زرار فتح النافذة */
.ln-size-open {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  margin-top: 12px;
  padding: 10px 0 0;
  border: 0;
  border-top: 1px dashed var(--ln-line);
  background: transparent;
  color: var(--ln-primary);
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  text-align: left;
}
.ln-size-open svg {
  width: 18px;
  height: 18px;
  flex: 0 0 auto;
}
.ln-size-open:hover span {
  text-decoration: underline;
}
/* نافذة جدول المقاسات */
.ln-modal {
  position: fixed;
  inset: 0;
  z-index: 2147483000;
  background: rgba(28, 35, 39, 0.55);
  display: grid;
  place-items: center;
  padding: 16px;
  animation: ln-fade 0.2s ease both;
}
.ln-modal[hidden] {
  display: none !important;
}
@keyframes ln-fade {
  from { opacity: 0; }
  to { opacity: 1; }
}
.ln-modal-card {
  position: relative;
  width: min(620px, 100%);
  max-height: min(86vh, 760px);
  display: flex;
  flex-direction: column;
  background: var(--ln-bg-2);
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 30px 70px -30px rgba(0, 0, 0, 0.6);
  font-family: var(--ln-arabic) !important;
  color: var(--ln-ink);
  animation: ab-fadeUp 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
.ln-modal-card * {
  font-family: var(--ln-arabic) !important;
}
.ln-modal-close {
  position: absolute;
  top: 8px;
  left: 10px;
  z-index: 2;
  width: 34px;
  height: 34px;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: var(--ln-muted);
  font-size: 26px;
  line-height: 1;
  cursor: pointer;
}
.ln-modal-close:hover {
  background: var(--ln-surface-2);
  color: var(--ln-ink);
}
.ln-tabs {
  display: flex;
  gap: 4px;
  padding: 14px 54px 0 14px;
  border-bottom: 1px solid var(--ln-line);
  background: var(--ln-bg-2);
}
.ln-tab {
  border: 0;
  background: transparent;
  padding: 10px 14px;
  font-size: 14.5px;
  font-weight: 700;
  color: var(--ln-muted);
  cursor: pointer;
  border-bottom: 2px solid transparent;
  margin-bottom: -1px;
}
.ln-tab.is-active {
  color: var(--ln-primary);
  border-bottom-color: var(--ln-primary);
}
.ln-modal-body {
  padding: 16px;
  overflow-y: auto;
}
.ln-how-grid {
  display: grid;
  grid-template-columns: 220px 1fr;
  gap: 18px;
  align-items: center;
}
.ln-foot,
.ln-foot-img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 8px;
}
.ln-foot-img {
  background: #fff;
  border: 1px solid var(--ln-line);
}
.ln-foot text {
  font-family: var(--ln-arabic);
}
.ln-steps {
  margin: 0;
  padding-inline-start: 18px;
  font-size: 14px;
  line-height: 1.9;
}
.ln-steps li + li {
  margin-top: 4px;
}
.ln-size-table-wrap {
  overflow-x: auto;
  border-radius: var(--ln-radius);
  border: 1px solid var(--ln-line);
  background: #fff;
}
.ln-size-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
}
.ln-size-table th,
.ln-size-table td {
  padding: 9px 12px;
  text-align: center;
  border-bottom: 1px solid var(--ln-line);
  white-space: nowrap;
}
.ln-size-table th {
  background: var(--ln-surface-2);
  font-weight: 700;
  color: var(--ln-primary);
  font-size: 13px;
}
.ln-size-table tr:last-child td {
  border-bottom: 0;
}
.ln-size-table td:first-child {
  font-weight: 700;
  font-size: 15px;
}
.ln-size-table tr.is-hit td {
  background: var(--ln-surface-2);
}
.ln-size-row--na td {
  color: var(--ln-muted);
}
.ln-size-ok {
  color: var(--ln-success);
  font-size: 12px;
  font-weight: 700;
}
.ln-size-na {
  color: var(--ln-danger);
  font-size: 12px;
  font-weight: 700;
}
.ln-size-note {
  margin: 12px 0 0;
  font-size: 12.5px;
  color: var(--ln-muted);
}
@media (max-width: 560px) {
  .ln-how-grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .ln-foot {
    max-width: 200px;
    margin: 0 auto;
  }
  .ln-size-measure {
    flex-direction: column;
    align-items: stretch;
  }
  .ln-size-field {
    justify-content: space-between;
  }
  .ln-size-field input {
    flex: 1;
  }
  .ln-modal {
    padding: 0;
    place-items: end stretch;
  }
  .ln-modal-card {
    width: 100%;
    max-height: 88vh;
    border-radius: 14px 14px 0 0;
  }
  .ln-size-table th,
  .ln-size-table td {
    padding: 8px 8px;
    font-size: 13px;
  }
}

/* دواير الألوان جوه كارت luxify */
main a[href^="/products/"].group .ln-dots {
  margin-top: 8px;
}

/* الفوتر */
footer.bg-\[\#f7f7f7\] {
  background: var(--ln-primary-dark) !important;
  border-top: 4px solid var(--ln-surface);
}
footer .luxify_footer_link {
  color: rgba(255, 255, 255,0.8) !important;
  font-family: var(--ln-arabic);
  font-size: 14px !important;
}
footer .luxify_footer_link:hover {
  color: var(--ln-bg) !important;
}
footer .luxify_footer p.mt-8 {
  color: rgba(255, 255, 255,0.6) !important;
  font-family: var(--ln-sans);
  font-size: 13px !important;
}
footer .luxify_footer p.mt-8 a {
  color: var(--ln-surface) !important;
}

/* شريط الثقة (سكشن الهوم بيلدر) */
.trust-promise {
  --tp-bg: var(--ln-surface-2) !important;
  background: var(--ln-surface-2) !important;
}
.trust-promise__title {
  font-family: var(--ln-sans) !important;
  color: var(--ln-ink) !important;
}

/* موبايل luxify */
@media (max-width: 768px) {
  header.luxify_header .luxify_header_logo img {
    height: 44px !important;
  }
  main h3.text-heading {
    font-size: 26px !important;
  }
  main a[href^="/products/"].group h2 {
    font-size: 13px !important;
  }
  main a[href^="/products/"].group h2 + div {
    font-size: 14px !important;
  }
  main a[href^="/products/"].group > .w-full {
    padding: 0 8px;
  }
}

/* ==========================================================================
   CHIC STORE — الطبقة الجريئة
   فوق طبقة Base × Luxify، وبتغلب اللي قبلها. الفكرة: مش نفس تخطيط لينا.
   - هيرو بعرض الكارت كله والكلام فوق الصورة من تحت على تدرّج غامق.
   - المنتجات المختارة شريط مربعات باسم وسعر تحت الهيرو (مش دواير صغيرة).
   - الأقسام كروت مستطيلة ٤:٥ بزوايا مدورة والاسم كبسولة بيضا فوق الصورة.
   - العناوين Poppins عريضة وتحتها خط كورال قصير.
   - الكورال للزراير وشارات الخصم والأسعار، والتركواز للهيدر والفوتر.
   ========================================================================== */
:root {
  --ln-cta: #e8524f;
  --ln-cta-dark: #c93f3c;
  --ln-radius-lg: 20px;
}

/* ── الهيرو: صورة كاملة والكلام فوقها ────────────────────────── */
.ln-hero-wrap {
  margin-top: 14px;
}
.ln-hero-wrap .ln-hero--products {
  position: relative;
  display: block;
  min-height: 0;
  height: clamp(420px, 52vw, 640px);
  border-radius: var(--ln-radius-lg);
  overflow: hidden;
  background: var(--ln-surface);
}
.ln-hero--products .ln-hero-media {
  position: absolute;
  inset: 0;
  min-height: 0;
  display: block;
  border-radius: 0;
}
.ln-hero--products .ln-hero-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
}
.ln-hero--products .ln-hero-copy {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 0;
  padding: clamp(20px, 4vw, 48px);
  text-align: left;
  background: linear-gradient(to top, rgba(28, 35, 39, 0.9) 0%, rgba(28, 35, 39, 0.5) 36%, rgba(28, 35, 39, 0) 66%);
}
.ln-hero--products .ln-hero-lead,
.ln-hero--products .ln-hero-foot {
  max-width: 640px;
}
.ln-hero--products .ln-hero-eyebrow {
  display: inline-block;
  margin: 0 0 14px;
  padding: 6px 12px;
  border-radius: 999px;
  background: var(--ln-cta);
  color: #fff;
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
.ln-hero--products .ln-hero-eyebrow::before {
  display: none;
}
.ln-hero-wrap .ln-hero--products .ln-hero-title {
  margin: 0 0 10px;
  font-family: var(--ln-sans) !important;
  font-weight: 800;
  font-size: clamp(34px, 5vw, 66px);
  letter-spacing: -0.02em;
  line-height: 1.02;
  color: #fff;
}
.ln-hero--products .ln-hero-price {
  margin-bottom: 14px;
}
.ln-hero--products .ln-hero-now {
  color: #fff;
  font-weight: 700;
}
.ln-hero--products .ln-hero-was {
  color: rgba(255, 255, 255, 0.65);
}
.ln-hero--products .ln-hero-off {
  background: var(--ln-cta);
  color: #fff;
  border-radius: 999px;
  padding: 4px 10px;
}
.ln-hero--products .ln-hero-sub {
  margin-bottom: 18px;
  max-width: 46ch;
  color: rgba(255, 255, 255, 0.85);
}
.ln-hero--products .ln-hero-note {
  margin-top: 16px;
  font-size: 12.5px;
  color: rgba(255, 255, 255, 0.7);
}
.ln-hero--products .ln-btn--solid {
  background: var(--ln-cta);
  color: #fff !important;
  box-shadow: 0 12px 26px -14px rgba(232, 82, 79, 0.9);
}
.ln-hero--products .ln-btn--solid:hover {
  background: var(--ln-cta-dark);
}
.ln-hero--products .ln-btn--ghost {
  border-color: rgba(255, 255, 255, 0.8);
  color: #fff !important;
  background: rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(6px);
}
.ln-hero--products .ln-btn--ghost:hover {
  background: #fff;
  color: var(--ln-ink) !important;
}
.ln-hero--products .ln-hero-badge {
  display: none !important;
}

/* ── شريط المنتجات المختارة تحت الهيرو ───────────────────────── */
.ln-hero-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin-top: 14px;
}
.ln-hero-strip .ln-pick {
  width: auto;
  height: auto;
  padding: 0;
  border-radius: 16px;
  overflow: visible;
  background: transparent;
  box-shadow: none;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
  font-family: var(--ln-sans);
}
.ln-pick-media {
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1;
  border-radius: 16px;
  overflow: hidden;
  background: var(--ln-surface-2);
  border: 2px solid transparent;
  transition: border-color 0.2s ease, transform 0.2s ease;
}
.ln-pick-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.ln-hero-strip .ln-pick:hover {
  transform: none;
}
.ln-hero-strip .ln-pick:hover .ln-pick-media {
  transform: translateY(-3px);
}
.ln-hero-strip .ln-pick.is-active {
  box-shadow: none;
}
.ln-hero-strip .ln-pick.is-active .ln-pick-media {
  border-color: var(--ln-cta);
}
.ln-pick-name {
  margin-top: 8px;
  font-size: 13.5px;
  font-weight: 600;
  color: var(--ln-ink);
  line-height: 1.3;
}
.ln-pick-price {
  font-size: 13px;
  font-weight: 700;
  color: var(--ln-cta);
}

/* ── الأقسام: كروت مستطيلة والاسم كبسولة فوق الصورة ─────────── */
.ln-cats {
  margin-top: 34px;
}
.ln-cats-row {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 14px;
}
.ln-cat {
  position: relative;
  display: block;
}
.ln-cat-media {
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 5;
  border-radius: 18px;
  border: 0;
}
.ln-cat img {
  transition: transform 0.5s ease;
}
.ln-cat:hover .ln-cat-media {
  transform: none;
  box-shadow: 0 16px 30px -18px rgba(28, 35, 39, 0.5);
}
.ln-cat:hover img {
  transform: scale(1.05);
}
.ln-cat-name {
  position: absolute;
  left: 12px;
  bottom: 12px;
  max-width: calc(100% - 24px);
  padding: 7px 12px;
  border-radius: 999px;
  background: #fff;
  color: var(--ln-ink);
  font-size: 13px;
  font-weight: 700;
  text-align: left;
  box-shadow: 0 6px 14px -8px rgba(0, 0, 0, 0.4);
}

/* ── عناوين السكاشن ───────────────────────────────────────────── */
main h3.text-heading,
.ln-cats-title {
  position: relative;
  padding-bottom: 12px;
  font-family: var(--ln-sans) !important;
  font-weight: 800 !important;
  font-size: 30px !important;
  letter-spacing: -0.01em !important;
}
main h3.text-heading:empty,
.ln-native-cats-hidden {
  display: none !important;
}
/* خط المتجر المضبوط في اللوحة (Almarai) بيتفرض على العناوين واسم المنتج؛ المتجر إنجليزي فكله Poppins */
h1,
h2,
h3,
h4,
.product_name,
.variation_name {
  font-family: var(--ln-sans) !important;
}
main h1,
h1.product_name {
  font-weight: 800 !important;
  letter-spacing: -0.01em;
}
main h3.text-heading::after,
.ln-cats-title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 40px;
  height: 4px;
  border-radius: 4px;
  background: var(--ln-cta);
}
main h3.text-heading + a,
main a.text-heading[href^="/collections/"] {
  color: var(--ln-cta) !important;
  border-bottom-color: var(--ln-cta) !important;
  font-weight: 700 !important;
}

/* ── كروت المنتجات: من غير حدود، زوايا كبيرة، سعر كورال ─────── */
main a[href^="/products/"].group {
  border: 0;
  border-radius: 16px !important;
  background: transparent !important;
  padding: 0 0 10px !important;
}
main a[href^="/products/"].group:hover {
  box-shadow: none;
  transform: translateY(-4px);
}
main a[href^="/products/"].group .rounded-xl,
main a[href^="/products/"].group img,
main a[href^="/products/"].group > .flex > .relative {
  border-radius: 16px !important;
}
main a[href^="/products/"].group > .w-full {
  padding: 0 4px;
}
main a[href^="/products/"].group h2 {
  font-weight: 600 !important;
}
main a[href^="/products/"].group h2 + div {
  color: var(--ln-cta) !important;
  font-weight: 700 !important;
}
main a[href^="/products/"].group .bg-red-500 {
  background: var(--ln-cta) !important;
  color: #fff !important;
  border-radius: 999px !important;
  font-weight: 700;
  padding: 5px 10px !important;
  top: 12px !important;
  left: 12px !important;
}

/* ── الزراير: الكورال للأفعال ─────────────────────────────────── */
.ln-btn--solid {
  background: var(--ln-cta);
}
.ln-btn--solid:hover {
  background: var(--ln-cta-dark);
}
.bg-skin-primary,
header.luxify_header .bg-skin-primary {
  background: var(--ln-cta) !important;
  border-color: var(--ln-cta) !important;
  color: #fff !important;
}
.text-skin-primary {
  color: var(--ln-cta) !important;
}
header.luxify_header a[href^="/collections/"]::after,
header.luxify_header a[href^="/pages/"]::after {
  height: 2px;
  background: var(--ln-cta);
}
.ln-size-pick {
  background: var(--ln-cta) !important;
}

/* ── الموبايل ─────────────────────────────────────────────────── */
@media (max-width: 768px) {
  .ln-hero-wrap .ln-hero--products {
    height: 70vh;
    min-height: 420px;
    max-height: 560px;
    border-radius: 0;
  }
  .ln-hero--products .ln-hero-media {
    height: auto;
    min-height: 0;
    max-height: none;
  }
  .ln-hero--products .ln-hero-copy {
    justify-content: flex-end;
    text-align: left;
    padding: 18px 16px 22px;
    background: linear-gradient(to top, rgba(28, 35, 39, 0.92) 0%, rgba(28, 35, 39, 0.55) 40%, rgba(28, 35, 39, 0) 70%);
  }
  .ln-hero--products .ln-hero-price,
  .ln-hero--products .ln-hero-actions {
    justify-content: flex-start;
  }
  .ln-hero-wrap .ln-hero--products .ln-hero-title {
    font-size: 32px;
  }
  .ln-hero--products .ln-btn--solid {
    background: var(--ln-cta);
    color: #fff !important;
  }
  .ln-hero-strip {
    display: flex;
    gap: 10px;
    margin-top: 12px;
    padding: 0 14px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .ln-hero-strip::-webkit-scrollbar {
    display: none;
  }
  .ln-hero-strip .ln-pick {
    flex: 0 0 38vw;
    width: 38vw;
  }
  .ln-cats-row {
    display: flex;
    gap: 10px;
  }
  .ln-cat {
    flex: 0 0 42vw;
  }
  .ln-cat-media {
    width: 100%;
    height: auto;
  }
  .ln-cat-name {
    left: 10px;
    bottom: 10px;
    max-width: calc(100% - 20px);
    font-size: 12px;
    padding: 6px 10px;
  }
  main h3.text-heading,
  .ln-cats-title {
    font-size: 24px !important;
  }
}

/* ── CHIC STORE — صفحة المنتج ─────────────────────────────────
   مختلفة عن لينا في: المعرض بزوايا كبيرة ونقط كورال، السعر كورال عريض،
   المقاسات دواير والمختار كورال، الجدول المصغّر بقى سطر واحد (كبسولة)،
   أداة المقاس شريط أبيض بحافة كورال من غير أيقونة، الزرارين كبسولات
   (كورال + تركواز)، شريط الثقة ٤ أعمدة من غير صندوق. */

/* المعرض */
.swiper.rounded-xl,
.swiper.rounded-xl img {
  border-radius: 20px !important;
}
.swiper-pagination-bullet {
  width: 7px;
  height: 7px;
  background: var(--ln-ink);
  opacity: 0.25;
  transition: width 0.2s ease, opacity 0.2s ease;
}
.swiper-pagination-bullet-active {
  width: 22px;
  border-radius: 999px;
  background: var(--ln-cta);
  opacity: 1;
}

/* الاسم والسعر */
h1.product_name {
  font-size: clamp(24px, 2.4vw, 34px) !important;
  line-height: 1.1;
}
h1.product_name + button.rounded-xl.border {
  border-radius: 999px !important;
  border-color: var(--ln-line) !important;
  color: var(--ln-cta);
}
.product_price,
#price {
  font-family: var(--ln-sans) !important;
  font-weight: 800 !important;
  color: var(--ln-cta) !important;
  font-size: 28px !important;
}
.product_price del,
.product_price s,
#price del,
#price s {
  font-size: 15px !important;
  font-weight: 500 !important;
  color: var(--ln-muted) !important;
  text-decoration: line-through;
}

/* المقاسات: دواير، المختار كورال */
h2.variation_name {
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--ln-muted) !important;
}
.button_variations_container {
  gap: 10px !important;
}
.button_variation {
  min-width: 46px;
  height: 46px;
  padding: 0 14px !important;
  border: 1.5px solid var(--ln-line) !important;
  border-radius: 999px !important;
  background: #fff !important;
  color: var(--ln-ink) !important;
  font-family: var(--ln-sans) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}
.button_variation:hover {
  border-color: var(--ln-ink) !important;
}
.button_variation_checked {
  background: var(--ln-cta) !important;
  border-color: var(--ln-cta) !important;
  color: #fff !important;
}
.color_variation_checked {
  outline: 2px solid var(--ln-cta) !important;
  outline-offset: 3px;
}

/* الجدول المصغّر: سطر واحد كبسولة بدل جدول */
.ln-mini .ln-size-table-wrap {
  display: none !important;
}
.ln-mini {
  margin-top: 12px;
}
.ln-mini-title {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 7px 12px;
  border-radius: 999px;
  background: var(--ln-surface-2);
  color: var(--ln-ink);
  font-size: 12.5px;
  font-weight: 600;
}
.ln-mini-title::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--ln-cta);
  flex: 0 0 auto;
}
.ln-mini-title b {
  color: var(--ln-cta);
}

/* أداة المقاس: شريط أبيض بحافة كورال */
.ln-size {
  margin-top: 16px;
  padding: 14px 16px;
  border: 1px solid var(--ln-line);
  border-left: 4px solid var(--ln-cta);
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 14px 30px -26px rgba(28, 35, 39, 0.6);
}
.ln-size-icon {
  display: none;
}
.ln-size-head {
  gap: 0;
  margin-bottom: 10px;
}
.ln-size-title {
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.ln-size-sub {
  font-size: 12.5px;
}
.ln-size-field {
  border: 1.5px solid var(--ln-line);
  border-radius: 12px;
  padding: 5px 8px 5px 12px;
}
.ln-size-field:focus-within {
  border-color: var(--ln-cta);
}
.ln-size-field b {
  color: var(--ln-cta);
}
.ln-size-result b {
  color: var(--ln-cta);
}
.ln-size-open {
  display: inline-flex;
  width: auto;
  margin-top: 10px;
  padding: 0;
  border-top: 0;
  color: var(--ln-cta);
  font-size: 13px;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.ln-size-open svg {
  display: none;
}

/* زرارين الشراء: كبسولات، كورال + تركواز */
button.bg-skin-primary.text-white,
button.border-skin-primary.bg-white.text-skin-primary {
  border-radius: 999px !important;
  font-family: var(--ln-sans) !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase;
  min-height: 52px;
}
button.border-skin-primary.bg-white.text-skin-primary {
  background: var(--ln-primary) !important;
  border-color: var(--ln-primary) !important;
  color: #fff !important;
}
button.border-skin-primary.bg-white.text-skin-primary:hover {
  background: var(--ln-primary-dark) !important;
  border-color: var(--ln-primary-dark) !important;
}

/* شريط الثقة: ٤ أعمدة من غير صندوق */
.ln-trust {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-top: 18px;
  padding: 16px 0 0;
  border: 0;
  border-top: 1px solid var(--ln-line);
  border-radius: 0;
  background: transparent;
}
.ln-trust-item {
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}
.ln-trust-ico {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  border: 0;
  background: var(--ln-surface-2);
  color: var(--ln-cta);
}
.ln-trust-txt b {
  font-size: 12.5px;
}
.ln-trust-txt small {
  font-size: 11px;
}
@media (max-width: 640px) {
  .ln-trust {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding-top: 14px;
  }
}

/* مقارنة ومشاركة: كبسولات صغيرة */
button.mt-5.flex.items-center.gap-3.leading-none {
  border: 1px solid var(--ln-line);
  border-radius: 999px;
  padding: 8px 14px;
  font-family: var(--ln-sans);
  font-size: 13px;
  color: var(--ln-ink);
}

/* ── CHIC STORE — الفوتر ───────────────────────────────────────
   لينا: بلوك غامق ولينكات في النص. Chic: فوتر فاتح بشريط كورال سميك،
   بلوك براند (اسم كبير + تاج لاين + زرارين) بيتحقن من script.js،
   واللينكات صف واحد على الشمال بحروف كابيتال، والحقوق على الشمال. */
footer.bg-\[\#f7f7f7\] {
  background: var(--ln-surface-2) !important;
  border-top: 6px solid var(--ln-cta);
  padding-bottom: 24px !important;
}
footer .luxify_footer {
  padding-top: 40px !important;
  padding-bottom: 8px !important;
}
footer .luxify_footer nav {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 2px 4px;
  margin: 0 -8px;
  padding-top: 18px;
  border-top: 1px solid var(--ln-line);
  text-align: left;
}
footer .luxify_footer_links_container {
  padding: 6px 8px !important;
}
footer .luxify_footer_link {
  color: var(--ln-ink) !important;
  font-family: var(--ln-sans) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
footer .luxify_footer_link:hover {
  color: var(--ln-cta) !important;
}
footer .luxify_footer p.mt-8 {
  margin-top: 18px !important;
  color: var(--ln-muted) !important;
  font-family: var(--ln-sans) !important;
  font-size: 12px !important;
  text-align: left !important;
}
footer .luxify_footer p.mt-8 a {
  color: var(--ln-cta) !important;
}
.ln-foot-brand {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
  gap: 24px;
  align-items: end;
  margin-bottom: 26px;
  font-family: var(--ln-sans);
  text-align: left;
}
.ln-foot-brand * {
  font-family: var(--ln-sans) !important;
}
/* !important لأن طبقة luxify فوق بتلوّن كل <p> في الفوتر */
footer .ln-foot-brand-tag {
  margin: 0 0 8px !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--ln-accent) !important;
}
footer .ln-foot-brand-name {
  margin: 0 !important;
  font-size: clamp(30px, 4.5vw, 48px) !important;
  font-weight: 800 !important;
  letter-spacing: -0.03em;
  line-height: 1 !important;
  color: var(--ln-primary) !important;
}
footer .ln-foot-brand-name span {
  color: var(--ln-cta) !important;
}
footer .ln-foot-brand-note {
  margin: 12px 0 0 !important;
  max-width: 46ch;
  font-size: 13.5px !important;
  line-height: 1.6 !important;
  color: var(--ln-muted) !important;
}
.ln-foot-cta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: flex-end;
}
.ln-foot-cta a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  padding: 0 18px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  transition: transform 0.2s ease, background 0.2s ease;
}
.ln-foot-cta a:hover {
  transform: translateY(-2px);
}
.ln-foot-cta .is-primary {
  background: var(--ln-cta);
  color: #fff !important;
}
.ln-foot-cta .is-ghost {
  border: 1.5px solid var(--ln-primary);
  color: var(--ln-primary) !important;
}
.ln-foot-cta svg {
  width: 18px;
  height: 18px;
}
@media (max-width: 768px) {
  .ln-foot-brand {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .ln-foot-cta {
    justify-content: flex-start;
  }
}

/* ── CHIC STORE — منيو الموبايل (نافذة luxify) ───────────────
   الافتراضي: تابات بخط بنفسجي وصور أقسام كبيرة وعنوان مكرر.
   هنا: تابات كبسولات كورال، والأقسام صفوف بصورة صغيرة مدورة واسم. */
[role="dialog"] .max-w-xs.flex-col {
  background: #fff;
}
[role="dialog"] .max-w-xs button.rounded-md.p-2.text-gray-400 {
  width: 40px;
  height: 40px;
  margin: 0;
  border: 1.5px solid var(--ln-line);
  border-radius: 999px;
  color: var(--ln-ink) !important;
}
[role="dialog"] .max-w-xs .border-b.border-gray-200 {
  border: 0 !important;
}
[role="dialog"] .max-w-xs [role="tablist"] {
  display: flex;
  gap: 6px;
  margin: 8px 16px 0;
  padding: 4px;
  background: var(--ln-surface-2);
  border-radius: 999px;
}
[role="dialog"] .max-w-xs [role="tab"] {
  border: 0 !important;
  border-radius: 999px;
  padding: 10px 12px !important;
  font-family: var(--ln-sans) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: var(--ln-ink) !important;
  transition: background 0.2s ease, color 0.2s ease;
}
[role="dialog"] .max-w-xs [role="tab"][aria-selected="true"] {
  background: var(--ln-cta);
  color: #fff !important;
}
[role="dialog"] .max-w-xs [role="tabpanel"] {
  padding: 16px 16px 24px !important;
}
[role="dialog"] .max-w-xs [role="tabpanel"] > p.font-bold {
  display: none;
}
[role="dialog"] .max-w-xs [role="tabpanel"].space-y-10 > * + * {
  margin-top: 0 !important;
}
[role="dialog"] .max-w-xs [role="tabpanel"] .grid.grid-cols-2 {
  display: block;
}
[role="dialog"] .max-w-xs [role="tabpanel"] .group.relative > div {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 9px 0;
  border-bottom: 1px solid var(--ln-line);
}
[role="dialog"] .max-w-xs [role="tabpanel"] .group.relative .rounded-lg {
  width: 52px;
  height: 52px;
  flex: 0 0 auto;
  border-radius: 14px !important;
  background: var(--ln-surface-2) !important;
}
[role="dialog"] .max-w-xs [role="tabpanel"] .group.relative .rounded-lg > div,
[role="dialog"] .max-w-xs [role="tabpanel"] .group.relative .rounded-lg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
[role="dialog"] .max-w-xs [role="tabpanel"] .group.relative p {
  margin: 0 !important;
  font-family: var(--ln-sans) !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: var(--ln-ink) !important;
}
[role="dialog"] .max-w-xs [role="tabpanel"] a {
  font-family: var(--ln-sans) !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: var(--ln-ink) !important;
}
/* تاب الصفحات: صفوف بخط فاصل */
[role="dialog"] .max-w-xs [role="tabpanel"] .flow-root .-m-2 {
  margin: 0 !important;
  padding: 13px 0 !important;
  border-bottom: 1px solid var(--ln-line);
}
[role="dialog"] .max-w-xs [role="tabpanel"] .flow-root p {
  margin: 0 !important;
  font-family: var(--ln-sans) !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: var(--ln-ink) !important;
}

/* ── CHIC STORE — صفحة القسم ───────────────────────────────────
   لينا: عنوان + زرار ترتيب + شبكة. Chic: بانر بصورة القسم واسمه فوق،
   كبسولات للتنقل بين الأقسام، شريط "Sort by" بزرار كبسولة، وشبكة أوسع. */
.ln-coll {
  margin: -6px 0 22px;
  font-family: var(--ln-sans);
}
.ln-coll * {
  font-family: var(--ln-sans) !important;
}
.ln-coll-hero {
  position: relative;
  display: flex;
  align-items: flex-end;
  min-height: 240px;
  border-radius: 20px;
  overflow: hidden;
  background: var(--ln-primary);
}
.ln-coll-hero img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 30%;
}
.ln-coll-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(28, 35, 39, 0.86) 0%, rgba(28, 35, 39, 0.25) 55%, rgba(28, 35, 39, 0) 100%);
}
.ln-coll-hero--plain::after {
  background: linear-gradient(135deg, var(--ln-primary), var(--ln-primary-dark));
}
.ln-coll-copy {
  position: relative;
  z-index: 1;
  padding: 26px 28px;
  color: #fff;
}
.ln-coll-eyebrow {
  display: inline-block;
  margin: 0 0 10px !important;
  padding: 5px 10px;
  border-radius: 999px;
  background: var(--ln-cta);
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}
.ln-coll-title {
  margin: 0 !important;
  font-size: clamp(32px, 5vw, 58px) !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em;
  line-height: 1 !important;
  color: #fff !important;
}
.ln-coll-desc {
  margin: 10px 0 0 !important;
  max-width: 52ch;
  font-size: 14px !important;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.85) !important;
}
.ln-coll-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 14px;
}
.ln-coll-chip {
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  padding: 0 16px;
  border: 1.5px solid var(--ln-line);
  border-radius: 999px;
  background: #fff;
  color: var(--ln-ink) !important;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  transition: border-color 0.2s ease, background 0.2s ease, color 0.2s ease;
}
.ln-coll-chip:hover {
  border-color: var(--ln-ink);
}
.ln-coll-chip.is-active {
  background: var(--ln-ink);
  border-color: var(--ln-ink);
  color: #fff !important;
}
/* شريط الترتيب: العنوان بيتخفي (موجود في البانر) وبيحل مكانه "Sort by" */
body.ln-has-coll main .category_section_header h1 {
  display: none;
}
body.ln-has-coll main .category_section_header::before {
  content: "Sort by";
  font-family: var(--ln-sans);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--ln-muted);
}
main .category_section_header {
  margin-bottom: 18px !important;
  padding-top: 0 !important;
  border-bottom: 0 !important;
}
main .category_section_header button {
  border: 1.5px solid var(--ln-line) !important;
  border-radius: 999px !important;
  padding: 9px 14px !important;
  font-family: var(--ln-sans) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: var(--ln-ink) !important;
}
main .category_section_header button:hover {
  background: var(--ln-surface-2) !important;
}
/* سكشن فاضي بيسيب مسافة تحت الشريط */
main .category_section_header + div.undefined {
  display: none;
}
main .category_products_grid_container {
  gap: 20px 14px !important;
}
@media (max-width: 640px) {
  .ln-coll {
    margin: -4px 0 16px;
  }
  .ln-coll-hero {
    min-height: 190px;
    border-radius: 16px;
  }
  .ln-coll-copy {
    padding: 18px;
  }
  .ln-coll-chips {
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    padding-bottom: 2px;
  }
  .ln-coll-chips::-webkit-scrollbar {
    display: none;
  }
  .ln-coll-chip {
    flex: 0 0 auto;
  }
}