@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@100..900&display=swap");

.progress_indicator.active-progress {

    display: none !important;
 
}
.blog-text p {
    color: #1c1b1b !important;
}
.blog-title h1, .card-price, .card-title {
    font-weight: 500;
}
.section{
  background: #f9f1e6 !important;
}
.tp-footer-bottom {
  background: #f9f1e6 !important;
}
.tp-quick-links {
  background: #f9f1e6 !important;
}
@media (min-width: 992px) {
    [section-id="e531e1e7-1d21-45f0-ae1d-466d90f5e259"] .pd-ql-card {
        min-height: 500px !important;
        max-height: 520px;
    }
}
@media (max-width: 991.98px) {
    .tp-footer-copyright {
        order: 2;
        display: block !important;
        width: 100%;
        margin: 0;
        padding: 1.25rem 1rem 0.75rem;
        text-align: center;
        background: #f9f1e6 !important;
        color: #6a6a6a !important;
    }
}
@media (max-width: 991.98px) {
    .tp-footer-top .tp-footer-widget:not(.footer-col-4) .tp-footer-widget-content ul {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        margin: 0;
        padding: 0;
        list-style: none;
        gap: 12px;
    }
}
/* Shop / policy links — AR (#footer-acc-links1) + EN (shop column) */
#footer-acc-links1,
#footer-acc-links1 ul,
#footer-acc-links1 li,
#footer-acc-links1 li a,
.tp-footer-widget:not(.footer-col-1):not(.footer-col-4) .tp-footer-widget-content,
.tp-footer-widget:not(.footer-col-1):not(.footer-col-4) .tp-footer-widget-content ul,
.tp-footer-widget:not(.footer-col-1):not(.footer-col-4) .tp-footer-widget-content li,
.tp-footer-widget:not(.footer-col-1):not(.footer-col-4) .tp-footer-widget-content li a {
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings: "wdth" 100, "YTLC" 500;
  font-size: 14px !important;
  line-height: 1.5;
  letter-spacing: 0.02em !important;
  text-transform: none !important;
}

@media (max-width: 991.98px) {
  .footer-accordion-item .tp-footer-widget-content.collapse,
  .footer-accordion-item .tp-footer-widget-content.collapse:not(.show),
  .footer-accordion-item .tp-footer-widget-content.collapsing {
    display: block !important;
    height: auto !important;
    visibility: visible !important;
    overflow: visible !important;
  }

  .footer-accordion-item .footer-accordion-toggle {
    pointer-events: none;
    cursor: default;
  }

  .footer-accordion-item .footer-accordion-toggle::after,
  .footer-accordion-item .footer-accordion-toggle::before {
    display: none !important;
  }

  .footer-accordion-item .tp-footer-widget {
    margin-bottom: 1.5rem;
  }

  .footer-accordion-item .tp-footer-widget-title.footer-accordion-toggle {
    display: block;
    width: 100%;
    margin: 0 0 0.75rem;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    letter-spacing: inherit;
    text-transform: inherit;
    text-align: inherit;
    appearance: none;
    -webkit-appearance: none;
  }

  .footer-accordion-item .tp-footer-widget-content {
    padding: 0;
  }

  .footer-accordion-item .tp-footer-widget-content ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .footer-accordion-item .tp-footer-widget-content li + li {
    margin-top: 0.5rem;
  }
}

/* Footer @bahiah — Nunito Sans only here; site stays Montserrat */
.tp-footer-desc::after {
  content: "@bahiah";
  display: block;
  margin-top: 0.875rem;
 
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings: "wdth" 100, "YTLC" 500;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0.02em;
  color: #6a6a6a;
}

.tp-footer-handle,
.tp-footer-desc + .tp-footer-handle {
  display: block;
  margin-top: 0.875rem;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings: "wdth" 100, "YTLC" 500;
  font-size: 14px !important;
  line-height: 1.5;
  letter-spacing: 0.02em;
  color: #6a6a6a !important;
  text-decoration: none;
  text-transform: none;
}
@media (min-width: 992px) {
    @media (min-width: 992px) {
        [section-id="b4667777-7ee4-4856-aa22-872b345f7599"] .pd-ql-card {
            min-height: 480px !important;
            max-height: 520px !important;
        }
    }
}
@media (max-width: 991.98px) {
    .tp-footer-widget.footer-col-4 .tp-footer-social {
        display: flex !important;
        justify-content: flex-start;
        align-items: center;
        gap: 10px;
        margin: 0;
        padding: 0;
        background: transparent !important;
        margin-bottom: 30px;
    }
}
@media (max-width: 991.98px) {
    .tp-footer-widget.footer-col-4 .tp-footer-social a svg {
        display: block;
        width: 20px;
        height: 20px;
    }
}
@media (max-width: 992px) {
    .tp-footer-widget-title {
        font-size: 21px;
        margin-bottom: 20px;
    }
}
.certificates {
    display: flex;
    align-items: center;
    gap: 12px;
    row-gap: 10px;
    display: none;
    margin-top: 12px;
    flex-wrap: wrap;
}

@media (max-width: 992px) {
    .tp-footer-widget {
        margin-bottom: 16px !important;
    }
}
@media (max-width: 450px) {
    .tp-footer-widget {
        margin-bottom: 0px !important;
    }
  .tp-footer-copyright {
    letter-spacing: 0.2em;
    text-transform: uppercase;
    font-size: 11px !important;
}
}
/**
 * Footer mobile (≤991px) — AR accordion + EN plain markup.
 * Load after theme CSS and footer-mobile-flat.css.
 */

@media (max-width: 991.98px) {
  /* Full-width stacked columns (fixes EN col-6 half-width "shop") */
  .tp-footer-top .row {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: start;
  }

  .tp-footer-top .row > [class*="col-"] {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }

  /* Order: brand → social → shop links */
  .tp-footer-top .row > [class*="col-"]:has(.footer-col-1) {
    order: 1;
  }

  .tp-footer-top .row > [class*="col-"]:has(.footer-col-4) {
    order: 2;
    margin-top: 0.75rem;
    margin-bottom: 0;
  }

  .tp-footer-top .row > [class*="col-"]:has(.tp-footer-widget:not(.footer-col-1):not(.footer-col-4)) {
    order: 3;
    margin-top: 1.25rem;
  }

  /* ----- Hide contact block (AR + EN) — keep social only ----- */
  .tp-footer-widget.footer-col-4 > .tp-footer-widget-title,
  .tp-footer-widget.footer-col-4 > .footer-accordion-toggle,
  .tp-footer-widget.footer-col-4 .tp-footer-talk,
  .tp-footer-widget.footer-col-4 .tp-footer-contact-item {
    display: none !important;
  }

  .tp-footer-widget.footer-col-4,
  .tp-footer-widget.footer-col-4 .tp-footer-widget-content,
  .tp-footer-widget.footer-col-4 .tp-footer-contact,
  .tp-footer-widget.footer-col-4 #footer-acc-contact {
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .tp-footer-widget.footer-col-4 .tp-footer-social-box {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    min-height: 0 !important;
  }

  .tp-footer-widget.footer-col-4 .tp-footer-social-box h4 {
    display: none !important;
  }

  /* Social: icon only, aligned to start */
  .tp-footer-widget.footer-col-4 .tp-footer-social {
    display: flex !important;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    margin: 0;
    padding: 0;
    background: transparent !important;
  }

  .tp-footer-widget.footer-col-4 .tp-footer-social a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
  }

  .tp-footer-widget.footer-col-4 .tp-footer-social a svg {
    display: block;
    width: 24px;
    height: 24px;
  }

  /* Brand + shop links: start-aligned */
  .footer-col-1 .tp-footer-widget-content,
  .tp-footer-top .tp-footer-widget:not(.footer-col-4) .tp-footer-widget-title,
  .tp-footer-top .tp-footer-widget:not(.footer-col-4) .tp-footer-widget-content,
  .tp-footer-top .tp-footer-widget:not(.footer-col-4) .tp-footer-widget-content ul,
  .tp-footer-top .tp-footer-widget:not(.footer-col-4) .tp-footer-widget-content li,
  .tp-footer-top .tp-footer-widget:not(.footer-col-4) .tp-footer-widget-content li a,
  .center-footer-content .tp-footer-top .tp-footer-widget-content,
  .center-footer-content .tp-footer-top .tp-footer-widget-content ul {
    text-align: start !important;
  }

  .tp-footer-top .tp-footer-widget:not(.footer-col-4) .tp-footer-widget-content ul {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin: 0;
    padding: 0;
    list-style: none;
  }

  /* AR accordion: flat open panels */
  .tp-footer-top .tp-footer-widget-content.collapse,
  .tp-footer-top .tp-footer-widget-content.collapse:not(.show),
  .tp-footer-top .tp-footer-widget-content.collapsing {
    display: block !important;
    height: auto !important;
    visibility: visible !important;
    overflow: visible !important;
  }

  .tp-footer-top .footer-accordion-toggle {
    pointer-events: none;
    cursor: default;
  }

  .tp-footer-top .footer-accordion-toggle::after,
  .tp-footer-top .footer-accordion-toggle::before {
    display: none !important;
  }

  .tp-footer-top .footer-accordion-item .tp-footer-widget-title.footer-accordion-toggle {
    display: block;
    width: 100%;
    margin: 0 0 0.75rem;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    text-align: start;
    appearance: none;
    -webkit-appearance: none;
  }

  /* ----- Copyright + payment bar ----- */
  .tp-footer-area {
    display: flex;
    flex-direction: column;
    align-items: stretch;
  }

  .tp-footer-top {
    order: 1;
    width: 100%;
  }

  .tp-footer-bottom {
    display: contents;
  }

  .tp-footer-bottom > .container,
  .tp-footer-bottom .tp-footer-bottom-wrapper {
    display: contents;
  }

  .tp-footer-copyright {
    order: 2;
    display: block !important;
    width: 100%;
    margin: 0;
    padding: 1.25rem 1rem 0.75rem;
    text-align: center;
    background: #f9f1e6 !important;
    color: var(--footer-text-color, #141b34);
  }

  .tp-footer-payment {
    order: 3;
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 8px;
    width: 100%;
    margin: 0;
    padding: 1rem 1rem 1.25rem;
    background: #f9f1e6 !important;
    border-top: 1px solid rgba(0, 0, 0, 0.12) !important;
  }
}


p.tp-footer-desc {
    text-align: start !important;
}
@media (max-width: 768px) {
    .tp-footer-area .footer-accordion-item .tp-footer-widget {
        border-bottom: none !important;
        margin: 0;
        text-align: start;
    }
}
footer::after {
    display: none !important;
    content: none !important;
    height: 0 !important;
    width: 0 !important;
}

@media (max-width: 768px) {
    footer::after {
        display: none !important;
        content: none !important;
        height: 0 !important;
        bottom: 0 !important;
    }
}
@media (max-width: 991.98px) {
    .footer-accordion-item .tp-footer-widget-title.footer-accordion-toggle {
     
        letter-spacing: 0.2em !important;
        text-transform: uppercase !important;
        font-size: 12px !important;
    
    }
}
body.pd-header-overlay {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

@media (max-width: 768px) {
    body.pd-header-overlay:has(.header-sm),
    body:has(.header-sm).pd-header-overlay {
        padding-bottom: 0 !important;
    }
}

@media (max-width: 450px) {
    body.pd-header-overlay:has(.header-sm),
    body:has(.header-sm).pd-header-overlay {
        padding-bottom: 0 !important;
    }
}
/**
 * Footer: show all link/contact blocks on mobile (no accordion).
 * Link this file after Bootstrap / theme CSS.
 */

@media (max-width: 991.98px) {
  .footer-accordion-item .tp-footer-widget-content.collapse,
  .footer-accordion-item .tp-footer-widget-content.collapse:not(.show),
  .footer-accordion-item .tp-footer-widget-content.collapsing {
    display: block !important;
    height: auto !important;
    visibility: visible !important;
    overflow: visible !important;
  }

  .footer-accordion-item .footer-accordion-toggle {
    pointer-events: none;
    cursor: default;
  }

  .footer-accordion-item .footer-accordion-toggle::after,
  .footer-accordion-item .footer-accordion-toggle::before {
    display: none !important;
  }

  .footer-accordion-item .tp-footer-widget {
    margin-bottom: 1.5rem;
  }

  .footer-accordion-item .tp-footer-widget-title.footer-accordion-toggle {
    display: block;
    width: 100%;
    margin: 0 0 0.75rem;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    letter-spacing: inherit;
    text-transform: inherit;
    text-align: inherit;
    appearance: none;
    -webkit-appearance: none;
  }

  .footer-accordion-item .tp-footer-widget-content {
    padding: 0;
  }

  .footer-accordion-item .tp-footer-widget-content ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .footer-accordion-item .tp-footer-widget-content li + li {
    margin-top: 0.5rem;
  }
}

.tp-title-section span {
   
    display: none !important;
}
.tp-footer-contact-content a  { letter-spacing: 0.2em;
    text-transform: uppercase;
          font-size: 14px;}
.tp-footer-contact-item .show-email { letter-spacing: 0.2em;
    text-transform: uppercase;
          font-size: 14px;}

.tp-footer-talk h4{ letter-spacing: 0.2em !important;
    text-transform: uppercase;
          font-size: 14px !important;}
.tp-footer-talk span { letter-spacing: 0.2em !important;
    text-transform: uppercase;
          font-size: 14px !important;}

.tp-footer-widget-title{
  letter-spacing: 0.2em;
    text-transform: uppercase;
          font-size: 12px;
}
.tp-footer-copyright { letter-spacing: 0.2em;
    text-transform: uppercase;
          font-size: 14px;}
.tp-footer-talk{ letter-spacing: 0.2em;
    text-transform: uppercase;
          font-size: 14px;}
.tp-footer-widget-content li a{
  letter-spacing: 0.2em;
    text-transform: uppercase;
          font-size: 14px;
}
.tp-footer-logo{display: none;}

/**
 * Product PDP — desktop (≥1008px): stacked main images + thumb click scrolls page.
 * Mobile / tablet: horizontal Swiper for main images + thumb strip row (scroll-snap).
 */
 a.href {
  position: relative !important;
  overflow: hidden !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: fit-content !important;
  margin: 0 auto !important;

  padding: 14px 28px !important;
  line-height: normal !important;

  border: 1px solid transparent !important;
  border-radius: 0 !important;

  text-transform: uppercase !important;
  text-align: center !important;

  background: #1c1b1b !important;
  color: #fff !important;
  text-decoration: none !important;

  transition:
      color 0.35s ease,
      border-color 0.35s ease !important;

  z-index: 1 !important;
}

/* شيل الـ SVG */
a.href .arrow-icon {
  display: none !important;
}

/* طبقة الخلفية */
a.href::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;

  background: #1c1b1b !important;

  transform: scaleX(1) !important;
  transform-origin: left !important;

  transition: transform 0.4s ease !important;

  z-index: -1 !important;
}

/* Hover */
a.href:hover {
  color: #1c1b1b !important;
  border-color: #1c1b1b !important;
  background: transparent !important;
}

/* اختفاء الخلفية */
a.href:hover::before {
  transform: scaleX(0) !important;
  transform-origin: right !important;
}
:root {
  --pd-gap: clamp(1rem, 2.5vw, 2.25rem);
  --pd-info-max: 480px;
  --pd-thumb-width: clamp(56px, 14vw, 80px);
  --pd-stack-gap: clamp(8px, 2vw, 14px);
  --pd-scroll-anchor: 96px;
  /* sticky info column: match fixed header height */
  --pd-header-offset: 72px;
}

/* --- Base --- */
.container.pd-0,
.products-details,
.col-product-image-wrapper,
.col-product-info,
.product-images-carousel,
#product-images,
#product-images-slick {
  box-sizing: border-box;
}

.products-details {
  position: relative;
  width: 100%;
  max-width: 1330px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 50px;
  background: transparent !important;
  /* CTA tokens (Prestige names first, then Zid/common fallbacks) */
  --pd-cta-bg: var(--button-background, var(--primary-color, #000));
  --pd-cta-text: var(--button-text-color, #fff);
  --pd-cta-font: var(
    --heading-font-family,
    var(--font-family-heading, var(--font-heading, inherit))
  );
  --pd-cta-weight: var(--heading-font-weight, 600);
  --pd-cta-style: var(--heading-font-style, normal);
  --pd-cta-size: max(
    12px,
    calc(
      var(--base-text-font-size, 16px) -
        (var(--default-text-font-size, 16px) - 12px)
    )
  );
  /* sticky offset under fixed header / notch */
  --pd-sticky-top: calc(
    var(--pd-header-offset) + env(safe-area-inset-top, 0px)
  );
}

@media screen and (min-width: 641px) {
  .products-details {
    margin-bottom: 80px;
  }
}
/**
 * Product PDP — desktop (≥1008px): stacked main images + thumb click scrolls page.
 * Mobile / tablet: horizontal Swiper for main images + thumb strip row (scroll-snap).
 */
.header-sm {
    display: none !important;
}
button.loyalty_footer_btn {
    display: none !important;
}
.tp-video video {
  
    min-height: 100vh;
}
.tp-video{
  position: relative;
}
.tp-video ::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-image: linear-gradient(to top, rgba(4, 4, 4, 0.65), rgba(54, 54, 54, 0.2));
}
section[section-id="ff6082d0-432b-4203-b965-703cd16e5807"] {
    margin-top: 0 !important;
    padding-top: 0 !important;

}
section[section-id="55494292-3f0c-4974-8ddd-049a91dce967"] {
    margin-top: 0 !important;
  padding-top: 0 !important;
}
#nav-variants-tab {
  display: none !important;
}
@media (max-width: 450px) {
    .tp-title-section {
        position: relative !important;
        margin-bottom: 70px !important;
        margin-top: 50px;
    }

    .tp-title-section::after {
        content: "" !important;
        position: absolute !important;

        left: 50% !important;
        bottom: -18px !important;

        transform: translateX(-50%) !important;

        width: 10px !important;
        height: 2px !important;

        background: #1c1b1b !important;
        border-radius: 999px !important;
    }
}
@media (max-width: 450px) {
    .deal-days-box .tp-countdown-deal-days span, .tp-footer-talk h4, .tp-title-section h3 {
        font-size: 12px !important;;
          letter-spacing: 0.2em !important;;
    text-transform: uppercase !important;
    }
}
.col-product-image-wrapper {
  max-width: 100%;
}

/* --- Gallery row: thumbs + main --- */
.col-product-image-wrapper {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: clamp(8px, 2vw, 14px);
}

.product-images-carousel-thumbs.swiper-vertical {
  flex: 0 0 var(--pd-thumb-width);
  max-height: none;
  width: var(--pd-thumb-width) !important;
  /* Must not shrink — min-width:0 lets the rail collapse → Swiper measures ~7px wide “slides” in a row */
  min-width: var(--pd-thumb-width);
}

.product-images-carousel-thumbs img {
  border-radius: 0;
}

.product-images-carousel {
  flex: 1 1 auto;
  min-width: 0;
}

/* --- Mobile / tablet: one main image per view, horizontal Swiper (no stacked list) --- */
@media (max-width: 1007.98px) {
  .products-details #product-images,
  .products-details .product-images.slide.gallery {
    overflow: hidden;
    max-width: 100%;
  }

  .products-details #product-images-slick.swiper-container,
  .products-details #product-images-slick {
    height: auto !important;
    max-width: 100%;
    overflow: hidden;
    width: 100%;
  }

  /* Let theme Swiper control transform on mobile */
  .products-details #product-images-slick .swiper-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    height: auto !important;
    align-items: stretch;
  }

  .products-details #product-images-slick .swiper-slide {
    width: 100% !important;
    max-width: 100%;
    height: auto !important;
    margin: 0 !important;
    box-sizing: border-box;
    flex-shrink: 0;
    border-radius: 0;
  }

  .products-details #product-images-slick .image-link {
    display: block;
    width: 100%;
    border-radius: 0;
  }

  .products-details #product-images-slick .carousel-img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: contain;
    object-position: center;
    border-radius: 0;
  }

  .products-details .product-images-carousel-pagination.swiper-pagination-horizontal {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 6px;
    position: relative !important;
    bottom: auto !important;
    left: auto !important;
    width: 100%;
    margin-top: 12px;
    padding: 0 8px;
  }
}

/* --- Lap+: stacked main gallery + real page scroll; pagination hidden (thumbs / scroll) --- */
@media screen and (min-width: 1008px) {
  .products-details #product-images,
  .products-details .product-images.slide.gallery {
    overflow: visible !important;
    max-width: 100%;
  }

  .products-details #product-images-slick.swiper-container,
  .products-details #product-images-slick {
    height: auto !important;
    overflow: visible !important;
    max-width: 100%;
  }

  .products-details #product-images-slick .swiper-wrapper {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    transform: none !important;
    height: auto !important;
    width: 100% !important;
  }

  .products-details #product-images-slick .swiper-slide {
    width: 100% !important;
    max-width: 100%;
    height: auto !important;
    margin: 0 0 var(--pd-stack-gap) 0 !important;
    opacity: 1 !important;
    transform: none !important;
    flex-shrink: 0;
    border-radius: 0;
    scroll-margin-top: var(--pd-scroll-anchor);
    scroll-margin-bottom: 1rem;
  }

  .products-details #product-images-slick .swiper-slide:last-child {
    margin-bottom: 0 !important;
  }

  .products-details #product-images-slick .image-link {
    display: block;
    max-width: 100%;
    overflow: visible;
    border-radius: 0;
  }

  .products-details #product-images-slick .carousel-img {
    width: 100%;
    max-width: 100%;
    height: auto;
    display: block;
    object-fit: contain;
    object-position: top center;
    border-radius: 0;
  }

  .products-details .product-images-carousel-pagination.swiper-pagination-horizontal {
    display: none !important;
  }
}

.col-product-info section {
  max-width: 100%;
}

/* --- Lap+: two columns in normal flow → whole block scrolls together --- */
@media screen and (min-width: 1008px) {
  .products-details {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(260px, min(var(--pd-info-max), 42vw));
    gap: var(--pd-gap);
    align-items: start;
  }

  .products-details .col-product-image-wrapper {
    grid-column: 1;
    width: 100%;
    min-width: 0;
    max-width: none;
    margin: 0;
  }

  /* Sticky mini-thumbs rail (Prestige: Product__SlideshowNav--thumbnails) */
  .products-details
    .col-product-image-wrapper
    .product-images-carousel-thumbs.swiper-vertical {
    position: sticky;
    top: var(--pd-sticky-top);
    align-self: flex-start;
    z-index: 2;
    max-height: calc(100vh - var(--pd-sticky-top) - 24px);
    max-height: calc(100dvh - var(--pd-sticky-top) - 24px);
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 40px;
    box-sizing: border-box;
    flex: 0 0 var(--pd-thumb-width) !important;
    width: var(--pd-thumb-width) !important;
    min-width: var(--pd-thumb-width) !important;
    max-width: var(--pd-thumb-width) !important;
  }

  /* RTL / Swiper sometimes sets margin-left between “horizontal” slides — clear inline-axis gaps */
  .products-details
    .col-product-image-wrapper
    .product-images-carousel-thumbs.swiper-vertical
    .swiper-slide {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .products-details .col-product-info {
    grid-column: 2;
    position: sticky !important;
    top: var(--pd-sticky-top);
    align-self: start;
    width: 100%;
    max-width: none;
    max-height: calc(100vh - var(--pd-sticky-top) - 24px);
    max-height: calc(100dvh - var(--pd-sticky-top) - 24px);
    min-width: 0;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
  }
}

@media screen and (min-width: 1140px) {
  :root {
    --pd-info-max: 520px;
  }
}

/* Short viewports: avoid cramped sticky column */
@media screen and (min-width: 1008px) and (max-height: 520px) {
  .products-details .col-product-info {
    position: static !important;
    max-height: none !important;
    overflow-y: visible !important;
  }

  .products-details
    .col-product-image-wrapper
    .product-images-carousel-thumbs.swiper-vertical {
    position: static;
    max-height: none;
    overflow-y: visible;
    padding-bottom: 0;
  }
}

@media (max-width: 1007.98px) {
  .products-details {
    display: block;
  }

  .products-details .col-product-image-wrapper {
    flex-direction: column-reverse !important;
    flex-wrap: nowrap;
    align-items: stretch;
    gap: clamp(10px, 3vw, 18px);
    width: 100%;
  }

  .products-details .product-images-carousel {
    width: 100% !important;
    max-width: 100%;
    min-width: 0;
  }

  .products-details .col-product-info {
    position: static !important;
    top: auto !important;
    max-height: none !important;
    width: 100%;
    max-width: 100%;
    overflow: visible !important;
    overflow-y: visible !important;
  }

  .products-details .product-images-carousel-thumbs,
  .products-details .product-images-carousel-thumbs.swiper-vertical,
  .products-details .product-images-carousel-thumbs.swiper-container {
    opacity: 1 !important;
    visibility: visible !important;
    position: static !important;
    top: auto !important;
    flex: none;
    width: 100% !important;
    max-width: 100%;
    max-height: none !important;
    overflow: visible !important;
    overflow-y: visible !important;
    padding-bottom: 0 !important;
    z-index: auto;
    display: block !important;
  }

  .products-details .product-images-carousel-thumbs .swiper-wrapper {
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: 8px;
    padding: 4px 2px 8px;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
    scrollbar-width: thin;
    scroll-snap-type: x proximity;
    touch-action: pan-x;
  }

  .products-details .product-images-carousel-thumbs .swiper-slide {
    flex: 0 0 auto !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    scroll-snap-align: start;
  }

  .products-details .product-images-carousel-thumbs .swiper-slide .thumb-image-a,
  .products-details .product-images-carousel-thumbs .swiper-slide a {
    display: block;
  }

  .products-details .product-images-carousel-thumbs .swiper-slide img {
    display: block;
    width: clamp(52px, 16vw, 76px);
    height: auto;
    max-height: 88px;
    object-fit: cover;
    border-radius: 0;
  }
}

@media (max-width: 374.98px) {
  :root {
    --pd-thumb-width: 52px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .products-details .product-buttons-flex.add-cart-page .btn-add-to-cart,
  .products-details .product-buttons-flex.add-cart-page .btn-add-to-cart::before {
    transition: none;
  }
}

@media (max-width: 1007.98px) and (prefers-reduced-motion: reduce) {
  .products-details .product-images-carousel-thumbs .swiper-wrapper {
    scroll-behavior: auto;
  }
}

/* --- Add to cart: solid black default; ::before wipes L→R on hover (Prestige) --- */
.products-details .product-buttons-flex.add-cart-page {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.products-details .product-buttons-flex.add-cart-page .btn-add-to-cart {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 14px 28px;
  line-height: normal;
  border-radius: 0;
  border: 1px solid var(--pd-cta-bg);
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 0.2em;
  font-family: var(--pd-cta-font);
  font-weight: var(--pd-cta-weight);
  font-style: var(--pd-cta-style);
  font-size: var(--pd-cta-size);
  color: var(--pd-cta-text);
  /* Always a real fill — not “transparent” in the cascade */
  background-color: var(--pd-cta-bg) !important;
  cursor: pointer;
  overflow: hidden;
  isolation: isolate;
  -webkit-tap-highlight-color: initial;
  transition: color 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86),
    border-color 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86),
    background-color 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

/* Extra black sheet on top — scales away on hover so fill + text swap reads clearly */
.products-details .product-buttons-flex.add-cart-page .btn-add-to-cart::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: var(--pd-cta-bg);
  transform: scaleX(1);
  transform-origin: left center;
  z-index: 1;
  pointer-events: none;
  transition: transform 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.products-details .product-buttons-flex.add-cart-page .btn-add-to-cart > span,
.products-details .product-buttons-flex.add-cart-page .btn-add-to-cart > img {
  position: relative;
  z-index: 2;
}

.products-details .product-buttons-flex.add-cart-page .btn-add-to-cart svg {
  display: none;
}

.products-details
  .product-buttons-flex.add-cart-page
  .btn-add-to-cart
  .add-to-cart-progress {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
}

.products-details
  .product-buttons-flex.add-cart-page
  .btn-add-to-cart:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}

@media (hover: hover) and (pointer: fine) {
  .products-details
    .product-buttons-flex.add-cart-page
    .btn-add-to-cart:not(:disabled):hover {
    color: var(--pd-cta-bg) !important;
    background-color: transparent !important;
    border-color: var(--pd-cta-bg);
  }

  /* Black moves off to the right → see transparent body + dark label (Prestige) */
  .products-details
    .product-buttons-flex.add-cart-page
    .btn-add-to-cart:not(:disabled):hover::before {
    transform: scaleX(0);
    transform-origin: right center;
  }
}

@media print {
  .products-details .col-product-info {
    position: static !important;
    max-height: none !important;
    overflow: visible !important;
  }

  .products-details
    .col-product-image-wrapper
    .product-images-carousel-thumbs.swiper-vertical {
    position: static !important;
    max-height: none !important;
    overflow: visible !important;
  }

  #product-images-slick .swiper-wrapper {
    break-inside: avoid;
  }
}

/* -------------------------------------------------------------------------- */
/* Theme / store overrides (merged + scoped where needed)                     */
/* -------------------------------------------------------------------------- */

.tp-product-details-tab-nav {
  background: transparent !important;
}

.img-and-btns .add-to-wishlist .icon-heart-mask {
  display: none !important;
}



.product-box:hover,
.product-box:hover *,
.tp-btn-primary:hover,
.tp-btn-primary-outline:hover {
  transform: none !important;
  scale: 1 !important;
  animation: none !important;
  transition: none !important;
  box-shadow: none !important;
  filter: none !important;
}

.product-box {
  width: 100%;
  border-radius: 0 !important;
  overflow: hidden;
  border: 1px solid transparent;
}

.product-box:hover,
.tp-btn-primary,
.tp-btn-primary-outline,
.tp-btn-primary-outline:hover {
  border-color: var(--primary-color);
  border: none !important;
}

.product-box .tp-content-wrapper .tp-price-product .price-new {
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #6a6a6a !important;
}

.product-box .tp-content-product h2 {
  margin-bottom: 0;
  font-size: 15px;
  letter-spacing: 0.2em;
  line-height: 130%;
  text-transform: uppercase;
}

.product-box .tp-product-container {
  background: transparent !important;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.product-box .footer-btns .product-card-add-to-cart,
.product-box .footer-btns a {
  display: none;
}

.tp-footer-area {
  background-color: var(--footer-primary-color);
  color: var(--footer-text-color-primary-bg);
  border: none !important;
  border-radius: 0 !important;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

footer {
  padding: 0 !important;
  position: relative;
}

.select-quantity-div .quantity-input input {
  background: transparent;
}

.form-control {
  background-color: transparent !important;
}

.select-quantity-div .quantity-input {
  border-radius: 0 !important;
  background: transparent !important;
}

.header-nav {
  background: var(--header-background);
  color: var(--header-heading-color);
  box-shadow: 0 -1px var(--header-border-color) inset;
  transition:
    background 0.3s ease-in-out,
    box-shadow 0.3s ease-in-out;
}

.col-product-info .product-description .read-more-btn {
  color: var(--tp-text-1);
  text-decoration: underline;
  display: none !important;
}

.col-product-info .price-product {
  width: 100% !important;
  max-width: 100%;
  margin-bottom: 15px;
  margin-top: 15px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding-bottom: 17px;
  border-bottom: 1px solid #dbd8d3;
}

html[lang="en"] body {
  font-family: "Montserrat", sans-serif !important;
  font-optical-sizing: auto !important;
}

.col-product-info .price-product .product-formatted-price {
  margin: 0;
  font-size: 16px;
  font-weight: 500;
  color: #e0001a;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}

.col-product-info .price-product .product-formatted-price svg {
  width: 16px;
  height: 16px;
}

.col-product-info .title-product {
  font-size: 18px !important;
  font-weight: 500;
  margin-bottom: 10px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}

.loyalty-points {
  display: none;
}

.size-box .form-group .form-control {
  border-radius: 0 !important;
  padding: 7px 10px;
  font-size: 15px;
  border-color: #dbd8d3;
}

html[lang="en"] .size-box .form-group select.form-control {
  background-position: right 10px center;
}

html[lang="ar"] .size-box .form-group select.form-control {
  background-position: left 10px center;
}

/* -------------------------------------------------------------------------- */
/* Side cart (#side-cart) — same rhythm as .product-box card (h2 + price-new) */
/* -------------------------------------------------------------------------- */

aside#side-cart {
  background-color: #f9f1e6 !important;
}

/* Match .product-box .tp-content-product h2 */
aside#side-cart .offcanvas-title,
aside#side-cart .title-product-m,
aside#side-cart .coupon-form .form-group h4 {
  margin-bottom: 0 !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  letter-spacing: 0.2em !important;
  line-height: 130% !important;
  text-transform: uppercase !important;
  color: #1c1b1b !important;
}

aside#side-cart .title-product-m {
  margin-top: 0 !important;
}

/* Match .product-box .tp-content-wrapper .tp-price-product .price-new */
aside#side-cart .product-price,
aside#side-cart .price .product-price,
aside#side-cart .cart-side-totals .title,
aside#side-cart .cart-side-totals .number {
  margin: 0 !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
  color: #6a6a6a !important;
}

aside#side-cart .cart-side-totals .number {
  text-align: end;
}

aside#side-cart .product-price .riyal-svg,
aside#side-cart .price .product-price .riyal-svg,
aside#side-cart .cart-side-totals .number .riyal-svg {
  width: 14px !important;
  height: 16px !important;
  vertical-align: -0.125em;
}

aside#side-cart button,
aside#side-cart .btn,
aside#side-cart .tp-btn,
aside#side-cart a.tp-btn,
aside#side-cart input.form-control,
aside#side-cart input.input-number {
  border-radius: 0 !important;
}

/* -------------------------------------------------------------------------- */
/* Product cards — mobile only (title 12px, price / theme overrides 11px)    */
/* -------------------------------------------------------------------------- */

@media (max-width: 767.98px) {
  .product-box .tp-content-product h2 {
    margin-bottom: 0;
    font-size: 12px !important;
    letter-spacing: 0.2em;
    line-height: 130%;
    text-transform: uppercase;
    color: #1c1b1b !important;
  }

  .product-box .tp-content-wrapper .tp-price-product .price-new {
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: #6a6a6a !important;
    font-size: 11px !important;
  }
}

@media (max-width: 450px) {
  .home-categories-section .tp-product-category-title,
  .product-box .tp-content-wrapper .tp-price-product .price-new,
  .product-card-rating-wrapper,
  .tp-informative .informative-text p {
    font-size: 11px !important;
  }
}

/* -------------------------------------------------------------------------- */
/* Product grid — taller product image on mobile (cover cards)               */
/* Tweak --pd-product-card-aspect (e.g. 3/5 = taller than 2/3) if needed.    */
/* -------------------------------------------------------------------------- */

@media (max-width: 767.98px) {
  .products-grid .product-box.tp-image-mode-cover .tp-image-product .box-img-product.img-1,
  .product-box.tp-image-mode-cover .tp-image-product .box-img-product.img-1 {
    aspect-ratio: var(--pd-product-card-aspect, 2 / 3) !important;
    min-height: clamp(200px, 58vw, 420px);
    overflow: hidden;
  }

  .products-grid .product-box.tp-image-mode-cover .tp-image-product .box-img-product.img-1 img.lazy-img,
  .product-box.tp-image-mode-cover .tp-image-product .box-img-product.img-1 img.lazy-img {
    width: 100% !important;
    height: 100% !important;
    min-height: 100%;
    object-fit: cover !important;
    object-position: center top;
  }
}

/* -------------------------------------------------------------------------- */
/* tp-category-style2 — category hero (ind.html). JS: tp-category-style2.js */
/* Vanilla slider (no Swiper) — theme Swiper autoplay cannot run on this block. */
/* -------------------------------------------------------------------------- */

[section-id="f73cc9d4-e13a-4647-ba89-c111b7bfe698"] .tp-category-style2-swiper {
  opacity: 1;
  position: relative;
  box-sizing: border-box;
}

/* Optional polish when Swiper owns the block (theme); vanilla uses .pd-cat-ready only for hooks */
[section-id="f73cc9d4-e13a-4647-ba89-c111b7bfe698"] .tp-category-style2-swiper.swiper-initialized,
[section-id="f73cc9d4-e13a-4647-ba89-c111b7bfe698"] .tp-category-style2-swiper.pd-cat-ready {
  opacity: 1;
}

[section-id="f73cc9d4-e13a-4647-ba89-c111b7bfe698"] .tp-category-style2-swiper.pd-cat-vanilla-root {
  overflow: hidden;
}

[section-id="f73cc9d4-e13a-4647-ba89-c111b7bfe698"] .tp-category-style2-swiper.pd-cat-vanilla-root .swiper-scrollbar {
  display: none !important;
}

[section-id="f73cc9d4-e13a-4647-ba89-c111b7bfe698"] .pd-cat-track {
  display: flex;
  flex-direction: row;
  box-sizing: border-box;
}

/* Theme often hides non-active Swiper slides — force visible for our manual transform */
[section-id="f73cc9d4-e13a-4647-ba89-c111b7bfe698"] .tp-category-style2-swiper.pd-cat-vanilla-root .pd-cat-track > .swiper-slide {
  opacity: 1 !important;
  visibility: visible !important;
}

@supports (-webkit-touch-callout: none) {
  [section-id="f73cc9d4-e13a-4647-ba89-c111b7bfe698"] .tp-category-style2-swiper:not(.pd-cat-vanilla-root):not(.swiper-initialized) .swiper-slide:not(:first-child) {
    display: none;
  }
}

/* Mobile: one slide = full track width (override theme slidesPerView:auto widths) */
@media (max-width: 767.98px) {
  [section-id="f73cc9d4-e13a-4647-ba89-c111b7bfe698"] .tp-category-style2-swiper {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
    overflow: hidden;
  }

  [section-id="f73cc9d4-e13a-4647-ba89-c111b7bfe698"] .tp-category-style2-swiper .swiper-wrapper,
  [section-id="f73cc9d4-e13a-4647-ba89-c111b7bfe698"] .tp-category-style2-swiper .pd-cat-track {
    box-sizing: border-box;
  }

  /*
   * Theme / Swiper path only. Vanilla (.pd-cat-vanilla-root) sets exact px widths in JS;
   * width:100% !important here makes each slide as wide as the WHOLE track → wrong translate → “empty”.
   */
  [section-id="f73cc9d4-e13a-4647-ba89-c111b7bfe698"] .tp-category-style2-swiper:not(.pd-cat-vanilla-root) .swiper-slide {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box;
    flex-shrink: 0;
  }

  [section-id="f73cc9d4-e13a-4647-ba89-c111b7bfe698"] .tp-category-style2-swiper.pd-cat-vanilla-root .pd-cat-track > .swiper-slide {
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box;
    flex-shrink: 0;
  }

  /* Legacy Zid: .swiper-slide > a > img + h3 — full-bleed until JS upgrades markup */
  [section-id="f73cc9d4-e13a-4647-ba89-c111b7bfe698"] .tp-category-style2-swiper .swiper-slide > a[href] {
    display: block !important;
    position: relative;
    width: 100% !important;
    min-height: 70vh;
    overflow: hidden;
    box-sizing: border-box;
  }

  [section-id="f73cc9d4-e13a-4647-ba89-c111b7bfe698"] .tp-category-style2-swiper .swiper-slide > a[href] > img {
    width: 100% !important;
    min-height: 70vh;
    height: auto;
    object-fit: cover !important;
    object-position: center top;
    display: block !important;
  }
}

@media (max-width: 576px) {
  [section-id="f73cc9d4-e13a-4647-ba89-c111b7bfe698"] .tp-category-style2-swiper .swiper-slide a {
    width: 100%;
  }

  [section-id="f73cc9d4-e13a-4647-ba89-c111b7bfe698"] .tp-cat-slide-copy .tp-cat-slide-cta {
    width: auto;
    max-width: 100%;
  }
}

[section-id="f73cc9d4-e13a-4647-ba89-c111b7bfe698"] .tp-cat-slide-card {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  min-height: 70vh;
  max-height: 90vh;
}

[section-id="f73cc9d4-e13a-4647-ba89-c111b7bfe698"] .tp-cat-slide-figure {
  position: absolute;
  inset: 0;
  display: block;
  z-index: 0;
}

[section-id="f73cc9d4-e13a-4647-ba89-c111b7bfe698"] .tp-cat-slide-figure.Image--contrast::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background-image: linear-gradient(to top, rgba(4, 4, 4, 0.65), rgba(54, 54, 54, 0.2));
}

[section-id="f73cc9d4-e13a-4647-ba89-c111b7bfe698"] .tp-cat-slide-figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  display: block;
}

/* Title + CTA above bullets; keep above gradient */
[section-id="f73cc9d4-e13a-4647-ba89-c111b7bfe698"] .tp-cat-slide-copy {
  position: absolute;
  z-index: 4;
  left: 1.25rem;
  right: 1.25rem;
  bottom: 4.25rem;
  text-align: start;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.75rem;
  pointer-events: none;
  box-sizing: border-box;
}

[section-id="f73cc9d4-e13a-4647-ba89-c111b7bfe698"] .tp-cat-slide-copy .tp-cat-slide-cta {
  pointer-events: auto;
}

[section-id="f73cc9d4-e13a-4647-ba89-c111b7bfe698"] .tp-cat-slide-heading {
  margin: 0;
  padding: 0;
  color: #fff !important;
  font-weight: 500;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-size: clamp(1.75rem, 7vw, 2.75rem) !important;
  line-height: 1.1;
  opacity: 1 !important;
  visibility: visible !important;
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.45);
}

/* Shopify-style button: white fill, dark type, white border ring */
[section-id="f73cc9d4-e13a-4647-ba89-c111b7bfe698"] .tp-cat-slide-cta {
  position: relative;
  display: inline-block;
  width: auto;
  max-width: 100%;
  padding: 14px 28px;
  line-height: normal;
  background-color: #fff !important;
  color: #363636 !important;
  border: 1px solid #fff !important;
  border-radius: 0 !important;
  text-decoration: none !important;
  text-transform: uppercase;
  font-size: 12px;
  text-align: center;
  letter-spacing: 0.2em;
  font-weight: 600;
  z-index: 1;
  box-sizing: border-box;
  transition:
    color 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86),
    border-color 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86),
    background-color 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

@media (hover: hover) {
  [section-id="f73cc9d4-e13a-4647-ba89-c111b7bfe698"] .tp-cat-slide-cta:hover {
    color: #fff !important;
    background-color: transparent !important;
    border-color: #fff !important;
  }
}

/* Flickity-style inside dots: white currentColor, bottom-left (Swiper bullets + vanilla .pd-cat-dot) */
[section-id="f73cc9d4-e13a-4647-ba89-c111b7bfe698"] .tp-cat-style2-pagination,
[section-id="f73cc9d4-e13a-4647-ba89-c111b7bfe698"] .tp-cat-style2-pagination.swiper-pagination-horizontal {
  position: absolute;
  z-index: 6;
  left: 20px !important;
  right: auto !important;
  bottom: 20px !important;
  top: auto !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  min-height: 12px;
  display: flex !important;
  flex-wrap: nowrap;
  align-items: center;
  gap: 0;
  justify-content: flex-start;
  transform: none !important;
  pointer-events: auto;
  list-style: none;
  color: #fff;
}

[section-id="f73cc9d4-e13a-4647-ba89-c111b7bfe698"] .tp-cat-style2-pagination .swiper-pagination-bullet,
[section-id="f73cc9d4-e13a-4647-ba89-c111b7bfe698"] .tp-cat-style2-pagination .pd-cat-dot {
  position: relative;
  margin: 0 6px 0 0 !important;
  padding: 0;
  width: 9px;
  height: 9px;
  opacity: 1 !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 1px solid #fff !important;
  border-radius: 50%;
  box-sizing: border-box;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  font: inherit;
  color: inherit;
  transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, transform 0.2s ease-in-out;
}

/* Active bullet: must beat theme + Swiper defaults (explicit #fff, not currentColor) */
[section-id="f73cc9d4-e13a-4647-ba89-c111b7bfe698"]
  .tp-cat-style2-pagination
  .swiper-pagination-bullet.swiper-pagination-bullet-active,
[section-id="f73cc9d4-e13a-4647-ba89-c111b7bfe698"] .tp-cat-style2-pagination .pd-cat-dot.is-selected {
  background-color: #fff !important;
  background-image: none !important;
  border-color: #fff !important;
  opacity: 1 !important;
  transform: scale(1.05);
}

[section-id="f73cc9d4-e13a-4647-ba89-c111b7bfe698"]
  .tp-cat-style2-pagination
  .swiper-pagination-bullet:not(.swiper-pagination-bullet-active),
[section-id="f73cc9d4-e13a-4647-ba89-c111b7bfe698"] .tp-cat-style2-pagination .pd-cat-dot:not(.is-selected) {
  background-color: transparent !important;
  background-image: none !important;
}

@media (max-width: 767.98px) {
  [section-id="f73cc9d4-e13a-4647-ba89-c111b7bfe698"] .tp-swiper-arrow {
    display: none !important;
  }

  [section-id="f73cc9d4-e13a-4647-ba89-c111b7bfe698"] .swiper-scrollbar {
    display: none !important;
  }

  [section-id="f73cc9d4-e13a-4647-ba89-c111b7bfe698"] .tp-cat-slide-card {
    min-height: 72vh;
  }
}

@media (min-width: 768px) {
  [section-id="f73cc9d4-e13a-4647-ba89-c111b7bfe698"] .tp-cat-slide-copy {
    top: 50%;
    left: 50%;
    right: auto;
    bottom: auto;
    width: 100%;
    max-width: 100%;
    padding: 0 24px;
    margin: 0;
    transform: translate(-50%, -50%);
    text-align: left;
    align-items: flex-start;
  }

  [section-id="f73cc9d4-e13a-4647-ba89-c111b7bfe698"] .tp-cat-style2-pagination {
    display: none !important;
  }

  [section-id="f73cc9d4-e13a-4647-ba89-c111b7bfe698"] .tp-cat-slide-card {
    max-height: 420px;
  }

  [section-id="f73cc9d4-e13a-4647-ba89-c111b7bfe698"] .tp-cat-slide-heading {
    font-size: clamp(1.1rem, 1.8vw, 1.5rem) !important;
  }

  [section-id="f73cc9d4-e13a-4647-ba89-c111b7bfe698"] .tp-cat-slide-cta {
    font-size: 12px;
    padding: 14px 28px;
  }
}
/**
 * Scroll-in reveal for product grid cells (.products-grid > direct children).
 * JS adds .pd-reveal then .pd-reveal--in when the row enters the viewport.
 */

.pd-reveal {
  opacity: 0;
  transform: translate3d(0, 22px, 0);
  transition:
    opacity 0.5s cubic-bezier(0.22, 1, 0.36, 1) var(--pd-reveal-delay, 0ms),
    transform 0.55s cubic-bezier(0.22, 1, 0.36, 1) var(--pd-reveal-delay, 0ms);
  will-change: opacity, transform;
}

.pd-reveal.pd-reveal--in {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  will-change: auto;
}

@media (prefers-reduced-motion: reduce) {
  .pd-reveal {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}


/**
 * Inline nav + header row layout — no theme HTML reordering.
 * Row order uses display:contents + flex order (see bottom section).
 */

/* New row under the logo/icon row when .container is flex */
header.header-nav .container {
  flex-wrap: wrap;
}

.pd-header-primary-nav {
  flex: 0 0 100%;
  width: 100%;
  max-width: 100%;
  padding: 6px 0 10px;
  box-sizing: border-box;
}

.pd-header-primary-nav__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: center;
  gap: 6px 10px;
}

.pd-header-primary-nav__item {
  margin: 0;
  padding: 0;
}

.pd-header-primary-nav__link {
  display: block;
  text-decoration: none !important;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  padding: 8px 6px;
  text-align: center;
  white-space: nowrap;
  color: inherit;
  transition: opacity 0.2s ease;
}

.pd-header-primary-nav__link:hover,
.pd-header-primary-nav__link:focus-visible {
  opacity: 0.85;
}

@media (min-width: 1008px) {
  .pd-header-primary-nav__link {
    font-size: 12px;
    color: var(--header-heading-color, #1c1b1b) !important;
  }
}

@media (max-width: 1007.98px) {
  /* Home only: cream links on transparent hero bar */
  html:not(.header-scrolled) body.pd-header-overlay .pd-header-primary-nav .pd-header-primary-nav__link {
    color: #f9f1e6 !important;
  }

  /* Home scrolled + all other pages: normal header link color */
  html.header-scrolled body.pd-header-overlay .pd-header-primary-nav .pd-header-primary-nav__link,
  body:not(.pd-header-overlay) .pd-header-primary-nav .pd-header-primary-nav__link {
    color: var(--header-heading-color, #1c1b1b) !important;
  }
}

/* -------------------------------------------------------------------------- */
/* Same theme HTML order as always — only CSS changes the visual layout:     */
/* [ search + cart ] | [ logo centered ] | [ currency + login ]              */
/* .right-box / .middle-box / .left-box use display:contents so their         */
/* children become flex items of .header-box (no markup edits).             */
/* -------------------------------------------------------------------------- */

header.header-nav .header-box {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  gap: 10px;
  width: 100%;
}

header.header-nav .header-box .right-box,
header.header-nav .header-box .middle-box,
header.header-nav .header-box .left-box {
  display: contents;
}

header.header-nav .header-box .search-box {
  order: 1;
}

header.header-nav .header-box .cart-btn {
  order: 2;
}

/* Hide hamburger + wishlist hearts in this bar (theme HTML unchanged) */
header.header-nav .header-box .menu-btn {
  display: none !important;
}

header.header-nav .header-box .wishlist-btn {
  display: none !important;
}

/* Logo block grows and stays centered */
header.header-nav .header-box .middle-box > a,
header.header-nav .header-box .middle-box > .header-logo-wrap {
  order: 3;
  flex: 1 1 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0;
}

header.header-nav .header-box .language-currency-btn {
  order: 4;
}

header.header-nav .header-box .login-profile {
  order: 5;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  gap: 8px;
}

/**
 * Hero header: transparent at top → solid after scroll — home only (body.pd-header-overlay).
 * Other pages: normal theme header (header-hero.js does not set overlay on those routes).
 */

.header-nav {
  transition:
    background 0.3s ease-in-out,
    box-shadow 0.3s ease-in-out,
    color 0.25s ease,
    border-color 0.25s ease;
}

/* Fixed over hero — home only */
body.pd-header-overlay .header-nav {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  z-index: 1000 !important;
}

body.pd-header-overlay {
  padding-top: 0 !important;
}

/* Non-home: always bar logo, never hero logo */
body:not(.pd-header-overlay) .header-nav .main-logo--hero {
  display: none !important;
}

body:not(.pd-header-overlay) .header-nav .main-logo--bar {
  display: block !important;
}

/* -------------------------------------------------------------------------- */
/* Mobile: transparent bar + logo swap — home only                            */
/* -------------------------------------------------------------------------- */

@media (max-width: 1007.98px) {
  body.pd-header-overlay .header-nav .header-logo-wrap {
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  body.pd-header-overlay .header-nav .main-logo--bar {
    display: none !important;
  }

  body.pd-header-overlay .header-nav .main-logo--hero {
    display: block !important;
  }

  html.header-scrolled body.pd-header-overlay .header-nav .main-logo--hero {
    display: none !important;
  }

  html.header-scrolled body.pd-header-overlay .header-nav .main-logo--bar {
    display: block !important;
  }

  html:not(.header-scrolled) body.pd-header-overlay .header-nav,
  html:not(.header-scrolled) body.pd-header-overlay .header-nav .bg-header,
  html:not(.header-scrolled) body.pd-header-overlay .header-nav .container,
  html:not(.header-scrolled) body.pd-header-overlay .header-nav .header-box {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    color: #f9f1e6 !important;
  }

  html:not(.header-scrolled) body.pd-header-overlay .header-nav {
    border-bottom: 1px solid #f9f1e6 !important;
  }

  html:not(.header-scrolled) body.pd-header-overlay .header-nav a,
  html:not(.header-scrolled) body.pd-header-overlay .header-nav button {
    color: #f9f1e6 !important;
  }

  html:not(.header-scrolled) body.pd-header-overlay .header-nav svg {
    color: #f9f1e6 !important;
    stroke: #f9f1e6 !important;
  }

  html:not(.header-scrolled) body.pd-header-overlay .header-nav svg[color] {
    color: #f9f1e6 !important;
  }

  html:not(.header-scrolled) body.pd-header-overlay .header-nav .menu-box span {
    background-color: #f9f1e6 !important;
  }

  html:not(.header-scrolled) body.pd-header-overlay .header-nav .cart-badge {
    background: transparent !important;
    color: #f9f1e6 !important;
    border: 1px solid #f9f1e6 !important;
  }

  html.header-scrolled body.pd-header-overlay .header-nav,
  html.header-scrolled body.pd-header-overlay .header-nav .bg-header {
    border-bottom: none !important;
  }
}

/* -------------------------------------------------------------------------- */
/* Desktop: transparent → solid — home only                                   */
/* -------------------------------------------------------------------------- */

@media (min-width: 1008px) {
  html:not(.header-scrolled) body.pd-header-overlay .header-nav .header-logo-wrap {
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  html:not(.header-scrolled) body.pd-header-overlay .header-nav,
  html:not(.header-scrolled) body.pd-header-overlay .header-nav .bg-header,
  html:not(.header-scrolled) body.pd-header-overlay .header-nav .container,
  html:not(.header-scrolled) body.pd-header-overlay .header-nav .header-box {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    color: #f9f1e6 !important;
  }

  html:not(.header-scrolled) body.pd-header-overlay .header-nav {
    border-bottom: 1px solid #f9f1e6 !important;
  }

  html:not(.header-scrolled) body.pd-header-overlay .header-nav a,
  html:not(.header-scrolled) body.pd-header-overlay .header-nav button {
    color: #f9f1e6 !important;
  }

  html:not(.header-scrolled) body.pd-header-overlay .header-nav svg {
    color: #f9f1e6 !important;
    stroke: #f9f1e6 !important;
  }

  html:not(.header-scrolled) body.pd-header-overlay .header-nav svg[color] {
    color: #f9f1e6 !important;
  }

  html:not(.header-scrolled) body.pd-header-overlay .header-nav .menu-box span {
    background-color: #f9f1e6 !important;
  }

  html:not(.header-scrolled) body.pd-header-overlay .header-nav .cart-badge {
    background: transparent !important;
    color: #f9f1e6 !important;
    border: 1px solid #f9f1e6 !important;
  }

  html.header-scrolled body.pd-header-overlay .header-nav,
  html.header-scrolled body.pd-header-overlay .header-nav .bg-header {
    border-bottom: none !important;
  }

  html:not(.header-scrolled) body.pd-header-overlay .header-nav .main-logo--bar {
    display: none !important;
  }

  html:not(.header-scrolled) body.pd-header-overlay .header-nav .main-logo--hero {
    display: block !important;
  }

  html.header-scrolled body.pd-header-overlay .header-nav .main-logo--hero {
    display: none !important;
  }

  html.header-scrolled body.pd-header-overlay .header-nav .main-logo--bar {
    display: block !important;
  }
}

/* home-hero-e531e1e7 — tp-quick-links hero [section-id="e531e1e7-1d21-45f0-ae1d-466d90f5e259"] */
/* السلايدر من home-hero-e531e1e7.js (vanilla) — لا يعتمد على Swiper. */

[section-id="e531e1e7-1d21-45f0-ae1d-466d90f5e259"] {
  --pd-ql-hero-radius: 0;
  --pd-ql-hero-heading: #fff;
  --pd-ql-hero-cta-bg: #fff;
  --pd-ql-hero-cta-fg: #363636;
  /* يطابق .pd-ql-copy { bottom } — عشان النقاط تحت زر الـ CTA */
  --pd-ql-copy-bottom: 4.25rem;
  /* كلما قلّ الرقم = النقاط أقرب لتحت زر الـ CTA */
  --pd-ql-dots-offset-under-cta: 1.5rem;
}

[section-id="e531e1e7-1d21-45f0-ae1d-466d90f5e259"] .tp-quick-links-swiper,
[section-id="e531e1e7-1d21-45f0-ae1d-466d90f5e259"] .pd-ql-root {
  position: relative;
  box-sizing: border-box;
}

/* أسهم الثيم — إخفاء بالـ CSS فقط (بدون تعديل HTML) */
[section-id="e531e1e7-1d21-45f0-ae1d-466d90f5e259"] .tp-slider-arrow,
[section-id="e531e1e7-1d21-45f0-ae1d-466d90f5e259"] .tp-swiper-arrow {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

/* المسار LTR على الموبايل؛ النص داخل الكارت يبقى RTL */
@media (max-width: 991.98px) {
  html[dir="rtl"] [section-id="e531e1e7-1d21-45f0-ae1d-466d90f5e259"] .tp-quick-links-swiper .pd-ql-card,
  html[dir="rtl"] [section-id="e531e1e7-1d21-45f0-ae1d-466d90f5e259"] .tp-quick-links-swiper .pd-ql-copy,
  html[dir="rtl"] [section-id="e531e1e7-1d21-45f0-ae1d-466d90f5e259"] .pd-ql-root .pd-ql-card,
  html[dir="rtl"] [section-id="e531e1e7-1d21-45f0-ae1d-466d90f5e259"] .pd-ql-root .pd-ql-copy {
    direction: rtl;
    text-align: right;
  }

  [section-id="e531e1e7-1d21-45f0-ae1d-466d90f5e259"] .pd-ql-vanilla-mobile.tp-quick-links-swiper,
  [section-id="e531e1e7-1d21-45f0-ae1d-466d90f5e259"] .pd-ql-vanilla-mobile.pd-ql-root {
    overflow: hidden;
    direction: unset;
  }

  [section-id="e531e1e7-1d21-45f0-ae1d-466d90f5e259"] .pd-ql-scrollport {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    overscroll-behavior-x: contain;
    direction: ltr;
    -webkit-overflow-scrolling: touch;
  }

  [section-id="e531e1e7-1d21-45f0-ae1d-466d90f5e259"] .pd-ql-scrollport .pd-ql-track {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    direction: ltr;
    align-items: stretch;
    box-sizing: border-box;
  }

  [section-id="e531e1e7-1d21-45f0-ae1d-466d90f5e259"] .pd-ql-scrollport .pd-ql-slide {
    flex: 0 0 var(--pd-ql-slide-w, 100%);
    width: var(--pd-ql-slide-w, 100%);
    max-width: var(--pd-ql-slide-w, 100%);
    box-sizing: border-box;
    min-width: 0;
    scroll-snap-align: start;
    scroll-snap-stop: always;
  }

  /* نقاط فوق السلايد، محاذاة عمودياً تحت زر الـ CTA (نفس inset الـ copy) */
  [section-id="e531e1e7-1d21-45f0-ae1d-466d90f5e259"] .tp-ql-hero-pagination.pd-ql-pagination-bar {
    position: absolute;
    z-index: 8;
    left: 1.25rem;
    right: auto;
    top: auto;
    bottom: calc(var(--pd-ql-copy-bottom) - var(--pd-ql-dots-offset-under-cta) + env(safe-area-inset-bottom, 0px));
    width: auto;
    max-width: calc(100% - 2.5rem);
    margin: 0;
    padding: 0;
    gap: 8px;
    justify-content: flex-start;
    align-items: center;
    transform: none;
    box-sizing: border-box;
    background: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    border: 0;
    pointer-events: auto;
  }

  html[dir="rtl"] [section-id="e531e1e7-1d21-45f0-ae1d-466d90f5e259"] .tp-ql-hero-pagination.pd-ql-pagination-bar {
    left: auto;
    right: 1.25rem;
  }
}

@media (min-width: 992px) {
  [section-id="e531e1e7-1d21-45f0-ae1d-466d90f5e259"] .tp-quick-links-swiper,
  [section-id="e531e1e7-1d21-45f0-ae1d-466d90f5e259"] .pd-ql-root {
    display: block;
    overflow-x: visible;
    overflow-y: visible;
    scroll-snap-type: none;
    overscroll-behavior-x: auto;
    direction: unset;
  }

  [section-id="e531e1e7-1d21-45f0-ae1d-466d90f5e259"] .pd-ql-scrollport {
    display: contents;
    overflow: visible;
  }

  /* شبكة على الديسكتوب؛ إخفاء النقاط */
  [section-id="e531e1e7-1d21-45f0-ae1d-466d90f5e259"] .pd-ql-root .pd-ql-track {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    width: 100%;
  }

  [section-id="e531e1e7-1d21-45f0-ae1d-466d90f5e259"] .pd-ql-root.pd-ql-vanilla-desktop .pd-ql-track {
    width: 100% !important;
    transform: none !important;
  }

  [section-id="e531e1e7-1d21-45f0-ae1d-466d90f5e259"] .pd-ql-root .tp-ql-hero-pagination {
    display: none !important;
  }
}

[section-id="e531e1e7-1d21-45f0-ae1d-466d90f5e259"] .swiper-scrollbar,
[section-id="e531e1e7-1d21-45f0-ae1d-466d90f5e259"] .swiper-scrollbar-horizontal {
  display: none !important;
  height: 0 !important;
  max-height: 0 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

[section-id="e531e1e7-1d21-45f0-ae1d-466d90f5e259"] .tp-quick-links-swiper > .swiper-pagination {
  display: none !important;
}

[section-id="e531e1e7-1d21-45f0-ae1d-466d90f5e259"] .pd-ql-card {
  position: relative;
  overflow: hidden;
  width: 100%;
  border-radius: var(--pd-ql-hero-radius);
  background: #0a0a0a;
}

@media (min-width: 992px) {
  [section-id="e531e1e7-1d21-45f0-ae1d-466d90f5e259"] .pd-ql-card {
    min-height: 320px;
    max-height: 520px;
  }
}

@media (max-width: 991.98px) {
  [section-id="e531e1e7-1d21-45f0-ae1d-466d90f5e259"] .container {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  [section-id="e531e1e7-1d21-45f0-ae1d-466d90f5e259"] .tp-quick-links-swiper,
  [section-id="e531e1e7-1d21-45f0-ae1d-466d90f5e259"] .pd-ql-root {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  [section-id="e531e1e7-1d21-45f0-ae1d-466d90f5e259"] .pd-ql-slide {
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box;
  }

  [section-id="e531e1e7-1d21-45f0-ae1d-466d90f5e259"] .pd-ql-slide {
    height: auto !important;
    min-height: 70vh !important;
  }

  [section-id="e531e1e7-1d21-45f0-ae1d-466d90f5e259"] .pd-ql-card {
    min-height: 70vh;
    max-height: 90vh;
  }
}

[section-id="e531e1e7-1d21-45f0-ae1d-466d90f5e259"] .pd-ql-figure {
  position: absolute;
  inset: 0;
  display: block;
  z-index: 0;
}

[section-id="e531e1e7-1d21-45f0-ae1d-466d90f5e259"] .pd-ql-figure::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background-image: linear-gradient(to top, rgba(4, 4, 4, 0.65), rgba(54, 54, 54, 0.2));
}

[section-id="e531e1e7-1d21-45f0-ae1d-466d90f5e259"] .pd-ql-figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  display: block;
}

[section-id="e531e1e7-1d21-45f0-ae1d-466d90f5e259"] .pd-ql-copy {
  position: absolute;
  z-index: 4;
  left: 1.25rem;
  right: 1.25rem;
  bottom: var(--pd-ql-copy-bottom);
  text-align: start;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.75rem;
  pointer-events: none;
  box-sizing: border-box;
}

[section-id="e531e1e7-1d21-45f0-ae1d-466d90f5e259"] .pd-ql-copy .pd-ql-cta {
  pointer-events: auto;
}

@media (min-width: 992px) {
  [section-id="e531e1e7-1d21-45f0-ae1d-466d90f5e259"] .pd-ql-copy {
    left: 50%;
    right: auto;
    width: calc(100% - 2rem);
    max-width: 100%;
    transform: translateX(-50%);
    text-align: center;
    align-items: center;
  }
}

[section-id="e531e1e7-1d21-45f0-ae1d-466d90f5e259"] .pd-ql-heading {
  margin: 0;
  padding: 0;
  color: var(--pd-ql-hero-heading) !important;
  font-weight: 500;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-size: clamp(1.35rem, 2.6vw, 2rem) !important;
  line-height: 1.1;
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.45);
}

@media (max-width: 991.98px) {
  [section-id="e531e1e7-1d21-45f0-ae1d-466d90f5e259"] .pd-ql-heading {
    font-size: clamp(1.75rem, 7vw, 2.75rem) !important;
  }
}

[section-id="e531e1e7-1d21-45f0-ae1d-466d90f5e259"] .pd-ql-cta {
  display: inline-block;
  width: auto;
  max-width: 100%;
  padding: 14px 28px;
  line-height: normal;
  background-color: var(--pd-ql-hero-cta-bg) !important;
  color: var(--pd-ql-hero-cta-fg) !important;
  border: 1px solid var(--pd-ql-hero-cta-bg) !important;
  border-radius: 0 !important;
  text-decoration: none !important;
  text-transform: uppercase;
  font-size: 12px;
  text-align: center;
  letter-spacing: 0.2em;
  font-weight: 600;
  box-sizing: border-box;
  transition:
    color 0.35s ease,
    border-color 0.35s ease,
    background-color 0.35s ease;
}

@media (hover: hover) {
  [section-id="e531e1e7-1d21-45f0-ae1d-466d90f5e259"] .pd-ql-cta:hover {
    color: #fff !important;
    background-color: transparent !important;
    border-color: #fff !important;
  }
}

/* النقاط — شكل Swiper؛ الشريط الثابت على الموبايل يُعرّف في @media أعلى */
[section-id="e531e1e7-1d21-45f0-ae1d-466d90f5e259"] .tp-ql-hero-pagination {
  direction: ltr;
  display: flex;
  z-index: 8;
  margin: 0;
  pointer-events: auto;
}

@media (min-width: 992px) {
  [section-id="e531e1e7-1d21-45f0-ae1d-466d90f5e259"] .tp-ql-hero-pagination {
    position: absolute;
    left: 50%;
    bottom: calc(1.25rem + env(safe-area-inset-bottom, 0px));
    transform: translateX(-50%);
    justify-content: center;
    padding: 0;
    gap: 0;
    flex-wrap: nowrap;
    align-items: center;
  }

  html[dir="rtl"] [section-id="e531e1e7-1d21-45f0-ae1d-466d90f5e259"] .tp-ql-hero-pagination {
    left: 50%;
    right: auto;
    transform: translateX(-50%);
  }
}

[section-id="e531e1e7-1d21-45f0-ae1d-466d90f5e259"] .tp-ql-hero-pagination .pd-ql-dot,
[section-id="e531e1e7-1d21-45f0-ae1d-466d90f5e259"] .tp-ql-hero-pagination .swiper-pagination-bullet {
  margin: 0;
  padding: 0;
  width: 8px;
  height: 8px;
  border: 0;
  border-radius: 50%;
  background: #fff;
  opacity: 0.35;
  cursor: pointer;
  box-sizing: border-box;
  appearance: none;
  -webkit-appearance: none;
  font: inherit;
  transition:
    opacity 0.2s ease,
    transform 0.2s ease;
}

[section-id="e531e1e7-1d21-45f0-ae1d-466d90f5e259"] .tp-ql-hero-pagination .pd-ql-dot.is-selected,
[section-id="e531e1e7-1d21-45f0-ae1d-466d90f5e259"] .tp-ql-hero-pagination .swiper-pagination-bullet-active {
  opacity: 1;
  transform: scale(1.2);
}






@media (max-width: 576px) {
    .category-style3-content button, .flex-profile .profile-box li svg, .swiper-container .tp-slider-arrow, .tp-slider-active .tp-slider-arrow, .tp-slider-shape-3 {
        display: block !important;
    }
}
@media (max-width: 576px) {
    .tp-btn {
        padding: 12px 20px;
        font-size: 16px;
        border-radius: 0px !important;
    }
}
@media (max-width: 768px) {
    .category-style3-content button {
        margin-top: 6px;
    }
}
/* category-style3-a8a14d5a — category style3 hero [section-id="a8a14d5a-2977-4a60-b22b-975dd1befb51"] */
/* السلايدر من category-style3-a8a14d5a.js (vanilla) — لا يعتمد على Swiper. */

[section-id="a8a14d5a-2977-4a60-b22b-975dd1befb51"] {
  --pd-ql-hero-radius: 0;
  --pd-ql-hero-heading: #fff;
  --pd-ql-hero-cta-bg: #fff;
  --pd-ql-hero-cta-fg: #363636;
  --pd-cat3-dots-bottom: 1.25rem;
  --pd-cat3-dots-size: 8px;
  --pd-cat3-dots-gap-under-cta: 0.75rem;
  --pd-ql-copy-bottom: calc(
    var(--pd-cat3-dots-bottom) + var(--pd-cat3-dots-size) + var(--pd-cat3-dots-gap-under-cta) + 3rem
  );
  /* ارتفاع الشريحة على الموبايل — صورة full-bleed مثل الثيم الأصلي */
  --pd-cat3-mobile-h: 75vh;
  --pd-cat3-desktop-aspect: 3 / 4;
  --pd-cat3-desktop-min-h: 380px;
}

/* ثيم Zid: opacity:0 حتى swiper-initialized — vanilla بدون Swiper */
[section-id="a8a14d5a-2977-4a60-b22b-975dd1befb51"] .tp-category-style3-swiper,
[section-id="a8a14d5a-2977-4a60-b22b-975dd1befb51"] .tp-category-style3-swiper.pd-ql-root,
[section-id="a8a14d5a-2977-4a60-b22b-975dd1befb51"] .tp-category-style3-swiper.pd-ql-vanilla-root,
[section-id="a8a14d5a-2977-4a60-b22b-975dd1befb51"] .tp-category-style3-swiper.pd-cat3-ready {
  opacity: 1 !important;
  visibility: visible !important;
}

[section-id="a8a14d5a-2977-4a60-b22b-975dd1befb51"] .tp-category-style3-swiper,
[section-id="a8a14d5a-2977-4a60-b22b-975dd1befb51"] .tp-category-style3-swiper,
[section-id="a8a14d5a-2977-4a60-b22b-975dd1befb51"] .pd-ql-root,
[section-id="a8a14d5a-2977-4a60-b22b-975dd1befb51"] .pd-cat3-root {
  position: relative;
  box-sizing: border-box;
}

/* أسهم الثيم — إخفاء بالـ CSS فقط (بدون تعديل HTML) */
[section-id="a8a14d5a-2977-4a60-b22b-975dd1befb51"] .tp-slider-arrow,
[section-id="a8a14d5a-2977-4a60-b22b-975dd1befb51"] .tp-swiper-arrow {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

/* المسار LTR على الموبايل؛ النص داخل الكارت يبقى RTL */
@media (max-width: 991.98px) {
  html[dir="rtl"] [section-id="a8a14d5a-2977-4a60-b22b-975dd1befb51"] .tp-category-style3-swiper .pd-ql-card,
  html[dir="rtl"] [section-id="a8a14d5a-2977-4a60-b22b-975dd1befb51"] .tp-category-style3-swiper .pd-ql-copy,
  html[dir="rtl"] [section-id="a8a14d5a-2977-4a60-b22b-975dd1befb51"] .pd-ql-root .pd-ql-card,
  html[dir="rtl"] [section-id="a8a14d5a-2977-4a60-b22b-975dd1befb51"] .pd-ql-root .pd-ql-copy {
    direction: rtl;
    text-align: right;
  }

  [section-id="a8a14d5a-2977-4a60-b22b-975dd1befb51"] .pd-ql-vanilla-mobile.tp-category-style3-swiper,
  [section-id="a8a14d5a-2977-4a60-b22b-975dd1befb51"] .pd-ql-vanilla-mobile.pd-ql-root {
    overflow: hidden;
    direction: unset;
    min-height: var(--pd-cat3-mobile-h);
  }

  [section-id="a8a14d5a-2977-4a60-b22b-975dd1befb51"] .pd-ql-scrollport {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    overscroll-behavior-x: contain;
    direction: ltr;
    -webkit-overflow-scrolling: touch;
  }

  [section-id="a8a14d5a-2977-4a60-b22b-975dd1befb51"] .pd-ql-scrollport .pd-ql-track {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    direction: ltr;
    align-items: stretch;
    box-sizing: border-box;
  }

  [section-id="a8a14d5a-2977-4a60-b22b-975dd1befb51"] .pd-ql-scrollport {
    min-height: var(--pd-cat3-mobile-h);
  }

  [section-id="a8a14d5a-2977-4a60-b22b-975dd1befb51"] .pd-ql-scrollport .pd-ql-track {
    min-height: var(--pd-cat3-mobile-h);
    align-items: stretch;
  }

  [section-id="a8a14d5a-2977-4a60-b22b-975dd1befb51"] .pd-ql-scrollport .pd-ql-slide {
    flex: 0 0 var(--pd-ql-slide-w, 100%);
    width: var(--pd-ql-slide-w, 100%);
    max-width: var(--pd-ql-slide-w, 100%);
    height: var(--pd-cat3-mobile-h) !important;
    min-height: var(--pd-cat3-mobile-h) !important;
    box-sizing: border-box;
    min-width: 0;
    scroll-snap-align: start;
    scroll-snap-stop: always;
  }

  [section-id="a8a14d5a-2977-4a60-b22b-975dd1befb51"] .pd-ql-vanilla-mobile.pd-ql-root > .tp-ql-hero-pagination.pd-ql-pagination-bar,
  [section-id="a8a14d5a-2977-4a60-b22b-975dd1befb51"] .pd-ql-vanilla-mobile.tp-category-style3-swiper > .tp-ql-hero-pagination.pd-ql-pagination-bar {
    position: absolute !important;
    z-index: 10;
    left: 1.25rem;
    right: auto;
    top: auto;
    bottom: calc(var(--pd-cat3-dots-bottom) + env(safe-area-inset-bottom, 0px));
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: auto;
    max-width: calc(100% - 2.5rem);
    margin: 0;
    padding: 0;
    gap: 8px;
    justify-content: flex-start;
    align-items: center;
    transform: none !important;
    -webkit-transform: none !important;
    box-sizing: border-box;
    pointer-events: auto;
  }

  html[dir="rtl"] [section-id="a8a14d5a-2977-4a60-b22b-975dd1befb51"] .pd-ql-vanilla-mobile.pd-ql-root > .tp-ql-hero-pagination.pd-ql-pagination-bar,
  html[dir="rtl"] [section-id="a8a14d5a-2977-4a60-b22b-975dd1befb51"] .pd-ql-vanilla-mobile.tp-category-style3-swiper > .tp-ql-hero-pagination.pd-ql-pagination-bar {
    left: auto;
    right: 1.25rem;
  }

  /* ثيم: لا fixed — absolute على الـ root فقط */
  [section-id="a8a14d5a-2977-4a60-b22b-975dd1befb51"] .pd-ql-vanilla-mobile > .tp-ql-hero-pagination {
    position: absolute !important;
  }
}

@media (min-width: 992px) {
  [section-id="a8a14d5a-2977-4a60-b22b-975dd1befb51"] .tp-category-style3-swiper,
  [section-id="a8a14d5a-2977-4a60-b22b-975dd1befb51"] .pd-ql-root {
    display: block;
    overflow-x: visible;
    overflow-y: visible;
    scroll-snap-type: none;
    overscroll-behavior-x: auto;
    direction: unset;
  }

  [section-id="a8a14d5a-2977-4a60-b22b-975dd1befb51"] .pd-ql-scrollport {
    display: contents;
    overflow: visible;
  }

  /* شبكة على الديسكتوب؛ إخفاء النقاط */
  [section-id="a8a14d5a-2977-4a60-b22b-975dd1befb51"] .pd-ql-root .pd-ql-track {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    width: 100%;
  }

  [section-id="a8a14d5a-2977-4a60-b22b-975dd1befb51"] .pd-ql-root.pd-ql-vanilla-desktop .pd-ql-track {
    width: 100% !important;
    transform: none !important;
  }

  [section-id="a8a14d5a-2977-4a60-b22b-975dd1befb51"] .pd-ql-root .tp-ql-hero-pagination {
    display: none !important;
  }

  [section-id="a8a14d5a-2977-4a60-b22b-975dd1befb51"] .pd-ql-vanilla-desktop .pd-ql-slide,
  [section-id="a8a14d5a-2977-4a60-b22b-975dd1befb51"] .pd-ql-vanilla-desktop .swiper-slide {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    flex: none !important;
    height: auto !important;
    min-height: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
  }

  [section-id="a8a14d5a-2977-4a60-b22b-975dd1befb51"] .pd-ql-vanilla-desktop .pd-ql-card {
    aspect-ratio: var(--pd-cat3-desktop-aspect);
    min-height: var(--pd-cat3-desktop-min-h);
    max-height: 560px;
    height: auto;
  }

  [section-id="a8a14d5a-2977-4a60-b22b-975dd1befb51"] .pd-ql-vanilla-desktop .swiper-slide > a[href] {
    display: block !important;
    position: relative;
    width: 100%;
    aspect-ratio: var(--pd-cat3-desktop-aspect);
    min-height: var(--pd-cat3-desktop-min-h);
    overflow: hidden;
  }

  [section-id="a8a14d5a-2977-4a60-b22b-975dd1befb51"] .pd-ql-vanilla-desktop .swiper-slide > a[href] > img,
  [section-id="a8a14d5a-2977-4a60-b22b-975dd1befb51"] .pd-ql-vanilla-desktop .swiper-slide > a[href] > img.lazy-img {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    max-height: none !important;
    object-fit: cover !important;
    object-position: center center;
    display: block !important;
  }

  [section-id="a8a14d5a-2977-4a60-b22b-975dd1befb51"] .pd-ql-vanilla-desktop .pd-ql-figure img,
  [section-id="a8a14d5a-2977-4a60-b22b-975dd1befb51"] .pd-ql-vanilla-desktop .pd-ql-figure img.lazy-img {
    min-height: 100% !important;
    height: 100% !important;
  }
}

[section-id="a8a14d5a-2977-4a60-b22b-975dd1befb51"] .swiper-scrollbar,
[section-id="a8a14d5a-2977-4a60-b22b-975dd1befb51"] .swiper-scrollbar-horizontal {
  display: none !important;
  height: 0 !important;
  max-height: 0 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

[section-id="a8a14d5a-2977-4a60-b22b-975dd1befb51"] .tp-category-style3-swiper > .swiper-pagination {
  display: none !important;
}

[section-id="a8a14d5a-2977-4a60-b22b-975dd1befb51"] .pd-ql-card {
  position: relative;
  overflow: hidden;
  width: 100%;
  border-radius: var(--pd-ql-hero-radius);
  background: #0a0a0a;
}

@media (min-width: 992px) {
  [section-id="a8a14d5a-2977-4a60-b22b-975dd1befb51"] .pd-ql-card {
    min-height: 320px;
    max-height: 520px;
  }
}

@media (max-width: 991.98px) {
  [section-id="a8a14d5a-2977-4a60-b22b-975dd1befb51"] .container {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  [section-id="a8a14d5a-2977-4a60-b22b-975dd1befb51"] .tp-category-style3-swiper,
  [section-id="a8a14d5a-2977-4a60-b22b-975dd1befb51"] .pd-ql-root {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  [section-id="a8a14d5a-2977-4a60-b22b-975dd1befb51"] .pd-ql-slide {
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box;
  }

  [section-id="a8a14d5a-2977-4a60-b22b-975dd1befb51"] .pd-ql-card {
    height: 100% !important;
    min-height: 100% !important;
    max-height: none !important;
  }
}

[section-id="a8a14d5a-2977-4a60-b22b-975dd1befb51"] .pd-ql-figure {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  min-height: 100%;
  display: block;
  z-index: 0;
}

[section-id="a8a14d5a-2977-4a60-b22b-975dd1befb51"] .pd-ql-figure::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background-image: linear-gradient(to top, rgba(4, 4, 4, 0.65), rgba(54, 54, 54, 0.2));
}

[section-id="a8a14d5a-2977-4a60-b22b-975dd1befb51"] .pd-ql-figure img,
[section-id="a8a14d5a-2977-4a60-b22b-975dd1befb51"] .pd-ql-figure img.lazy-img {
  position: absolute;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  min-width: 100%;
  min-height: 100%;
  max-width: none;
  max-height: none;
  object-fit: cover !important;
  object-position: center center;
  display: block;
}

@media (max-width: 991.98px) {
  /* ثيم Zid أحياناً يفرض height:auto على الصورة — نلغيه هنا */
  [section-id="a8a14d5a-2977-4a60-b22b-975dd1befb51"] .tp-category-style3-swiper .pd-ql-figure img,
  [section-id="a8a14d5a-2977-4a60-b22b-975dd1befb51"] .pd-ql-root .pd-ql-figure img {
    min-height: 100% !important;
    height: 100% !important;
  }
}

[section-id="a8a14d5a-2977-4a60-b22b-975dd1befb51"] .pd-ql-copy {
  position: absolute;
  z-index: 4;
  left: 1.25rem;
  right: 1.25rem;
  bottom: var(--pd-ql-copy-bottom);
  text-align: start;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.75rem;
  pointer-events: none;
  box-sizing: border-box;
}

[section-id="a8a14d5a-2977-4a60-b22b-975dd1befb51"] .pd-ql-copy .pd-ql-cta {
  pointer-events: auto;
}

@media (min-width: 992px) {
  [section-id="a8a14d5a-2977-4a60-b22b-975dd1befb51"] {
    --pd-ql-copy-bottom: 4.25rem;
  }

  [section-id="a8a14d5a-2977-4a60-b22b-975dd1befb51"] .pd-ql-copy {
    left: 50%;
    right: auto;
    width: calc(100% - 2rem);
    max-width: 100%;
    transform: translateX(-50%);
    text-align: center;
    align-items: center;
  }
}

[section-id="a8a14d5a-2977-4a60-b22b-975dd1befb51"] .pd-ql-heading {
  margin: 0;
  padding: 0;
  color: var(--pd-ql-hero-heading) !important;
  font-weight: 500;
  letter-spacing: 0.02em;
  text-transform: none;
  font-size: clamp(1.35rem, 2.6vw, 2rem) !important;
  line-height: 1.2;
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.45);
}

@media (max-width: 991.98px) {
  [section-id="a8a14d5a-2977-4a60-b22b-975dd1befb51"] .pd-ql-heading {
    font-size: clamp(1.75rem, 7vw, 2.75rem) !important;
  }
}

[section-id="a8a14d5a-2977-4a60-b22b-975dd1befb51"] .pd-ql-cta {
  display: inline-block;
  width: auto;
  max-width: 100%;
  padding: 14px 28px;
  line-height: 1.45;
  background-color: var(--pd-ql-hero-cta-bg) !important;
  color: var(--pd-ql-hero-cta-fg) !important;
  border: 1px solid var(--pd-ql-hero-cta-bg) !important;
  border-radius: 0 !important;
  text-decoration: none !important;
  text-transform: none;
  font-size: 14px;
  text-align: center;
  letter-spacing: normal;
  font-weight: 600;
  box-sizing: border-box;
  overflow: visible;
  white-space: normal;
  word-break: normal;
  transition:
    color 0.35s ease,
    border-color 0.35s ease,
    background-color 0.35s ease;
}

/* عربي: letter-spacing/uppercase من home-hero يقطع حروف الزر */
html[dir="rtl"] [section-id="a8a14d5a-2977-4a60-b22b-975dd1befb51"] .pd-ql-copy .pd-ql-cta,
html[dir="rtl"] [section-id="a8a14d5a-2977-4a60-b22b-975dd1befb51"] .pd-ql-copy .tp-btn.pd-ql-cta {
  letter-spacing: 0 !important;
  text-transform: none !important;
  line-height: 1.5 !important;
}

@media (hover: hover) {
  [section-id="a8a14d5a-2977-4a60-b22b-975dd1befb51"] .pd-ql-cta:hover {
    color: #fff !important;
    background-color: transparent !important;
    border-color: #fff !important;
  }
}

/* النقاط — شكل Swiper؛ الشريط الثابت على الموبايل يُعرّف في @media أعلى */
[section-id="a8a14d5a-2977-4a60-b22b-975dd1befb51"] .tp-ql-hero-pagination {
  direction: ltr;
  display: flex;
  z-index: 8;
  margin: 0;
  pointer-events: auto;
}

@media (min-width: 992px) {
  [section-id="a8a14d5a-2977-4a60-b22b-975dd1befb51"] .tp-ql-hero-pagination {
    position: absolute;
    left: 50%;
    bottom: calc(1.25rem + env(safe-area-inset-bottom, 0px));
    transform: translateX(-50%);
    justify-content: center;
    padding: 0;
    gap: 0;
    flex-wrap: nowrap;
    align-items: center;
  }

  html[dir="rtl"] [section-id="a8a14d5a-2977-4a60-b22b-975dd1befb51"] .tp-ql-hero-pagination {
    left: 50%;
    right: auto;
    transform: translateX(-50%);
  }
}

[section-id="a8a14d5a-2977-4a60-b22b-975dd1befb51"] .tp-ql-hero-pagination .pd-ql-dot,
[section-id="a8a14d5a-2977-4a60-b22b-975dd1befb51"] .tp-ql-hero-pagination .swiper-pagination-bullet {
  margin: 0;
  padding: 0;
  width: 8px !important;
  height: 8px !important;
  min-width: 8px;
  min-height: 8px;
  border: 0;
  border-radius: 50%;
  background: #fff !important;
  background-color: #fff !important;
  opacity: 0.4 !important;
  cursor: pointer;
  box-sizing: border-box;
  appearance: none;
  -webkit-appearance: none;
  font: inherit;
  transform: none !important;
  transition: opacity 0.15s ease;
  flex-shrink: 0;
}

[section-id="a8a14d5a-2977-4a60-b22b-975dd1befb51"] .tp-ql-hero-pagination .pd-ql-dot.is-selected,
[section-id="a8a14d5a-2977-4a60-b22b-975dd1befb51"] .tp-ql-hero-pagination .swiper-pagination-bullet-active {
  opacity: 1 !important;
  background: #fff !important;
  background-color: #fff !important;
  transform: none !important;
}


/* category-style3-e531e1e7 — category style3 hero [section-id="6cfb49b1-1bff-4750-8485-92ca14a0365c"] */
/* السلايدر من category-style3-e531e1e7.js (vanilla) — لا يعتمد على Swiper. */

[section-id="6cfb49b1-1bff-4750-8485-92ca14a0365c"] {
  --pd-ql-hero-radius: 0;
  --pd-ql-hero-heading: #fff;
  --pd-ql-hero-cta-bg: #fff;
  --pd-ql-hero-cta-fg: #363636;
  --pd-cat3-dots-bottom: 1.25rem;
  --pd-cat3-dots-size: 8px;
  --pd-cat3-dots-gap-under-cta: 0.75rem;
  --pd-ql-copy-bottom: calc(
    var(--pd-cat3-dots-bottom) + var(--pd-cat3-dots-size) + var(--pd-cat3-dots-gap-under-cta) + 3rem
  );
  /* ارتفاع الشريحة على الموبايل — صورة full-bleed مثل الثيم الأصلي */
  --pd-cat3-mobile-h: 75vh;
  --pd-cat3-desktop-aspect: 3 / 4;
  --pd-cat3-desktop-min-h: 380px;
}

/* ثيم Zid: opacity:0 حتى swiper-initialized — vanilla بدون Swiper */
[section-id="6cfb49b1-1bff-4750-8485-92ca14a0365c"] .tp-category-style3-swiper,
[section-id="6cfb49b1-1bff-4750-8485-92ca14a0365c"] .tp-category-style3-swiper.pd-ql-root,
[section-id="6cfb49b1-1bff-4750-8485-92ca14a0365c"] .tp-category-style3-swiper.pd-ql-vanilla-root,
[section-id="6cfb49b1-1bff-4750-8485-92ca14a0365c"] .tp-category-style3-swiper.pd-cat3-ready {
  opacity: 1 !important;
  visibility: visible !important;
}

[section-id="6cfb49b1-1bff-4750-8485-92ca14a0365c"] .tp-category-style3-swiper,
[section-id="6cfb49b1-1bff-4750-8485-92ca14a0365c"] .tp-category-style3-swiper,
[section-id="6cfb49b1-1bff-4750-8485-92ca14a0365c"] .pd-ql-root,
[section-id="6cfb49b1-1bff-4750-8485-92ca14a0365c"] .pd-cat3-root {
  position: relative;
  box-sizing: border-box;
}

/* أسهم الثيم — إخفاء بالـ CSS فقط (بدون تعديل HTML) */
[section-id="6cfb49b1-1bff-4750-8485-92ca14a0365c"] .tp-slider-arrow,
[section-id="6cfb49b1-1bff-4750-8485-92ca14a0365c"] .tp-swiper-arrow {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

/* المسار LTR على الموبايل؛ النص داخل الكارت يبقى RTL */
@media (max-width: 991.98px) {
  html[dir="rtl"] [section-id="6cfb49b1-1bff-4750-8485-92ca14a0365c"] .tp-category-style3-swiper .pd-ql-card,
  html[dir="rtl"] [section-id="6cfb49b1-1bff-4750-8485-92ca14a0365c"] .tp-category-style3-swiper .pd-ql-copy,
  html[dir="rtl"] [section-id="6cfb49b1-1bff-4750-8485-92ca14a0365c"] .pd-ql-root .pd-ql-card,
  html[dir="rtl"] [section-id="6cfb49b1-1bff-4750-8485-92ca14a0365c"] .pd-ql-root .pd-ql-copy {
    direction: rtl;
    text-align: right;
  }

  [section-id="6cfb49b1-1bff-4750-8485-92ca14a0365c"] .pd-ql-vanilla-mobile.tp-category-style3-swiper,
  [section-id="6cfb49b1-1bff-4750-8485-92ca14a0365c"] .pd-ql-vanilla-mobile.pd-ql-root {
    overflow: hidden;
    direction: unset;
    min-height: var(--pd-cat3-mobile-h);
  }

  [section-id="6cfb49b1-1bff-4750-8485-92ca14a0365c"] .pd-ql-scrollport {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    overscroll-behavior-x: contain;
    direction: ltr;
    -webkit-overflow-scrolling: touch;
  }

  [section-id="6cfb49b1-1bff-4750-8485-92ca14a0365c"] .pd-ql-scrollport .pd-ql-track {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    direction: ltr;
    align-items: stretch;
    box-sizing: border-box;
  }

  [section-id="6cfb49b1-1bff-4750-8485-92ca14a0365c"] .pd-ql-scrollport {
    min-height: var(--pd-cat3-mobile-h);
  }

  [section-id="6cfb49b1-1bff-4750-8485-92ca14a0365c"] .pd-ql-scrollport .pd-ql-track {
    min-height: var(--pd-cat3-mobile-h);
    align-items: stretch;
  }

  [section-id="6cfb49b1-1bff-4750-8485-92ca14a0365c"] .pd-ql-scrollport .pd-ql-slide {
    flex: 0 0 var(--pd-ql-slide-w, 100%);
    width: var(--pd-ql-slide-w, 100%);
    max-width: var(--pd-ql-slide-w, 100%);
    height: var(--pd-cat3-mobile-h) !important;
    min-height: var(--pd-cat3-mobile-h) !important;
    box-sizing: border-box;
    min-width: 0;
    scroll-snap-align: start;
    scroll-snap-stop: always;
  }

  [section-id="6cfb49b1-1bff-4750-8485-92ca14a0365c"] .pd-ql-vanilla-mobile.pd-ql-root > .tp-ql-hero-pagination.pd-ql-pagination-bar,
  [section-id="6cfb49b1-1bff-4750-8485-92ca14a0365c"] .pd-ql-vanilla-mobile.tp-category-style3-swiper > .tp-ql-hero-pagination.pd-ql-pagination-bar {
    position: absolute !important;
    z-index: 10;
    left: 1.25rem;
    right: auto;
    top: auto;
    bottom: calc(var(--pd-cat3-dots-bottom) + env(safe-area-inset-bottom, 0px));
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: auto;
    max-width: calc(100% - 2.5rem);
    margin: 0;
    padding: 0;
    gap: 8px;
    justify-content: flex-start;
    align-items: center;
    transform: none !important;
    -webkit-transform: none !important;
    box-sizing: border-box;
    pointer-events: auto;
  }

  html[dir="rtl"] [section-id="6cfb49b1-1bff-4750-8485-92ca14a0365c"] .pd-ql-vanilla-mobile.pd-ql-root > .tp-ql-hero-pagination.pd-ql-pagination-bar,
  html[dir="rtl"] [section-id="6cfb49b1-1bff-4750-8485-92ca14a0365c"] .pd-ql-vanilla-mobile.tp-category-style3-swiper > .tp-ql-hero-pagination.pd-ql-pagination-bar {
    left: auto;
    right: 1.25rem;
  }

  /* ثيم: لا fixed — absolute على الـ root فقط */
  [section-id="6cfb49b1-1bff-4750-8485-92ca14a0365c"] .pd-ql-vanilla-mobile > .tp-ql-hero-pagination {
    position: absolute !important;
  }
}

@media (min-width: 992px) {
  [section-id="6cfb49b1-1bff-4750-8485-92ca14a0365c"] .tp-category-style3-swiper,
  [section-id="6cfb49b1-1bff-4750-8485-92ca14a0365c"] .pd-ql-root {
    display: block;
    overflow-x: visible;
    overflow-y: visible;
    scroll-snap-type: none;
    overscroll-behavior-x: auto;
    direction: unset;
  }

  [section-id="6cfb49b1-1bff-4750-8485-92ca14a0365c"] .pd-ql-scrollport {
    display: contents;
    overflow: visible;
  }

  /* شبكة على الديسكتوب؛ إخفاء النقاط */
  [section-id="6cfb49b1-1bff-4750-8485-92ca14a0365c"] .pd-ql-root .pd-ql-track {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    width: 100%;
  }

  [section-id="6cfb49b1-1bff-4750-8485-92ca14a0365c"] .pd-ql-root.pd-ql-vanilla-desktop .pd-ql-track {
    width: 100% !important;
    transform: none !important;
  }

  [section-id="6cfb49b1-1bff-4750-8485-92ca14a0365c"] .pd-ql-root .tp-ql-hero-pagination {
    display: none !important;
  }

  [section-id="6cfb49b1-1bff-4750-8485-92ca14a0365c"] .pd-ql-vanilla-desktop .pd-ql-slide,
  [section-id="6cfb49b1-1bff-4750-8485-92ca14a0365c"] .pd-ql-vanilla-desktop .swiper-slide {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    flex: none !important;
    height: auto !important;
    min-height: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
  }

  [section-id="6cfb49b1-1bff-4750-8485-92ca14a0365c"] .pd-ql-vanilla-desktop .pd-ql-card {
    aspect-ratio: var(--pd-cat3-desktop-aspect);
    min-height: var(--pd-cat3-desktop-min-h);
    max-height: 560px;
    height: auto;
  }

  /* HTML قديم (قبل upgrade): رابط + صورة */
  [section-id="6cfb49b1-1bff-4750-8485-92ca14a0365c"] .pd-ql-vanilla-desktop .swiper-slide > a[href] {
    display: block !important;
    position: relative;
    width: 100%;
    aspect-ratio: var(--pd-cat3-desktop-aspect);
    min-height: var(--pd-cat3-desktop-min-h);
    overflow: hidden;
  }

  [section-id="6cfb49b1-1bff-4750-8485-92ca14a0365c"] .pd-ql-vanilla-desktop .swiper-slide > a[href] > img,
  [section-id="6cfb49b1-1bff-4750-8485-92ca14a0365c"] .pd-ql-vanilla-desktop .swiper-slide > a[href] > img.lazy-img {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    max-height: none !important;
    object-fit: cover !important;
    object-position: center center;
    display: block !important;
  }

  [section-id="6cfb49b1-1bff-4750-8485-92ca14a0365c"] .pd-ql-vanilla-desktop .pd-ql-figure img,
  [section-id="6cfb49b1-1bff-4750-8485-92ca14a0365c"] .pd-ql-vanilla-desktop .pd-ql-figure img.lazy-img {
    min-height: 100% !important;
    height: 100% !important;
  }
}

[section-id="6cfb49b1-1bff-4750-8485-92ca14a0365c"] .swiper-scrollbar,
[section-id="6cfb49b1-1bff-4750-8485-92ca14a0365c"] .swiper-scrollbar-horizontal {
  display: none !important;
  height: 0 !important;
  max-height: 0 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

[section-id="6cfb49b1-1bff-4750-8485-92ca14a0365c"] .tp-category-style3-swiper > .swiper-pagination {
  display: none !important;
}

[section-id="6cfb49b1-1bff-4750-8485-92ca14a0365c"] .pd-ql-card {
  position: relative;
  overflow: hidden;
  width: 100%;
  border-radius: var(--pd-ql-hero-radius);
  background: #0a0a0a;
}

@media (min-width: 992px) {
  [section-id="6cfb49b1-1bff-4750-8485-92ca14a0365c"] .pd-ql-card {
    min-height: 320px;
    max-height: 520px;
  }
}

@media (max-width: 991.98px) {
  [section-id="6cfb49b1-1bff-4750-8485-92ca14a0365c"] .container {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  [section-id="6cfb49b1-1bff-4750-8485-92ca14a0365c"] .tp-category-style3-swiper,
  [section-id="6cfb49b1-1bff-4750-8485-92ca14a0365c"] .pd-ql-root {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  [section-id="6cfb49b1-1bff-4750-8485-92ca14a0365c"] .pd-ql-slide {
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box;
  }

  [section-id="6cfb49b1-1bff-4750-8485-92ca14a0365c"] .pd-ql-card {
    height: 100% !important;
    min-height: 100% !important;
    max-height: none !important;
  }
}

[section-id="6cfb49b1-1bff-4750-8485-92ca14a0365c"] .pd-ql-figure {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  min-height: 100%;
  display: block;
  z-index: 0;
}

[section-id="6cfb49b1-1bff-4750-8485-92ca14a0365c"] .pd-ql-figure::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background-image: linear-gradient(to top, rgba(4, 4, 4, 0.65), rgba(54, 54, 54, 0.2));
}

[section-id="6cfb49b1-1bff-4750-8485-92ca14a0365c"] .pd-ql-figure img,
[section-id="6cfb49b1-1bff-4750-8485-92ca14a0365c"] .pd-ql-figure img.lazy-img {
  position: absolute;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  min-width: 100%;
  min-height: 100%;
  max-width: none;
  max-height: none;
  object-fit: cover !important;
  object-position: center center;
  display: block;
}

@media (max-width: 991.98px) {
  /* ثيم Zid أحياناً يفرض height:auto على الصورة — نلغيه هنا */
  [section-id="6cfb49b1-1bff-4750-8485-92ca14a0365c"] .tp-category-style3-swiper .pd-ql-figure img,
  [section-id="6cfb49b1-1bff-4750-8485-92ca14a0365c"] .pd-ql-root .pd-ql-figure img {
    min-height: 100% !important;
    height: 100% !important;
  }
}

[section-id="6cfb49b1-1bff-4750-8485-92ca14a0365c"] .pd-ql-copy {
  position: absolute;
  z-index: 4;
  left: 1.25rem;
  right: 1.25rem;
  bottom: var(--pd-ql-copy-bottom);
  text-align: start;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.75rem;
  pointer-events: none;
  box-sizing: border-box;
}

[section-id="6cfb49b1-1bff-4750-8485-92ca14a0365c"] .pd-ql-copy .pd-ql-cta {
  pointer-events: auto;
}

@media (min-width: 992px) {
  [section-id="6cfb49b1-1bff-4750-8485-92ca14a0365c"] {
    --pd-ql-copy-bottom: 4.25rem;
  }

  [section-id="6cfb49b1-1bff-4750-8485-92ca14a0365c"] .pd-ql-copy {
    left: 50%;
    right: auto;
    width: calc(100% - 2rem);
    max-width: 100%;
    transform: translateX(-50%);
    text-align: center;
    align-items: center;
  }
}

[section-id="6cfb49b1-1bff-4750-8485-92ca14a0365c"] .pd-ql-heading {
  margin: 0;
  padding: 0;
  color: var(--pd-ql-hero-heading) !important;
  font-weight: 500;
  letter-spacing: 0.02em;
  text-transform: none;
  font-size: clamp(1.35rem, 2.6vw, 2rem) !important;
  line-height: 1.2;
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.45);
}

@media (max-width: 991.98px) {
  [section-id="6cfb49b1-1bff-4750-8485-92ca14a0365c"] .pd-ql-heading {
    font-size: clamp(1.75rem, 7vw, 2.75rem) !important;
  }
}

[section-id="6cfb49b1-1bff-4750-8485-92ca14a0365c"] .pd-ql-cta {
  display: inline-block;
  width: auto;
  max-width: 100%;
  padding: 14px 28px;
  line-height: 1.45;
  background-color: var(--pd-ql-hero-cta-bg) !important;
  color: var(--pd-ql-hero-cta-fg) !important;
  border: 1px solid var(--pd-ql-hero-cta-bg) !important;
  border-radius: 0 !important;
  text-decoration: none !important;
  text-transform: none;
  font-size: 14px;
  text-align: center;
  letter-spacing: normal;
  font-weight: 600;
  box-sizing: border-box;
  overflow: visible;
  white-space: normal;
  word-break: normal;
  transition:
    color 0.35s ease,
    border-color 0.35s ease,
    background-color 0.35s ease;
}

/* عربي: letter-spacing/uppercase من home-hero يقطع حروف الزر */
html[dir="rtl"] [section-id="6cfb49b1-1bff-4750-8485-92ca14a0365c"] .pd-ql-copy .pd-ql-cta,
html[dir="rtl"] [section-id="6cfb49b1-1bff-4750-8485-92ca14a0365c"] .pd-ql-copy .tp-btn.pd-ql-cta {
  letter-spacing: 0 !important;
  text-transform: none !important;
  line-height: 1.5 !important;
}

@media (hover: hover) {
  [section-id="6cfb49b1-1bff-4750-8485-92ca14a0365c"] .pd-ql-cta:hover {
    color: #fff !important;
    background-color: transparent !important;
    border-color: #fff !important;
  }
}

/* النقاط — شكل Swiper؛ الشريط الثابت على الموبايل يُعرّف في @media أعلى */
[section-id="6cfb49b1-1bff-4750-8485-92ca14a0365c"] .tp-ql-hero-pagination {
  direction: ltr;
  display: flex;
  z-index: 8;
  margin: 0;
  pointer-events: auto;
}

@media (min-width: 992px) {
  [section-id="6cfb49b1-1bff-4750-8485-92ca14a0365c"] .tp-ql-hero-pagination {
    position: absolute;
    left: 50%;
    bottom: calc(1.25rem + env(safe-area-inset-bottom, 0px));
    transform: translateX(-50%);
    justify-content: center;
    padding: 0;
    gap: 0;
    flex-wrap: nowrap;
    align-items: center;
  }

  html[dir="rtl"] [section-id="6cfb49b1-1bff-4750-8485-92ca14a0365c"] .tp-ql-hero-pagination {
    left: 50%;
    right: auto;
    transform: translateX(-50%);
  }
}

[section-id="6cfb49b1-1bff-4750-8485-92ca14a0365c"] .tp-ql-hero-pagination .pd-ql-dot,
[section-id="6cfb49b1-1bff-4750-8485-92ca14a0365c"] .tp-ql-hero-pagination .swiper-pagination-bullet {
  margin: 0;
  padding: 0;
  width: 8px !important;
  height: 8px !important;
  min-width: 8px;
  min-height: 8px;
  border: 0;
  border-radius: 50%;
  background: #fff !important;
  background-color: #fff !important;
  opacity: 0.4 !important;
  cursor: pointer;
  box-sizing: border-box;
  appearance: none;
  -webkit-appearance: none;
  font: inherit;
  transform: none !important;
  transition: opacity 0.15s ease;
  flex-shrink: 0;
}

[section-id="6cfb49b1-1bff-4750-8485-92ca14a0365c"] .tp-ql-hero-pagination .pd-ql-dot.is-selected,
[section-id="6cfb49b1-1bff-4750-8485-92ca14a0365c"] .tp-ql-hero-pagination .swiper-pagination-bullet-active {
  opacity: 1 !important;
  background: #fff !important;
  background-color: #fff !important;
  transform: none !important;
}