/* Add custom CSS styles below */
@import url("https://fonts.googleapis.com/css2?family=Cairo:wght@500;700;800&display=swap");
:root {
  --tr-peach: #FFB692;
  --tr-coral-light: #FF9E8F;
  --tr-coral: #E17662;
  --tr-olive: #687A4D;
  --tr-mustard: #FAB860;
  --tr-lime: #DAEB93;
  --tr-white: #FFFFFF;
  --tr-black: #111111;
  --tr-text: #202020;
  --tr-muted: #727272;
  --tr-border: #ECECEC;
}

.tr-force-hide,
.tr-old-hero-hidden,
.tr-footer-contact-hidden { display: none !important; }

/* TOP BAR — known working structure */
.tr-top-strip {
  min-height: 36px;
  display: grid;
  grid-template-columns: repeat(3,1fr);
  align-items: center;
  gap: 12px;
  padding: 7px 28px;
  background: var(--tr-coral);
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  text-align: center;
  direction: rtl;
}
.tr-top-strip > div {
  display:flex; align-items:center; justify-content:center; gap:7px;
}
.tr-top-strip > div > span:first-child {
  display:inline-flex !important; align-items:center !important; justify-content:center !important;
  width:18px !important; height:18px !important; min-width:18px !important;
  font-size:14px !important; line-height:1 !important; color:#fff !important;
}

/* HEADER — V18 EXACT DOM + CAIRO
   Based on the actual live header DOM copied from ryt14.com.
   Only header layout/typography is changed.
   Salla icon fonts and cart behavior remain untouched.
   ========================================================= */

.store-header,
.main-nav-container,
header .main-nav-container {
  background:#FFFFFF !important;
  border-bottom:1px solid var(--tr-border) !important;
  box-shadow:none !important;
}

/* Cairo only for textual header UI */
.tr-header-v5 .main-menu a,
.tr-header-v5 .main-menu a span,
.tr-header-v5 .tr-header-brand-copy,
.tr-header-v5 .tr-header-brand-copy strong,
.tr-header-v5 .tr-header-brand-copy small,
.tr-header-v5 .tr-header-search::before,
.tr-top-strip {
  font-family:"Cairo", Arial, sans-serif !important;
}

@media (min-width:992px) {

  /* Exact live structure:
     header.tr-header-v5 > .container >
     .flex.items-center.justify-between.relative */
  .tr-header-v5 {
    min-height:68px !important;
  }

  .tr-header-v5 > .container {
    width:min(1280px,calc(100% - 36px)) !important;
    max-width:1280px !important;
    min-height:68px !important;
    margin-inline:auto !important;
    padding-inline:0 !important;
  }

  .tr-header-v5 > .container >
  .flex.items-center.justify-between.relative {
    min-height:68px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    flex-wrap:nowrap !important;
    gap:22px !important;
  }

  /* Brand wrapper: first child in the confirmed DOM */
  .tr-header-v5 > .container >
  .flex.items-center.justify-between.relative >
  .flex.items-center:first-child {
    flex:0 0 auto !important;
    min-width:max-content !important;
  }

  /* Logo + store name */
  .tr-header-v5 .tr-header-brand {
    display:inline-flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:8px !important;
    min-width:max-content !important;
    margin:0 !important;
    color:var(--tr-olive) !important;
    text-decoration:none !important;
  }

  .tr-header-v5 .tr-header-brand > img {
    width:auto !important;
    height:44px !important;
    max-width:48px !important;
    max-height:44px !important;
    object-fit:contain !important;
    border-radius:0 !important;
  }

  .tr-header-v5 .tr-header-brand-copy {
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    justify-content:center !important;
    gap:0 !important;
    min-width:max-content !important;
    line-height:1 !important;
  }

  .tr-header-v5 .tr-header-brand-copy strong {
    margin:0 !important;
    color:var(--tr-olive) !important;
    font-size:21px !important;
    line-height:1 !important;
    font-weight:800 !important;
    letter-spacing:0 !important;
    white-space:nowrap !important;
  }

  .tr-header-v5 .tr-header-brand-copy small {
    margin-top:5px !important;
    color:#777 !important;
    font-size:9px !important;
    line-height:1 !important;
    font-weight:500 !important;
    letter-spacing:0 !important;
    white-space:nowrap !important;
  }

  /* Confirmed nav: nav#main-store-menu > ul.main-menu */
  .tr-header-v5 #main-store-menu {
    display:block !important;
    flex:1 1 auto !important;
    min-width:0 !important;
    margin:0 !important;
  }

  .tr-header-v5 #main-store-menu > .main-menu {
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex-wrap:nowrap !important;
    gap:18px !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
  }

  .tr-header-v5 #main-store-menu > .main-menu > li {
    flex:0 0 auto !important;
    margin:0 !important;
    padding:0 !important;
  }

  .tr-header-v5 #main-store-menu > .main-menu > li > a {
    position:relative !important;
    display:flex !important;
    align-items:center !important;
    min-height:68px !important;
    padding:0 !important;

    color:var(--tr-text) !important;
    font-family:"Cairo", Arial, sans-serif !important;
    font-size:13px !important;
    line-height:1.1 !important;
    font-weight:700 !important;
    letter-spacing:0 !important;

    white-space:nowrap !important;
    text-decoration:none !important;
  }

  .tr-header-v5 #main-store-menu > .main-menu > li > a > div {
    display:flex !important;
    align-items:center !important;
    gap:0 !important;
    white-space:nowrap !important;
  }

  .tr-header-v5 #main-store-menu > .main-menu > li > a:hover {
    color:var(--tr-olive) !important;
  }

  .tr-header-v5 #main-store-menu > .main-menu > li > a.active,
  .tr-header-v5 #main-store-menu > .main-menu > li > a[aria-current="page"] {
    color:var(--tr-olive) !important;
    box-shadow:inset 0 -2px 0 var(--tr-olive) !important;
  }

  /* Confirmed action wrapper is the div immediately after nav */
  .tr-header-v5 #main-store-menu + div {
    display:flex !important;
    flex:0 0 auto !important;
    align-items:center !important;
    justify-content:flex-end !important;
    flex-wrap:nowrap !important;
    gap:8px !important;
    min-width:max-content !important;
  }

  /* Confirmed search button */
  .tr-header-v5 #main-store-menu + div >
  button.tr-header-search {
    width:245px !important;
    min-width:245px !important;
    height:40px !important;
    min-height:40px !important;

    display:inline-flex !important;
    flex:0 0 245px !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:8px !important;

    padding:0 13px !important;
    border:1px solid #E5E7E9 !important;
    border-radius:14px !important;
    background:#FAFAFA !important;
    color:#858585 !important;
    box-shadow:none !important;
    overflow:hidden !important;
  }

  .tr-header-v5 #main-store-menu + div >
  button.tr-header-search::before {
    content:attr(data-tr-placeholder);
    order:2;
    flex:1 1 auto;
    overflow:hidden;

    color:#909090 !important;
    font-family:"Cairo", Arial, sans-serif !important;
    font-size:11.5px !important;
    line-height:1 !important;
    font-weight:500 !important;

    text-align:right;
    white-space:nowrap;
    text-overflow:ellipsis;
  }

  .tr-header-v5 #main-store-menu + div >
  button.tr-header-search i {
    width:19px !important;
    height:19px !important;
    flex:0 0 19px !important;
    color:#202020 !important;
    font-size:19px !important;
    line-height:19px !important;
  }

  /* Confirmed account button */
  .tr-header-v5 #main-store-menu + div >
  button.header-btn:not(.tr-header-search) {
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
    min-height:38px !important;
    flex:0 0 38px !important;

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

    padding:0 !important;
    border:0 !important;
    border-radius:50% !important;
    background:transparent !important;
    color:#202020 !important;
    box-shadow:none !important;
  }

  /* Confirmed cart trigger */
  .tr-header-v5 #main-store-menu + div >
  .side-panel-trigger[data-show="cart-summary-panel"] {
    flex:0 0 auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
  }

  .tr-header-v5 salla-cart-summary .s-cart-summary-wrapper {
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:0 !important;
    min-width:38px !important;
    min-height:38px !important;
    color:#202020 !important;
    text-decoration:none !important;
  }

  /* Keep only the icon/count visually compact in header */
  .tr-header-v5 salla-cart-summary .s-cart-summary-content {
    display:none !important;
  }

  .tr-header-v5 salla-cart-summary #s-cart-icon {
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
  }

  .tr-header-v5 salla-cart-summary .s-cart-summary-count {
    font-family:"Cairo", Arial, sans-serif !important;
    font-size:10px !important;
    font-weight:700 !important;
  }
}

/* Keep text color consistent outside desktop media too */
.tr-header-v5 .main-menu a {
  color:var(--tr-text) !important;
  font-weight:700 !important;
}

.tr-header-v5 .main-menu a:hover {
  color:var(--tr-olive) !important;
}

/* Critical icon safety: preserve Salla/IcoMoon font families */
.tr-header-v5 [class^="sicon-"],
.tr-header-v5 [class*=" sicon-"],
.tr-header-v5 [class^="icon-"],
.tr-header-v5 [class*=" icon-"],
.tr-header-v5 [class^="smticon-"],
.tr-header-v5 [class*=" smticon-"] {
  font-style:normal !important;
}

/* Mobile: only typography; native Salla mobile structure stays intact */
@media (max-width:767px) {
  .tr-header-v5 .tr-header-brand-copy {
    display:none !important;
  }

  .tr-header-v5 .tr-header-brand > img {
    max-height:40px !important;
    height:auto !important;
  }

  .tr-header-v5 .tr-header-search::before {
    display:none !important;
  }

  .tr-header-v5 .tr-header-search {
    width:40px !important;
    min-width:40px !important;
    height:40px !important;
    min-height:40px !important;
    padding:0 !important;
    justify-content:center !important;
    border:0 !important;
    background:transparent !important;
  }
}


/* HOME — fixed assets, no product scraping */
.tr-ref-home {
  width:min(1280px,calc(100% - 36px));
  margin:18px auto 30px;
  direction:rtl;
}
.tr-ref-hero-image {
  display:block; overflow:hidden; border-radius:14px; background:var(--tr-peach); text-decoration:none !important;
}
.tr-ref-hero-image img {
  display:block; width:100%; height:auto; aspect-ratio:1800/632; object-fit:cover !important; border-radius:14px !important;
}
.tr-ref-categories {
  display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin-top:13px; direction:rtl;
}
.tr-ref-card-image { display:block; overflow:hidden; border-radius:12px; background:#fff; text-decoration:none !important; }
.tr-ref-card-image img {
  display:block; width:100%; height:auto; aspect-ratio:900/592; object-fit:cover !important; border-radius:12px !important; transition:transform .2s ease;
}
.tr-ref-card-image:hover img { transform:scale(1.012); }
.tr-ref-trust {
  min-height:92px;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  margin-top:13px;
  overflow:hidden;
  border:1px solid #E9E9E9;
  border-radius:13px;
  background:#fff;
  font-family:
    "DIN Next LT Arabic",
    "DIN Next Arabic",
    "DINNextLTArabic-Regular",
    Arial,
    sans-serif !important;
}

.tr-ref-trust > div {
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  padding:15px 17px;
  text-align:right;
}

.tr-ref-trust > div:not(:last-child)::after {
  content:"";
  position:absolute;
  left:0;
  top:25%;
  width:1px;
  height:50%;
  background:#E5E5E5;
}

.tr-ref-icon {
  width:43px !important;
  height:43px !important;
  min-width:43px !important;
  flex:0 0 43px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  color:var(--tr-olive) !important;
  line-height:1 !important;
}

.tr-ref-icon svg {
  width:34px !important;
  height:34px !important;
  display:block !important;
  overflow:visible !important;
  fill:none !important;
  stroke:currentColor !important;
  stroke-width:1.7 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
}

.tr-ref-trust > div > div {
  min-width:0;
}

.tr-ref-trust strong {
  display:block;
  margin:0 !important;
  color:#202020 !important;
  font-size:15.5px !important;
  line-height:1.3 !important;
  font-weight:800 !important;
  letter-spacing:-.1px !important;
  white-space:nowrap;
}

.tr-ref-trust small {
  display:block;
  margin-top:4px !important;
  color:#777 !important;
  font-size:11.5px !important;
  line-height:1.4 !important;
  font-weight:500 !important;
  white-space:nowrap;
}



/* =========================
   HOME NATIVE PRODUCTS — V11
   Official Salla component only
   ========================= */

.tr-old-home-products-hidden-v11 {
  display:none !important;
}

.tr-native-products-v11 {
  width:min(1280px,calc(100% - 36px));
  max-width:1280px;
  margin:38px auto 46px;
  direction:rtl;

  /* Twilight tokens inherited by Salla web components */
  --color-primary:#E17662;
  --color-primary-dark:#C96351;
  --color-primary-reverse:#FFFFFF;
  --color-text:#202020;
  --color-text-muted:#727272;
  --font-main:
    "DIN Next LT Arabic",
    "DIN Next Arabic",
    "DINNextLTArabic-Regular",
    Arial,
    sans-serif;
}

.tr-native-products-head-v11 {
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:20px;
  margin-bottom:18px;
}

.tr-native-products-head-v11 > div > span {
  display:block;
  margin-bottom:4px;
  color:var(--tr-coral);
  font-size:13px;
  line-height:1.3;
  font-weight:700;
}

.tr-native-products-head-v11 h2 {
  margin:0 !important;
  color:var(--tr-olive) !important;
  font-size:30px !important;
  line-height:1.2 !important;
  font-weight:800 !important;
  letter-spacing:-.35px !important;
}

.tr-native-products-head-v11 > a {
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 0;
  color:var(--tr-coral) !important;
  font-size:14px;
  line-height:1.2;
  font-weight:700;
  text-decoration:none !important;
  white-space:nowrap;
}

.tr-native-products-head-v11 > a:hover {
  color:var(--tr-olive) !important;
}

.tr-native-slider-v11 {
  display:block;
  width:100%;
  min-height:360px;
}

/*
  ننسق Host البطاقة فقط.
  تفاصيل الاسم/السعر/زر السلة تبقى من مكوّن سلة الرسمي.
*/
.tr-native-products-v11 salla-product-card {
  overflow:hidden;
  border:1px solid #ECECEC;
  border-radius:14px;
  background:#FFFFFF;
  box-shadow:none;
}

@media (min-width:992px) {
  .tr-native-products-v11 salla-product-card {
    min-height:100%;
  }
}

@media (max-width:767px) {
  .tr-native-products-v11 {
    width:calc(100% - 20px);
    margin:28px auto 38px;
  }

  .tr-native-products-head-v11 {
    align-items:center;
    margin-bottom:14px;
  }

  .tr-native-products-head-v11 > div > span {
    font-size:11px;
  }

  .tr-native-products-head-v11 h2 {
    font-size:23px !important;
  }

  .tr-native-products-head-v11 > a {
    font-size:11px;
  }

  .tr-native-slider-v11 {
    min-height:330px;
  }
}




/* =========================
   ORIGINAL LATEST PRODUCTS — V12
   Scoped styling only
   ========================= */

.tr-home-legacy-hidden-v12 {
  display:none !important;
}

.tr-latest-products-v12 {
  width:min(1280px,calc(100% - 36px)) !important;
  max-width:1280px !important;
  margin:42px auto 54px !important;
  padding:0 !important;
  direction:rtl;

  --color-primary:#E17662;
  --color-primary-dark:#C96351;
  --color-primary-reverse:#FFFFFF;
  --color-text:#202020;
  --color-text-muted:#727272;
}

.tr-latest-products-title-v12 {
  margin:0 0 20px !important;
  color:var(--tr-olive) !important;
  font-family:
    "DIN Next LT Arabic",
    "DIN Next Arabic",
    "DINNextLTArabic-Regular",
    Arial,
    sans-serif !important;
  font-size:30px !important;
  line-height:1.2 !important;
  font-weight:800 !important;
  letter-spacing:-.35px !important;
}

.tr-latest-product-card-v12,
.tr-latest-products-v12 .s-product-card-entry {
  overflow:hidden !important;
  border:1px solid #ECECEC !important;
  border-radius:14px !important;
  background:#FFFFFF !important;
  box-shadow:none !important;
  transition:
    transform .18s ease,
    border-color .18s ease !important;
}

.tr-latest-product-card-v12:hover,
.tr-latest-products-v12 .s-product-card-entry:hover {
  transform:translateY(-2px);
  border-color:#E2E2E2 !important;
}

/* Product images */
.tr-latest-products-v12
.s-product-card-entry__image,
.tr-latest-products-v12
[class*="product-card"][class*="image"] {
  background:#FFFFFF !important;
}

.tr-latest-products-v12
.s-product-card-entry__image img {
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
}

/* Product titles */
.tr-latest-products-v12
.s-product-card-entry__title,
.tr-latest-products-v12
[class*="product-card"] [class*="title"] {
  color:#202020 !important;
  font-family:
    "DIN Next LT Arabic",
    "DIN Next Arabic",
    "DINNextLTArabic-Regular",
    Arial,
    sans-serif !important;
  font-size:14px !important;
  line-height:1.55 !important;
  font-weight:700 !important;
}

/* Product price */
.tr-latest-products-v12
.s-product-card-entry__price,
.tr-latest-products-v12
[class*="product-card"] [class*="price"] {
  color:#111111 !important;
  font-size:17px !important;
  line-height:1.2 !important;
  font-weight:800 !important;
}

/*
  Add-to-cart:
  Use inherited Salla color tokens first.
  These fallback selectors apply only if the theme renders
  the native control in the light DOM.
*/
.tr-latest-products-v12
[data-testid="store-product-add-to-cart"],
.tr-latest-products-v12
salla-add-product-button,
.tr-latest-products-v12
salla-button {
  --color-primary:#E17662;
  --color-primary-dark:#C96351;
  --color-primary-reverse:#FFFFFF;
}

.tr-latest-products-v12
[data-testid="store-product-add-to-cart"] {
  min-height:44px !important;
  border:0 !important;
  border-radius:10px !important;
  background:#E17662 !important;
  color:#FFFFFF !important;
  font-family:
    "DIN Next LT Arabic",
    "DIN Next Arabic",
    "DINNextLTArabic-Regular",
    Arial,
    sans-serif !important;
  font-size:14px !important;
  font-weight:700 !important;
  box-shadow:none !important;
}

.tr-latest-products-v12
salla-add-product-button::part(button),
.tr-latest-products-v12
salla-button::part(button) {
  min-height:44px !important;
  border:0 !important;
  border-radius:10px !important;
  background:#E17662 !important;
  color:#FFFFFF !important;
  font-size:14px !important;
  font-weight:700 !important;
  box-shadow:none !important;
}

/* Wishlist circle */
.tr-latest-products-v12
.btn--wishlist,
.tr-latest-products-v12
[data-testid*="wishlist"] {
  border-radius:50% !important;
  background:rgba(255,182,146,.20) !important;
  color:#202020 !important;
}

@media (max-width:767px) {
  .tr-latest-products-v12 {
    width:calc(100% - 20px) !important;
    margin:32px auto 42px !important;
  }

  .tr-latest-products-title-v12 {
    margin-bottom:16px !important;
    font-size:24px !important;
  }

  .tr-latest-products-v12
  [data-testid="store-product-add-to-cart"],
  .tr-latest-products-v12
  salla-add-product-button::part(button),
  .tr-latest-products-v12
  salla-button::part(button) {
    min-height:42px !important;
    font-size:13px !important;
  }
}


/* =========================
   BLOG HUB
   ========================= */

.tr-hub {
  max-width: 1220px;

  margin:
    42px auto 26px;

  padding: 0 24px;

  direction: rtl;
}

.tr-hub h1 {
  margin: 0;

  color:
    var(--tr-olive);

  font-size: 34px;

  font-weight: 800;
}

.tr-hub p {
  max-width: 1000px;

  margin:
    12px 0 24px;

  color:
    var(--tr-muted);

  line-height: 1.9;
}

.tr-topics {
  display: grid;

  grid-template-columns:
    repeat(4,1fr);

  gap: 12px;

  margin:
    24px 0 30px;
}

.tr-topics a {
  padding:
    16px 12px;

  border:
    1px solid
    var(--tr-border);

  border-radius: 12px;

  background:
    var(--tr-white);

  color:
    var(--tr-text) !important;

  font-weight: 700;

  text-align: center;

  text-decoration:
    none !important;
}

.tr-topics a:hover {
  background:
    rgba(
      218,
      235,
      147,
      .35
    );

  border-color:
    var(--tr-olive);

  color:
    var(--tr-olive) !important;
}

.tr-hub h2 {
  margin: 0;

  color:
    var(--tr-olive);

  font-size: 22px;
}

.tr-hub
+ salla-infinite-scroll,
.tr-hub
~ salla-infinite-scroll {
  display: grid !important;

  grid-template-columns:
    repeat(
      2,
      minmax(0,1fr)
    ) !important;

  gap:
    0 42px !important;

  max-width:
    1220px !important;

  width:
    calc(100% - 48px) !important;

  margin:
    0 auto 60px !important;
}

.tr-card {
  display:
    block !important;

  width:
    100% !important;

  height:
    auto !important;

  min-height:
    0 !important;

  margin:
    0 !important;

  padding:
    0 !important;

  border:
    0 !important;

  border-bottom:
    1px solid
    var(--tr-border) !important;

  background:
    transparent !important;

  box-shadow:
    none !important;
}

.tr-link {
  min-height: 58px;

  display:
    flex !important;

  align-items: center;

  gap: 10px;

  padding:
    11px 3px;

  color:
    var(--tr-text) !important;

  font-size: 16px;

  line-height: 1.65;

  font-weight: 700;

  text-decoration:
    none !important;
}

.tr-link::before {
  content: "";

  width: 7px;
  height: 7px;

  flex:
    0 0 7px;

  border-radius: 50%;

  background:
    var(--tr-mustard);
}


/* =========================
   ARTICLE
   ========================= */

.tr-article-layout {
  display:
    block !important;
}

.tr-article-main {
  width:
    100% !important;

  max-width:
    900px !important;

  margin:
    0 auto !important;

  padding:
    32px 42px !important;

  border-radius:
    16px !important;

  background:
    var(--tr-white) !important;
}

.tr-article-main > h1 {
  margin:
    0 0 14px !important;

  color:
    var(--tr-olive) !important;

  font-size:
    34px !important;

  line-height:
    1.5 !important;

  font-weight:
    800 !important;
}

.tr-article-main
> h1 + div {
  margin-bottom:
    24px !important;

  color:
    var(--tr-muted) !important;
}

.tr-cover {
  width:
    100% !important;

  height:
    auto !important;

  aspect-ratio:
    16 / 9 !important;

  object-fit:
    cover !important;

  margin-bottom:
    28px !important;

  border-radius:
    14px !important;
}

.tr-article-body {
  color:
    var(--tr-text) !important;

  font-size:
    17px !important;

  line-height:
    2 !important;
}

.tr-article-body p {
  margin:
    0 0 18px !important;

  font-size:
    17px !important;

  line-height:
    2 !important;
}

.tr-article-body h2 {
  margin:
    44px 0 14px !important;

  color:
    var(--tr-olive) !important;

  font-size:
    27px !important;

  line-height:
    1.55 !important;

  font-weight:
    800 !important;
}

.tr-article-body h3 {
  margin:
    32px 0 12px !important;

  color:
    var(--tr-olive) !important;

  font-size:
    22px !important;

  line-height:
    1.6 !important;

  font-weight:
    700 !important;
}

.tr-article-body ul,
.tr-article-body ol {
  margin:
    18px 0 24px !important;

  padding-right:
    28px !important;
}

.tr-article-body li {
  margin-bottom:
    8px !important;

  line-height:
    1.9 !important;
}

.tr-article-body img {
  display:
    block !important;

  max-width:
    100% !important;

  height:
    auto !important;

  margin:
    28px auto !important;

  border-radius:
    12px !important;
}

.tr-article-body a {
  color:
    var(--tr-olive) !important;

  text-decoration:
    underline !important;

  text-underline-offset:
    3px;
}

.tr-summary {
  margin:
    0 0 32px;

  padding:
    20px 22px;

  border:
    1px solid
    rgba(
      104,
      122,
      77,
      .25
    );

  border-radius:
    12px;

  background:
    rgba(
      218,
      235,
      147,
      .30
    );
}

.tr-summary strong {
  display: block;

  margin-bottom: 7px;

  color:
    var(--tr-olive);

  font-size: 17px;
}

.tr-summary p {
  margin:
    0 !important;

  color:
    var(--tr-text) !important;
}

.tr-table-wrap {
  width: 100%;

  margin:
    26px 0 34px;

  overflow-x: auto;
}

.tr-table-wrap table {
  width:
    100% !important;

  min-width: 620px;

  border-collapse:
    collapse !important;
}

.tr-table-wrap th,
.tr-table-wrap td {
  padding:
    14px 16px !important;

  border:
    1px solid
    var(--tr-border) !important;

  text-align:
    right !important;
}

.tr-table-wrap th {
  background:
    rgba(
      255,
      182,
      146,
      .18
    ) !important;

  color:
    var(--tr-text) !important;
}

.tr-related {
  position:
    static !important;

  width:
    100% !important;

  max-width:
    900px !important;

  margin:
    36px auto 0 !important;

  padding:
    0 !important;
}

.tr-related > h2 {
  margin-bottom:
    16px !important;

  color:
    var(--tr-olive) !important;

  font-size:
    24px !important;

  font-weight:
    800 !important;
}

.tr-related-grid {
  display: grid;

  grid-template-columns:
    repeat(
      3,
      minmax(0,1fr)
    );

  gap: 16px;
}

.tr-related-grid > div {
  margin:
    0 !important;

  padding:
    14px !important;

  border:
    1px solid
    var(--tr-border);

  border-radius: 12px;

  background:
    var(--tr-white) !important;
}

.tr-related-grid img {
  width:
    100% !important;

  height:
    150px !important;

  object-fit:
    cover !important;

  border-radius:
    9px !important;
}

.tr-article-topics {
  max-width: 900px;

  margin:
    38px auto 60px;

  padding-top: 26px;

  border-top:
    1px solid
    var(--tr-border);

  direction: rtl;
}

.tr-article-topics h2 {
  margin:
    0 0 15px;

  color:
    var(--tr-olive);

  font-size: 22px;

  font-weight: 800;
}

.tr-topic-grid {
  display: grid;

  grid-template-columns:
    repeat(
      4,
      minmax(0,1fr)
    );

  gap: 10px;
}

.tr-topic-grid a {
  min-height: 60px;

  display: flex;

  align-items: center;
  justify-content: center;

  padding: 11px;

  border:
    1px solid
    var(--tr-border);

  border-radius: 10px;

  color:
    var(--tr-text) !important;

  font-size: 14px;

  font-weight: 700;

  text-align: center;

  text-decoration:
    none !important;
}

.tr-topic-grid a:hover {
  background:
    rgba(
      218,
      235,
      147,
      .35
    );

  border-color:
    var(--tr-olive);

  color:
    var(--tr-olive) !important;
}


/* =========================
   FOOTER
   ========================= */

.tr-dark-footer {
  background:
    var(--tr-black) !important;

  color:
    var(--tr-white) !important;

  border-top:
    0 !important;
}

.tr-dark-footer,
.tr-dark-footer * {
  box-sizing:
    border-box;
}

.tr-dark-footer > div,
.tr-dark-footer section,
.tr-dark-footer .footer-main,
.tr-dark-footer .store-footer__inner {
  background:
    transparent !important;
}

.tr-dark-footer h2,
.tr-dark-footer h3,
.tr-dark-footer h4,
.tr-dark-footer h5,
.tr-dark-footer .footer-title {
  color:
    var(--tr-white) !important;

  font-weight:
    700 !important;
}

.tr-dark-footer p,
.tr-dark-footer span,
.tr-dark-footer li,
.tr-dark-footer address,
.tr-dark-footer a {
  color:
    rgba(
      255,
      255,
      255,
      .80
    ) !important;
}

.tr-dark-footer a {
  text-decoration:
    none !important;

  transition:
    color .2s ease,
    opacity .2s ease;
}

.tr-dark-footer a:hover {
  color:
    var(--tr-peach) !important;
}

.tr-dark-footer hr,
.tr-dark-footer [class*="border"] {
  border-color:
    rgba(
      255,
      255,
      255,
      .15
    ) !important;
}

.tr-dark-footer .footer-bottom,
.tr-dark-footer [class*="copyright"],
.tr-dark-footer [class*="bottom"] {
  background:
    var(--tr-black) !important;

  border-top:
    1px solid
    rgba(
      255,
      255,
      255,
      .12
    ) !important;

  color:
    rgba(
      255,
      255,
      255,
      .68
    ) !important;
}

.tr-footer-two-columns {
  grid-template-columns:
    repeat(
      2,
      minmax(0,1fr)
    ) !important;
}

.tr-footer-social-row {
  width:
    auto !important;

  display:
    flex !important;

  align-items:
    center !important;

  justify-content:
    center !important;

  gap:
    12px !important;

  flex-wrap:
    nowrap !important;
}

.tr-footer-social-row > a,
.tr-whatsapp-footer {
  width:
    40px !important;

  height:
    40px !important;

  flex:
    0 0 40px !important;

  display:
    inline-flex !important;

  align-items:
    center !important;

  justify-content:
    center !important;

  margin:
    0 !important;

  border:
    1px solid
    rgba(
      255,
      255,
      255,
      .16
    ) !important;

  border-radius:
    50% !important;

  background:
    rgba(
      255,
      255,
      255,
      .05
    ) !important;

  color:
    var(--tr-white) !important;

  text-decoration:
    none !important;
}

.tr-footer-social-row > a:hover,
.tr-whatsapp-footer:hover {
  border-color:
    var(--tr-coral-light) !important;

  background:
    var(--tr-coral) !important;

  color:
    var(--tr-white) !important;
}


/* MOBILE */
@media (max-width:767px) {
  .tr-top-strip { min-height:32px; grid-template-columns:1fr; padding:6px 12px; font-size:11px; }
  .tr-top-strip > div:not(:first-child) { display:none; }
  .tr-ref-home { width:calc(100% - 20px); margin-top:10px; }
  .tr-ref-hero-image, .tr-ref-hero-image img { border-radius:11px !important; }
  .tr-ref-categories { grid-template-columns:repeat(2,1fr); gap:8px; margin-top:8px; }
  .tr-ref-card-image, .tr-ref-card-image img { border-radius:10px !important; }
  .tr-ref-trust {
    grid-template-columns:repeat(2,1fr);
    margin-top:8px;
    min-height:0;
  }

  .tr-ref-trust > div { min-height:80px; padding:10px 8px; gap:9px; justify-content:flex-start; }

  .tr-ref-trust > div::after {
    display:none !important;
  }

  .tr-ref-icon { width:31px !important; height:31px !important; min-width:31px !important; flex-basis:31px !important; }

  .tr-ref-icon svg { width:27px !important; height:27px !important; }

  .tr-ref-trust strong { font-size:12px !important; line-height:1.35 !important; white-space:normal; }

  .tr-ref-trust small { margin-top:2px !important; font-size:9.5px !important; line-height:1.4 !important; white-space:normal; }

  .tr-header-brand-copy {
    display:none !important;
  }

  .tr-header-brand > img {
    max-height:40px !important;
    height:auto !important;
  }

  .tr-header-search::before {
    display:none !important;
  }

  .tr-header-search {
    width:40px !important;
    min-width:40px !important;
    height:40px !important;
    min-height:40px !important;
    padding:0 !important;
    justify-content:center !important;
    border:0 !important;
    background:transparent !important;
  }

  .tr-hub { padding:0 16px; }
  .tr-hub h1 { font-size:27px; }
  .tr-topics { grid-template-columns:1fr; }
  .tr-hub + salla-infinite-scroll, .tr-hub ~ salla-infinite-scroll { grid-template-columns:1fr !important; width:calc(100% - 32px) !important; }
  .tr-article-main { padding:20px 16px !important; }
  .tr-article-main > h1 { font-size:27px !important; }
  .tr-article-body, .tr-article-body p { font-size:16px !important; }
  .tr-article-body h2 { font-size:23px !important; }
  .tr-related { padding:0 16px !important; }
  .tr-related-grid, .tr-topic-grid { grid-template-columns:1fr; }
  .tr-article-topics { padding:24px 16px 0; }
  .tr-dark-footer { padding-top:24px !important; }
  .tr-dark-footer details, .tr-dark-footer .accordion-item, .tr-dark-footer [class*="collapse"] { margin-bottom:10px !important; border:1px solid rgba(255,255,255,.14) !important; border-radius:12px !important; background:rgba(255,255,255,.04) !important; }
  .tr-dark-footer summary, .tr-dark-footer .accordion-header, .tr-dark-footer button { background:transparent !important; color:var(--tr-white) !important; }
  .tr-dark-footer summary { padding:16px !important; }
}


/* =========================================================
   V13 — PRODUCT CARD POLISH
   Presentation only: product data remains 100% from Salla
   Applies to:
   1) upper "منتجات مميزة" native Salla slider
   2) lower "أحدث المنتجات" original Salla section
   ========================================================= */

/* Brand tokens scoped only to product areas */
.tr-native-products-v11,
.tr-latest-products-v12 {
  --tr-product-coral:#E17662;
  --tr-product-peach:#FFB692;
  --tr-product-pink:#FF9E8F;
  --tr-product-olive:#687A4D;
  --tr-product-mustard:#FAB860;
  --tr-product-lime:#DAEB93;
  --tr-product-white:#FFFFFF;
}

/* ---------- CARD ---------- */
.tr-native-products-v11 salla-product-card,
.tr-latest-products-v12 salla-product-card,
.tr-latest-products-v12 custom-salla-product-card,
.tr-latest-products-v12 .s-product-card-entry,
.tr-latest-products-v12 [data-testid="store-product-card"] {
  overflow:hidden !important;
  border:1px solid rgba(104,122,77,.16) !important;
  border-radius:18px !important;
  background:var(--tr-product-white) !important;
  box-shadow:0 10px 28px rgba(104,122,77,.07) !important;
  transition:
    transform .18s ease,
    box-shadow .18s ease,
    border-color .18s ease !important;
}

.tr-native-products-v11 salla-product-card:hover,
.tr-latest-products-v12 salla-product-card:hover,
.tr-latest-products-v12 custom-salla-product-card:hover,
.tr-latest-products-v12 .s-product-card-entry:hover,
.tr-latest-products-v12 [data-testid="store-product-card"]:hover {
  transform:translateY(-3px);
  border-color:rgba(225,118,98,.30) !important;
  box-shadow:0 14px 34px rgba(104,122,77,.10) !important;
}

/* ---------- PRODUCT IMAGE ---------- */
.tr-latest-products-v12 .s-product-card-entry__image,
.tr-latest-products-v12 [class*="product-card"][class*="image"] {
  aspect-ratio:1 / 1 !important;
  overflow:hidden !important;
  padding:14px !important;
  background:var(--tr-product-white) !important;
}

.tr-latest-products-v12 .s-product-card-entry__image img,
.tr-latest-products-v12 [class*="product-card"][class*="image"] img {
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center !important;
  transform:none !important;
}

/* ---------- PRODUCT NAME ---------- */
.tr-latest-products-v12 .s-product-card-entry__title,
.tr-latest-products-v12 [class*="product-card"] [class*="title"] {
  display:-webkit-box !important;
  overflow:hidden !important;
  min-height:47px !important;
  margin-bottom:8px !important;
  color:var(--tr-product-olive) !important;
  font-family:
    "DIN Next LT Arabic",
    "DIN Next Arabic",
    "DINNextLTArabic-Regular",
    Arial,
    sans-serif !important;
  font-size:15px !important;
  line-height:1.55 !important;
  font-weight:800 !important;
  text-align:right !important;
  -webkit-box-orient:vertical !important;
  -webkit-line-clamp:2 !important;
}

/* ---------- CURRENT PRICE ---------- */
.tr-latest-products-v12 .s-product-card-entry__price,
.tr-latest-products-v12 [class*="product-card"] [class*="price"]:not([class*="old"]):not([class*="regular"]):not([class*="before"]) {
  color:var(--tr-product-coral) !important;
  font-family:
    "DIN Next LT Arabic",
    "DIN Next Arabic",
    "DINNextLTArabic-Regular",
    Arial,
    sans-serif !important;
  font-size:19px !important;
  line-height:1.25 !important;
  font-weight:800 !important;
}

/* ---------- OLD / REGULAR PRICE WHEN DISCOUNTED ---------- */
.tr-latest-products-v12 [class*="old-price"],
.tr-latest-products-v12 [class*="regular-price"],
.tr-latest-products-v12 [class*="before-price"],
.tr-latest-products-v12 del {
  color:var(--tr-product-olive) !important;
  font-size:13px !important;
  line-height:1.2 !important;
  font-weight:600 !important;
  opacity:.55 !important;
  text-decoration-thickness:1px !important;
}

/* ---------- DISCOUNT / SALE BADGE ---------- */
.tr-latest-products-v12 [class*="discount"],
.tr-latest-products-v12 [class*="sale-badge"],
.tr-latest-products-v12 [class*="offer-badge"],
.tr-latest-products-v12 .s-product-card-entry__badge {
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:26px !important;
  padding:4px 9px !important;
  border:0 !important;
  border-radius:999px !important;
  background:var(--tr-product-mustard) !important;
  color:var(--tr-product-olive) !important;
  font-size:11px !important;
  line-height:1 !important;
  font-weight:800 !important;
}

/* ---------- STOCK / AVAILABILITY ---------- */
.tr-latest-products-v12 [class*="availability"],
.tr-latest-products-v12 [class*="stock-status"],
.tr-latest-products-v12 [class*="remaining-quantity"] {
  display:inline-flex !important;
  align-items:center !important;
  gap:5px !important;
  width:max-content !important;
  max-width:100% !important;
  padding:4px 8px !important;
  border-radius:999px !important;
  background:rgba(218,235,147,.62) !important;
  color:var(--tr-product-olive) !important;
  font-size:11px !important;
  line-height:1.25 !important;
  font-weight:700 !important;
}

/* Out-of-stock / unavailable labels, if Salla renders them in light DOM */
.tr-latest-products-v12 [class*="out-of-stock"],
.tr-latest-products-v12 [class*="unavailable"] {
  background:rgba(255,158,143,.25) !important;
  color:var(--tr-product-coral) !important;
}

/* ---------- WISHLIST ---------- */
.tr-native-products-v11 .btn--wishlist,
.tr-latest-products-v12 .btn--wishlist,
.tr-native-products-v11 [data-testid*="wishlist"],
.tr-latest-products-v12 [data-testid*="wishlist"] {
  width:38px !important;
  height:38px !important;
  min-width:38px !important;
  border:0 !important;
  border-radius:50% !important;
  background:rgba(255,182,146,.24) !important;
  color:var(--tr-product-olive) !important;
  box-shadow:none !important;
}

/* ---------- ADD TO CART: official Salla component tokens ---------- */
.tr-native-products-v11 salla-add-product-button,
.tr-native-products-v11 salla-button,
.tr-latest-products-v12 salla-add-product-button,
.tr-latest-products-v12 salla-button {
  --color-primary:var(--tr-product-coral);
  --color-primary-dark:#E17662;
  --color-primary-reverse:var(--tr-product-white);
}

/* Light-DOM fallback used by some Salla themes */
.tr-native-products-v11 [data-testid="store-product-add-to-cart"],
.tr-latest-products-v12 [data-testid="store-product-add-to-cart"] {
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  min-height:46px !important;
  padding:10px 14px !important;
  border:0 !important;
  border-radius:12px !important;
  background:var(--tr-product-coral) !important;
  color:var(--tr-product-white) !important;
  font-family:
    "DIN Next LT Arabic",
    "DIN Next Arabic",
    "DINNextLTArabic-Regular",
    Arial,
    sans-serif !important;
  font-size:14px !important;
  line-height:1.2 !important;
  font-weight:800 !important;
  box-shadow:none !important;
}

/* If current Salla component exposes the button part */
.tr-native-products-v11 salla-add-product-button::part(button),
.tr-native-products-v11 salla-button::part(button),
.tr-latest-products-v12 salla-add-product-button::part(button),
.tr-latest-products-v12 salla-button::part(button) {
  min-height:46px !important;
  border:0 !important;
  border-radius:12px !important;
  background:var(--tr-product-coral) !important;
  color:var(--tr-product-white) !important;
  font-size:14px !important;
  font-weight:800 !important;
  box-shadow:none !important;
}

/* Keep native disabled / out-of-stock behavior visible */
.tr-native-products-v11 salla-add-product-button[product-status="out"],
.tr-native-products-v11 salla-add-product-button[product-status="out-and-notify"],
.tr-latest-products-v12 salla-add-product-button[product-status="out"],
.tr-latest-products-v12 salla-add-product-button[product-status="out-and-notify"] {
  opacity:.68 !important;
}

/* ---------- MOBILE ---------- */
@media (max-width:767px) {
  .tr-latest-products-v12 .s-product-card-entry__image,
  .tr-latest-products-v12 [class*="product-card"][class*="image"] {
    padding:10px !important;
  }

  .tr-latest-products-v12 .s-product-card-entry__title,
  .tr-latest-products-v12 [class*="product-card"] [class*="title"] {
    min-height:43px !important;
    font-size:14px !important;
    line-height:1.5 !important;
  }

  .tr-latest-products-v12 .s-product-card-entry__price,
  .tr-latest-products-v12 [class*="product-card"] [class*="price"]:not([class*="old"]):not([class*="regular"]):not([class*="before"]) {
    font-size:17px !important;
  }

  .tr-native-products-v11 [data-testid="store-product-add-to-cart"],
  .tr-latest-products-v12 [data-testid="store-product-add-to-cart"],
  .tr-native-products-v11 salla-add-product-button::part(button),
  .tr-native-products-v11 salla-button::part(button),
  .tr-latest-products-v12 salla-add-product-button::part(button),
  .tr-latest-products-v12 salla-button::part(button) {
    min-height:43px !important;
    border-radius:10px !important;
    font-size:13px !important;
  }
}


/* =========================================================
   V15 — EXACT SALLA ADD-TO-CART BUTTON
   Confirmed from live DOM on ryt14.com
   Light DOM — no Shadow DOM
   ========================================================= */

.tr-native-products-v11
salla-add-product-button
salla-button
button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline,

.tr-latest-products-v12
salla-add-product-button
salla-button
button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline {
  width:100% !important;
  min-height:44px !important;
  padding:10px 14px !important;

  border:1px solid #E17662 !important;
  border-radius:11px !important;

  background:#E17662 !important;
  color:#FFFFFF !important;

  font-family:
    "DIN Next LT Arabic",
    "DIN Next Arabic",
    "DINNextLTArabic-Regular",
    Arial,
    sans-serif !important;

  font-size:14px !important;
  line-height:1.2 !important;
  font-weight:800 !important;

  box-shadow:none !important;
  opacity:1 !important;
}

/* Exact text node inside the confirmed button */
.tr-native-products-v11
salla-add-product-button
salla-button
button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline
.s-button-text,

.tr-latest-products-v12
salla-add-product-button
salla-button
button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline
.s-button-text {
  color:#FFFFFF !important;
  font:inherit !important;
}

/* Hover */
.tr-native-products-v11
salla-add-product-button
salla-button
button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline:hover,

.tr-latest-products-v12
salla-add-product-button
salla-button
button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline:hover {
  border-color:#C96351 !important;
  background:#C96351 !important;
  color:#FFFFFF !important;
}

/* Disabled / unavailable state remains visibly disabled */
.tr-native-products-v11
salla-add-product-button
salla-button
button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline:disabled,

.tr-latest-products-v12
salla-add-product-button
salla-button
button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline:disabled {
  cursor:not-allowed !important;
  opacity:.55 !important;
}

/* Mobile */
@media (max-width:767px) {
  .tr-native-products-v11
  salla-add-product-button
  salla-button
  button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline,

  .tr-latest-products-v12
  salla-add-product-button
  salla-button
  button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline {
    min-height:42px !important;
    padding:9px 12px !important;
    border-radius:10px !important;
    font-size:13px !important;
  }
}


/* =========================================================
   V19 — FEATURED PRODUCTS / EXACT LIVE DOM
   Based on the actual .tr-native-products-v11 markup copied
   from ryt14.com. No product data is hard-coded.
   ========================================================= */

.tr-native-products-v11 {
  margin:34px auto 44px !important;
  font-family:"Cairo", Arial, sans-serif !important;
}

/* Section heading */
.tr-native-products-v11 .tr-native-products-head-v11 {
  display:flex !important;
  align-items:flex-end !important;
  justify-content:space-between !important;
  gap:18px !important;
  margin-bottom:18px !important;
}

.tr-native-products-v11 .tr-native-products-head-v11 > div > span {
  margin-bottom:5px !important;
  color:var(--tr-coral) !important;
  font-family:"Cairo", Arial, sans-serif !important;
  font-size:12px !important;
  line-height:1.2 !important;
  font-weight:500 !important;
}

.tr-native-products-v11 .tr-native-products-head-v11 h2 {
  margin:0 !important;
  color:var(--tr-olive) !important;
  font-family:"Cairo", Arial, sans-serif !important;
  font-size:28px !important;
  line-height:1.15 !important;
  font-weight:800 !important;
  letter-spacing:0 !important;
}

.tr-native-products-v11 .tr-native-products-head-v11 > a {
  display:inline-flex !important;
  align-items:center !important;
  gap:7px !important;
  padding:7px 0 !important;
  color:var(--tr-coral) !important;
  font-family:"Cairo", Arial, sans-serif !important;
  font-size:13px !important;
  line-height:1 !important;
  font-weight:700 !important;
  white-space:nowrap !important;
  text-decoration:none !important;
}

.tr-native-products-v11 .tr-native-products-head-v11 > a:hover {
  color:var(--tr-olive) !important;
}

/* Exact live card host */
.tr-native-products-v11
.s-products-slider-card
> salla-product-card.s-product-card-entry {
  display:flex !important;
  flex-direction:column !important;
  height:100% !important;
  min-height:0 !important;

  overflow:hidden !important;
  border:1px solid rgba(104,122,77,.16) !important;
  border-radius:16px !important;
  background:#FFFFFF !important;
  box-shadow:0 7px 22px rgba(17,17,17,.055) !important;

  font-family:"Cairo", Arial, sans-serif !important;
  transition:
    transform .18s ease,
    box-shadow .18s ease,
    border-color .18s ease !important;
}

.tr-native-products-v11
.s-products-slider-card
> salla-product-card.s-product-card-entry:hover {
  transform:translateY(-2px) !important;
  border-color:rgba(225,118,98,.28) !important;
  box-shadow:0 10px 26px rgba(17,17,17,.075) !important;
}

/* Exact live image block */
.tr-native-products-v11
salla-product-card
> .s-product-card-image {
  position:relative !important;
  height:218px !important;
  min-height:218px !important;
  overflow:hidden !important;
  padding:14px !important;
  background:#FFFFFF !important;
}

.tr-native-products-v11
salla-product-card
> .s-product-card-image
> a {
  width:100% !important;
  height:100% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

.tr-native-products-v11
salla-product-card
.s-product-card-image-cover {
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
  object-position:center !important;
  transform:none !important;
}

/* Exact live wishlist component/button */
.tr-native-products-v11
salla-product-card
> .s-product-card-image
> salla-button.s-product-card-wishlist-btn {
  --color-light:#FFFFFF;
}

.tr-native-products-v11
salla-product-card
> .s-product-card-image
button.s-product-card-wishlist-btn.s-button-element {
  width:36px !important;
  height:36px !important;
  min-width:36px !important;
  min-height:36px !important;
  padding:0 !important;
  border:1px solid rgba(225,118,98,.16) !important;
  border-radius:50% !important;
  background:rgba(255,182,146,.22) !important;
  color:var(--tr-olive) !important;
  box-shadow:none !important;
}

.tr-native-products-v11
salla-product-card
> .s-product-card-image
button.s-product-card-wishlist-btn.s-button-element
svg {
  width:19px !important;
  height:19px !important;
}

/* Exact live content block */
.tr-native-products-v11
salla-product-card
> .s-product-card-content {
  display:flex !important;
  flex:1 1 auto !important;
  flex-direction:column !important;
  padding:13px 14px 14px !important;
  background:#FFFFFF !important;
}

.tr-native-products-v11
salla-product-card
.s-product-card-content-main {
  margin:0 !important;
}

.tr-native-products-v11
salla-product-card
.s-product-card-content-title {
  margin:0 !important;
  min-height:44px !important;
}

.tr-native-products-v11
salla-product-card
.s-product-card-content-title
> a {
  display:-webkit-box !important;
  overflow:hidden !important;

  color:#202020 !important;
  font-family:"Cairo", Arial, sans-serif !important;
  font-size:13.5px !important;
  line-height:1.65 !important;
  font-weight:700 !important;
  text-align:right !important;
  text-decoration:none !important;

  -webkit-box-orient:vertical !important;
  -webkit-line-clamp:2 !important;
}

.tr-native-products-v11
salla-product-card
.s-product-card-content-title
> a:hover {
  color:var(--tr-olive) !important;
}

/* Exact live price */
.tr-native-products-v11
salla-product-card
.s-product-card-content-sub {
  margin-top:7px !important;
}

.tr-native-products-v11
salla-product-card
p.s-product-card-price-value {
  margin:0 !important;
  color:var(--tr-coral) !important;
  font-family:"Cairo", Arial, sans-serif !important;
  font-size:18px !important;
  line-height:1.2 !important;
  font-weight:800 !important;
}

.tr-native-products-v11
salla-product-card
p.s-product-card-price-value
.sicon-sar {
  color:inherit !important;
  font-size:.88em !important;
}

/* Exact live footer + add-to-cart structure */
.tr-native-products-v11
salla-product-card
.s-product-card-content-footer {
  margin-top:auto !important;
  padding-top:12px !important;
}

.tr-native-products-v11
salla-product-card
.s-product-card-content-footer
> salla-add-product-button {
  display:block !important;
  width:100% !important;
}

.tr-native-products-v11
salla-product-card
.s-product-card-content-footer
salla-add-product-button
> .w-full,
.tr-native-products-v11
salla-product-card
.s-product-card-content-footer
salla-button.s-button-wrap {
  display:block !important;
  width:100% !important;
}

/* Reuse the exact live button selector confirmed earlier */
.tr-native-products-v11
salla-product-card
.s-product-card-content-footer
button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline {
  width:100% !important;
  min-height:44px !important;
  padding:10px 13px !important;
  border:1px solid var(--tr-coral) !important;
  border-radius:10px !important;
  background:var(--tr-coral) !important;
  color:#FFFFFF !important;
  font-family:"Cairo", Arial, sans-serif !important;
  font-size:13px !important;
  line-height:1.2 !important;
  font-weight:700 !important;
  box-shadow:none !important;
}

.tr-native-products-v11
salla-product-card
.s-product-card-content-footer
button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline
.s-button-text {
  color:#FFFFFF !important;
  font-family:"Cairo", Arial, sans-serif !important;
  font-weight:700 !important;
}

.tr-native-products-v11
salla-product-card
.s-product-card-content-footer
button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline:hover {
  border-color:#C96351 !important;
  background:#C96351 !important;
  color:#FFFFFF !important;
}

/* Desktop: exactly 5 real products in one row.
   The section already has limit="5", confirmed in live DOM. */
@media (min-width:1200px) {
  .tr-native-products-v11
  salla-slider.s-products-slider-slider
  .swiper.s-slider-container {
    overflow:visible !important;
  }

  .tr-native-products-v11
  salla-slider.s-products-slider-slider
  .swiper-wrapper.s-slider-swiper-wrapper {
    display:grid !important;
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
    gap:12px !important;
    transform:none !important;
    width:100% !important;
  }

  .tr-native-products-v11
  salla-slider.s-products-slider-slider
  .s-products-slider-card.swiper-slide {
    width:auto !important;
    height:auto !important;
    margin:0 !important;
  }

  .tr-native-products-v11
  .s-slider-block__title-nav {
    display:none !important;
  }
}

/* Tablet: keep Salla's native slider behavior, only tighten card image */
@media (min-width:768px) and (max-width:1199px) {
  .tr-native-products-v11
  salla-product-card
  > .s-product-card-image {
    height:205px !important;
    min-height:205px !important;
  }
}

/* Mobile: preserve Salla slider behavior and make cards compact */
@media (max-width:767px) {
  .tr-native-products-v11 {
    margin:26px auto 36px !important;
  }

  .tr-native-products-v11 .tr-native-products-head-v11 {
    align-items:center !important;
    margin-bottom:14px !important;
  }

  .tr-native-products-v11 .tr-native-products-head-v11 > div > span {
    font-size:10.5px !important;
  }

  .tr-native-products-v11 .tr-native-products-head-v11 h2 {
    font-size:22px !important;
  }

  .tr-native-products-v11 .tr-native-products-head-v11 > a {
    font-size:10.5px !important;
  }

  .tr-native-products-v11
  salla-product-card
  > .s-product-card-image {
    height:185px !important;
    min-height:185px !important;
    padding:10px !important;
  }

  .tr-native-products-v11
  salla-product-card
  > .s-product-card-content {
    padding:11px 11px 12px !important;
  }

  .tr-native-products-v11
  salla-product-card
  .s-product-card-content-title {
    min-height:41px !important;
  }

  .tr-native-products-v11
  salla-product-card
  .s-product-card-content-title
  > a {
    font-size:12.5px !important;
    line-height:1.6 !important;
  }

  .tr-native-products-v11
  salla-product-card
  p.s-product-card-price-value {
    font-size:16px !important;
  }

  .tr-native-products-v11
  salla-product-card
  .s-product-card-content-footer
  button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline {
    min-height:41px !important;
    border-radius:9px !important;
    font-size:12px !important;
  }
}


/* =========================================================
   V20 — FEATURED CARD CONTENT COMPACTION
   Removes dead white space while keeping equal card structure.
   ========================================================= */

.tr-native-products-v11
salla-product-card
> .s-product-card-content {
  display:grid !important;
  grid-template-rows:44px auto auto !important;
  gap:10px !important;
  flex:0 0 auto !important;
  padding:13px 14px 14px !important;
}

.tr-native-products-v11
salla-product-card
.s-product-card-content-main {
  min-height:44px !important;
  margin:0 !important;
}

.tr-native-products-v11
salla-product-card
.s-product-card-content-sub {
  margin:0 !important;
}

.tr-native-products-v11
salla-product-card
.s-product-card-content-footer {
  margin:0 !important;
  padding:0 !important;
}

/* Mobile keeps the same compact hierarchy */
@media (max-width:767px) {
  .tr-native-products-v11
  salla-product-card
  > .s-product-card-content {
    grid-template-rows:41px auto auto !important;
    gap:8px !important;
    padding:11px 11px 12px !important;
  }

  .tr-native-products-v11
  salla-product-card
  .s-product-card-content-main {
    min-height:41px !important;
  }
}


/* =========================================================
   V21 — LATEST PRODUCTS / EXACT LIVE DOM
   Built from the actual .tr-latest-products-v12 Console DOM.
   No product names, prices, images or IDs are hard-coded.
   ========================================================= */

.tr-latest-products-v12 {
  margin:40px auto 52px !important;
  font-family:"Cairo", Arial, sans-serif !important;
}

/* Section title */
.tr-latest-products-v12 > .s-block__title {
  margin:0 0 18px !important;
  padding:0 !important;
}

.tr-latest-products-v12 .tr-latest-products-title-v12 {
  margin:0 !important;
  color:var(--tr-olive) !important;
  font-family:"Cairo", Arial, sans-serif !important;
  font-size:28px !important;
  line-height:1.15 !important;
  font-weight:800 !important;
  letter-spacing:0 !important;
}

/* Confirmed live list wrapper */
.tr-latest-products-v12
salla-products-list.horizontal-products
> .s-products-list-wrapper.s-products-list-horizontal-cards {
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:12px !important;
  width:100% !important;
}

/* Confirmed live horizontal custom card */
.tr-latest-products-v12
custom-salla-product-card.s-product-card-entry.s-product-card-horizontal {
  display:grid !important;
  grid-template-columns:150px minmax(0,1fr) !important;
  min-height:172px !important;
  overflow:hidden !important;

  border:1px solid rgba(104,122,77,.14) !important;
  border-radius:16px !important;
  background:#FFFFFF !important;
  box-shadow:0 6px 18px rgba(17,17,17,.045) !important;

  font-family:"Cairo", Arial, sans-serif !important;
  transition:
    transform .18s ease,
    box-shadow .18s ease,
    border-color .18s ease !important;
}

.tr-latest-products-v12
custom-salla-product-card.s-product-card-entry.s-product-card-horizontal:hover {
  transform:translateY(-2px) !important;
  border-color:rgba(225,118,98,.26) !important;
  box-shadow:0 9px 24px rgba(17,17,17,.065) !important;
}

/* Exact live image block */
.tr-latest-products-v12
custom-salla-product-card
> .s-product-card-image {
  width:150px !important;
  min-width:150px !important;
  height:172px !important;
  min-height:172px !important;
  overflow:hidden !important;
  padding:10px !important;
  background:#FFFFFF !important;
}

.tr-latest-products-v12
custom-salla-product-card
> .s-product-card-image
> a.product-popup-trigger {
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  height:100% !important;
}

.tr-latest-products-v12
custom-salla-product-card
.s-product-card-image-cover {
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
  object-position:center !important;
  transform:none !important;
}

/* Exact live content block */
.tr-latest-products-v12
custom-salla-product-card
> .s-product-card-content {
  display:flex !important;
  flex-direction:column !important;
  min-width:0 !important;
  padding:13px 14px 12px !important;
  background:#FFFFFF !important;
}

.tr-latest-products-v12
custom-salla-product-card
.s-product-card-content-main {
  min-width:0 !important;
  margin:0 !important;
}

.tr-latest-products-v12
custom-salla-product-card
.s-product-card-content-title {
  margin:0 !important;
  min-height:42px !important;
}

.tr-latest-products-v12
custom-salla-product-card
.s-product-card-content-title
> a.product-popup-trigger {
  display:-webkit-box !important;
  overflow:hidden !important;

  color:#202020 !important;
  font-family:"Cairo", Arial, sans-serif !important;
  font-size:13px !important;
  line-height:1.6 !important;
  font-weight:700 !important;
  text-align:right !important;
  text-decoration:none !important;

  -webkit-box-orient:vertical !important;
  -webkit-line-clamp:2 !important;
}

.tr-latest-products-v12
custom-salla-product-card
.s-product-card-content-title
> a.product-popup-trigger:hover {
  color:var(--tr-olive) !important;
}

/* Confirmed live price wrappers */
.tr-latest-products-v12
custom-salla-product-card
.s-product-card-content-sub {
  margin-top:6px !important;
  justify-content:flex-start !important;
}

.tr-latest-products-v12
custom-salla-product-card
.starting-or-normal-price,
.tr-latest-products-v12
custom-salla-product-card
.price_is_on_sale {
  justify-content:flex-start !important;
  gap:7px !important;
}

.tr-latest-products-v12
custom-salla-product-card
.total-price.sale-price {
  margin:0 !important;
  color:var(--tr-coral) !important;
  font-family:"Cairo", Arial, sans-serif !important;
  font-size:17px !important;
  line-height:1.2 !important;
  font-weight:800 !important;
}

.tr-latest-products-v12
custom-salla-product-card
.before-price.regular-price {
  color:#8A8A8A !important;
  font-family:"Cairo", Arial, sans-serif !important;
  font-size:11.5px !important;
  line-height:1.2 !important;
  font-weight:500 !important;
}

/* Footer: cart button + wishlist */
.tr-latest-products-v12
custom-salla-product-card
.s-product-card-content-footer {
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 38px !important;
  align-items:center !important;
  gap:8px !important;
  margin-top:auto !important;
  padding-top:10px !important;
}

.tr-latest-products-v12
custom-salla-product-card
.s-product-card-content-footer
> salla-add-product-button {
  display:block !important;
  width:100% !important;
}

.tr-latest-products-v12
custom-salla-product-card
.s-product-card-content-footer
salla-add-product-button
> .w-full,
.tr-latest-products-v12
custom-salla-product-card
.s-product-card-content-footer
salla-add-product-button
salla-button.s-button-wrap {
  display:block !important;
  width:100% !important;
}

/* Exact confirmed add-to-cart button */
.tr-latest-products-v12
custom-salla-product-card
.s-product-card-content-footer
button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline {
  width:100% !important;
  min-height:39px !important;
  padding:8px 11px !important;
  border:1px solid var(--tr-coral) !important;
  border-radius:9px !important;
  background:var(--tr-coral) !important;
  color:#FFFFFF !important;
  font-family:"Cairo", Arial, sans-serif !important;
  font-size:11.5px !important;
  line-height:1.2 !important;
  font-weight:700 !important;
  box-shadow:none !important;
}

.tr-latest-products-v12
custom-salla-product-card
.s-product-card-content-footer
button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline
.s-button-text {
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:6px !important;
  color:#FFFFFF !important;
  font-family:"Cairo", Arial, sans-serif !important;
  font-weight:700 !important;
}

.tr-latest-products-v12
custom-salla-product-card
.s-product-card-content-footer
button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline:hover {
  border-color:#C96351 !important;
  background:#C96351 !important;
}

/* Exact confirmed wishlist button */
.tr-latest-products-v12
custom-salla-product-card
.s-product-card-content-footer
button.s-product-card-wishlist-btn.s-button-element {
  width:38px !important;
  height:38px !important;
  min-width:38px !important;
  min-height:38px !important;
  padding:0 !important;
  border:1px solid rgba(225,118,98,.18) !important;
  border-radius:50% !important;
  background:rgba(255,182,146,.20) !important;
  color:var(--tr-olive) !important;
  box-shadow:none !important;
}

/* Tablet */
@media (min-width:768px) and (max-width:1199px) {
  .tr-latest-products-v12
  salla-products-list.horizontal-products
  > .s-products-list-wrapper.s-products-list-horizontal-cards {
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
  }

  .tr-latest-products-v12
  custom-salla-product-card.s-product-card-entry.s-product-card-horizontal {
    grid-template-columns:128px minmax(0,1fr) !important;
    min-height:156px !important;
  }

  .tr-latest-products-v12
  custom-salla-product-card
  > .s-product-card-image {
    width:128px !important;
    min-width:128px !important;
    height:156px !important;
    min-height:156px !important;
  }
}

/* Mobile */
@media (max-width:767px) {
  .tr-latest-products-v12 {
    margin:30px auto 42px !important;
  }

  .tr-latest-products-v12 .tr-latest-products-title-v12 {
    font-size:22px !important;
  }

  .tr-latest-products-v12
  salla-products-list.horizontal-products
  > .s-products-list-wrapper.s-products-list-horizontal-cards {
    grid-template-columns:1fr !important;
    gap:9px !important;
  }

  .tr-latest-products-v12
  custom-salla-product-card.s-product-card-entry.s-product-card-horizontal {
    grid-template-columns:112px minmax(0,1fr) !important;
    min-height:144px !important;
    border-radius:13px !important;
  }

  .tr-latest-products-v12
  custom-salla-product-card
  > .s-product-card-image {
    width:112px !important;
    min-width:112px !important;
    height:144px !important;
    min-height:144px !important;
    padding:8px !important;
  }

  .tr-latest-products-v12
  custom-salla-product-card
  > .s-product-card-content {
    padding:10px 10px 9px !important;
  }

  .tr-latest-products-v12
  custom-salla-product-card
  .s-product-card-content-title {
    min-height:39px !important;
  }

  .tr-latest-products-v12
  custom-salla-product-card
  .s-product-card-content-title
  > a.product-popup-trigger {
    font-size:12px !important;
    line-height:1.55 !important;
  }

  .tr-latest-products-v12
  custom-salla-product-card
  .total-price.sale-price {
    font-size:15px !important;
  }

  .tr-latest-products-v12
  custom-salla-product-card
  .s-product-card-content-footer {
    grid-template-columns:minmax(0,1fr) 34px !important;
    gap:6px !important;
    padding-top:8px !important;
  }

  .tr-latest-products-v12
  custom-salla-product-card
  .s-product-card-content-footer
  button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline {
    min-height:35px !important;
    padding:7px 9px !important;
    border-radius:8px !important;
    font-size:10.5px !important;
  }

  .tr-latest-products-v12
  custom-salla-product-card
  .s-product-card-content-footer
  button.s-product-card-wishlist-btn.s-button-element {
    width:34px !important;
    height:34px !important;
    min-width:34px !important;
    min-height:34px !important;
  }
}


/* =========================================================
   V22 — LATEST PRODUCTS CLEANUP
   Remove "يبدأ من" and wishlist heart from Latest Products only.
   ========================================================= */

.tr-latest-products-v12
custom-salla-product-card
.starting-price-title {
  display:none !important;
}

.tr-latest-products-v12
custom-salla-product-card
.s-product-card-content-footer
> salla-button.s-product-card-wishlist-btn {
  display:none !important;
}

.tr-latest-products-v12
custom-salla-product-card
.s-product-card-content-footer {
  grid-template-columns:1fr !important;
}


/* =========================================================
   V23 — FORCE HIDE "يبدأ من" / EXACT LIVE DOM
   Confirmed live element:
   <span class="starting-price-title hidden">يبدأ من</span>
   ========================================================= */

.tr-latest-products-v12
custom-salla-product-card.s-product-card-entry
.s-product-card-content
.s-product-card-content-main
.s-product-card-content-sub
.starting-or-normal-price
> span.starting-price-title.hidden,
.tr-latest-products-v12
custom-salla-product-card.s-product-card-entry
span.starting-price-title.hidden {
  display:none !important;
  visibility:hidden !important;
  width:0 !important;
  min-width:0 !important;
  max-width:0 !important;
  height:0 !important;
  min-height:0 !important;
  max-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
}


/* =========================================================
   V24 — LIGHT FOOTER / EXACT LIVE DOM
   Built from the actual:
   <footer class="store-footer tr-dark-footer">
   Reversible: V23 remains the dark-footer rollback point.
   ========================================================= */

.store-footer.tr-dark-footer {
  margin-top:0 !important;
  background:#FAFAFA !important;
  color:#202020 !important;
  border-top:1px solid rgba(104,122,77,.12) !important;
  font-family:"Cairo", Arial, sans-serif !important;
}

.store-footer.tr-dark-footer
.store-footer__inner {
  background:#FAFAFA !important;
  color:#202020 !important;
  padding:42px 0 36px !important;
}

/* Exact two-column wrapper from live DOM */
.store-footer.tr-dark-footer
.footer-items-wrapper.tr-footer-two-columns {
  display:grid !important;
  grid-template-columns:minmax(280px,.85fr) minmax(360px,1.15fr) !important;
  gap:56px !important;
  align-items:start !important;
}

/* Reset inherited dark-footer colors */
.store-footer.tr-dark-footer
.footer-item,
.store-footer.tr-dark-footer
.footer-item * {
  text-shadow:none !important;
}

.store-footer.tr-dark-footer
.footer-title {
  position:relative !important;
  display:inline-block !important;
  margin:0 0 18px !important;
  padding:0 0 10px !important;

  color:var(--tr-olive) !important;
  font-family:"Cairo", Arial, sans-serif !important;
  font-size:18px !important;
  line-height:1.3 !important;
  font-weight:800 !important;
  text-align:right !important;
  text-decoration:none !important;
}

.store-footer.tr-dark-footer
.footer-title::after {
  content:"" !important;
  position:absolute !important;
  right:0 !important;
  bottom:0 !important;
  width:34px !important;
  height:3px !important;
  border-radius:999px !important;
  background:var(--tr-coral) !important;
}

/* Main brand/description column */
.store-footer.tr-dark-footer
.main-footer-widgets {
  padding-inline-start:34px !important;
  border-inline-start:1px solid rgba(104,122,77,.14) !important;
}

.store-footer.tr-dark-footer
.main-footer-widgets
> a {
  color:inherit !important;
  text-decoration:none !important;
}

.store-footer.tr-dark-footer
.main-footer-widgets
> p {
  max-width:540px !important;
  margin:0 0 20px !important;

  color:#4F5651 !important;
  font-family:"Cairo", Arial, sans-serif !important;
  font-size:13.5px !important;
  line-height:1.9 !important;
  font-weight:500 !important;
  text-align:right !important;
}

/* Footer links */
.store-footer.tr-dark-footer
.s-menu-footer-list {
  display:grid !important;
  gap:10px !important;
}

.store-footer.tr-dark-footer
a.s-menu-footer-item {
  display:inline-flex !important;
  align-items:center !important;
  width:max-content !important;
  max-width:100% !important;

  color:#343A35 !important;
  font-family:"Cairo", Arial, sans-serif !important;
  font-size:13px !important;
  line-height:1.5 !important;
  font-weight:600 !important;
  text-decoration:none !important;

  transition:color .18s ease, transform .18s ease !important;
}

.store-footer.tr-dark-footer
a.s-menu-footer-item:hover {
  color:var(--tr-coral) !important;
  transform:translateX(-2px) !important;
}

/* Social row from exact live DOM */
.store-footer.tr-dark-footer
.main-footer-widgets
> .flex.justify-center {
  justify-content:flex-start !important;
}

.store-footer.tr-dark-footer
salla-social.social-accounts {
  display:block !important;
}

.store-footer.tr-dark-footer
.s-social-list {
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:9px !important;
  margin:0 !important;
  padding:0 !important;
}

.store-footer.tr-dark-footer
.s-social-link {
  display:flex !important;
  align-items:center !important;
  gap:9px !important;
}

.store-footer.tr-dark-footer
.s-social-link > a:not(.tr-whatsapp-footer),
.store-footer.tr-dark-footer
a.tr-whatsapp-footer {
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  width:38px !important;
  height:38px !important;
  min-width:38px !important;
  min-height:38px !important;

  border:1px solid rgba(104,122,77,.14) !important;
  border-radius:50% !important;
  background:#FFFFFF !important;
  color:var(--tr-olive) !important;
  box-shadow:0 4px 14px rgba(17,17,17,.045) !important;

  transition:
    transform .18s ease,
    border-color .18s ease,
    color .18s ease,
    background .18s ease !important;
}

.store-footer.tr-dark-footer
.s-social-link > a:not(.tr-whatsapp-footer):hover {
  transform:translateY(-2px) !important;
  border-color:rgba(225,118,98,.28) !important;
  background:rgba(255,182,146,.16) !important;
  color:var(--tr-coral) !important;
}

.store-footer.tr-dark-footer
a.tr-whatsapp-footer {
  color:#19A96B !important;
  border-color:rgba(25,169,107,.18) !important;
  background:rgba(25,169,107,.08) !important;
}

.store-footer.tr-dark-footer
a.tr-whatsapp-footer:hover {
  transform:translateY(-2px) !important;
  background:rgba(25,169,107,.13) !important;
}

/* Social SVGs */
.store-footer.tr-dark-footer
.s-social-icon,
.store-footer.tr-dark-footer
.s-social-icon svg {
  width:18px !important;
  height:18px !important;
  color:currentColor !important;
  fill:currentColor !important;
}

.store-footer.tr-dark-footer
.s-social-icon svg path {
  fill:currentColor !important;
}

/* Keep the contact block hidden as in the current design */
.store-footer.tr-dark-footer
.tr-footer-contact-hidden {
  display:none !important;
}

/* Prevent old dark-footer pseudo layers/overlays */
.store-footer.tr-dark-footer::before,
.store-footer.tr-dark-footer::after,
.store-footer.tr-dark-footer
.store-footer__inner::before,
.store-footer.tr-dark-footer
.store-footer__inner::after {
  background:transparent !important;
  box-shadow:none !important;
}

/* Tablet */
@media (min-width:768px) and (max-width:1199px) {
  .store-footer.tr-dark-footer
  .footer-items-wrapper.tr-footer-two-columns {
    grid-template-columns:minmax(240px,.8fr) minmax(320px,1.2fr) !important;
    gap:34px !important;
  }

  .store-footer.tr-dark-footer
  .main-footer-widgets {
    padding-inline-start:24px !important;
  }
}

/* Mobile */
@media (max-width:767px) {
  .store-footer.tr-dark-footer
  .store-footer__inner {
    padding:30px 0 26px !important;
  }

  .store-footer.tr-dark-footer
  .footer-items-wrapper.tr-footer-two-columns {
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:28px !important;
  }

  .store-footer.tr-dark-footer
  .main-footer-widgets {
    order:-1 !important;
    padding-inline-start:0 !important;
    border-inline-start:0 !important;
    padding-bottom:26px !important;
    border-bottom:1px solid rgba(104,122,77,.12) !important;
  }

  .store-footer.tr-dark-footer
  .footer-title {
    margin-bottom:14px !important;
    font-size:17px !important;
  }

  .store-footer.tr-dark-footer
  .main-footer-widgets
  > p {
    max-width:none !important;
    margin-bottom:16px !important;
    font-size:12.5px !important;
    line-height:1.85 !important;
  }

  .store-footer.tr-dark-footer
  a.s-menu-footer-item {
    font-size:12.5px !important;
  }

  .store-footer.tr-dark-footer
  .main-footer-widgets
  > .flex.justify-center,
  .store-footer.tr-dark-footer
  .s-social-list {
    justify-content:flex-start !important;
  }
}


/* =========================================================
   V25 — COMPACT LIGHT FOOTER
   Tightens the V24 footer after visual review.
   ========================================================= */

.store-footer.tr-dark-footer
.store-footer__inner {
  padding:28px 0 22px !important;
}

.store-footer.tr-dark-footer
.footer-items-wrapper.tr-footer-two-columns {
  grid-template-columns:minmax(260px,.9fr) minmax(320px,1.1fr) !important;
  gap:38px !important;
  align-items:start !important;
}

.store-footer.tr-dark-footer
.footer-title {
  margin-bottom:14px !important;
  padding-bottom:8px !important;
  font-size:17px !important;
}

.store-footer.tr-dark-footer
.main-footer-widgets {
  padding-inline-start:26px !important;
}

.store-footer.tr-dark-footer
.main-footer-widgets
> p {
  max-width:500px !important;
  margin-bottom:14px !important;
  font-size:13px !important;
  line-height:1.8 !important;
}

.store-footer.tr-dark-footer
.s-menu-footer-list {
  gap:7px !important;
}

.store-footer.tr-dark-footer
a.s-menu-footer-item {
  font-size:12.5px !important;
  line-height:1.45 !important;
}

.store-footer.tr-dark-footer
.s-social-list {
  gap:7px !important;
}

.store-footer.tr-dark-footer
.s-social-link > a:not(.tr-whatsapp-footer),
.store-footer.tr-dark-footer
a.tr-whatsapp-footer {
  width:34px !important;
  height:34px !important;
  min-width:34px !important;
  min-height:34px !important;
}

/* Pull the native footer-bottom closer to the main footer */
.store-footer.tr-dark-footer + .store-footer__bottom,
.store-footer.tr-dark-footer ~ .store-footer__bottom,
.store-footer__bottom {
  padding-top:10px !important;
  padding-bottom:10px !important;
  min-height:auto !important;
}

/* Mobile */
@media (max-width:767px) {
  .store-footer.tr-dark-footer
  .store-footer__inner {
    padding:24px 0 20px !important;
  }

  .store-footer.tr-dark-footer
  .footer-items-wrapper.tr-footer-two-columns {
    gap:22px !important;
  }

  .store-footer.tr-dark-footer
  .main-footer-widgets {
    padding-bottom:20px !important;
  }
}


/* =========================================================
   V26 — BALANCED LIGHT FOOTER / EXACT LIVE DOM
   Fixes link spacing, restores WhatsApp visibility, and
   visually merges the native bottom bar with the footer.
   ========================================================= */

/* Make the footer denser and better balanced */
.store-footer.tr-dark-footer
.store-footer__inner {
  padding:26px 0 18px !important;
}

.store-footer.tr-dark-footer
.footer-items-wrapper.tr-footer-two-columns {
  grid-template-columns:minmax(360px,1.1fr) minmax(360px,1fr) !important;
  gap:44px !important;
  align-items:start !important;
}

/* Brand column */
.store-footer.tr-dark-footer
.main-footer-widgets {
  padding-inline-start:28px !important;
}

.store-footer.tr-dark-footer
.main-footer-widgets
> p {
  max-width:540px !important;
  margin:0 0 14px !important;
  font-size:13px !important;
  line-height:1.78 !important;
}

/* Important links: two compact columns on desktop */
.store-footer.tr-dark-footer
.s-menu-footer-list {
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  column-gap:20px !important;
  row-gap:5px !important;
  margin:0 !important;
  padding:0 !important;
}

.store-footer.tr-dark-footer
.s-menu-footer-list
> a.s-menu-footer-item {
  display:block !important;
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:3px 0 !important;
  min-height:0 !important;
  color:#343A35 !important;
  font-size:12.5px !important;
  line-height:1.45 !important;
}

/* Socials: force all three icons to show on one row */
.store-footer.tr-dark-footer
.s-social-list {
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:8px !important;
  overflow:visible !important;
}

.store-footer.tr-dark-footer
li.s-social-link {
  display:flex !important;
  align-items:center !important;
  width:auto !important;
  min-width:0 !important;
  max-width:none !important;
  gap:8px !important;
  margin:0 !important;
  padding:0 !important;
  overflow:visible !important;
}

.store-footer.tr-dark-footer
li.s-social-link.tr-footer-social-row {
  width:auto !important;
  max-width:none !important;
  overflow:visible !important;
}

.store-footer.tr-dark-footer
li.s-social-link.tr-footer-social-row
> a {
  flex:0 0 34px !important;
}

.store-footer.tr-dark-footer
a.tr-whatsapp-footer {
  display:inline-flex !important;
  visibility:visible !important;
  opacity:1 !important;
  width:34px !important;
  height:34px !important;
  min-width:34px !important;
  max-width:34px !important;
  overflow:visible !important;
  color:#19A96B !important;
  border-color:rgba(25,169,107,.20) !important;
  background:rgba(25,169,107,.09) !important;
}

/* Native bottom bar: visually attach it to the footer */
.store-footer__bottom.copyright {
  margin-top:0 !important;
  padding-top:11px !important;
  padding-bottom:11px !important;
  background:#FAFAFA !important;
  border-top:1px solid rgba(104,122,77,.12) !important;
  color:#4F5651 !important;
  min-height:auto !important;
}

/* Keep copyright, trust badge and payments vertically centered */
.store-footer__bottom.copyright
> .copyright-text,
.store-footer__bottom.copyright
> .flex {
  margin:0 !important;
}

.store-footer__bottom.copyright
.copyright-text p {
  margin:0 !important;
  color:#626962 !important;
  font-family:"Cairo", Arial, sans-serif !important;
  font-size:11.5px !important;
  line-height:1.4 !important;
}

.store-footer__bottom.copyright
.s-trust-badges-wrapper {
  margin:0 !important;
}

.store-footer__bottom.copyright
.s-payments-list {
  margin:0 !important;
  padding:0 !important;
}

/* Tablet */
@media (min-width:768px) and (max-width:1199px) {
  .store-footer.tr-dark-footer
  .footer-items-wrapper.tr-footer-two-columns {
    grid-template-columns:minmax(300px,1fr) minmax(300px,1fr) !important;
    gap:30px !important;
  }

  .store-footer.tr-dark-footer
  .s-menu-footer-list {
    column-gap:14px !important;
  }
}

/* Mobile: stack naturally again */
@media (max-width:767px) {
  .store-footer.tr-dark-footer
  .store-footer__inner {
    padding:22px 0 16px !important;
  }

  .store-footer.tr-dark-footer
  .footer-items-wrapper.tr-footer-two-columns {
    grid-template-columns:1fr !important;
    gap:20px !important;
  }

  .store-footer.tr-dark-footer
  .main-footer-widgets {
    padding-inline-start:0 !important;
  }

  .store-footer.tr-dark-footer
  .s-menu-footer-list {
    grid-template-columns:1fr !important;
    row-gap:3px !important;
  }

  .store-footer__bottom.copyright {
    padding-top:10px !important;
    padding-bottom:10px !important;
  }
}


/* =========================================================
   V27 — PRODUCT PAGE / FULL REDESIGN
   Scope: product pages only
   Built from the live product-page DOM report.
   SEO/GEO-safe approach:
   - keeps Salla's server-rendered title, breadcrumb and text
   - keeps product image alt text and internal links
   - keeps price / cart / installment / gifting functionality
   - does not inject duplicate schema or product content with JS
   ========================================================= */

/* ---------- PRODUCT PAGE FOUNDATION ---------- */
body.product-single {
  background:#FFFFFF !important;
  color:var(--tr-text) !important;
}

body.product-single main#main-content,
body.product-single main#main-content *:not(
  [class^="sicon-"]
):not(
  [class*=" sicon-"]
):not(
  [class^="smticon-"]
):not(
  [class*=" smticon-"]
) {
  font-family:"Cairo", Arial, sans-serif;
}

body.product-single main#main-content {
  gap:0 !important;
  row-gap:0 !important;
  padding-bottom:44px !important;
}

/* ---------- BREADCRUMB ---------- */
body.product-single nav.breadcrumbs {
  margin:0 0 24px !important;
  padding:13px 0 !important;
  background:#FFF8F4 !important;
  border-top:1px solid rgba(225,118,98,.08) !important;
  border-bottom:1px solid rgba(225,118,98,.12) !important;
}

body.product-single nav.breadcrumbs .s-breadcrumb-wrapper {
  display:flex !important;
  align-items:center !important;
  flex-wrap:wrap !important;
  gap:5px !important;
}

body.product-single nav.breadcrumbs .s-breadcrumb-item,
body.product-single nav.breadcrumbs .s-breadcrumb-item a {
  color:#5D645E !important;
  font-size:11.5px !important;
  line-height:1.5 !important;
  font-weight:500 !important;
  text-decoration:none !important;
}

body.product-single nav.breadcrumbs .s-breadcrumb-item a:hover {
  color:var(--tr-coral) !important;
}

body.product-single nav.breadcrumbs .s-breadcrumb-arrow svg {
  width:15px !important;
  height:15px !important;
  color:#9A9F9A !important;
}

/* ---------- MAIN PRODUCT CONTAINER ---------- */
body.product-single .container--product-details {
  gap:34px !important;
}

body.product-single .top-area {
  margin:0 !important;
}

/* ---------- DESKTOP TITLE / ACTIONS ---------- */
body.product-single
.top-area
> .product-title-nav {
  margin:0 0 18px !important;
  padding:0 2px 14px !important;
  border-bottom:1px solid rgba(104,122,77,.12) !important;
}

body.product-single
.top-area
> .product-title-nav h1 {
  margin:0 !important;
  color:#1F261F !important;
  font-size:28px !important;
  line-height:1.45 !important;
  font-weight:800 !important;
  letter-spacing:0 !important;
}

body.product-single
.top-area
> .product-title-nav
> .flex.items-center {
  gap:9px !important;
}

body.product-single
.top-area
> .product-title-nav
> .flex.items-center
> .flex.items-center {
  gap:6px !important;
}

body.product-single
.top-area
> .product-title-nav
> .flex.items-center
> .flex.items-center
> span.text-base {
  color:#6D736D !important;
  font-size:11px !important;
  font-weight:500 !important;
}

/* wishlist / share as compact circles */
body.product-single
.top-area
> .product-title-nav
button.s-button-element.s-button-icon {
  width:36px !important;
  height:36px !important;
  min-width:36px !important;
  min-height:36px !important;
  padding:0 !important;
  border:1px solid rgba(104,122,77,.16) !important;
  border-radius:50% !important;
  background:#FFFFFF !important;
  color:var(--tr-olive) !important;
  box-shadow:none !important;
}

body.product-single
.top-area
> .product-title-nav
button.s-button-element.s-button-icon:hover {
  border-color:rgba(225,118,98,.35) !important;
  background:rgba(255,182,146,.14) !important;
  color:var(--tr-coral) !important;
}

/* ---------- TWO-COLUMN PRODUCT AREA ---------- */
body.product-single
.top-area
> div[id^="product-"] {
  align-items:flex-start !important;
  gap:28px !important;
}

body.product-single
.top-area
.sidebar {
  width:50% !important;
  margin-inline:0 !important;
  overflow:visible !important;
}

body.product-single
.top-area
.main-content {
  display:flex !important;
  flex-direction:column !important;
  width:50% !important;
  min-width:0 !important;
  position:relative !important;
  top:auto !important;
  overflow:visible !important;
}

/* ---------- PRODUCT GALLERY ---------- */
body.product-single
.details-slider {
  overflow:hidden !important;
  border:1px solid rgba(104,122,77,.12) !important;
  border-radius:18px !important;
  background:#FAFAF8 !important;
  box-shadow:0 8px 26px rgba(17,17,17,.045) !important;
}

body.product-single
.details-slider
.swiper.s-slider-container {
  background:#FAFAF8 !important;
}

body.product-single
.details-slider
.swiper-slide {
  min-height:500px !important;
  padding:22px !important;
  background:#FAFAF8 !important;
}

body.product-single
.details-slider
.swiper-slide img {
  width:100% !important;
  height:100% !important;
  max-height:520px !important;
  object-fit:contain !important;
  object-position:center !important;
}

/* remove duplicate desktop overlay controls inside gallery;
   desktop actions already exist beside the H1 */
@media (min-width:768px) {
  body.product-single
  .details-slider
  > .swiper
  > salla-button.btn--wishlist,
  body.product-single
  .details-slider
  > .swiper
  > salla-social-share.social-share {
    display:none !important;
  }
}

/* ---------- MOBILE TITLE ---------- */
body.product-single
.main-content
> .product-title-nav.sm\:hidden {
  order:0 !important;
  margin:0 0 10px !important;
}

body.product-single
.main-content
> .product-title-nav.sm\:hidden h1 {
  margin:0 !important;
  color:#1F261F !important;
  font-size:22px !important;
  line-height:1.55 !important;
  font-weight:800 !important;
}

/* ---------- REORDER MAIN PRODUCT CONTENT ---------- */
/* Keep buying controls high on the page without changing semantic content */
body.product-single
.top-area
.main-content
> .flex.whitespace-nowrap {
  order:1 !important;
}

body.product-single
.top-area
.main-content
> salla-installment {
  order:2 !important;
}

body.product-single
.top-area
.main-content
> form.product-form {
  order:3 !important;
}

body.product-single
.top-area
.main-content
> .product__description {
  order:4 !important;
}

body.product-single
.top-area
.main-content
> salla-cashback-banner {
  order:5 !important;
}

body.product-single
.top-area
.main-content
> salla-bought-together,
body.product-single
.top-area
.main-content
> salla-verified-review,
body.product-single
.top-area
.main-content
> salla-quick-order,
body.product-single
.top-area
.main-content
> .s-block--bundle-out-of-stock-alternative {
  order:6 !important;
}

/* ---------- PRIMARY PRICE ---------- */
body.product-single
.top-area
.main-content
> .flex.whitespace-nowrap {
  width:100% !important;
  margin:0 0 12px !important;
  padding:0 !important;
  align-items:center !important;
}

body.product-single
.top-area
.main-content
> .flex.whitespace-nowrap
.total-price {
  margin:0 !important;
  color:var(--tr-coral) !important;
  font-size:25px !important;
  line-height:1.2 !important;
  font-weight:800 !important;
}

body.product-single
.top-area
.main-content
> .flex.whitespace-nowrap
.before-price {
  color:#969B96 !important;
  font-size:13px !important;
  font-weight:500 !important;
}

/* ---------- INSTALLMENT ---------- */
body.product-single
.top-area
.main-content
> salla-installment {
  display:block !important;
  margin:0 0 12px !important;
  border-radius:12px !important;
  overflow:hidden !important;
}

/* ---------- FORM / PURCHASE BOX ---------- */
body.product-single form.product-form {
  margin:0 !important;
}

/* Hide the duplicate price box inside the form.
   The actual visible primary price remains above. */
body.product-single
form.product-form
> section.flex.bg-white.p-5.rounded.border.border-gray-100.mb-5 {
  display:none !important;
}

body.product-single
form.product-form
> section.sticky-product-bar {
  margin:0 !important;
  padding:16px !important;
  border:1px solid rgba(104,122,77,.14) !important;
  border-radius:14px !important;
  background:#FFFFFF !important;
  box-shadow:0 7px 20px rgba(17,17,17,.045) !important;
}

body.product-single
.sticky-product-bar__quantity {
  margin:0 0 12px !important;
}

body.product-single
.sticky-product-bar__quantity
.form-label {
  color:#343A35 !important;
  font-size:12px !important;
  font-weight:700 !important;
}

/* quantity control */
body.product-single
salla-quantity-input.s-quantity-input {
  justify-content:flex-start !important;
}

body.product-single
.s-quantity-input-container {
  display:grid !important;
  grid-template-columns:38px 42px 38px !important;
  align-items:center !important;
  overflow:hidden !important;
  border:1px solid rgba(104,122,77,.15) !important;
  border-radius:10px !important;
  background:#FFFFFF !important;
}

body.product-single
.s-quantity-input-button {
  width:38px !important;
  height:38px !important;
  min-width:38px !important;
  min-height:38px !important;
  border:0 !important;
  background:#FAFAF8 !important;
  color:var(--tr-olive) !important;
}

body.product-single
.s-quantity-input-button svg {
  width:16px !important;
  height:16px !important;
}

body.product-single
.s-quantity-input-input {
  width:42px !important;
  height:38px !important;
  min-height:38px !important;
  border:0 !important;
  background:#FFFFFF !important;
  color:#202020 !important;
  font-size:13px !important;
  font-weight:700 !important;
  text-align:center !important;
}

/* ---------- ADD TO CART / BUY NOW ---------- */
body.product-single
salla-add-product-button.sticky-product-bar__btn {
  display:block !important;
  width:100% !important;
  margin:0 !important;
}

body.product-single
salla-add-product-button.sticky-product-bar__btn
.s-add-product-button-main {
  display:grid !important;
  grid-template-columns:minmax(0,1.35fr) minmax(0,.9fr) !important;
  gap:9px !important;
  align-items:stretch !important;
}

body.product-single
salla-add-product-button.sticky-product-bar__btn
.s-add-product-button-main
> salla-button {
  display:block !important;
  width:100% !important;
}

body.product-single
salla-add-product-button.sticky-product-bar__btn
button.s-button-element.s-button-btn.s-button-solid.s-button-wide.s-button-primary {
  width:100% !important;
  min-height:44px !important;
  padding:10px 15px !important;
  border:1px solid var(--tr-coral) !important;
  border-radius:10px !important;
  background:var(--tr-coral) !important;
  color:#FFFFFF !important;
  font-size:13px !important;
  font-weight:700 !important;
  box-shadow:none !important;
}

body.product-single
salla-add-product-button.sticky-product-bar__btn
button.s-button-element.s-button-btn.s-button-solid.s-button-wide.s-button-primary:hover {
  border-color:#C96351 !important;
  background:#C96351 !important;
}

body.product-single
salla-add-product-button.sticky-product-bar__btn
.s-add-product-button-mini-checkout {
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:44px !important;
  padding:0 12px !important;
  border:1px solid rgba(104,122,77,.55) !important;
  border-radius:10px !important;
  background:#FFFFFF !important;
  color:var(--tr-olive) !important;
  cursor:pointer !important;
}

body.product-single
salla-add-product-button.sticky-product-bar__btn
.s-add-product-button-mini-checkout-content {
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;
  color:var(--tr-olive) !important;
  font-size:12px !important;
  font-weight:700 !important;
}

body.product-single
salla-add-product-button.sticky-product-bar__btn
.s-add-product-button-mini-checkout-content svg {
  width:17px !important;
  height:17px !important;
}

body.product-single
salla-add-product-button.sticky-product-bar__btn
> salla-quick-buy {
  display:block !important;
  width:100% !important;
  margin-top:9px !important;
}

/* ---------- GIFTING ---------- */
body.product-single
form.product-form
> salla-gifting {
  margin-top:12px !important;
  border:1px solid rgba(225,118,98,.16) !important;
  border-radius:14px !important;
  background:#FFF9F6 !important;
  overflow:hidden !important;
}

body.product-single
salla-gifting
.s-list-tile-item {
  padding:15px !important;
  background:#FFF9F6 !important;
}

body.product-single
salla-gifting
.s-list-tile-item-title h3 {
  margin:0 0 4px !important;
  color:#303630 !important;
  font-size:14px !important;
  line-height:1.4 !important;
  font-weight:800 !important;
}

body.product-single
salla-gifting
.s-list-tile-item-subtitle {
  color:#6A706A !important;
  font-size:11.5px !important;
  line-height:1.7 !important;
}

body.product-single
salla-gifting
button.s-gifting-widget-action.s-button-element {
  min-height:38px !important;
  border:1px solid var(--tr-olive) !important;
  border-radius:9px !important;
  background:#FFFFFF !important;
  color:var(--tr-olive) !important;
  font-size:11px !important;
  font-weight:700 !important;
}

/* ---------- PRODUCT DESCRIPTION ---------- */
body.product-single
.product__description {
  margin:16px 0 0 !important;
}

body.product-single
.product__description
article {
  color:#505750 !important;
  font-size:13.5px !important;
  line-height:1.95 !important;
  font-weight:500 !important;
}

body.product-single
.product__description
.desc-body {
  padding:18px !important;
  border:1px solid rgba(104,122,77,.12) !important;
  border-radius:14px !important;
  background:#FFFFFF !important;
}

body.product-single
.product__description
.desc-body
p {
  margin:0 0 9px !important;
}

body.product-single
.product__description
.desc-body
p:first-child {
  color:#343A35 !important;
  font-weight:700 !important;
}

body.product-single
.product__description
.desc-body
p:has(> br:only-child) {
  display:none !important;
}

body.product-single
.product__description
a {
  color:var(--tr-coral) !important;
  font-weight:700 !important;
  text-decoration:underline !important;
  text-underline-offset:3px !important;
}

/* ---------- OPTIONAL / DYNAMIC PRODUCT WIDGETS ---------- */
body.product-single
salla-bought-together,
body.product-single
salla-verified-review,
body.product-single
salla-quick-order {
  margin-top:14px !important;
  border-radius:14px !important;
  overflow:hidden !important;
}

body.product-single
salla-quick-order {
  border:1px solid rgba(104,122,77,.12) !important;
  background:#FFFFFF !important;
}

/* ---------- RELATED / SIMILAR PRODUCTS ---------- */
body.product-single
.s-before-related,
body.product-single
.similar-products-slider {
  margin-top:10px !important;
}

body.product-single
.s-before-related
.s-block,
body.product-single
.similar-products-slider {
  padding-top:0 !important;
  padding-bottom:0 !important;
}

body.product-single
.s-before-related
.s-block__title,
body.product-single
.similar-products-slider
> .s-block__title {
  margin:0 0 15px !important;
}

body.product-single
.s-before-related
.s-block__title h2,
body.product-single
.similar-products-slider
> .s-block__title h2,
body.product-single
.similar-products__title {
  margin:0 !important;
  color:var(--tr-olive) !important;
  font-size:23px !important;
  line-height:1.35 !important;
  font-weight:800 !important;
}

body.product-single
.s-before-related
.s-product-card-entry,
body.product-single
.similar-products-slider
.s-product-card-entry {
  overflow:hidden !important;
  border:1px solid rgba(104,122,77,.13) !important;
  border-radius:14px !important;
  background:#FFFFFF !important;
  box-shadow:0 6px 18px rgba(17,17,17,.04) !important;
}

body.product-single
.s-before-related
.s-product-card-image,
body.product-single
.similar-products-slider
.s-product-card-image {
  height:210px !important;
  min-height:210px !important;
  padding:12px !important;
  background:#FFFFFF !important;
}

body.product-single
.s-before-related
.s-product-card-image img,
body.product-single
.similar-products-slider
.s-product-card-image img {
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
}

body.product-single
.s-before-related
.s-product-card-content,
body.product-single
.similar-products-slider
.s-product-card-content {
  padding:12px 13px 13px !important;
}

body.product-single
.s-before-related
.s-product-card-content-title a,
body.product-single
.similar-products-slider
.s-product-card-content-title a {
  display:-webkit-box !important;
  overflow:hidden !important;
  min-height:42px !important;
  color:#252A25 !important;
  font-size:12.5px !important;
  line-height:1.65 !important;
  font-weight:700 !important;
  -webkit-box-orient:vertical !important;
  -webkit-line-clamp:2 !important;
}

body.product-single
.s-before-related
.total-price.sale-price,
body.product-single
.similar-products-slider
.total-price.sale-price {
  color:var(--tr-coral) !important;
  font-size:16px !important;
  font-weight:800 !important;
}

body.product-single
.s-before-related
.starting-price-title,
body.product-single
.similar-products-slider
.starting-price-title {
  display:none !important;
}

body.product-single
.s-before-related
.s-product-card-wishlist-btn,
body.product-single
.similar-products-slider
.s-product-card-wishlist-btn {
  display:none !important;
}

body.product-single
.s-before-related
.s-product-card-content-footer,
body.product-single
.similar-products-slider
.s-product-card-content-footer {
  margin-top:auto !important;
  padding-top:9px !important;
}

body.product-single
.s-before-related
.s-product-card-content-footer
button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline,
body.product-single
.similar-products-slider
.s-product-card-content-footer
button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline {
  width:100% !important;
  min-height:40px !important;
  border:1px solid var(--tr-coral) !important;
  border-radius:9px !important;
  background:var(--tr-coral) !important;
  color:#FFFFFF !important;
  font-size:11.5px !important;
  font-weight:700 !important;
}

/* ---------- PRODUCT-PAGE SLIDER CONTROLS ---------- */
body.product-single
.s-slider-nav-arrow {
  border:1px solid rgba(104,122,77,.15) !important;
  border-radius:50% !important;
  background:#FFFFFF !important;
  color:var(--tr-olive) !important;
  box-shadow:none !important;
}

/* ---------- MOBILE ---------- */
@media (max-width:767px) {

  body.product-single main#main-content {
    padding-bottom:28px !important;
  }

  body.product-single nav.breadcrumbs {
    margin-bottom:14px !important;
    padding:10px 0 !important;
  }

  body.product-single nav.breadcrumbs .s-breadcrumb-wrapper {
    flex-wrap:nowrap !important;
    overflow-x:auto !important;
    scrollbar-width:none !important;
  }

  body.product-single nav.breadcrumbs .s-breadcrumb-wrapper::-webkit-scrollbar {
    display:none !important;
  }

  body.product-single
  .container--product-details {
    gap:24px !important;
  }

  body.product-single
  .top-area
  > div[id^="product-"] {
    gap:16px !important;
  }

  body.product-single
  .top-area
  .sidebar,
  body.product-single
  .top-area
  .main-content {
    width:100% !important;
  }

  body.product-single
  .details-slider {
    border-radius:15px !important;
  }

  body.product-single
  .details-slider
  .swiper-slide {
    min-height:340px !important;
    padding:14px !important;
  }

  body.product-single
  .details-slider
  .swiper-slide img {
    max-height:350px !important;
  }

  /* mobile keeps gallery wishlist/share usable */
  body.product-single
  .details-slider
  > .swiper
  > salla-button.btn--wishlist,
  body.product-single
  .details-slider
  > .swiper
  > salla-social-share.social-share {
    display:inline-flex !important;
  }

  body.product-single
  .top-area
  .main-content
  > .flex.whitespace-nowrap
  .total-price {
    font-size:22px !important;
  }

  body.product-single
  form.product-form
  > section.sticky-product-bar {
    padding:13px !important;
    border-radius:12px !important;
  }

  body.product-single
  salla-add-product-button.sticky-product-bar__btn
  .s-add-product-button-main {
    grid-template-columns:1fr 1fr !important;
    gap:7px !important;
  }

  body.product-single
  salla-add-product-button.sticky-product-bar__btn
  button.s-button-element.s-button-btn.s-button-solid.s-button-wide.s-button-primary,
  body.product-single
  salla-add-product-button.sticky-product-bar__btn
  .s-add-product-button-mini-checkout {
    min-height:42px !important;
    font-size:11.5px !important;
  }

  body.product-single
  .product__description
  .desc-body {
    padding:15px !important;
    border-radius:12px !important;
  }

  body.product-single
  .product__description
  article {
    font-size:12.5px !important;
    line-height:1.9 !important;
  }

  body.product-single
  .s-before-related
  .s-block__title h2,
  body.product-single
  .similar-products-slider
  > .s-block__title h2,
  body.product-single
  .similar-products__title {
    font-size:20px !important;
  }

  body.product-single
  .s-before-related
  .s-product-card-image,
  body.product-single
  .similar-products-slider
  .s-product-card-image {
    height:180px !important;
    min-height:180px !important;
  }
}

/* ---------- SMALL MOBILE ---------- */
@media (max-width:430px) {
  body.product-single
  salla-add-product-button.sticky-product-bar__btn
  .s-add-product-button-main {
    grid-template-columns:1fr !important;
  }
}
/* =========================================================
   V28 — PRODUCT PAGE REFINEMENT
   14-09-2026
   - full-width description below image + purchase area
   - remove wishlist from product page
   - balanced purchase buttons
   - H2/H3-ready product description
   - tighter desktop/mobile spacing
   Scope: body.product-single only
   ========================================================= */

/* ---------- REMOVE WISHLIST COMPLETELY ON PRODUCT PAGE ---------- */
body.product-single
.top-area
salla-button.btn--wishlist,
body.product-single
.top-area
button.btn--wishlist {
  display:none !important;
}

body.product-single
.top-area
> .product-title-nav
> .flex.items-center
> .flex.items-center:has(.btn--wishlist) {
  display:none !important;
}

body.product-single
.top-area
> .product-title-nav
> .flex.items-center {
  gap:0 !important;
}

/* ---------- TOP PRODUCT ROW ---------- */
body.product-single
.top-area
> div[id^="product-"] {
  align-items:flex-start !important;
  gap:30px !important;
  margin-bottom:0 !important;
}

body.product-single
.top-area
> div[id^="product-"]
> .main-content {
  align-self:flex-start !important;
}

body.product-single
.details-slider
.swiper-slide {
  min-height:455px !important;
  padding:20px !important;
}

body.product-single
.details-slider
.swiper-slide img {
  max-height:465px !important;
}

/* ---------- FULL-WIDTH DESCRIPTION MOVED BY JS V13 ---------- */
body.product-single
.top-area
> .tr-product-description-v28 {
  width:100% !important;
  max-width:none !important;
  margin:28px 0 0 !important;
  padding:0 !important;
  clear:both !important;
}

body.product-single
.tr-product-description-v28
article {
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  color:#505750 !important;
  font-size:14px !important;
  line-height:1.95 !important;
  font-weight:500 !important;
}

body.product-single
.tr-product-description-v28
.desc-body {
  width:100% !important;
  max-width:none !important;
  padding:24px 26px !important;
  border:1px solid rgba(104,122,77,.13) !important;
  border-radius:16px !important;
  background:#FFFFFF !important;
  box-shadow:0 6px 18px rgba(17,17,17,.025) !important;
}

body.product-single
.tr-product-description-v28
.desc-body p {
  margin:0 0 10px !important;
}

body.product-single
.tr-product-description-v28
.desc-body p:last-child {
  margin-bottom:0 !important;
}

/* ---------- PRODUCT DESCRIPTION H2 / H3 ---------- */
body.product-single
.tr-product-description-v28
.desc-body h2 {
  margin:28px 0 10px !important;
  padding:0 0 9px !important;
  color:var(--tr-olive) !important;
  font-size:21px !important;
  line-height:1.55 !important;
  font-weight:800 !important;
  border-bottom:1px solid rgba(104,122,77,.13) !important;
}

body.product-single
.tr-product-description-v28
.desc-body h2:first-child {
  margin-top:0 !important;
}

body.product-single
.tr-product-description-v28
.desc-body h3 {
  margin:18px 0 6px !important;
  color:#293029 !important;
  font-size:16px !important;
  line-height:1.6 !important;
  font-weight:800 !important;
}

body.product-single
.tr-product-description-v28
.desc-body ul,
body.product-single
.tr-product-description-v28
.desc-body ol {
  margin:9px 0 17px !important;
  padding-inline-start:22px !important;
}

body.product-single
.tr-product-description-v28
.desc-body li {
  margin:0 0 7px !important;
  color:#505750 !important;
  line-height:1.85 !important;
}

body.product-single
.tr-product-description-v28
.desc-body strong {
  color:#303730 !important;
  font-weight:800 !important;
}

body.product-single
.tr-product-description-v28
.desc-body a {
  color:var(--tr-coral) !important;
  font-weight:700 !important;
  text-decoration:underline !important;
  text-underline-offset:3px !important;
}

/* ---------- PRIMARY PURCHASE AREA ---------- */
body.product-single
form.product-form
> section.sticky-product-bar {
  padding:15px !important;
}

body.product-single
.sticky-product-bar__quantity {
  min-height:40px !important;
  margin-bottom:11px !important;
}

/* make both purchase actions equal */
body.product-single
salla-add-product-button.sticky-product-bar__btn
.s-add-product-button-main {
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
  gap:9px !important;
  width:100% !important;
  align-items:stretch !important;
}

body.product-single
salla-add-product-button.sticky-product-bar__btn
.s-add-product-button-main
> salla-button,
body.product-single
salla-add-product-button.sticky-product-bar__btn
.s-add-product-button-main
> salla-mini-checkout-widget {
  display:flex !important;
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
  align-self:stretch !important;
}

body.product-single
salla-add-product-button.sticky-product-bar__btn
.s-add-product-button-main
> salla-button
> button {
  width:100% !important;
  height:44px !important;
  min-height:44px !important;
}

body.product-single
salla-add-product-button.sticky-product-bar__btn
salla-mini-checkout-widget.s-add-product-button-mini-checkout {
  width:100% !important;
  height:44px !important;
  min-height:44px !important;
  padding:0 !important;
  border:1px solid var(--tr-olive) !important;
  border-radius:10px !important;
  background:#FFFFFF !important;
  color:var(--tr-olive) !important;
  overflow:hidden !important;
}

body.product-single
salla-add-product-button.sticky-product-bar__btn
salla-mini-checkout-widget.s-add-product-button-mini-checkout
.s-add-product-button-mini-checkout-content {
  width:100% !important;
  height:100% !important;
  min-height:42px !important;
  padding:0 12px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;
  white-space:nowrap !important;
  color:var(--tr-olive) !important;
  font-size:12px !important;
  font-weight:800 !important;
}

body.product-single
salla-add-product-button.sticky-product-bar__btn
> salla-quick-buy {
  display:block !important;
  width:100% !important;
  margin-top:9px !important;
}

/* ---------- SHARE ACTION AFTER WISHLIST REMOVAL ---------- */
body.product-single
.top-area
> .product-title-nav
salla-social-share {
  margin:0 !important;
}

body.product-single
.top-area
> .product-title-nav
salla-social-share
button.s-button-element.s-button-icon {
  width:36px !important;
  height:36px !important;
}

/* ---------- RELATED SECTIONS CLOSER TO DESCRIPTION ---------- */
body.product-single
.s-before-related,
body.product-single
.similar-products-slider {
  margin-top:26px !important;
}

/* ---------- DESKTOP ---------- */
@media (min-width:768px) {
  body.product-single
  .top-area
  > div[id^="product-"]
  > .sidebar {
    width:50% !important;
  }

  body.product-single
  .top-area
  > div[id^="product-"]
  > .main-content {
    width:50% !important;
  }
}

/* ---------- MOBILE ---------- */
@media (max-width:767px) {

  body.product-single
  .top-area
  > div[id^="product-"] {
    gap:14px !important;
  }

  body.product-single
  .details-slider
  .swiper-slide {
    min-height:325px !important;
    padding:13px !important;
  }

  body.product-single
  .details-slider
  .swiper-slide img {
    max-height:335px !important;
  }

  body.product-single
  .details-slider
  > .swiper
  > salla-button.btn--wishlist {
    display:none !important;
  }

  body.product-single
  .top-area
  > .tr-product-description-v28 {
    margin-top:18px !important;
  }

  body.product-single
  .tr-product-description-v28
  .desc-body {
    padding:17px 15px !important;
    border-radius:13px !important;
  }

  body.product-single
  .tr-product-description-v28
  article {
    font-size:13px !important;
    line-height:1.9 !important;
  }

  body.product-single
  .tr-product-description-v28
  .desc-body h2 {
    margin-top:23px !important;
    font-size:18px !important;
    line-height:1.6 !important;
  }

  body.product-single
  .tr-product-description-v28
  .desc-body h3 {
    margin-top:16px !important;
    font-size:15px !important;
  }

  body.product-single
  salla-add-product-button.sticky-product-bar__btn
  .s-add-product-button-main {
    grid-template-columns:1fr 1fr !important;
    gap:7px !important;
  }

  body.product-single
  salla-add-product-button.sticky-product-bar__btn
  .s-add-product-button-main
  > salla-button
  > button,
  body.product-single
  salla-add-product-button.sticky-product-bar__btn
  salla-mini-checkout-widget.s-add-product-button-mini-checkout {
    height:42px !important;
    min-height:42px !important;
  }
}

@media (max-width:360px) {
  body.product-single
  salla-add-product-button.sticky-product-bar__btn
  .s-add-product-button-main {
    grid-template-columns:1fr !important;
  }
}
/* =========================================================
   V29 — HAMBURGER CATEGORY DRAWER
   14-09-2026
   Uses Salla's existing menu links inside #main-side-panel.
   Removes contact/social/apps from the hamburger drawer only.
   ========================================================= */

#main-side-panel.tr-category-drawer-v29 {
  width:min(390px, 92vw) !important;
  max-width:min(390px, 92vw) !important;
  background:#FFFFFF !important;
  box-shadow:-18px 0 48px rgba(28,36,29,.10) !important;
}

#main-side-panel.tr-category-drawer-v29,
#main-side-panel.tr-category-drawer-v29 *:not([class^="sicon-"]):not([class*=" sicon-"]):not(svg):not(path) {
  font-family:"Cairo", Arial, sans-serif !important;
}

#main-side-panel.tr-category-drawer-v29 .side-panel__top {
  min-height:92px !important;
  padding:20px 24px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  border-bottom:1px solid rgba(104,122,77,.10) !important;
}

#main-side-panel.tr-category-drawer-v29 .side-panel__top .navbar-brand {
  margin:0 !important;
  display:flex !important;
  align-items:center !important;
}

#main-side-panel.tr-category-drawer-v29 .side-panel__top .navbar-brand img {
  width:auto !important;
  max-width:116px !important;
  height:42px !important;
  max-height:42px !important;
  object-fit:contain !important;
}

#main-side-panel.tr-category-drawer-v29 .menu-close {
  width:40px !important;
  height:40px !important;
  min-width:40px !important;
  min-height:40px !important;
  border:1px solid rgba(104,122,77,.14) !important;
  border-radius:50% !important;
  background:#FFFFFF !important;
  color:#687A4D !important;
  box-shadow:none !important;
}

#main-side-panel.tr-category-drawer-v29 .side-panel__content {
  padding:22px 22px 30px !important;
}

#main-side-panel.tr-category-drawer-v29 .side-panel__content > .lg\\:hidden {
  display:block !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
}

#main-side-panel.tr-category-drawer-v29 nav.main-store-menu.mobile-menu {
  display:block !important;
  width:100% !important;
  margin:0 !important;
}

#main-side-panel.tr-category-drawer-v29 .side-panel__content > .side-panel__widget,
#main-side-panel.tr-category-drawer-v29 .side-panel__content > salla-apps-icons.side-panel__widget {
  display:none !important;
}

#main-side-panel.tr-category-drawer-v29 .side-panel__title {
  margin:0 0 14px !important;
  padding:0 !important;
  color:#687A4D !important;
  font-size:19px !important;
  line-height:1.45 !important;
  font-weight:800 !important;
  border:0 !important;
}

#main-side-panel.tr-category-drawer-v29 .tr-category-drawer-subtitle {
  margin:-6px 0 15px !important;
  color:#7B817B !important;
  font-size:11.5px !important;
  line-height:1.7 !important;
  font-weight:500 !important;
}

#main-side-panel.tr-category-drawer-v29 nav.main-store-menu.mobile-menu > ul.main-menu {
  display:flex !important;
  flex-direction:column !important;
  gap:9px !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
}

#main-side-panel.tr-category-drawer-v29 nav.main-store-menu.mobile-menu > ul.main-menu > li.root-level {
  display:block !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
}

#main-side-panel.tr-category-drawer-v29 nav.main-store-menu.mobile-menu > ul.main-menu > li.root-level > a {
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  width:100% !important;
  min-height:52px !important;
  padding:13px 16px !important;
  border:1px solid rgba(104,122,77,.12) !important;
  border-radius:12px !important;
  background:#FAFAF8 !important;
  color:#2E352E !important;
  text-decoration:none !important;
  box-shadow:none !important;
  transition:background-color .18s ease, border-color .18s ease, color .18s ease, transform .18s ease !important;
}

#main-side-panel.tr-category-drawer-v29 nav.main-store-menu.mobile-menu > ul.main-menu > li.root-level > a::after {
  content:"‹" !important;
  flex:0 0 auto !important;
  margin-inline-start:12px !important;
  color:#E17662 !important;
  font-family:Arial, sans-serif !important;
  font-size:25px !important;
  line-height:1 !important;
  font-weight:400 !important;
}

#main-side-panel.tr-category-drawer-v29 nav.main-store-menu.mobile-menu > ul.main-menu > li.root-level > a > div {
  min-width:0 !important;
  gap:0 !important;
}

#main-side-panel.tr-category-drawer-v29 nav.main-store-menu.mobile-menu > ul.main-menu > li.root-level > a span {
  color:inherit !important;
  font-size:13.5px !important;
  line-height:1.6 !important;
  font-weight:700 !important;
}

#main-side-panel.tr-category-drawer-v29 nav.main-store-menu.mobile-menu > ul.main-menu > li.root-level > a:hover,
#main-side-panel.tr-category-drawer-v29 nav.main-store-menu.mobile-menu > ul.main-menu > li.root-level > a:focus-visible {
  background:#FFF6F1 !important;
  border-color:rgba(225,118,98,.28) !important;
  color:#C96351 !important;
  transform:translateX(-2px) !important;
}

@media (max-width:767px) {
  #main-side-panel.tr-category-drawer-v29 {
    width:min(360px, 92vw) !important;
    max-width:min(360px, 92vw) !important;
  }

  #main-side-panel.tr-category-drawer-v29 .side-panel__top {
    min-height:82px !important;
    padding:17px 18px !important;
  }

  #main-side-panel.tr-category-drawer-v29 .side-panel__content {
    padding:18px 16px 24px !important;
  }

  #main-side-panel.tr-category-drawer-v29 .side-panel__title {
    font-size:18px !important;
  }

  #main-side-panel.tr-category-drawer-v29 nav.main-store-menu.mobile-menu > ul.main-menu {
    gap:8px !important;
  }

  #main-side-panel.tr-category-drawer-v29 nav.main-store-menu.mobile-menu > ul.main-menu > li.root-level > a {
    min-height:50px !important;
    padding:12px 14px !important;
    border-radius:11px !important;
  }

  #main-side-panel.tr-category-drawer-v29 nav.main-store-menu.mobile-menu > ul.main-menu > li.root-level > a span {
    font-size:13px !important;
  }
}
/* =========================================================
   V30 — DIRECT CATEGORY LINKS IN HAMBURGER
   14-09-2026
   Fix for Salla desktop breakpoint hiding the native mobile block.
   Uses a visible cloned list built from the existing desktop header nav.
   ========================================================= */

/* Hide the failed/native mobile block completely inside the drawer */
#main-side-panel.tr-category-drawer-v30
.side-panel__content
> div.lg\:hidden {
  display:none !important;
}

/* Hide the non-navigation widgets inside hamburger only */
#main-side-panel.tr-category-drawer-v30
.side-panel__content
> .side-panel__widget,
#main-side-panel.tr-category-drawer-v30
.side-panel__content
> salla-apps-icons.side-panel__widget {
  display:none !important;
}

/* Our direct visible category area */
#main-side-panel.tr-category-drawer-v30
.tr-category-links-v30 {
  display:block !important;
  width:100% !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
  visibility:visible !important;
  opacity:1 !important;
}

#main-side-panel.tr-category-drawer-v30
.tr-category-links-v30__title {
  margin:0 0 5px !important;
  padding:0 !important;
  color:#687A4D !important;
  font-family:"Cairo", Arial, sans-serif !important;
  font-size:20px !important;
  line-height:1.45 !important;
  font-weight:800 !important;
}

#main-side-panel.tr-category-drawer-v30
.tr-category-links-v30__subtitle {
  margin:0 0 16px !important;
  color:#7B817B !important;
  font-family:"Cairo", Arial, sans-serif !important;
  font-size:11.5px !important;
  line-height:1.7 !important;
  font-weight:500 !important;
}

#main-side-panel.tr-category-drawer-v30
.tr-category-links-v30
> ul {
  display:flex !important;
  flex-direction:column !important;
  width:100% !important;
  min-width:0 !important;
  gap:9px !important;
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
}

#main-side-panel.tr-category-drawer-v30
.tr-category-links-v30
> ul
> li {
  display:block !important;
  width:100% !important;
  min-width:0 !important;
  height:auto !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
}

#main-side-panel.tr-category-drawer-v30
.tr-category-links-v30
> ul
> li
> a {
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  width:100% !important;
  min-width:0 !important;
  min-height:52px !important;
  height:auto !important;
  padding:13px 15px !important;
  border:1px solid rgba(104,122,77,.13) !important;
  border-radius:12px !important;
  background:#FAFAF8 !important;
  color:#2E352E !important;
  text-decoration:none !important;
  visibility:visible !important;
  opacity:1 !important;
  box-shadow:none !important;
  transition:
    background-color .18s ease,
    border-color .18s ease,
    color .18s ease,
    transform .18s ease !important;
}

#main-side-panel.tr-category-drawer-v30
.tr-category-links-v30
> ul
> li
> a::after {
  content:"‹" !important;
  display:block !important;
  flex:0 0 auto !important;
  margin-inline-start:10px !important;
  color:#E17662 !important;
  font-family:Arial, sans-serif !important;
  font-size:25px !important;
  line-height:1 !important;
  font-weight:400 !important;
}

#main-side-panel.tr-category-drawer-v30
.tr-category-links-v30
> ul
> li
> a
> div {
  display:flex !important;
  align-items:center !important;
  min-width:0 !important;
  width:auto !important;
  gap:0 !important;
}

#main-side-panel.tr-category-drawer-v30
.tr-category-links-v30
> ul
> li
> a span {
  display:block !important;
  min-width:0 !important;
  color:inherit !important;
  font-family:"Cairo", Arial, sans-serif !important;
  font-size:13.5px !important;
  line-height:1.65 !important;
  font-weight:700 !important;
  white-space:normal !important;
}

#main-side-panel.tr-category-drawer-v30
.tr-category-links-v30
> ul
> li
> a:hover,
#main-side-panel.tr-category-drawer-v30
.tr-category-links-v30
> ul
> li
> a:focus-visible {
  background:#FFF6F1 !important;
  border-color:rgba(225,118,98,.30) !important;
  color:#C96351 !important;
  transform:translateX(-2px) !important;
}

/* Remove any accidental empty space left by hidden widgets */
#main-side-panel.tr-category-drawer-v30
.side-panel__content {
  display:block !important;
  padding:22px 22px 30px !important;
}

@media (max-width:767px) {
  #main-side-panel.tr-category-drawer-v30
  .side-panel__content {
    padding:18px 16px 24px !important;
  }

  #main-side-panel.tr-category-drawer-v30
  .tr-category-links-v30__title {
    font-size:18px !important;
  }

  #main-side-panel.tr-category-drawer-v30
  .tr-category-links-v30
  > ul {
    gap:8px !important;
  }

  #main-side-panel.tr-category-drawer-v30
  .tr-category-links-v30
  > ul
  > li
  > a {
    min-height:50px !important;
    padding:12px 14px !important;
    border-radius:11px !important;
  }

  #main-side-panel.tr-category-drawer-v30
  .tr-category-links-v30
  > ul
  > li
  > a span {
    font-size:13px !important;
  }
}
/* =========================================================
   V31 — CUSTOM STORE CATEGORIES IN HAMBURGER
   14-09-2026
   Exact category URLs supplied by the merchant.
   Keeps V30 visual design and replaces only drawer content.
   ========================================================= */

#main-side-panel.tr-category-drawer-v31
.tr-category-links-v30__title {
  color:#687A4D !important;
}

#main-side-panel.tr-category-drawer-v31
.tr-category-links-v30
> ul
> li
> a {
  cursor:pointer !important;
}

#main-side-panel.tr-category-drawer-v31
.tr-category-links-v30
> ul
> li
> a[aria-current="page"] {
  background:#FFF6F1 !important;
  border-color:rgba(225,118,98,.30) !important;
  color:#C96351 !important;
}
/* =========================================================
   V32 — CATEGORY PAGES
   14-09-2026
   Design + technical SEO/GEO polish for Salla category pages.
   Scope: body.product-index only.
   ========================================================= */

/* ---------- CATEGORY PAGE FOUNDATION ---------- */
body.product-index {
  background:#FFFFFF !important;
  color:#252A25 !important;
}

body.product-index
main#main-content,
body.product-index
main#main-content *:not(
  [class^="sicon-"]
):not(
  [class*=" sicon-"]
):not(
  [class^="smticon-"]
):not(
  [class*=" smticon-"]
):not(svg):not(path) {
  font-family:"Cairo", Arial, sans-serif !important;
}

body.product-index main#main-content {
  gap:0 !important;
  row-gap:0 !important;
}

/* ---------- PAGE HEADER / BREADCRUMB ---------- */
body.product-index
main#main-content
> header.page-header {
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  background:#FFF7F2 !important;
  background-image:none !important;
  border-bottom:1px solid rgba(225,118,98,.10) !important;
  color:#252A25 !important;
}

body.product-index
header.page-header
nav.breadcrumbs {
  display:block !important;
  width:100% !important;
  margin:0 !important;
  padding:12px 0 !important;
  background:rgba(255,255,255,.52) !important;
  border-bottom:1px solid rgba(104,122,77,.08) !important;
}

body.product-index
header.page-header
.s-breadcrumb-wrapper {
  display:flex !important;
  align-items:center !important;
  flex-wrap:wrap !important;
  gap:5px !important;
}

body.product-index
header.page-header
.s-breadcrumb-item,
body.product-index
header.page-header
.s-breadcrumb-item a {
  color:#6A716B !important;
  font-size:11.5px !important;
  line-height:1.5 !important;
  font-weight:500 !important;
  text-decoration:none !important;
}

body.product-index
header.page-header
.s-breadcrumb-item a:hover {
  color:var(--tr-coral) !important;
}

body.product-index
header.page-header
.s-breadcrumb-arrow svg {
  width:14px !important;
  height:14px !important;
  color:#9A9F9A !important;
}

body.product-index
header.page-header
.page-title {
  width:100% !important;
  margin:0 !important;
  padding:24px 20px 27px !important;
}

body.product-index
header.page-header
.page-title h1 {
  margin:0 !important;
  color:#273027 !important;
  font-size:28px !important;
  line-height:1.45 !important;
  font-weight:800 !important;
  letter-spacing:0 !important;
}

body.product-index
header.page-header
.page-title p:empty {
  display:none !important;
}

/* ---------- PRODUCTS CONTAINER ---------- */
body.product-index
.container--products-list {
  width:100% !important;
  margin-top:24px !important;
  margin-bottom:42px !important;
  padding-inline:20px !important;
}

body.product-index
.container--products-list
> .flex.items-start {
  display:block !important;
}

body.product-index
.container--products-list
.main-content {
  width:100% !important;
  min-width:0 !important;
}

/* ---------- PRODUCT COUNT / TOOLBAR ---------- */
body.product-index
.container--products-list
.main-content
> .mb-6.flex {
  min-height:34px !important;
  margin:0 0 15px !important;
  padding:0 2px !important;
  align-items:center !important;
}

body.product-index
.tr-category-product-count-v32 {
  display:block !important;
  margin:0 !important;
  padding:0 !important;
  color:#737A73 !important;
  font-size:11.5px !important;
  line-height:1.5 !important;
  font-weight:600 !important;
}

/* fallback before JS converts the duplicate H1 */
body.product-index
#page-main-title {
  color:#737A73 !important;
  font-size:11.5px !important;
  line-height:1.5 !important;
  font-weight:600 !important;
}

/* ---------- PRODUCT GRID ---------- */
body.product-index
.category-products {
  display:block !important;
  width:100% !important;
}

body.product-index
salla-products-list.categories-tabs-products {
  display:block !important;
  width:100% !important;
  min-width:0 !important;
  overflow:visible !important;
}

body.product-index
salla-products-list.categories-tabs-products
.s-products-list-wrapper.s-products-list-vertical-cards {
  display:grid !important;
  grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
  gap:16px !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
}

/* ---------- PRODUCT CARD ---------- */
body.product-index
salla-products-list.categories-tabs-products
.s-product-card-entry {
  display:flex !important;
  flex-direction:column !important;
  width:100% !important;
  min-width:0 !important;
  height:100% !important;
  overflow:hidden !important;
  border:1px solid rgba(104,122,77,.13) !important;
  border-radius:14px !important;
  background:#FFFFFF !important;
  box-shadow:0 6px 18px rgba(17,17,17,.035) !important;
  transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease !important;
}

body.product-index
salla-products-list.categories-tabs-products
.s-product-card-entry:hover {
  transform:translateY(-2px) !important;
  border-color:rgba(225,118,98,.22) !important;
  box-shadow:0 9px 24px rgba(17,17,17,.055) !important;
}

/* image zone */
body.product-index
salla-products-list.categories-tabs-products
.s-product-card-image {
  position:relative !important;
  width:100% !important;
  height:230px !important;
  min-height:230px !important;
  padding:13px !important;
  overflow:hidden !important;
  background:#FBFBF9 !important;
  border-bottom:1px solid rgba(104,122,77,.07) !important;
}

body.product-index
salla-products-list.categories-tabs-products
.s-product-card-image
> a {
  display:flex !important;
  width:100% !important;
  height:100% !important;
  align-items:center !important;
  justify-content:center !important;
}

body.product-index
salla-products-list.categories-tabs-products
.s-product-card-image img {
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center !important;
}

/* remove wishlist from category cards */
body.product-index
salla-products-list.categories-tabs-products
.s-product-card-wishlist-btn {
  display:none !important;
}

/* promo badges */
body.product-index
salla-products-list.categories-tabs-products
.s-product-card-promotion-title {
  top:10px !important;
  inset-inline-start:10px !important;
  inset-inline-end:auto !important;
  max-width:calc(100% - 20px) !important;
  padding:5px 9px !important;
  border-radius:8px !important;
  background:var(--tr-coral) !important;
  color:#FFFFFF !important;
  font-size:9.5px !important;
  line-height:1.35 !important;
  font-weight:700 !important;
  white-space:normal !important;
  box-shadow:none !important;
}

/* card content */
body.product-index
salla-products-list.categories-tabs-products
.s-product-card-content {
  display:flex !important;
  flex:1 1 auto !important;
  flex-direction:column !important;
  padding:13px 13px 14px !important;
}

body.product-index
salla-products-list.categories-tabs-products
.s-product-card-content-main {
  display:grid !important;
  grid-template-rows:44px auto !important;
  gap:8px !important;
  flex:0 0 auto !important;
}

body.product-index
salla-products-list.categories-tabs-products
.s-product-card-content-title {
  margin:0 !important;
  min-height:44px !important;
}

body.product-index
salla-products-list.categories-tabs-products
.s-product-card-content-title a {
  display:-webkit-box !important;
  overflow:hidden !important;
  color:#272C27 !important;
  font-size:12.5px !important;
  line-height:1.7 !important;
  font-weight:700 !important;
  text-decoration:none !important;
  -webkit-box-orient:vertical !important;
  -webkit-line-clamp:2 !important;
}

body.product-index
salla-products-list.categories-tabs-products
.s-product-card-content-title a:hover {
  color:var(--tr-coral) !important;
}

/* price */
body.product-index
salla-products-list.categories-tabs-products
.s-product-card-content-sub {
  min-height:28px !important;
  margin:0 !important;
  justify-content:flex-start !important;
}

body.product-index
salla-products-list.categories-tabs-products
.starting-or-normal-price {
  justify-content:flex-start !important;
  gap:6px !important;
}

body.product-index
salla-products-list.categories-tabs-products
.starting-price-title {
  display:none !important;
}

body.product-index
salla-products-list.categories-tabs-products
.total-price.sale-price {
  margin:0 !important;
  color:var(--tr-coral) !important;
  font-size:16px !important;
  line-height:1.4 !important;
  font-weight:800 !important;
}

body.product-index
salla-products-list.categories-tabs-products
.before-price.regular-price {
  color:#9A9F9A !important;
  font-size:11px !important;
  font-weight:500 !important;
}

/* footer / CTA */
body.product-index
salla-products-list.categories-tabs-products
.s-product-card-content-footer {
  margin-top:auto !important;
  padding-top:11px !important;
  gap:0 !important;
}

body.product-index
salla-products-list.categories-tabs-products
.s-product-card-content-footer
salla-add-product-button,
body.product-index
salla-products-list.categories-tabs-products
.s-product-card-content-footer
salla-button,
body.product-index
salla-products-list.categories-tabs-products
.s-product-card-content-footer
.s-button-wrap {
  display:block !important;
  width:100% !important;
}

body.product-index
salla-products-list.categories-tabs-products
.s-product-card-content-footer
button.s-button-element.s-button-btn {
  width:100% !important;
  min-height:40px !important;
  padding:9px 12px !important;
  border:1px solid var(--tr-coral) !important;
  border-radius:9px !important;
  background:var(--tr-coral) !important;
  color:#FFFFFF !important;
  font-size:11.5px !important;
  font-weight:700 !important;
  box-shadow:none !important;
}

body.product-index
salla-products-list.categories-tabs-products
.s-product-card-content-footer
button.s-button-element.s-button-btn:hover {
  border-color:#C96351 !important;
  background:#C96351 !important;
}

/* sold-out / disabled state */
body.product-index
salla-products-list.categories-tabs-products
.s-product-card-content-footer
button.s-button-element[disabled],
body.product-index
salla-products-list.categories-tabs-products
.s-product-card-content-footer
button.s-button-element:disabled {
  border-color:#E5E4DF !important;
  background:#F3F2EE !important;
  color:#8E938E !important;
  cursor:not-allowed !important;
}

/* ---------- MOBILE / TABLET ---------- */
@media (max-width:1023px) {
  body.product-index
  salla-products-list.categories-tabs-products
  .s-products-list-wrapper.s-products-list-vertical-cards {
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
    gap:14px !important;
  }

  body.product-index
  salla-products-list.categories-tabs-products
  .s-product-card-image {
    height:210px !important;
    min-height:210px !important;
  }
}

@media (max-width:767px) {
  body.product-index
  header.page-header
  nav.breadcrumbs {
    padding:9px 0 !important;
  }

  body.product-index
  header.page-header
  .s-breadcrumb-wrapper {
    flex-wrap:nowrap !important;
    overflow-x:auto !important;
    scrollbar-width:none !important;
  }

  body.product-index
  header.page-header
  .s-breadcrumb-wrapper::-webkit-scrollbar {
    display:none !important;
  }

  body.product-index
  header.page-header
  .page-title {
    padding:18px 16px 20px !important;
  }

  body.product-index
  header.page-header
  .page-title h1 {
    font-size:22px !important;
    line-height:1.5 !important;
  }

  body.product-index
  .container--products-list {
    margin-top:18px !important;
    margin-bottom:30px !important;
    padding-inline:12px !important;
  }

  body.product-index
  .container--products-list
  .main-content
  > .mb-6.flex {
    margin-bottom:12px !important;
  }

  body.product-index
  .tr-category-product-count-v32,
  body.product-index
  #page-main-title {
    display:block !important;
    font-size:10.5px !important;
  }

  body.product-index
  salla-products-list.categories-tabs-products
  .s-products-list-wrapper.s-products-list-vertical-cards {
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:10px !important;
  }

  body.product-index
  salla-products-list.categories-tabs-products
  .s-product-card-entry {
    border-radius:12px !important;
  }

  body.product-index
  salla-products-list.categories-tabs-products
  .s-product-card-image {
    height:170px !important;
    min-height:170px !important;
    padding:9px !important;
  }

  body.product-index
  salla-products-list.categories-tabs-products
  .s-product-card-content {
    padding:10px 10px 11px !important;
  }

  body.product-index
  salla-products-list.categories-tabs-products
  .s-product-card-content-main {
    grid-template-rows:42px auto !important;
    gap:6px !important;
  }

  body.product-index
  salla-products-list.categories-tabs-products
  .s-product-card-content-title,
  body.product-index
  salla-products-list.categories-tabs-products
  .s-product-card-content-title a {
    min-height:42px !important;
  }

  body.product-index
  salla-products-list.categories-tabs-products
  .s-product-card-content-title a {
    font-size:11.5px !important;
    line-height:1.75 !important;
  }

  body.product-index
  salla-products-list.categories-tabs-products
  .total-price.sale-price {
    font-size:14.5px !important;
  }

  body.product-index
  salla-products-list.categories-tabs-products
  .s-product-card-content-footer {
    padding-top:9px !important;
  }

  body.product-index
  salla-products-list.categories-tabs-products
  .s-product-card-content-footer
  button.s-button-element.s-button-btn {
    min-height:38px !important;
    padding:8px 7px !important;
    font-size:10.5px !important;
  }

  body.product-index
  salla-products-list.categories-tabs-products
  .s-product-card-promotion-title {
    top:7px !important;
    inset-inline-start:7px !important;
    max-width:calc(100% - 14px) !important;
    padding:4px 7px !important;
    border-radius:7px !important;
    font-size:8.5px !important;
  }
}
/* =========================================================
   V33 — PRODUCT TAGS / RELATED LINKS
   14-09-2026
   Moves the existing visible product tag/link cluster out of the
   purchase area and places it after the full product description.
   No links are duplicated or changed.
   Scope: body.product-single only.
   ========================================================= */

body.product-single
.tr-product-tags-v33-wrap {
  width:100% !important;
  margin:18px 0 0 !important;
  padding:0 !important;
}

body.product-single
.tr-product-tags-v33__title {
  margin:0 0 10px !important;
  color:#687A4D !important;
  font-family:"Cairo", Arial, sans-serif !important;
  font-size:15px !important;
  line-height:1.5 !important;
  font-weight:800 !important;
}

body.product-single
.tr-product-tags-v33 {
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  gap:8px !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

/* Normalize nested wrappers without destroying the original links */
body.product-single
.tr-product-tags-v33
> * {
  margin:0 !important;
}

body.product-single
.tr-product-tags-v33
a {
  display:inline-flex !important;
  align-items:center !important;
  min-height:34px !important;
  padding:7px 11px !important;
  border:1px solid rgba(104,122,77,.14) !important;
  border-radius:999px !important;
  background:#FAFAF8 !important;
  color:#596159 !important;
  font-family:"Cairo", Arial, sans-serif !important;
  font-size:11px !important;
  line-height:1.55 !important;
  font-weight:600 !important;
  text-decoration:none !important;
  white-space:normal !important;
  box-shadow:none !important;
  transition:
    background-color .18s ease,
    border-color .18s ease,
    color .18s ease !important;
}

body.product-single
.tr-product-tags-v33
a:hover,
body.product-single
.tr-product-tags-v33
a:focus-visible {
  border-color:rgba(225,118,98,.32) !important;
  background:#FFF6F1 !important;
  color:#C96351 !important;
}

/* Remove inherited separators/list styling if Salla uses ul/li */
body.product-single
.tr-product-tags-v33 ul,
body.product-single
.tr-product-tags-v33 ol {
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px !important;
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
}

body.product-single
.tr-product-tags-v33 li {
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
}

@media (max-width:767px) {
  body.product-single
  .tr-product-tags-v33-wrap {
    margin-top:14px !important;
  }

  body.product-single
  .tr-product-tags-v33__title {
    margin-bottom:8px !important;
    font-size:14px !important;
  }

  body.product-single
  .tr-product-tags-v33,
  body.product-single
  .tr-product-tags-v33 ul,
  body.product-single
  .tr-product-tags-v33 ol {
    gap:6px !important;
  }

  body.product-single
  .tr-product-tags-v33
  a {
    min-height:32px !important;
    padding:6px 9px !important;
    font-size:10.5px !important;
  }
}