/* =========================================================
   TECHNOWORLD 360 - IOS FONT PERFORMANCE UPDATE
   Google Fonts import removed.
   English uses system UI fonts.
   Arabic uses Salla's built-in PingARLT font.
   ========================================================= */

/* =========================================================
   TECHNOWORLD 360 - GLOBAL STYLE
   ========================================================= */

:root {
  --tw-blue: #007ac2;
  --tw-blue-deep: #005f9b;
  --tw-ink: #102a43;
  --tw-soft: #f3f8fc;

  --tw-brown-dark: #211d19;
  --tw-brown: #302820;
  --tw-brown-mid: #5b4d40;
  --tw-brown-light: #8c7966;

  --tw-cream: #fff7ed;
  --tw-text-dark: #241a14;
}


/* =========================================================
   TYPOGRAPHY
   ========================================================= */

html[lang^="en"] body,
html[lang^="en"] button,
html[lang^="en"] input,
html[lang^="en"] select,
html[lang^="en"] textarea {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
}

html[lang^="ar"] body,
html[lang^="ar"] button,
html[lang^="ar"] input,
html[lang^="ar"] select,
html[lang^="ar"] textarea {
  font-family: PingARLT, Arial, sans-serif !important;
}


/* =========================================================
   GLOBAL WOOD BACKGROUND
   ALL PAGES
   ========================================================= */

html,
body {
  min-height: 100%;
}

body {
  background: var(--tw-brown-dark) !important;
  color: var(--tw-brown) !important;
}

/* IMPORTANT:
   app-inner is DIV in Salla, not main.app-inner */
.app-inner {
  min-height: 100vh !important;

  background: linear-gradient(
    180deg,
    #211d19 0%,
    #302820 22%,
    #5b4d40 43%,
    #b2a496 64%,
    #eee7df 82%,
    #ffffff 100%
  ) !important;

  background-repeat: no-repeat !important;
}

/* Main content must never cover the global background */
#main-content {
  background: transparent !important;
}

/* All internal pages */
body:not(.index) #main-content,
body:not(.index) .profile-header,
body:not(.index) .profile-header.gradient-bg,
body:not(.index) .container--breadcrumbs,
body:not(.index) .breadcrumbs,
body:not(.index) .main-content {
  background: transparent !important;
}


/* Generic page wrappers */
body:not(.index) #main-content > .page-wrapper,
body:not(.index) #main-content > .content-wrapper,
body:not(.index) #main-content > .page-container {
  background: transparent !important;
}


/* =========================================================
   HOME PAGE SECTIONS
   ========================================================= */

.app-inner > .s-block:not(.s-block--main-slider):not(.s-block--header-marquee),
.s-block--fixed-banner:has(a[href$="/c1880719297"]) {
  background: transparent !important;
}


/* =========================================================
   MAIN SLIDER
   ========================================================= */

#main-slider-1-0 {
  height: 72vh !important;
  min-height: 420px !important;
  max-height: 640px !important;
}

#main-slider-1-0 .has-gradient-full-overlay {
  opacity: 0.28 !important;
}

#main-slider-1-0 .slide-content p {
  margin-bottom: 20px !important;

  font-size: clamp(28px, 3.2vw, 44px) !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;

  text-shadow: 0 2px 12px rgba(0,0,0,.45);
}

#main-slider-1-0 .slide-content .more-link {
  padding: 13px 26px !important;

  border-radius: 10px !important;

  background: var(--tw-blue) !important;
  color: #fff !important;

  font-size: 17px !important;
  font-weight: 700 !important;
}


/* =========================================================
   FEATURED PRODUCTS - HOME
   ========================================================= */

.featured-products-2 {
  margin: 28px auto !important;
  padding: 38px 24px !important;

  border: 1px solid #e5edf4 !important;
  border-radius: 24px !important;

  background: #fff !important;

  box-shadow: 0 10px 30px rgba(15,42,67,.06) !important;
}

.featured-products-2 .tab-trigger {
  padding: 10px 18px !important;

  border: 1px solid #d7e4ee !important;
  border-radius: 999px !important;

  background: #fff !important;
  color: var(--tw-ink) !important;
}

.featured-products-2 .tab-trigger.is-active {
  border-color: var(--tw-blue) !important;
  background: var(--tw-blue) !important;

  color: #fff !important;
  font-weight: 700 !important;
}

.featured-products-2 .product-entry {
  padding: 12px !important;

  border: 1px solid #e6edf3 !important;
  border-radius: 16px !important;

  background: #fff !important;

  box-shadow: 0 6px 18px rgba(15,42,67,.05) !important;
}

.featured-products-2 .product-entry img,
.featured-products-2 salla-product-card img {
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;

  border-radius: 12px !important;

  background: #f7f9fc !important;

  object-fit: contain !important;
}

.featured-products-2 .product-entry button {
  border-radius: 10px !important;
  background: var(--tw-blue) !important;
}

.featured-products-2 [class*="sale-price"],
.featured-products-2 [class*="discount"] {
  color: #e5484d !important;
}


/* =========================================================
   BRAND BANNERS
   ========================================================= */

.s-block--fixed-banner a[href*="/tineco/c"],
.s-block--fixed-banner a[href*="/ecovacs/c"],
.s-block--fixed-banner a[href*="/rebune/c"] {
  display: block !important;
  overflow: hidden !important;

  border: 1px solid #e5edf4 !important;
  border-radius: 18px !important;

  background: #fff !important;

  box-shadow: 0 8px 20px rgba(15,42,67,.07) !important;
}

.s-block--fixed-banner a[href*="/tineco/c"] img,
.s-block--fixed-banner a[href*="/ecovacs/c"] img,
.s-block--fixed-banner a[href*="/rebune/c"] img {
  display: block !important;
  width: 100% !important;
}


/* Warm brand gallery */
.s-block--fixed-banner:has(a[href$="/c1880719297"]) {
  margin-top: 0 !important;
  margin-bottom: 0 !important;

  padding: 48px 0 58px !important;

  border-top: 0 !important;
  border-bottom: 0 !important;
}

.s-block--fixed-banner:has(a[href$="/c1880719297"]) .container {
  max-width: 1240px !important;
}

.s-block--fixed-banner:has(a[href$="/c1880719297"]) .s-block__title {
  gap: 24px !important;
  margin-bottom: 30px !important;
}

.s-block--fixed-banner:has(a[href$="/c1880719297"]) .s-block__title::before,
.s-block--fixed-banner:has(a[href$="/c1880719297"]) .s-block__title::after {
  border-color: #c7b39c !important;
  background: #c7b39c !important;
  opacity: .65;
}

.s-block--fixed-banner:has(a[href$="/c1880719297"]) .s-block__title h2 {
  margin-bottom: 0 !important;

  color: var(--tw-cream) !important;

  font-size: clamp(24px,2.1vw,32px) !important;
  font-weight: 700 !important;
  line-height: 1.5 !important;
}

.s-block--fixed-banner:has(a[href$="/c1880719297"]) .grid {
  gap: 24px !important;
}

.s-block--fixed-banner:has(a[href$="/c1880719297"]) a.banner {
  padding: 6px !important;

  border: 1px solid #8a7257 !important;
  border-radius: 18px !important;

  background: var(--tw-brown) !important;

  box-shadow: 0 12px 28px -15px rgba(58,40,23,.28) !important;

  transition:
    box-shadow .25s ease,
    border-color .25s ease !important;
}

.s-block--fixed-banner:has(a[href$="/c1880719297"]) a.banner img {
  display: block !important;

  width: 100% !important;
  height: auto !important;

  border-radius: 12px !important;
}

.s-block--fixed-banner:has(a[href$="/c1880719297"]) a.banner:hover {
  border-color: #b49a7c !important;

  box-shadow: 0 16px 32px -14px rgba(58,40,23,.35) !important;
}


/* =========================================================
   CUSTOMER EXPERIENCES / VIDEOS
   ========================================================= */

.photos-4-slider,
.customer-experiences-5 {
  margin: 28px auto !important;
  border-radius: 24px !important;
}

.s-block--customer-experiences > .container > .s-block__title,
.s-block--customer-experiences .s-block__title h2 {
  color: var(--tw-cream) !important;
}

.s-block--customer-experiences .swiper-slide {
  overflow: hidden !important;

  border: 1px solid #8a7257 !important;
  border-radius: 16px !important;

  background: var(--tw-brown) !important;
  color: var(--tw-cream) !important;

  box-shadow: 0 12px 28px rgba(25,19,14,.22) !important;
}

.s-block--customer-experiences .swiper-slide > div:last-child {
  padding: 12px 16px 18px !important;
  background: var(--tw-brown) !important;
}

.s-block--customer-experiences .swiper-slide h2,
.s-block--customer-experiences .swiper-slide h3,
.s-block--customer-experiences .swiper-slide p,
.s-block--customer-experiences .swiper-slide [class*="title"],
.s-block--customer-experiences .swiper-slide [class*="description"] {
  color: var(--tw-cream) !important;
}


/* =========================================================
   STATISTICS
   ========================================================= */

.s-block--statistics {
  color: var(--tw-brown) !important;
}

.s-block--statistics .statistics-item > div {
  overflow: hidden !important;

  border: 1px solid #8a7257 !important;
  border-radius: 28px !important;

  background: var(--tw-brown) !important;

  box-shadow: 0 12px 28px rgba(25,19,14,.20) !important;
}

.s-block--statistics .statistics-item h2,
.s-block--statistics .statistics-item h3,
.s-block--statistics .statistics-item p {
  color: var(--tw-cream) !important;
}


/* =========================================================
   FAQ
   ========================================================= */

[class*="faq"],
[class*="questions"] {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}

[class*="faq"] > *,
[class*="questions"] > * {
  margin-bottom: 12px !important;
}


/* =========================================================
   BREADCRUMBS - ALL INNER PAGES
   ========================================================= */

body:not(.index) .container--breadcrumbs,
body:not(.index) .breadcrumbs {
  background: transparent !important;
}

body:not(.index) .container--breadcrumbs,
body:not(.index) .container--breadcrumbs a,
body:not(.index) .container--breadcrumbs span,
body:not(.index) .breadcrumbs,
body:not(.index) .breadcrumbs a,
body:not(.index) .breadcrumbs span {
  color: var(--tw-cream) !important;
}


/* =========================================================
   PRODUCT PAGE CONTAINERS
   ========================================================= */

.container--products-list,
.container--product-details,
.container--product-reviews,
.container--product-recommendations {
  padding: 24px !important;

  border: 1px solid #d7c6b1 !important;
  border-radius: 20px !important;

  background: rgba(255,252,248,.97) !important;
  color: var(--tw-brown) !important;

  box-shadow: 0 12px 32px rgba(25,19,14,.10) !important;
}

.product-entry {
  overflow: hidden;

  border-radius: 14px;

  background: #fff !important;
  color: var(--tw-brown) !important;
}


/* =========================================================
   CATEGORY / COLLECTION PAGES
   ========================================================= */

body.product-index .container--products-list {
  border: 0 !important;
  border-radius: 0 !important;

  background: transparent !important;

  color: var(--tw-cream) !important;

  box-shadow: none !important;
}

body.product-index .container--breadcrumbs,
body.product-index .container--breadcrumbs a,
body.product-index .container--breadcrumbs span,
body.product-index .container--products-list h1,
body.product-index #page-main-title {
  color: var(--tw-cream) !important;
  font-weight: 700 !important;
}


/* Product cards */
body.product-index .product-entry {
  overflow: hidden !important;

  border: 1px solid #9e7654 !important;
  border-radius: 16px !important;

  background: linear-gradient(
    180deg,
    #ad825c 0%,
    #c9a884 45%,
    #e6d3bd 100%
  ) !important;

  color: var(--tw-text-dark) !important;

  box-shadow: 0 6px 20px rgba(16,10,5,.18) !important;
}


/* Product title */
body.product-index .product-entry__title,
body.product-index .product-entry__title a {
  display: block !important;

  width: 100% !important;
  max-width: none !important;

  margin-inline: auto !important;
  padding-inline: 4px !important;

  color: var(--tw-text-dark) !important;

  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.45 !important;

  text-align: center !important;
}


/* Product code */
body.product-index .product-entry__subtitle {
  display: block !important;

  width: 100% !important;

  margin-inline: auto !important;

  color: #7a6654 !important;

  font-size: 13px !important;

  text-align: center !important;
}


/* Product prices */
body.product-index .product-entry .total-price,
body.product-index .product-entry [class*="sale-price"],
body.product-index .product-entry [class*="discount"],
body.product-index .product-entry del,
body.product-index .product-entry s {
  margin-inline: auto !important;
  padding-inline: 4px !important;

  text-align: center !important;
}

body.product-index .product-entry [class*="price"] {
  justify-content: center !important;
  text-align: center !important;
}

body.product-index .product-entry .total-price {
  color: var(--tw-text-dark) !important;
  font-weight: 700 !important;
}

body.product-index .product-entry [class*="discount"],
body.product-index .product-entry [class*="sale-price"] {
  font-weight: 600 !important;
}

body.product-index .product-entry del,
body.product-index .product-entry s {
  color: #9a8d82 !important;
  font-weight: 400 !important;
}


/* Add to cart */
body.product-index .product-entry button,
body.product-index .product-entry .add-to-cart,
body.product-index .product-entry [class*="add-to-cart"] {
  border: 0 !important;

  background: linear-gradient(
    135deg,
    #1f1712 0%,
    #35251b 50%,
    #523824 100%
  ) !important;

  color: var(--tw-cream) !important;

  font-weight: 600 !important;
}


/* Sorting */
body.product-index #product-filter {
  border: 1px solid #dedfe1 !important;
  border-radius: 8px !important;

  background: #fff !important;

  color: #45494d !important;
}


/* =========================================================
   CUSTOMER AREA
   ACCOUNT / ORDERS / NOTIFICATIONS / WALLET / WISHLIST
   ========================================================= */

body:not(.index) .profile-header,
body:not(.index) .profile-header.gradient-bg {
  background: transparent !important;
}

/* Customer page main area */
body:not(.index) .main-content {
  background: transparent !important;
}

/* Customer page titles */
body:not(.index) .main-content > h1,
body:not(.index) .profile-header h1 {
  color: var(--tw-cream) !important;
}

/* Customer sidebar */
body:not(.index) nav.sidebar {
  border: 1px solid rgba(158,118,84,.32) !important;

  background: rgba(255,247,237,.94) !important;

  color: var(--tw-text-dark) !important;

  box-shadow: 0 12px 30px rgba(25,19,14,.13) !important;
}

/* Keep forms/cards readable */
body:not(.index) .form-input,
body:not(.index) input,
body:not(.index) select,
body:not(.index) textarea {
  border-color: #d7c6b1;
}

/* Customer web components sit over global background */
body:not(.index) salla-notifications,
body:not(.index) salla-orders,
body:not(.index) salla-wallet,
body:not(.index) salla-products-list {
  position: relative;
  z-index: 1;
}


/* =========================================================
   HEADER
   ========================================================= */

header a[href*="/tineco/"],
header a[href*="/ecovacs/"],
header a[href*="/rebune/"],
header .quicklinks-item {
  display: inline-flex !important;
  align-items: center !important;

  width: auto !important;
  min-width: 0 !important;
  height: 16px !important;

  padding: 0 !important;

  border: 0 !important;

  background: transparent !important;

  color: #fff !important;

  box-shadow: none !important;

  line-height: 16px !important;

  box-sizing: border-box !important;
}

header a[href*="/tineco/"] *,
header a[href*="/ecovacs/"] *,
header a[href*="/rebune/"] *,
header .quicklinks-item * {
  color: #fff !important;
}


/* Brown header on every inner page */
body:not(.index) header.store-header #main-nav,
body:not(.index) header.store-header #main-nav .inner,
body:not(.index) header.store-header #main-nav .main-nav__content {
  border: 0 !important;

  background: var(--tw-brown-dark) !important;
  background-color: var(--tw-brown-dark) !important;

  color: var(--tw-cream) !important;

  box-shadow: none !important;

  --header-bg: #211d19 !important;
}

body:not(.index) header.store-header #main-nav a,
body:not(.index) header.store-header #main-nav button,
body:not(.index) header.store-header #main-nav i,
body:not(.index) header.store-header #main-nav svg {
  color: var(--tw-cream) !important;
}

body:not(.index) header.store-header #main-nav .mburger.storemenu-panel-trigger span {
  background-color: var(--tw-cream) !important;
  opacity: 1 !important;
}

/* =========================================================
   FOOTER - FULLY TRANSPARENT
   USE MAIN SITE BACKGROUND
   ========================================================= */

.store-footer-wrap,
.store-footer,
.store-footer__inner,
.store-footer .container,
.store-footer .footer-main-row,
.store-footer .footer-bottom {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

/* Footer text */
.store-footer-wrap,
.store-footer-wrap a,
.store-footer-wrap p,
.store-footer-wrap span,
.store-footer-wrap h1,
.store-footer-wrap h2,
.store-footer-wrap h3,
.store-footer-wrap h4,
.store-footer-wrap li,
.store-footer-wrap i {
    color: #302820 !important;
}

/* Divider lines */
.store-footer-wrap hr,
.store-footer-wrap [class*="border"] {
    border-color: rgba(48,40,32,.18) !important;
}

/* Icons */
.store-footer-wrap svg {
    color: #302820 !important;
}


/* =========================================================
   HIDE UNUSED FLOATING WIDGETS
   ========================================================= */

#back-to-top,
.back-to-top,
[class*="back-to-top"],
[class*="help-widget"],
[class*="support-widget"],
#progress-scroll,
#progress-scroll::before,
#progress-scroll::after,
ticketing-system,
button.floating-contacts__trigger.floating-contacts__icon {
  display: none !important;

  visibility: hidden !important;
  opacity: 0 !important;

  pointer-events: none !important;
}


/* =========================================================
   CUSTOM WHATSAPP
   HOMEPAGE ONLY
   ========================================================= */

a.wa-s-n {
  display: none !important;
}

body.index a.wa-s-n {
  display: inline-flex !important;

  border: 2px solid #d8c1a5 !important;

  background: #8a6748 !important;

  color: #fff !important;

  box-shadow: 0 4px 12px rgba(0,0,0,.22) !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

  /* Main slider */
  #main-slider-1-0 {
    height: 70svh !important;
    min-height: 400px !important;
    max-height: 560px !important;
  }

  #main-slider-1-0 .slide-content p {
    font-size: 28px !important;
  }


  /* Home sections */
  .featured-products-2,
  .customer-experiences-5 {
    margin: 20px 12px !important;
    padding: 28px 16px !important;

    border-radius: 20px !important;
  }


  /* Brand banners */
  .s-block--fixed-banner a[href*="/tineco/c"],
  .s-block--fixed-banner a[href*="/ecovacs/c"],
  .s-block--fixed-banner a[href*="/rebune/c"] {
    border-radius: 16px !important;
  }

  .s-block--fixed-banner:has(a[href$="/c1880719297"]) {
    padding: 30px 0 34px !important;
  }

  .s-block--fixed-banner:has(a[href$="/c1880719297"]) .s-block__title {
    gap: 14px !important;
    margin-bottom: 22px !important;
  }

  .s-block--fixed-banner:has(a[href$="/c1880719297"]) .grid {
    gap: 16px !important;
  }

  .s-block--fixed-banner:has(a[href$="/c1880719297"]) a.banner {
    padding: 5px !important;
    border-radius: 15px !important;
  }

  .s-block--fixed-banner:has(a[href$="/c1880719297"]) a.banner img {
    border-radius: 10px !important;
  }


  /* Product containers */
  .container--products-list,
  .container--product-details,
  .container--product-reviews,
  .container--product-recommendations {
    width: calc(100% - 24px) !important;

    padding: 16px !important;

    border-radius: 16px !important;
  }


  /* Product cards */
  body.product-index .product-entry__title,
  body.product-index .product-entry__title a {
    font-size: 13px !important;
    line-height: 1.4 !important;
  }

  body.product-index .product-entry .total-price {
    font-size: 16px !important;
  }


  /* Statistics */
  .statistics-item[data-value*="170"] p {
    position: relative !important;
    top: 35px !important;
  }


  /* =====================================================
     TRANSPARENT HOME HEADER
     ===================================================== */

  body.index header.store-header {
    position: absolute !important;

    top: 0 !important;
    right: 0 !important;
    left: 0 !important;

    z-index: 100 !important;

    width: 100% !important;

    background: transparent !important;
  }

  body.index header.store-header #main-nav,
  body.index header.store-header #main-nav .inner,
  body.index header.store-header #main-nav .main-nav__content {
    border: 0 !important;

    background: transparent !important;
    background-color: transparent !important;

    box-shadow: none !important;
  }

  body.index header.store-header #main-nav a,
  body.index header.store-header #main-nav button,
  body.index header.store-header #main-nav i,
  body.index header.store-header #main-nav svg {
    color: var(--tw-cream) !important;
  }

  body.index header.store-header #main-nav .mburger.storemenu-panel-trigger span {
    background-color: var(--tw-cream) !important;
  }


  /* =====================================================
     CUSTOMER PAGE BACKGROUND MOBILE
     ===================================================== */

  body:not(.index) .profile-header {
    background: transparent !important;
  }

  body:not(.index) nav.sidebar {
    background: rgba(255,247,237,.95) !important;
  }

  body:not(.index) .main-content {
    background: transparent !important;
  }


  /* =====================================================
     MOBILE DRAWERS
     ===================================================== */

  #storemenu-panel,
  .s-user-menu-dropdown {
    background: linear-gradient(
      160deg,
      #211d19 0%,
      #302820 35%,
      #5b4d40 70%,
      #8c7966 100%
    ) !important;
  }

  #storemenu-panel,
  #storemenu-panel .side-panel__top,
  #storemenu-panel .side-panel__content,
  #storemenu-panel .main-menu-wrap,
  #storemenu-panel #aside-main-menu,
  #storemenu-panel .main-menu,
  #storemenu-panel .secondary-menu-wrap {
    background-color: transparent !important;
    background-image: none !important;

    box-shadow: none !important;
  }


  /* Remove white strip inside menu */
  #storemenu-panel #back-btn,
  #storemenu-panel .back-btn,
  #storemenu-panel #back-btn::before,
  #storemenu-panel #back-btn::after,
  #storemenu-panel .back-btn::before,
  #storemenu-panel .back-btn::after {
    border: 0 !important;

    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;

    box-shadow: none !important;
  }


  /* White drawer text */
  #storemenu-panel,
  #storemenu-panel a,
  #storemenu-panel span,
  #storemenu-panel li,
  #storemenu-panel strong,
  .s-user-menu-dropdown,
  .s-user-menu-dropdown a,
  .s-user-menu-dropdown p,
  .s-user-menu-dropdown span {
    color: #fff !important;
  }

  #storemenu-panel svg,
  #storemenu-panel i,
  .s-user-menu-dropdown svg {
    color: #fff !important;
    fill: #fff !important;
  }

  .s-user-menu-dropdown-item a:hover,
  #storemenu-panel a:hover {
    background: rgba(255,255,255,.10) !important;
  }


  /* Drawers above floating buttons */
  #storemenu-panel {
    z-index: 20000 !important;
  }

  header.store-header:has(.s-user-menu-toggler.opened) {
    z-index: 20000 !important;
  }

  .s-user-menu-toggler.opened .s-user-menu-dropdown {
    z-index: 20001 !important;
  }


  /* WhatsApp position */
  body.index a.wa-s-n {
    right: 18px !important;
    bottom: 90px !important;
  }


  /* Hide WhatsApp when menu is open */
  body.aside-is-opened a.wa-s-n,
  body.aside-is-opened .floating-contacts,
  body:has(#storemenu-panel.is-opened) a.wa-s-n,
  body:has(#storemenu-panel.is-opened) .floating-contacts,
  body:has(.s-user-menu-toggler.opened) a.wa-s-n,
  body:has(.s-user-menu-toggler.opened) .floating-contacts {
    display: none !important;

    visibility: hidden !important;
    opacity: 0 !important;

    pointer-events: none !important;
  }
}

#storemenu-panel-close {
  color: #fff !important;
}

#storemenu-panel-close::before,
#storemenu-panel-close::after {
  background-color: #fff !important;
  border-color: #fff !important;
}

/* Remove white strip above menu */
#storemenu-panel .side-panel__top {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
}
a.scroll-down {
    display: none !important;
}
@media (max-width: 767px) {
  #main-slider-1-0 p[data-swiper-parallax="-300"] {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #fff !important;
    opacity: 1 !important;
    line-height: 1.3 !important;
    text-shadow: 0 2px 8px rgba(0,0,0,.45) !important;
  }
}

/* =========================================================
   BEST SELLERS - SAME AS CATEGORY PRODUCT CARDS
   ========================================================= */

/* Product cards */
#featured-products-2 .product-entry {
  overflow: hidden !important;

  border: 1px solid #9e7654 !important;
  border-radius: 16px !important;

  background: linear-gradient(
    180deg,
    #ad825c 0%,
    #c9a884 45%,
    #e6d3bd 100%
  ) !important;

  color: var(--tw-text-dark) !important;

  box-shadow: 0 6px 20px rgba(16,10,5,.18) !important;
}


/* Product title */
#featured-products-2 .product-entry__title,
#featured-products-2 .product-entry__title a {
  display: block !important;

  width: 100% !important;
  max-width: none !important;

  margin-inline: auto !important;
  padding-inline: 4px !important;

  color: var(--tw-text-dark) !important;

  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.45 !important;

  text-align: center !important;
}


/* Product code */
#featured-products-2 .product-entry__subtitle {
  display: block !important;

  width: 100% !important;

  margin-inline: auto !important;

  color: #7a6654 !important;

  font-size: 13px !important;

  text-align: center !important;
}


/* Product prices */
#featured-products-2 .product-entry .total-price,
#featured-products-2 .product-entry [class*="sale-price"],
#featured-products-2 .product-entry [class*="discount"],
#featured-products-2 .product-entry del,
#featured-products-2 .product-entry s {
  margin-inline: auto !important;
  padding-inline: 4px !important;

  text-align: center !important;
}

#featured-products-2 .product-entry [class*="price"] {
  justify-content: center !important;
  text-align: center !important;
}

#featured-products-2 .product-entry .total-price {
  color: var(--tw-text-dark) !important;
  font-weight: 700 !important;
}

#featured-products-2 .product-entry [class*="discount"],
#featured-products-2 .product-entry [class*="sale-price"] {
  font-weight: 600 !important;
}

#featured-products-2 .product-entry del,
#featured-products-2 .product-entry s {
  color: #9a8d82 !important;
  font-weight: 400 !important;
}


/* Add to cart */
#featured-products-2 .product-entry button,
#featured-products-2 .product-entry .add-to-cart,
#featured-products-2 .product-entry [class*="add-to-cart"] {
  border: 0 !important;

  background: linear-gradient(
    135deg,
    #1f1712 0%,
    #35251b 50%,
    #523824 100%
  ) !important;

  color: var(--tw-cream) !important;

  font-weight: 600 !important;
}

#featured-products-2 .s-block__title,
#featured-products-2 .s-block__title h2 {
  color: var(--tw-cream) !important;
  font-weight: 700 !important;
}

/* صندوق صفحة المقال */
.main-content.blog-category{
  background: #f5ede2;
  padding: 28px;
  border-radius: 18px;
  border: 1px solid #eadcc8;
}

/* محتوى المقال */
.main-content.blog-category article{
  background: #fcf7f0;
  padding: 24px;
  border-radius: 14px;
  line-height: 2;
  color: #3d352c;
}

/* العناوين داخل المقال */
.main-content.blog-category article h1,
.main-content.blog-category article h2,
.main-content.blog-category article h3{
  color: #2f241b;
  margin-top: 22px;
  margin-bottom: 12px;
}

/* الفقرات */
.main-content.blog-category article p{
  margin-bottom: 14px;
}

/* التاغات تحت */
.main-content.blog-category .flex.flex-wrap.items-center{
  background: #f8f1e8;
  padding: 12px 14px;
  border-radius: 12px;
  margin-top: 18px;
}