/* Make header transparent and position it over the hero section - ONLY on store page */

/* @import url('https://fonts.googleapis.com/css2?family=Amiri&display=swap'); 
h1, h2, h3, h4, h5, h6 {
  font-family: 'Amiri', serif;
}
body {
  font-family: 'Amiri', serif;
} */


/* Medd Arabic Fonts - Premium & Elegant */

/* Medd Arabic Fonts - Option 3 (Apple-like body + classic luxury headings) */
/* Body: Apple System Arabic (SF Arabic / SF Pro Arabic via system stack) | Headings: Amiri */

/* SF Arabic is a system font on Apple devices (not available via Google Fonts). */
@import url('https://fonts.googleapis.com/css2?family=Amiri:wght@400;700&display=swap');

/* Base body text - consistent line spacing */
/* html[lang="ar"],
html[dir="rtl"] body,
body[dir="rtl"] {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "SF Arabic", "Helvetica Neue", Arial, sans-serif !important;
    font-weight: 400 !important;
    line-height: 1.7 !important;
    letter-spacing: 0 !important;
} */

/* Headings - consistent line spacing */
html[lang="ar"] h1,
html[lang="ar"] h2,
html[lang="ar"] h3,
html[lang="ar"] h4,
html[lang="ar"] h5,
html[lang="ar"] h6,
[dir="rtl"] h1,
[dir="rtl"] h2,
[dir="rtl"] h3,
[dir="rtl"] h4,
[dir="rtl"] h5,
[dir="rtl"] h6 {
    font-family: 'Amiri', 'Cairo', serif !important;
    font-weight: 700 !important;
    line-height: 1.5 !important;
    letter-spacing: 0 !important;
}


/* Make main nav items bolder (desktop + mobile) */
.store-header .main-menu > li > a,
.store-header .main-menu > li > a span {
  font-weight: 400; /* try 800 if you want heavier */
}

/* Sub-menu items (optional, slightly less bold) */
.store-header .sub-menu a,
.store-header .sub-menu a span {
  font-weight: 400;
}




.coffee-features img {
  max-width: 120px !important;
  max-height: 120px !important;
 
}



/* Footer background color */
footer.store-footer.basic-footer {
  background-color: #7C2629 !important;
}

/* Inner + bottom footer (to ensure full coverage) */
footer.store-footer.basic-footer .store-footer__inner,
footer.store-footer.basic-footer .footer-bottom {
  background-color: #7C2629 !important;
}
/* 
.footer-bottom {
    background-color: #7C2629 !important;
} */



h1.font-bold.text-xl.rtl\:pl-3.ltr\:pr-3.text-store-text-primary {
    font-size: 2.25rem;
}



/* Hide sidebar filters */
.hide-category-filters salla-filters {
  display: none !important;
}

/* Remove desktop spacing */
.hide-category-filters .main-content {
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
  flex: 1 1 100% !important;
}

/* Fix flex layout */
.hide-category-filters .flex.items-start {
  flex-direction: column !important;
}

.hide-category-filters .filters-trigger {
  display: none !important;
}


h3.s-filters-widget-title {
    display: none;
}

/* ============================= */
/* Products Grid Layout Override */
/* ============================= */

/* Base */
.s-products-list-wrapper {
  display: grid !important;
  gap: 16px;
}

/* Desktop → 3 products per row */
@media (min-width: 1024px) {
  .s-products-list-wrapper {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}

/* Mobile & Tablet → 2 products per row */
@media (max-width: 1023px) {
  .s-products-list-wrapper {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

/* Ensure product cards stretch correctly */
.s-products-list-wrapper > custom-salla-product-card {
  width: 100% !important;
  max-width: 100% !important;
}

/* ===============================
   Products Grid – Image Contain
   =============================== */

.s-products-list-wrapper
custom-salla-product-card
.product-card__image {
  aspect-ratio: 1 / 1; /* ثابت */
  overflow: hidden;
  background: #fff; /* اختياري – يمنع فراغ أسود */
}

/* Main + hover images */
.s-products-list-wrapper
custom-salla-product-card
.product-card__image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
}




/* =====================================
   ONLY Products Slider → make it static
   ===================================== */

/* Target products slider wrapper only */
.s-products-slider-card
  ~ .swiper-wrapper,
.s-products-slider-card
  ~ .s-slider-swiper-wrapper,
.s-slider-swiper-wrapper:has(.s-products-slider-card) {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 16px;
  transform: none !important;
}

/* Ensure each product fills its column */
.s-slider-swiper-wrapper .s-products-slider-card {
  width: 100% !important;
  margin: 0 !important;
}

/* Disable overflow only for products slider */
.s-slider-swiper-wrapper:has(.s-products-slider-card) {
  overflow: visible !important;
}

/* Hide arrows ONLY for products slider */
.s-slider-swiper-wrapper:has(.s-products-slider-card)
~ .swiper-button-next,
.s-slider-swiper-wrapper:has(.s-products-slider-card)
~ .swiper-button-prev {
  display: none !important;
}

/* Hide dots ONLY for products slider */
.s-slider-swiper-wrapper:has(.s-products-slider-card)
~ .swiper-pagination {
  display: none !important;
}

/* =====================================
   Responsive
   ===================================== */

/* Tablet & Mobile → 2 per row */
@media (max-width: 1024px) {
  .s-slider-swiper-wrapper:has(.s-products-slider-card) {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}





/* Specific heading overrides - consistent spacing */
.advanced-slider__caption__inner__content__heading,
.why-title,
.split-content h2,
.strategy-card h4,
.hero-content h1 {
    font-family: 'Amiri', 'Cairo', serif !important;
    line-height: 1.5 !important;
    letter-spacing: 0 !important;
}

/* Body text elements - consistent spacing */
.hero-subtitle,
.hero-note,
.split-content p,
.split-list li,
.strategy-card p,
.product-card__title,
.product-card__subtitle {
    line-height: 1.7 !important;
    letter-spacing: 0 !important;
}

/* Paragraphs - optimal line spacing */
html[lang="ar"] p,
[dir="rtl"] p,
body[dir="rtl"] p {
    line-height: 1.7 !important;
    letter-spacing: 0 !important;
}

/* Lists - consistent spacing */
html[lang="ar"] li,
[dir="rtl"] li,
body[dir="rtl"] li {
    line-height: 1.7 !important;
    letter-spacing: 0 !important;
}






.lg\:mx-0.text-center {
    text-align: right;           /* Align text to the right */
    margin: 0 !important;        /* Remove all other margins */
    padding: 0 !important;       /* Remove all padding */
    margin-right: 3% !important; /* Add only right margin */
}

@media (min-width: 1024px) {
    .lg\:mx-0.text-center {
        text-align: right;
    }
}


.product-card__image {
  background-color: transparent !important;
}



a.btn.group.bg-primary.text-primary-reverse.h-12.\!px-6.mt-8.gap-2.\!rounded-none {
    padding: 26px 34px !important;
    font-size: 0.95rem !important;
    background-color: #7C2629 !important;
    color: #FFFFFF !important;
}


/* Product Card - Title and Price in Same Row */

/* Use CSS Grid to position title and price on same row */
.product-card__content-wrapper {
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    grid-template-rows: auto auto !important;
    align-items: center !important;
    gap: 8px 12px !important;
}

/* Title in first column, first row */
/* Title in first column, first row */
.product-card__title {
    grid-column: 1 !important;
    grid-row: 1 !important;
    margin-bottom: 0 !important;
    font-size: 1.15rem !important;
    font-weight: 600 !important;
}

.product-card__title a {
    font-size: inherit !important;
    font-weight: inherit !important;
}

/* Price in second column, first row */
.product-card__price,
.price-wrapper {
    grid-column: 2 !important;
    grid-row: 1 !important;
    margin: 0 !important;
    justify-self: end !important;
}

/* Subtitle spans both columns in second row */
/* Subtitle at start in second row */
.product-card__subtitle {
    grid-column: 1 !important;
    grid-row: 2 !important;
    margin-top: 0 !important;
    margin-bottom: 8px !important;
    text-align: start !important;
}

/* Product options in second row */
.product-options {
    grid-column: 1 / -1 !important;
    grid-row: 3 !important;
}

/* For RTL layout - title on right (start), price on left (end) */
[dir="rtl"] .product-card__content-wrapper {
    grid-template-columns: 1fr auto !important;
}

[dir="rtl"] .product-card__title {
    grid-column: 1 !important;
    text-align: right !important;
}

[dir="rtl"] .price-wrapper,
[dir="rtl"] .product-card__price {
    grid-column: 2 !important;
    justify-self: start !important;
}




/* Product Card - Hide Add to Cart Button, Show on Hover */
.product-card .wishlist,
.product-card .quickview-btn,
.product-card__actions .wishlist,
.product-card__actions .quickview-btn,
.product-card__buttons .wishlist,
.product-card__buttons .quickview-btn {
    display: none !important;
}



/* Hide all add to cart buttons by default */
.product-card .addToCart,
.product-card .product-card__mini-cart,
.product-card .product-card__normal-cart {
    opacity: 0 !important;
    visibility: hidden !important;
    transition: opacity 0.3s ease, visibility 0.3s ease !important;
  font-size: 1rem !important;  
}

/* Show add to cart buttons on product card hover */
.product-card:hover .addToCart,
.product-card:hover .product-card__mini-cart,
.product-card:hover .product-card__normal-cart {
    opacity: 1 !important;
    visibility: visible !important;
  font-size: 1rem !important;  
}

/* Alternative: If product card is inside a wrapper, also support hover on wrapper */
.s-products-slider-card:hover .product-card .addToCart,
.s-products-slider-card:hover .product-card .product-card__mini-cart,
.s-products-slider-card:hover .product-card .product-card__normal-cart,
custom-salla-product-card:hover .addToCart,
custom-salla-product-card:hover .product-card__mini-cart,
custom-salla-product-card:hover .product-card__normal-cart {
    opacity: 1 !important;
    visibility: visible !important;
  font-size: 1rem !important;  
   
}

/* Ensure smooth transition */
.product-card .addToCart,
.product-card .product-card__mini-cart,
.product-card .product-card__normal-cart,
.product-card .addToCart *,
.product-card .product-card__mini-cart *,
.product-card .product-card__normal-cart * {
    transition: opacity 0.3s ease, visibility 0.3s ease !important;
  font-size: 1rem !important;  
}


/* Add to cart button color - #7C2629 */
.product-card .addToCart button,
.product-card .product-card__mini-cart button,
.product-card .product-card__normal-cart button,
.product-card .addToCart .s-button-element,
.product-card .product-card__mini-cart .s-button-element,
.product-card .product-card__normal-cart .s-button-element {
    background-color: #7C2629 !important;
    border-color: #7C2629 !important;
    color: #FFFFFF !important;
  font-size: 1rem !important;  

  
}

/* Hover state for add to cart button */
.product-card .addToCart button:hover,
.product-card .product-card__mini-cart button:hover,
.product-card .product-card__normal-cart button:hover,
.product-card .addToCart .s-button-element:hover,
.product-card .product-card__mini-cart .s-button-element:hover,
.product-card .product-card__normal-cart .s-button-element:hover {
    background-color: #7C2629 !important;
    border-color: #7C2629 !important;
    color: #FFFFFF !important;
   font-size: 1rem !important;  
}

.product-card .addToCart .s-button-text,
.product-card .product-card__mini-cart .s-button-text,
.product-card .product-card__normal-cart .s-button-text {
    font-size: inherit !important;
    font-weight: inherit !important;
    
}




/* Home Hero - Wholesale Style */
/* Transform home-hero.html to match Wholesale.html hero section */

/* Make the section act as a hero header */



/* =================================
   MEDD HERO – ABSOLUTE FINAL FIX
   ================================= */

.medd-hero {
    position: relative !important;
    overflow: hidden !important;
    color: #ffffff !important;
}

/* Hero sizing */
.medd-hero.advanced-slider {
    min-height: 75vh !important;
    max-height: 85vh !important;
    display: flex !important;
    align-items: center !important;
}

/* Slider positioning */
.medd-hero .s-slider-wrapper,
.medd-hero .swiper,
.medd-hero .swiper-container {
    position: absolute !important;
    inset: 0 !important;
}

/* Slides */
.medd-hero .swiper-wrapper,
.medd-hero .swiper-slide {
    height: 100% !important;
}

.medd-hero .swiper-slide {
    position: relative !important;
}

/* ================================
   BACKGROUND IMAGES
   ================================ */
.medd-hero .advanced-slider__image {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    z-index: 0 !important;
}

/* ================================
   OVERLAY (LIGHT)
   ================================ */
.medd-hero .swiper-slide::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to left,
        rgba(13,13,13,0.6),
        rgba(13,13,13,0.3),
        transparent
    );
    z-index: 1;
}

/* ================================
   CAPTION
   ================================ */
.medd-hero .advanced-slider__caption {
    position: relative !important;
    z-index: 2 !important;
    display: flex !important;
    align-items: center !important;
    height: 100% !important;
}

.medd-hero .advanced-slider__caption .container {
    max-width: 100% !important;
    padding: 0 !important;
}

.medd-hero .advanced-slider__caption__inner {
    margin-left: auto !important;
    padding: 40px 7vw !important;
    max-width: 850px !important;
}

/* ================================
   TEXT
   ================================ */
.medd-hero .advanced-slider__caption__inner__content__heading {
    color: #ffffff !important;
}

.medd-hero .advanced-slider__caption__inner__content__text {
     font-size: 1.30rem !important;
    color: #ffffff !important;
    opacity: 0.95 !important;
  max-width: 100% !important;
}

/* ================================
   BUTTON — SALLA OVERRIDE KILL
   ================================ */

/* Reset EVERYTHING Salla does */
.medd-hero .advanced-slider__caption__inner__content__button {
    border-radius: 0 !important;
    padding: 18px 34px !important;
    font-size: 0.95rem !important;
    font-weight: 600 !important;
   
    text-transform: uppercase !important;
    border: 1px solid transparent !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
    cursor: pointer !important;
    transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
    white-space: nowrap !important;
    background-color: #FFFFFF !important;
    color: #1A1C1B !important;
    box-sizing: border-box !important;
    margin: 0 !important;
      margin-top: 15px !important;

    line-height: 1 !important;
    height: auto !important;
    min-height: auto !important;
    width: auto !important;
    min-width: auto !important;
}

.medd-hero 
a.advanced-slider__caption__inner__content__button,
.medd-hero 
a.advanced-slider__caption__inner__content__button::before,
.medd-hero 
a.advanced-slider__caption__inner__content__button::after {
    background: none !important;
    box-shadow: none !important;
    filter: none !important;
    transform: none !important;
    opacity: 1 !important;
}

/* Force normal state */
.medd-hero 
a.advanced-slider__caption__inner__content__button {
    background-color: #ffffff !important;
    color: #111111 !important;
    border: 1px solid #111111 !important;
}

/* Force text */
.medd-hero 
a.advanced-slider__caption__inner__content__button *,
.medd-hero 
a.advanced-slider__caption__inner__content__button span {
    color: #111111 !important;
}

/* Hover — BLACK button */
.medd-hero 
a.advanced-slider__caption__inner__content__button:hover,
.medd-hero 
a.advanced-slider__caption__inner__content__button:focus {
    background-color: #111111 !important;
    border-color: #111111 !important;
    color: #ffffff !important;
}

/* Hover text — WHITE */
.medd-hero 
a.advanced-slider__caption__inner__content__button:hover *,
.medd-hero 
a.advanced-slider__caption__inner__content__button:focus * {
    color: #ffffff !important;
}

/* ================================
   MOBILE
   ================================ */
@media (max-width: 768px) {
    .medd-hero.advanced-slider {
        min-height: 60vh !important;
        align-items: flex-end !important;
     
    }

    .medd-hero .swiper-slide::before {
        background: linear-gradient(
            to top,
            rgba(13,13,13,0.7),
            rgba(13,13,13,0.25),
            transparent
        );
    }

    .medd-hero 
    a.advanced-slider__caption__inner__content__button {
        width: 100% !important;
          margin-bottom: 30% !important;
      
    }
}




body.product-index.cat-special-header .store-header {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 1000 !important;
    background: transparent !important;
    box-shadow: none !important;
    transition: background-color 0.3s ease, box-shadow 0.3s ease !important;
}

body.product-index.cat-special-header .store-header .main-nav-container,
body.product-index.cat-special-header .store-header .inner {
    background: transparent !important;
    transition: background-color 0.3s ease !important;
}

/* White header content at top */
body.product-index.cat-special-header .store-header:not(.scrolled) .navbar-brand img {
    filter: brightness(0) invert(1) drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3)) !important;
}

body.product-index.cat-special-header .store-header:not(.scrolled) .header-btn,
body.product-index.cat-special-header .store-header:not(.scrolled) .header-btn__icon,
body.product-index.cat-special-header .store-header:not(.scrolled) .sicon-search,
body.product-index.cat-special-header .store-header:not(.scrolled) .sicon-user,
body.product-index.cat-special-header .store-header:not(.scrolled) .sicon-menu,
body.product-index.cat-special-header .store-header:not(.scrolled) .s-cart-summary-wrapper,
body.product-index.cat-special-header .store-header:not(.scrolled) .s-cart-summary-count,
body.product-index.cat-special-header .store-header:not(.scrolled) .s-cart-summary-content,
body.product-index.cat-special-header .store-header:not(.scrolled) .s-cart-summary-total,
body.product-index.cat-special-header .store-header:not(.scrolled) .menu-label {
    color: #FFFFFF !important;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3)) !important;
}

/* White menu items */
body.product-index.cat-special-header .store-header:not(.scrolled) .main-menu a,
body.product-index.cat-special-header .store-header:not(.scrolled) nav a,
body.product-index.cat-special-header .store-header:not(.scrolled) .root-level a,
body.product-index.cat-special-header .store-header:not(.scrolled) .main-nav-container a:not(.navbar-brand):not(.mburger) {
    color: #FFFFFF !important;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3)) !important;
}

/* After scroll */
body.product-index.cat-special-header .store-header.scrolled {
    background: #FFFFFF !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
}

body.product-index.cat-special-header .store-header.scrolled * {
    color: inherit !important;
    filter: none !important;
}

/* Breadcrumbs */
body.product-index.cat-special-header .products-index .breadcrumbs {
    display: none !important;
}

/* Banner */
body.product-index.cat-special-header .s-block--fixed-banner,
body.product-index.cat-special-header .banner.banner--fixed {
    max-height: 50vh !important;
    overflow: hidden !important;
}

body.product-index.cat-special-header .banner.banner--fixed img {
    object-fit: cover !important;
    height: 50vh !important;
    width: 100% !important;
}

/* Layout fixes */
body.product-index.cat-special-header .cat-content-wrapper {
    margin-top: 0 !important;
}

body.product-index.cat-special-header .products-index {
    position: relative !important;
}

/* Mobile */
@media (max-width: 768px) {
    body.product-index.cat-special-header .banner.banner--fixed,
    body.product-index.cat-special-header .banner.banner--fixed img {
        max-height: 40vh !important;
        height: 40vh !important;
    }

    body.product-index.cat-special-header .store-header {
        position: absolute !important;
    }
}




/* JavaScript for scroll behavior - Add this script tag or include in separate JS file */
/* 
<script>
(function() {
    if (!document.body.classList.contains('product-index')) return;
    
    const header = document.querySelector('.store-header');
    if (!header) return;
    
    function handleScroll() {
        if (window.scrollY > 100) {
            header.classList.add('scrolled');
        } else {
            header.classList.remove('scrolled');
        }
    }
    
    window.addEventListener('scroll', handleScroll);
    handleScroll(); // Check initial state
})();
</script>
*/


/* Store Categories Buttons Styles */
/* Apply this CSS only to store.html page (scoped to .product-index) */

/* Hide category icons */
.product-index .s-slider-wrapper .swiper-slide .bg-primary,
.product-index .s-slider-wrapper .swiper-slide .mx-auto.bg-primary,
.product-index .s-slider-wrapper .swiper-slide i.sicon-box-bankers {
    display: none !important;
}

/* Style category links as buttons */
.product-index .s-slider-wrapper .swiper-slide a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 10px 20px !important;
    border-radius: 25px !important;
    border: 1px solid #1A1C1B !important;
    background-color: transparent !important;
    color: #1A1C1B !important;
    text-decoration: none !important;
    font-weight: 500 !important;
    font-size: 0.9rem !important;
    transition: all 0.3s ease !important;
    min-width: auto !important;
    width: auto !important;
    margin: 0 4px !important;
    flex-direction: row !important;
    text-align: center !important;
}

/* Remove default flex-col styling */
.product-index .s-slider-wrapper .swiper-slide a.flex-col {
    flex-direction: row !important;
}

/* Style category text */
.product-index .s-slider-wrapper .swiper-slide a span {
    margin: 0 !important;
    margin-top: 0 !important;
    white-space: nowrap !important;
    font-size: 0.9rem !important;
    font-weight: 500 !important;
    color: inherit !important;
}

/* Enhanced hover effect - match active button style (black background, white text) */
.product-index .s-slider-wrapper .swiper-slide a:hover {
    background-color: rgb(51, 51, 51) !important;
    color: #FFFFFF !important;
    border-color: rgb(51, 51, 51) !important;
    transform: translateY(-3px) scale(1.02) !important;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15) !important;
    cursor: pointer !important;
}

/* Make text white on hover */
.product-index .s-slider-wrapper .swiper-slide a:hover span {
    color: #FFFFFF !important;
}




/* Adjust slider wrapper to display buttons in rows - centered */
.product-index .s-slider-wrapper .swiper-wrapper {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    justify-content: center !important;
    align-items: center !important;
}

/* Remove swiper slide width restrictions */
.product-index .s-slider-wrapper .swiper-slide {
    width: auto !important;
    flex-shrink: 0 !important;
    margin: 0 !important;
}

/* Container adjustments - centered - don't affect header */
.product-index .s-slider-wrapper {
    padding: 20px 0 !important;
}

.product-index .s-slider-wrapper > div {
    width: 100% !important;
}

.product-index .s-slider-wrapper .swiper {
    overflow: visible !important;
}

.product-index .s-slider-wrapper .swiper-container {
    overflow: visible !important;
}

/* Mobile adjustments */
@media (max-width: 768px) {
    .product-index .s-slider-wrapper .swiper-slide a {
        padding: 8px 16px !important;
        font-size: 0.85rem !important;
        margin: 0 3px 8px 3px !important;
    }
    
    .product-index .s-slider-wrapper .swiper-wrapper {
        gap: 6px !important;
    }
}

/* Ensure proper spacing from hero section */
.product-index .cat-content-wrapper {
    padding-top: 20px !important;
}


.product-index,
.product-index .products-index,
.product-index .cat-content,
.product-index .cat-content-wrapper {
    margin-top: 0 !important;
    padding-top: 0 !important;
}


/* Dropdown background */
.product-index .store-header:not(.scrolled) .sub-menu {
    background-color: #ffffff !important;
}

/* Force dropdown text to BLACK */
.product-index .store-header:not(.scrolled) .sub-menu a,
.product-index .store-header:not(.scrolled) .sub-menu span,
.product-index .store-header:not(.scrolled) .sub-menu li {
    color: #000000 !important;
    filter: none !important;
    text-shadow: none !important;
}









@media only screen and (min-width: 1024px) {
    .main-menu li>a {
       
        font-size: 22px !important;
      font-weight: 200 !important;

      
    }
}







p.mb-5.text-store-text-primary {
    font-size: 24px;
    line-height: 42px;
}





/* ===============================
   About Us page – layout control
   Page ID: salla-632105401
================================ */

/* ===============================
   About Us page ONLY (true scope)
   Page item-id: 779115554
================================ */

/* 1️⃣ Full-width ONLY for page content (not global containers) */
body.page-single:has(salla-comments[item-id="779115554"])
.content--single-page {
  width: 100vw !important;
  max-width: 100vw !important;

  margin-inline: calc(50% - 50vw) !important;

  padding: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

/* 2️⃣ Remove inner container padding ONLY inside this page */
body.page-single:has(salla-comments[item-id="779115554"])
.content--single-page .container {
  max-width: 100% !important;
  padding-inline: 0 !important;
}

/* 3️⃣ Hide breadcrumbs + default page title (this page only) */
body.page-single:has(salla-comments[item-id="779115554"])
nav.breadcrumbs,
body.page-single:has(salla-comments[item-id="779115554"])
.content--single-page > h1 {
  display: none !important;
}

/* 4️⃣ Reduce space between STORE header and HERO (desktop only) */
@media (min-width: 993px) {
  body.page-single:has(salla-comments[item-id="779115554"])
  .content-entry > header {
    margin-top: -32px;
  }
}

/* 5️⃣ Mobile safety (do NOT affect header layout) */
@media (max-width: 992px) {
  body.page-single:has(salla-comments[item-id="779115554"])
  .content-entry > header {
    margin-top: 0 !important;
  }
}







/* ===============================
   About Us page ONLY (true scope)
   Page item-id: 779115554
================================ */

/* 1️⃣ Full-width ONLY for page content (not global containers) */
body.page-single:has(salla-comments[item-id="154015033"])
.content--single-page {
  width: 100vw !important;
  max-width: 100vw !important;

  margin-inline: calc(50% - 50vw) !important;

  padding: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

/* 2️⃣ Remove inner container padding ONLY inside this page */
body.page-single:has(salla-comments[item-id="154015033"])
.content--single-page .container {
  max-width: 100% !important;
  padding-inline: 0 !important;
}

/* 3️⃣ Hide breadcrumbs + default page title (this page only) */
body.page-single:has(salla-comments[item-id="154015033"])
nav.breadcrumbs,
body.page-single:has(salla-comments[item-id="154015033"])
.content--single-page > h1 {
  display: none !important;
}

/* 4️⃣ Reduce space between STORE header and HERO (desktop only) */
@media (min-width: 993px) {
  body.page-single:has(salla-comments[item-id="154015033"])
  .content-entry > header {
    margin-top: -32px;
  }
}

/* 5️⃣ Mobile safety (do NOT affect header layout) */
@media (max-width: 992px) {
  body.page-single:has(salla-comments[item-id="154015033"])
  .content-entry > header {
    margin-top: 0 !important;
  }
}







/* ===============================
   About Us page ONLY (true scope)
   Page item-id: 779115554
================================ */

/* 1️⃣ Full-width ONLY for page content (not global containers) */
body.page-single:has(salla-comments[item-id="1527460922"])
.content--single-page {
  width: 100vw !important;
  max-width: 100vw !important;

  margin-inline: calc(50% - 50vw) !important;

  padding: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

/* 2️⃣ Remove inner container padding ONLY inside this page */
body.page-single:has(salla-comments[item-id="1527460922"])
.content--single-page .container {
  max-width: 100% !important;
  padding-inline: 0 !important;
}

/* 3️⃣ Hide breadcrumbs + default page title (this page only) */
body.page-single:has(salla-comments[item-id="1527460922"])
nav.breadcrumbs,
body.page-single:has(salla-comments[item-id="1527460922"])
.content--single-page > h1 {
  display: none !important;
}

/* 4️⃣ Reduce space between STORE header and HERO (desktop only) */
@media (min-width: 993px) {
  body.page-single:has(salla-comments[item-id="1527460922"])
  .content-entry > header {
    margin-top: -32px;
  }
}

/* 5️⃣ Mobile safety (do NOT affect header layout) */
@media (max-width: 992px) {
  body.page-single:has(salla-comments[item-id="1527460922"])
  .content-entry > header {
    margin-top: 0 !important;
  }
}





/* ===============================
   About Us page ONLY (true scope)
   Page item-id: 779115554
================================ */

/* 1️⃣ Full-width ONLY for page content (not global containers) */
body.page-single:has(salla-comments[item-id="886068027"])
.content--single-page {
  width: 100vw !important;
  max-width: 100vw !important;

  margin-inline: calc(50% - 50vw) !important;

  padding: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

/* 2️⃣ Remove inner container padding ONLY inside this page */
body.page-single:has(salla-comments[item-id="886068027"])
.content--single-page .container {
  max-width: 100% !important;
  padding-inline: 0 !important;
}

/* 3️⃣ Hide breadcrumbs + default page title (this page only) */
body.page-single:has(salla-comments[item-id="886068027"])
nav.breadcrumbs,
body.page-single:has(salla-comments[item-id="886068027"])
.content--single-page > h1 {
  display: none !important;
}

/* 4️⃣ Reduce space between STORE header and HERO (desktop only) */
@media (min-width: 993px) {
  body.page-single:has(salla-comments[item-id="886068027"])
  .content-entry > header {
    margin-top: -32px;
  }
}

/* 5️⃣ Mobile safety (do NOT affect header layout) */
@media (max-width: 992px) {
  body.page-single:has(salla-comments[item-id="886068027"])
  .content-entry > header {
    margin-top: 0 !important;
  }
}


@media (min-width: 1024px) {
    h2.advanced-slider__caption__inner__content__heading {
        color: #740001 !important;
        margin-top: 20%;
    }
}


.btn--outline-primary, .btn--primary {
    background-color: white;
}

a.btn.group.bg-primary.text-primary-reverse.h-12.\!px-6.mt-8.gap-2.\!rounded-none {
    background-color: white;
    color: black;
    border: 1px solid;
}


.enhanced-title-border{
  display: none !important;
}


.s-block--enhanced-features__item {
  border: none !important;
    border-width: 0px !important;
}

.s-block--enhanced-features__item {
    --tw-shadow: 0 0 #0000 !important;
    --tw-shadow-colored: 0 0 #0000 !important;
    box-shadow: none !important;
}


.store-footer__inner, .store-footer__newsletter {
  background-color: rgb(0 0 0) !important;
}

#about-2 {
  background-color: #FDFBF7 !important;
}


/* Best offers slider background */
/* #best-offers-5-slider {
  background-color: #FDFBF7;
  padding: 3rem 0;
} */


/* =========================
   #best-offers-2-slider
   Full-width background and spacing
========================= */
#best-offers-3-slider {
  background-color: #FDFBF7;
  width: 100%;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-top: 40px;    /* space from top section */
  padding-bottom: 40px; /* space from banner below */
}

/* Cancel the container limitation just for this section */
#best-offers-3-slider.container {
  max-width: 100% !important;
  padding-left: 0;
  padding-right: 0;
}

/* Center the slider content */
#best-offers-3-slider salla-products-slider {
  max-width: 1280px; /* match your site container */
  margin: 0 auto;
  padding: 0 1rem;
}

/* Fix RTL spacing inside the slider */
#best-offers-3-slider salla-products-slider .swiper,
#best-offers-3-slider salla-products-slider .swiper-wrapper {
  padding-right: 1.25rem; /* main right margin (RTL) */
  padding-left: 1rem;     /* balanced left margin */
}

/* Small breathing space for the first product card */
#best-offers-3-slider salla-products-slider .swiper-slide:first-child {
  margin-right: 0.5rem;
}

/* Keep the section title aligned with products */
#best-offers-3-slider > div:first-child {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 1rem;
}

/* Image background for product cards inside this slider */
#best-offers-3-slider .product-card__image {
  background: rgb(249 246 240);
  padding: 12px;            /* space between image and background */
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Make sure images sit nicely inside the background */
#best-offers-3-slider .product-card__image img {
  background: transparent;
  object-fit: contain;      /* keeps full product visible */
}

/* Keep second image consistent on hover */
#best-offers-3-slider .product-card__image .second-image {
  background: transparent;
}

/* Force content area to be fully transparent */
#best-offers-3-slider .product-card__content,
#best-offers-3-slider .product-card__content-wrapper,
#best-offers-3-slider .product-card {
  background: transparent !important;
  background-color: transparent !important;
}

/* Remove any white background coming from theme shadows/cards */
#best-offers-3-slider .product-card {
  box-shadow: none !important;
}

/* Kill possible Tailwind/utility backgrounds */
#best-offers-3-slider .product-card__content {
  --tw-bg-opacity: 0 !important;
}

/* Remove any white strip behind text */
#best-offers-3-slider .product-card__content-wrapper {
  border: none !important;
}

/* =========================
   Fixed banner section
========================= */
.s-block.s-block--fixed-banner.fixed-banner--4 {
  background-color: #FDFBF7;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 20px;    /* breathing space above banner */
  padding-bottom: 20px; /* breathing space below banner */
}

/* Keep container aligned with the rest of site */
.s-block.s-block--fixed-banner.fixed-banner--3 .container {
  padding-left: 1rem;
  padding-right: 1rem;
}




/* Make background full width but keep content aligned */
/* Make background full width but keep content aligned */
#best-offers-5-slider {
  background-color: #FDFBF7;
  padding: 40px 0;
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100%;
}

/* Cancel the container limitation just for this section */
#best-offers-5-slider.container {
  max-width: 100% !important;
  padding-left: 0;
  padding-right: 0;
}

/* Center the slider content */
#best-offers-5-slider salla-products-slider {
  max-width: 1280px; /* match your site container */
  margin: 0 auto;
  padding: 0 1rem;
}

/* Fix RTL spacing inside the slider */
#best-offers-5-slider salla-products-slider .swiper,
#best-offers-5-slider salla-products-slider .swiper-wrapper {
  padding-right: 1.25rem; /* main right margin (RTL) */
  padding-left: 1rem;     /* balanced left margin */
}

/* Small breathing space for the first product card */
#best-offers-5-slider salla-products-slider .swiper-slide:first-child {
  margin-right: 0.5rem;
}

/* Keep the section title aligned with products */
#best-offers-5-slider > div:first-child {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 1rem;
}



/* Image background for product cards inside this slider */
#best-offers-5-slider .product-card__image {
  background: rgb(249 246 240);
  padding: 12px;            /* space between image and background */
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Make sure images sit nicely inside the background */
#best-offers-5-slider .product-card__image img {
  background: transparent;
  object-fit: contain;      /* keeps full product visible */
}

/* Keep second image consistent on hover */
#best-offers-5-slider .product-card__image .second-image {
  background: transparent;
}

/* Force content area to be fully transparent */
#best-offers-5-slider .product-card__content,
#best-offers-5-slider .product-card__content-wrapper,
#best-offers-5-slider .product-card {
  background: transparent !important;
  background-color: transparent !important;
}

/* Remove any white background coming from theme shadows/cards */
#best-offers-5-slider .product-card {
  box-shadow: none !important;
}

/* Kill possible Tailwind/utility backgrounds */
#best-offers-5-slider .product-card__content {
  --tw-bg-opacity: 0 !important;
}

/* If there is still a white strip behind text, remove it here */
#best-offers-5-slider .product-card__content-wrapper {
  border: none !important;
}




#about-2,
#best-offers-3-slider {
  margin-bottom: 0;
  margin-top: 0;
  padding-bottom: 0;
  padding-top: 0;
}


#best-offers-3-slider,
#about-2,
#best-offers-5-slider{
  margin: 0;           /* removes all section margins */
  padding: 30px 0;     /* small space between sections */
}


.coffee-features {
  padding-bottom: 40px !important;
 
}


.footer-bottom{
  background-color: rgb(0 0 0) !important;
}


/* ============================================
   MINI CART & NORMAL CART BUTTONS
   ============================================ */


.product-card__mini-cart .s-button-element,
.product-card__normal-cart .s-button-element {
  width: 100% !important;
  background: #000 !important;
  border: 1px solid #000 !important;
  color: #fff !important;
  border-radius: 0 !important;
  padding: 0.875rem 1.5rem !important;
  font-size: 0.8125rem !important;
  font-weight: 500 !important;
  
  text-transform: uppercase !important;
  transition: all 0.3s ease !important;
  height: auto !important;
}

.product-card__mini-cart .s-button-element:hover,
.product-card__normal-cart .s-button-element:hover {
  background: #1a1a1a !important;
  border-color: #1a1a1a !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

.product-card__mini-cart .s-button-element i,
.product-card__normal-cart .s-button-element i {
  color: #fff;
  margin-left: 0.5rem;
}

/* Disabled state */
.product-card__mini-cart .s-button-element.s-button-disabled,
.product-card__normal-cart .s-button-element.s-button-disabled {
  background: #e0e0e0 !important;
  border-color: #e0e0e0 !important;
  color: #999 !important;
  cursor: not-allowed;
}






/* @import url('https://fonts.googleapis.com/css2?family=Amiri&display=swap'); 
h1, h2, h3, h4, h5, h6 {
  font-family: 'Tajawal', serif;
}
body {
  font-family: 'Tajawal', serif;
} */
/* Commented out styles - products lookbook */
/* .products-lookbook__label {
    margin: 0;
    font-size: 20px;
    text-transform: uppercase;
    color: #fff;
    position: absolute;
    bottom: 20px;
    left: 20px;
}

.products-lookbook__label {
    margin: 0;
    font-size: 20px;
    text-transform: uppercase;
    color: #fff;
    text-shadow: 1px 0 10px black;
    position: absolute;
    bottom: 20px;
    left: 20px;
} */

/* Footer styles */
.sm\:h-16 {
    height: 0rem;
}
.sm\:-mt-10 {
    margin-top: 0rem;
}

.product-card__out-label {
  content: "في إنتظار محصول الموسم القادم";
  unicode-range: U+0600-06FF;
}

.store-footer__contacts-row {
    justify-content: center;
    border-bottom-width: 1px;
    border-style: none;
    border-bottom-color: rgba(255,255,255,.1);
    --tw-bg-opacity: 1;
    background-color: rgba(29,31,31,var(--tw-bg-opacity));
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.store-footer {
    text-align: center;
    justify-content: center;
    position: relative;
    margin-top: 2rem;
    --tw-bg-opacity: 1;
    background-color: rgba(14,15,15,var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgba(255,255,255,var(--tw-text-opacity));
}

.s-block--slider-with-bg {
    margin-top: 0rem;
    padding-bottom: 4rem;
    background-clip: padding-box;
}

.s-block--slider-with-bg .slider-bg:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgba(0,0,0,var(--tw-bg-opacity));
    opacity: 0;
}








@media (max-width: 992px) {
  body.page-single:has(
    salla-comments[item-id="154015033"],
    salla-comments[item-id="779115554"],
    salla-comments[item-id="1527460922"],
    salla-comments[item-id="886068027"]
  ) header {
    min-height: auto !important;
    height: auto !important;
  }
}





/* ===============================
   Hide Comments + Footer spacing
   Scoped by item-id (Salla pages)
================================ */

body.page-single:has(
  salla-comments[item-id="154015033"],
  salla-comments[item-id="779115554"],
  salla-comments[item-id="1527460922"],
  salla-comments[item-id="886068027"]
) {

  /* 1️⃣ Hide comments section completely */
  salla-comments,
  .s-comments,
  .s-comments-page,
  .s-comments-page-container {
    display: none !important;
  }

  /* 2️⃣ Remove top margin from footer */
  footer.store-footer {
    margin-top: 0 !important;
  }
}

/* Mobile: Remove all white space between nav and hero for all 4 pages */
@media (max-width: 992px) {
  body.page-single:has(
    salla-comments[item-id="154015033"],
    salla-comments[item-id="779115554"],
    salla-comments[item-id="1527460922"],
    salla-comments[item-id="886068027"]
  ) {
    .content-entry > header {
      margin-top: 0 !important;
      padding-top: 0 !important;
      margin-bottom: 0 !important;
    }
    
    .content--single-page {
      margin-top: 0 !important;
      padding-top: 0 !important;
    }
    
    .content-entry {
      margin-top: 0 !important;
      padding-top: 0 !important;
    }
    
    .content--single-page > *:first-child,
    .content--single-page > header:first-child {
      margin-top: 0 !important;
      padding-top: 0 !important;
    }
    
    .content-entry > *:first-child {
      margin-top: 0 !important;
      padding-top: 0 !important;
    }
  }
}

/* ===============================
   About Us page – layout control
   Page ID: salla-632105401
================================ */

/* ===============================
   About Us page ONLY (true scope)
   Page item-id: 779115554
================================ */

/* 1️⃣ Full-width ONLY for page content (not global containers) */
body.page-single:has(salla-comments[item-id="779115554"])
.content--single-page {
  width: 100vw !important;
  max-width: 100vw !important;

  margin-inline: calc(50% - 50vw) !important;

  padding: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

/* 2️⃣ Remove inner container padding ONLY inside this page */
body.page-single:has(salla-comments[item-id="779115554"])
.content--single-page .container {
  max-width: 100% !important;
  padding-inline: 0 !important;
}

/* 3️⃣ Hide breadcrumbs + default page title (this page only) */
body.page-single:has(salla-comments[item-id="779115554"])
nav.breadcrumbs,
body.page-single:has(salla-comments[item-id="779115554"])
.content--single-page > h1 {
  display: none !important;
}

/* 4️⃣ Reduce space between STORE header and HERO (desktop only) */
@media (min-width: 993px) {
  body.page-single:has(salla-comments[item-id="779115554"])
  .content-entry > header {
    margin-top: -32px;
  }
}

/* 5️⃣ Mobile safety - Remove all spacing between nav and hero */
@media (max-width: 992px) {
  body.page-single:has(salla-comments[item-id="779115554"])
  .content-entry > header {
    margin-top: 0 !important;
    padding-top: 0 !important;
    margin-bottom: 0 !important;
  }
  
  body.page-single:has(salla-comments[item-id="779115554"])
  .content--single-page {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
  
  body.page-single:has(salla-comments[item-id="779115554"])
  .content-entry {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
  
  body.page-single:has(salla-comments[item-id="779115554"])
  .content--single-page > *:first-child {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
}







/* ===============================
   About Us page ONLY (true scope)
   Page item-id: 779115554
================================ */

/* 1️⃣ Full-width ONLY for page content (not global containers) */
body.page-single:has(salla-comments[item-id="154015033"])
.content--single-page {
  width: 100vw !important;
  max-width: 100vw !important;

  margin-inline: calc(50% - 50vw) !important;

  padding: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

/* 2️⃣ Remove inner container padding ONLY inside this page */
body.page-single:has(salla-comments[item-id="154015033"])
.content--single-page .container {
  max-width: 100% !important;
  padding-inline: 0 !important;
}

/* 3️⃣ Hide breadcrumbs + default page title (this page only) */
body.page-single:has(salla-comments[item-id="154015033"])
nav.breadcrumbs,
body.page-single:has(salla-comments[item-id="154015033"])
.content--single-page > h1 {
  display: none !important;
}

/* 4️⃣ Reduce space between STORE header and HERO (desktop only) */
@media (min-width: 993px) {
  body.page-single:has(salla-comments[item-id="154015033"])
  .content-entry > header {
    margin-top: -32px;
  }
}

/* 5️⃣ Mobile safety - Remove all spacing between nav and hero */
@media (max-width: 992px) {
  body.page-single:has(salla-comments[item-id="154015033"])
  .content-entry > header {
    margin-top: 0 !important;
    padding-top: 0 !important;
    margin-bottom: 0 !important;
  }
  
  body.page-single:has(salla-comments[item-id="154015033"])
  .content--single-page {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
  
  body.page-single:has(salla-comments[item-id="154015033"])
  .content-entry {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
  
  body.page-single:has(salla-comments[item-id="154015033"])
  .content--single-page > *:first-child {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
}







/* ===============================
   About Us page ONLY (true scope)
   Page item-id: 779115554
================================ */


body.page-single:has(salla-comments[item-id="1527460922"]),
body.page-single:has(salla-comments[item-id="1527460922"]) html,
body.page-single:has(salla-comments[item-id="1527460922"]) body,
body.page-single:has(salla-comments[item-id="1527460922"]) .app-wrapper,
body.page-single:has(salla-comments[item-id="1527460922"]) .app-inner,
body.page-single:has(salla-comments[item-id="1527460922"]) .content-entry,
body.page-single:has(salla-comments[item-id="1527460922"]) .content--single-page {
  background-color: #FAF9F6 !important;
  background: #FAF9F6 !important;
}

/* 1️⃣ Full-width ONLY for page content (not global containers) */
body.page-single:has(salla-comments[item-id="1527460922"])
.content--single-page {
  width: 100vw !important;
  max-width: 100vw !important;

  margin-inline: calc(50% - 50vw) !important;

  padding: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

/* 2️⃣ Remove inner container padding ONLY inside this page */
body.page-single:has(salla-comments[item-id="1527460922"])
.content--single-page .container {
  max-width: 100% !important;
  padding-inline: 0 !important;
}

/* 3️⃣ Hide breadcrumbs + default page title (this page only) */
body.page-single:has(salla-comments[item-id="1527460922"])
nav.breadcrumbs,
body.page-single:has(salla-comments[item-id="1527460922"])
.content--single-page > h1 {
  display: none !important;
}

/* 4️⃣ Reduce space between STORE header and HERO (desktop only) */
@media (min-width: 993px) {
  body.page-single:has(salla-comments[item-id="1527460922"])
  .content-entry > header {
    margin-top: -32px;
  }
}

/* 5️⃣ Mobile safety - Remove all spacing between nav and hero */
@media (max-width: 992px) {
  body.page-single:has(salla-comments[item-id="1527460922"])
  .content-entry > header {
    margin-top: 0 !important;
    padding-top: 0 !important;
    margin-bottom: 0 !important;
  }
  
  body.page-single:has(salla-comments[item-id="1527460922"])
  .content--single-page {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
  
  body.page-single:has(salla-comments[item-id="1527460922"])
  .content-entry {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
  
  body.page-single:has(salla-comments[item-id="1527460922"])
  .content--single-page > *:first-child {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
}


/* 6️⃣ Fix branch card image height and tag border for branches page */


body.page-single:has(salla-comments[item-id="1527460922"]) .tag {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}



/* ===============================
   About Us page ONLY (true scope)
   Page item-id: 779115554
================================ */

/* 1️⃣ Full-width ONLY for page content (not global containers) */
body.page-single:has(salla-comments[item-id="886068027"])
.content--single-page {
  width: 100vw !important;
  max-width: 100vw !important;

  margin-inline: calc(50% - 50vw) !important;

  padding: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

/* 2️⃣ Remove inner container padding ONLY inside this page */
body.page-single:has(salla-comments[item-id="886068027"])
.content--single-page .container {
  max-width: 100% !important;
  padding-inline: 0 !important;
}

/* 3️⃣ Hide breadcrumbs + default page title (this page only) */
body.page-single:has(salla-comments[item-id="886068027"])
nav.breadcrumbs,
body.page-single:has(salla-comments[item-id="886068027"])
.content--single-page > h1 {
  display: none !important;
}

/* 4️⃣ Reduce space between STORE header and HERO (desktop only) */
@media (min-width: 993px) {
  body.page-single:has(salla-comments[item-id="886068027"])
  .content-entry > header {
    margin-top: -32px;
  }
}

/* 5️⃣ Mobile safety - Remove all spacing between nav and hero */
@media (max-width: 992px) {
  body.page-single:has(salla-comments[item-id="886068027"])
  .content-entry > header {
    margin-top: 0 !important;
    padding-top: 0 !important;
    margin-bottom: 0 !important;
  }
  
  body.page-single:has(salla-comments[item-id="886068027"])
  .content--single-page {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
  
  body.page-single:has(salla-comments[item-id="886068027"])
  .content-entry {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
  
  body.page-single:has(salla-comments[item-id="886068027"])
  .content--single-page > *:first-child {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
}



/* ===== Remove global line-height for specific pages ONLY ===== */

/* Page item-id: 779115554 */
body.page-single:has(salla-comments[item-id="779115554"]) p,
body.page-single:has(salla-comments[item-id="779115554"]) li,
body.page-single:has(salla-comments[item-id="779115554"]) span,
body.page-single:has(salla-comments[item-id="779115554"]) a,
body.page-single:has(salla-comments[item-id="779115554"]) div {
  line-height: normal !important;
  letter-spacing: normal !important;
}

/* Page item-id: 154015033 */
body.page-single:has(salla-comments[item-id="154015033"]) p,
body.page-single:has(salla-comments[item-id="154015033"]) li,
body.page-single:has(salla-comments[item-id="154015033"]) span,
body.page-single:has(salla-comments[item-id="154015033"]) a,
body.page-single:has(salla-comments[item-id="154015033"]) div {
  line-height: normal !important;
  letter-spacing: normal !important;
}

/* Page item-id: 1527460922 */
body.page-single:has(salla-comments[item-id="1527460922"]) p,
body.page-single:has(salla-comments[item-id="1527460922"]) li,
body.page-single:has(salla-comments[item-id="1527460922"]) span,
body.page-single:has(salla-comments[item-id="1527460922"]) a,
body.page-single:has(salla-comments[item-id="1527460922"]) div {
  line-height: normal !important;
  letter-spacing: normal !important;
}

/* Page item-id: 886068027 */
body.page-single:has(salla-comments[item-id="886068027"]) p,
body.page-single:has(salla-comments[item-id="886068027"]) li,
body.page-single:has(salla-comments[item-id="886068027"]) span,
body.page-single:has(salla-comments[item-id="886068027"]) a,
body.page-single:has(salla-comments[item-id="886068027"]) div {
  line-height: normal !important;
  letter-spacing: normal !important;
}

/* ===== Remove image/card shadow for specific pages ONLY ===== */

/* Page item-id: 779115554 */
body.page-single:has(salla-comments[item-id="779115554"]) img,
body.page-single:has(salla-comments[item-id="779115554"]) .banner,
body.page-single:has(salla-comments[item-id="779115554"]) .card,
body.page-single:has(salla-comments[item-id="779115554"]) [style*="box-shadow"] {
  box-shadow: none !important;
}

/* Page item-id: 154015033 */
body.page-single:has(salla-comments[item-id="154015033"]) img,
body.page-single:has(salla-comments[item-id="154015033"]) .banner,
body.page-single:has(salla-comments[item-id="154015033"]) .card,
body.page-single:has(salla-comments[item-id="154015033"]) [style*="box-shadow"] {
  box-shadow: none !important;
}

/* Page item-id: 1527460922 */
body.page-single:has(salla-comments[item-id="1527460922"]) img,
body.page-single:has(salla-comments[item-id="1527460922"]) .banner,
body.page-single:has(salla-comments[item-id="1527460922"]) .card,
body.page-single:has(salla-comments[item-id="1527460922"]) [style*="box-shadow"] {
  box-shadow: none !important;
}

/* Page item-id: 886068027 */
body.page-single:has(salla-comments[item-id="886068027"]) img,
body.page-single:has(salla-comments[item-id="886068027"]) .banner,
body.page-single:has(salla-comments[item-id="886068027"]) .card,
body.page-single:has(salla-comments[item-id="886068027"]) [style*="box-shadow"] {
  box-shadow: none !important;
}


/* =====================================
   MOBILE – Fix Double Add To Cart
   ===================================== */

@media (max-width: 992px) {

  /* Hide mini cart icon version */
  .product-card .product-card__mini-cart {
    display: none !important;
  }

  /* Show normal full button */
  .product-card .product-card__normal-cart {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  /* Remove hover dependency */
  .product-card:hover .product-card__normal-cart {
    opacity: 1 !important;
    visibility: visible !important;
  }

  /* Full width button */
  .product-card__normal-cart .s-button-element {
    width: 100% !important;
  }
}


/* body.product-index.cat-special-header .store-header {
  top: 48px !important;
} */