/** Shopify CDN: Minification failed

Line 44:14 Expected identifier but found whitespace
Line 44:16 Unexpected "{"
Line 44:32 Expected ":"

**/
/* TAMIMI CUSTOM FINAL START */
@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@500;600;700&display=swap");
.site-footer-item-copyright {
  max-width: 100%;
  margin: 0;
  padding: 0;
  background-color: black;
}

ul.footer-menu {
  list-style: none;
  padding: 0;
}

ul.footer-menu li::before {
  content: "";
  color: #FFD700;
  font-size: 14px;
  margin-right: 8px;
}

.form-field-title-right {
  text-align: right;
  right: 0.625rem;
}

.form-action-row-right {
  text-align: right;
}

.form-action-row-left {
  text-align: left;
}

.share-buttons--button {
  margin-left: {{ space_xx_small | divided_by: 16.0 | append: 'rem' }};
}

.share-buttons--whatsapp::before {
  background-color: #25D366;
}

.money {
  font-weight: bold;
  color: #49A4DB;
}

.moneysale {
  font-weight: bold;
  color: #e32619;
}

span.collection__item-title {
  color: #49A4DB;
}

h2.productitem--title {
  font-weight: bold;
}

div.productgrid--item {
  background-color: black;
}

h1.product-title {
  text-transform: none;
}

h1.alignleft,
.alignleft {
  text-align: left;
}

h1.alignright,
.alignright {
  text-align: right;
}

.price__compare-at--single {
  color: #949494;
}

.price__current--on-sale {
  color: #e32619 !important;
}

.home-section--title {
  font-weight: 900;
}

.utils-sortby {
  text-align: right;
}

/* Reduce home page spacing */
.shopify-section.highlights-banner + .shopify-section.slideshow--section .slideshow {
  margin-top: 0.75rem;
}

.shopify-section.slideshow--section + .shopify-section.featured-collection--section .home-section--title {
  margin-top: 1rem;
}

@media screen and (min-width: 1024px) {
  .shopify-section.highlights-banner + .shopify-section.slideshow--section .slideshow {
    margin-top: 1rem;
  }

  .shopify-section.slideshow--section + .shopify-section.featured-collection--section .home-section--title {
    margin-top: 1.25rem;
  }
}

/* Make grey branches background wrap the content only */
.highlights-banner__container {
  background: transparent !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.highlights-banner__content {
  background-color: #eaeaea !important;
  min-height: 0 !important;
  height: auto !important;
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
  align-items: center !important;
}

.highlights-banner__block {
  min-height: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.highlights-banner__heading {
  font-weight: 800 !important;
}

.highlights-banner__text,
.highlights-banner__text p {
  margin: 0 !important;
}

/* Product cards: fixed button position + 2-line title */
.featured-collection__container .productgrid--item {
  min-height: 0 !important;
}

.featured-collection__container .productitem,
.productgrid--outer .productitem {
  min-height: 400px !important;
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  padding-bottom: 1rem !important;
}

.featured-collection__container .productitem__container,
.productgrid--outer .productitem__container {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}

.featured-collection__container .productitem--info,
.productgrid--outer .productitem--info {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
}

.featured-collection__container .productitem--title,
.productgrid--outer .productitem--title {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  min-height: 2.8em !important;
  max-height: 2.8em !important;
  line-height: 1.4 !important;
  unicode-bidi: plaintext !important;
  text-align: center !important;
}

/* Fix English product title ellipsis on Arabic storefront */
html[lang^="ar"] .featured-collection__container .productitem--title,
html[lang^="ar"] .productgrid--outer .productitem--title,
html[lang^="ar"] .featured-collection__container .productitem--title a,
html[lang^="ar"] .productgrid--outer .productitem--title a {
  direction: ltr !important;
  unicode-bidi: isolate !important;
  text-align: center !important;
}

.featured-collection__container .productitem--title a,
.productgrid--outer .productitem--title a {
  display: inherit !important;
  -webkit-line-clamp: inherit !important;
  -webkit-box-orient: inherit !important;
  overflow: inherit !important;
  unicode-bidi: plaintext !important;
  text-align: center !important;
}

.featured-collection__container .productitem--actions,
.productgrid--outer .productitem--actions {
  position: static !important;
  margin-top: auto !important;
}

/* Mobile product cards */
@media screen and (max-width: 719px) {
  .featured-collection__container .productitem,
  .productgrid--outer .productitem {
    min-height: 360px !important;
  }

  .featured-collection__content.flickity-enabled {
    touch-action: pan-y;
    -webkit-overflow-scrolling: touch;
  }
}

/* Sale prices in one neat line */
.featured-collection__container .productitem--price,
.productgrid--outer .productitem--price,
.featured-collection__container .price,
.productgrid--outer .price {
  display: flex !important;
  align-items: baseline !important;
  justify-content: center !important;
  gap: 0.45rem !important;
  flex-wrap: wrap !important;
}

.featured-collection__container .price__compare-at,
.productgrid--outer .price__compare-at {
  order: 1 !important;
  font-size: 0.9em !important;
  color: #949494 !important;
}

.featured-collection__container .price__current,
.productgrid--outer .price__current {
  order: 2 !important;
}

.featured-collection__container .price__current--on-sale,
.productgrid--outer .price__current--on-sale {
  color: #e32619 !important;
  font-weight: 800 !important;
}

/* Hide duplicate "View all Collection" card inside product sliders */
.featured-collection__container .featured-collection__title-card,
.featured-collection__container .featured-collection__title-card-outer {
  display: none !important;
}

/* Strong reduce spacing around lower promo banners */
.shopify-section.pxs-image-with-text-overlay-section,
.pxs-image-with-text-section,
.pxs-image-with-text-overlay,
.pxs-image-with-text-overlay-section {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.shopify-section.pxs-image-with-text-overlay-section .home-section--content {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.shopify-section.pxs-image-with-text-overlay-section + .shopify-section.pxs-image-with-text-overlay-section {
  margin-top: 0.5rem !important;
}

.shopify-section.pxs-image-with-text-overlay-section + .shopify-section .home-section--title {
  margin-top: 1rem !important;
}

/* Mobile: reduce spacing around lower promo banners */
@media screen and (max-width: 719px) {
  .shopify-section.pxs-image-with-text-overlay-section {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .shopify-section.pxs-image-with-text-overlay-section .home-section--content,
  .shopify-section.pxs-image-with-text-overlay-section .pxs-image-with-text-section,
  .shopify-section.pxs-image-with-text-overlay-section .pxs-image-with-text-overlay {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .shopify-section.pxs-image-with-text-overlay-section + .shopify-section.pxs-image-with-text-overlay-section {
    margin-top: 0 !important;
  }

  .shopify-section.pxs-image-with-text-overlay-section + .shopify-section .home-section--title {
    margin-top: 0 !important;
  }
}

/* Mobile: reduce space after promo banners before brands */
@media screen and (max-width: 719px) {
  .shopify-section.pxs-image-with-text-overlay-section + .shopify-section.logo-list--section,
  .shopify-section.pxs-image-with-text-overlay-section + .shopify-section.dynamic-logo-list,
  .shopify-section.pxs-image-with-text-overlay-section + .shopify-section {
    margin-top: 0.5rem !important;
    padding-top: 0 !important;
  }

  .logolist--container {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  .logolist--container .home-section--title,
  .shopify-section .logolist--container .home-section--title {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
}

/* Mobile language selector inside first menu row */
@media screen and (max-width: 719px) {
  .site-footer .shopify-cross-border,
  .site-footer .shopify-localization-form,
  .site-footer .selectors-form__item,
  .mobile-nav-panel > .utility-bar__mobile-disclosure,
  .utility-bar__mobile-disclosure[data-utility-bar-mobile] {
    display: none !important;
  }

  .mobile-nav-content .navmenu-depth-1 > .navmenu-item:first-child {
    position: relative !important;
  }

  .mobile-nav-content .navmenu-depth-1 > .navmenu-item:first-child > .navmenu-link {
    padding-left: 9rem !important;
    padding-right: 1.5rem !important;
    text-align: right !important;
  }

  html[dir="ltr"] .mobile-nav-content .navmenu-depth-1 > .navmenu-item:first-child > .navmenu-link {
    padding-left: 1.5rem !important;
    padding-right: 9rem !important;
    text-align: left !important;
  }

  .mobile-nav-language {
    position: absolute !important;
    top: 50% !important;
    left: 1.25rem !important;
    right: auto !important;
    transform: translateY(-50%) !important;
    z-index: 3 !important;
  }

  html[dir="ltr"] .mobile-nav-language {
    left: auto !important;
    right: 1.25rem !important;
  }

  .mobile-nav-language form {
    margin: 0 !important;
  }

  .mobile-nav-language__select {
    min-width: 96px !important;
    height: 36px !important;
    padding: 0 0.65rem !important;
    border: 1px solid rgba(0, 0, 0, 0.18) !important;
    border-radius: 8px !important;
    background: #f7f7f7 !important;
    color: #1d1d1d !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-align: center !important;
  }
}
/* Mobile drawer top bar: language-safe cart/account/close alignment */
@media screen and (max-width: 719px) {
  .site-mobile-nav .mobile-nav-panel {
    position: relative !important;
  }

  .site-mobile-nav .mobile-nav-panel > .site-header-actions {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    gap: 0.95rem !important;
    height: 72px !important;
    padding: 1.1rem 1.2rem 0.65rem !important;
    margin: 0 !important;
  }

  html[dir="rtl"] .site-mobile-nav .mobile-nav-panel > .site-header-actions {
    justify-content: flex-start !important;
    padding-left: 1.2rem !important;
    padding-right: 4.5rem !important;
  }

  html[dir="ltr"] .site-mobile-nav .mobile-nav-panel > .site-header-actions {
    justify-content: flex-start !important;
    padding-left: 1.2rem !important;
    padding-right: 4.5rem !important;
  }

  .site-mobile-nav .mobile-nav-panel > .site-header-actions > * {
    margin: 0 !important;
  }

  .site-mobile-nav .site-header-actions a,
  .site-mobile-nav .site-header-actions button {
    width: 36px !important;
    height: 36px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .site-mobile-nav .site-header-actions svg {
    width: 27px !important;
    height: 27px !important;
  }

  .site-mobile-nav .mobile-nav-close {
    position: absolute !important;
    top: 1.1rem !important;
    right: 1.2rem !important;
    left: auto !important;
    width: 36px !important;
    height: 36px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 20 !important;
  }

  .site-mobile-nav .mobile-nav-close svg {
    width: 27px !important;
    height: 27px !important;
  }
}

/* Search: clean visual only */
.site-header-main .live-search {
  min-width: 0 !important;
}

.site-header-main .live-search > input[type="text"]:not(.live-search-form-field) {
  display: none !important;
}

.site-header-main .live-search-form {
  top: 0 !important;
  right: 0 !important;
  left: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(0, 0, 0, 0.14) !important;
  border-radius: 18px !important;
  background: #ffffff !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.14) !important;
}

.site-header-main .live-search-form .form-field {
  height: 54px !important;
  align-items: center !important;
  overflow: hidden !important;
  border-radius: inherit !important;
  background: #ffffff !important;
}

.site-header-main .live-search-form-field {
  height: 100% !important;
  min-width: 0 !important;
  padding: 0 1.2rem !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #ffffff !important;
  color: #15191d !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  box-shadow: none !important;
}

.site-header-main .live-search-button {
  width: 54px !important;
  height: calc(100% - 10px) !important;
  margin: 5px !important;
  border: 1px solid rgba(255, 255, 255, 0.38) !important;
  border-radius: 14px !important;
  background: linear-gradient(135deg, #28a9e2 0%, #168fc4 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 10px 22px rgba(40, 169, 226, 0.32) !important;
}

.site-header-main .live-search-button svg,
.site-header-main .live-search-button svg path {
  stroke: #ffffff !important;
}

/* Branches: shared */
body.template-index .shopify-section.highlights-banner .highlights-banner__container {
  background: #e9e9e9 !important;
  padding: 0 !important;
}

body.template-index .shopify-section.highlights-banner .highlights-banner__content {
  background: #e9e9e9 !important;
}

body.template-index .shopify-section.highlights-banner .highlights-banner__content::before,
body.template-index .shopify-section.highlights-banner .highlights-banner__content::after {
  display: none !important;
  content: none !important;
}

body.template-index .shopify-section.highlights-banner .highlights-banner__block {
  box-sizing: border-box !important;
  background: #ffffff !important;
  border: 1px solid rgba(0, 0, 0, 0.10) !important;
  border-radius: 18px !important;
  box-shadow:
    0 8px 18px rgba(0, 0, 0, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
}

body.template-index .shopify-section.highlights-banner .highlights-banner__icon {
  color: #046e82 !important;
}
/* Branches: shared */
body.template-index .shopify-section.highlights-banner .highlights-banner__container {
  background: #e9e9e9 !important;
  padding: 0 !important;
  margin: 0 auto !important;
}

body.template-index .shopify-section.highlights-banner .highlights-banner__content {
  background: #e9e9e9 !important;
  box-sizing: border-box !important;
}

body.template-index .shopify-section.highlights-banner .highlights-banner__content::before,
body.template-index .shopify-section.highlights-banner .highlights-banner__content::after {
  display: none !important;
  content: none !important;
}

body.template-index .shopify-section.highlights-banner .highlights-banner__block {
  box-sizing: border-box !important;
  background: #ffffff !important;
  border: 1px solid rgba(0, 0, 0, 0.10) !important;
  border-radius: 18px !important;
  box-shadow:
    0 8px 18px rgba(0, 0, 0, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
}

body.template-index .shopify-section.highlights-banner .highlights-banner__icon {
  color: #046e82 !important;
}

/* Desktop: fixed professional grid */
@media screen and (min-width: 720px) {
  body.template-index .shopify-section.highlights-banner .highlights-banner__content {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 18px !important;
    padding: 16px 22px !important;
    align-items: center !important;
    overflow: visible !important;
  }

  body.template-index .shopify-section.highlights-banner .highlights-banner__block {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 78px !important;
    min-height: 78px !important;
    max-height: 78px !important;
    padding: 10px 16px !important;
    margin: 0 !important;

    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 14px !important;
  }

  body.template-index .shopify-section.highlights-banner .highlights-banner__icon,
  body.template-index .shopify-section.highlights-banner .highlights-banner__icon svg,
  body.template-index .shopify-section.highlights-banner .highlights-banner__custom-icon {
    width: 46px !important;
    height: 46px !important;
    flex: 0 0 46px !important;
    margin: 0 !important;
  }

  body.template-index .shopify-section.highlights-banner .highlights-banner__text {
    display: grid !important;
    gap: 3px !important;
    margin: 0 !important;
    min-width: 0 !important;
    text-align: right !important;
  }

  html[dir="ltr"] body.template-index .shopify-section.highlights-banner .highlights-banner__text {
    text-align: left !important;
  }

  body.template-index .shopify-section.highlights-banner .highlights-banner__heading {
    font-size: 16px !important;
    line-height: 1.15 !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
  }

  body.template-index .shopify-section.highlights-banner .highlights-banner__text p {
    font-size: 13px !important;
    line-height: 1.2 !important;
    margin: 0 !important;
    white-space: nowrap !important;
  }
}

/* Mobile: 2 cards + part of third, clean grey band */
@media screen and (max-width: 719px) {
  body.template-index .shopify-section.highlights-banner {
    overflow: hidden !important;
    background: #e9e9e9 !important;
  }

  body.template-index .shopify-section.highlights-banner .highlights-banner__container {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    background: #e9e9e9 !important;
  }

  body.template-index .shopify-section.highlights-banner .highlights-banner__content {
    --branch-card: 170px;
    --branch-gap: 22px;
    --branch-y: 14px;

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

    width: 100% !important;
    height: 104px !important;
    min-height: 104px !important;
    max-height: 104px !important;

    padding: var(--branch-y) var(--branch-gap) !important;
    gap: var(--branch-gap) !important;
    margin: 0 !important;

    background: #e9e9e9 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    scrollbar-width: none !important;
    -webkit-overflow-scrolling: touch !important;
  }

  body.template-index .shopify-section.highlights-banner .highlights-banner__content::-webkit-scrollbar {
    display: none !important;
  }

  body.template-index .shopify-section.highlights-banner .highlights-banner__block {
    flex: 0 0 var(--branch-card) !important;
    width: var(--branch-card) !important;
    min-width: var(--branch-card) !important;
    max-width: var(--branch-card) !important;

    height: 76px !important;
    min-height: 76px !important;
    max-height: 76px !important;

    margin: 0 !important;
    padding: 8px 9px !important;

    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;

    scroll-snap-align: start !important;
  }

  body.template-index .shopify-section.highlights-banner .highlights-banner__icon,
  body.template-index .shopify-section.highlights-banner .highlights-banner__icon svg,
  body.template-index .shopify-section.highlights-banner .highlights-banner__custom-icon {
    width: 34px !important;
    height: 34px !important;
    flex: 0 0 34px !important;
    margin: 0 !important;
  }

  body.template-index .shopify-section.highlights-banner .highlights-banner__text {
    min-width: 0 !important;
    max-width: 118px !important;
    display: grid !important;
    gap: 2px !important;
    margin: 0 !important;
    text-align: right !important;
  }

  html[dir="ltr"] body.template-index .shopify-section.highlights-banner .highlights-banner__text {
    text-align: left !important;
  }

  body.template-index .shopify-section.highlights-banner .highlights-banner__heading {
    font-size: 13px !important;
    line-height: 1.15 !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
  }

  body.template-index .shopify-section.highlights-banner .highlights-banner__text p {
    font-size: 10.5px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    margin: 0 !important;
    white-space: nowrap !important;
  }
}
/* Final fix: English branch text + mobile branch band */
html[lang^="en"] body.template-index .shopify-section.highlights-banner .highlights-banner__heading,
html[lang^="en"] body.template-index .shopify-section.highlights-banner .highlights-banner__text p {
  font-size: 0 !important;
  line-height: 0 !important;
}

html[lang^="en"] body.template-index .shopify-section.highlights-banner .highlights-banner__heading::before,
html[lang^="en"] body.template-index .shopify-section.highlights-banner .highlights-banner__text p::before {
  display: block !important;
  color: #151515 !important;
  white-space: nowrap !important;
}

html[lang^="en"] body.template-index .shopify-section.highlights-banner .highlights-banner__heading::before {
  font-size: 16px !important;
  line-height: 1.15 !important;
  font-weight: 900 !important;
}

html[lang^="en"] body.template-index .shopify-section.highlights-banner .highlights-banner__text p::before {
  font-size: 13px !important;
  line-height: 1.2 !important;
  font-weight: 600 !important;
}

/* English branch names */
html[lang^="en"] body.template-index .shopify-section.highlights-banner .highlights-banner__block:nth-child(1) .highlights-banner__heading::before {
  content: "Al Wakra";
}

html[lang^="en"] body.template-index .shopify-section.highlights-banner .highlights-banner__block:nth-child(2) .highlights-banner__heading::before {
  content: "Al Rayyan";
}

html[lang^="en"] body.template-index .shopify-section.highlights-banner .highlights-banner__block:nth-child(3) .highlights-banner__heading::before {
  content: "Al Thakhira";
}

html[lang^="en"] body.template-index .shopify-section.highlights-banner .highlights-banner__block:nth-child(4) .highlights-banner__heading::before {
  content: "Msheireb";
}


/* English branch times */
html[lang^="en"] body.template-index .shopify-section.highlights-banner .highlights-banner__block:nth-child(1) .highlights-banner__text p::before {
  content: "10 AM to 12 PM";
}

html[lang^="en"] body.template-index .shopify-section.highlights-banner .highlights-banner__block:nth-child(2) .highlights-banner__text p::before {
  content: "10 AM to 12 PM";
}

html[lang^="en"] body.template-index .shopify-section.highlights-banner .highlights-banner__block:nth-child(3) .highlights-banner__text p::before {
  content: "10 AM to 12 PM";
}

html[lang^="en"] body.template-index .shopify-section.highlights-banner .highlights-banner__block:nth-child(4) .highlights-banner__text p::before {
  content: "10 AM to 1 AM";
}

/* Mobile exact polish */
@media screen and (max-width: 719px) {
  body.template-index .shopify-section.highlights-banner,
  body.template-index .shopify-section.highlights-banner .highlights-banner__container,
  body.template-index .shopify-section.highlights-banner .highlights-banner__content {
    background: #e9e9e9 !important;
  }

  body.template-index .shopify-section.highlights-banner .highlights-banner__container {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  body.template-index .shopify-section.highlights-banner .highlights-banner__content {
    --branch-card: 170px;
    --branch-gap: 20px;

    width: 100% !important;
    height: 104px !important;
    min-height: 104px !important;
    max-height: 104px !important;

    padding: 14px 6px !important;
    gap: var(--branch-gap) !important;

    align-items: center !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
  }

  body.template-index .shopify-section.highlights-banner .highlights-banner__block {
    flex: 0 0 var(--branch-card) !important;
    width: var(--branch-card) !important;
    min-width: var(--branch-card) !important;
    max-width: var(--branch-card) !important;
    height: 76px !important;
    min-height: 76px !important;
    max-height: 76px !important;
  }
}
/* Mobile branch band: remove dark shadow patch */
@media screen and (max-width: 719px) {
  body.template-index .shopify-section.highlights-banner,
  body.template-index .shopify-section.highlights-banner .highlights-banner__container,
  body.template-index .shopify-section.highlights-banner .highlights-banner__content {
    background-color: #e9e9e9 !important;
    background-image: none !important;
  }

  body.template-index .shopify-section.highlights-banner .highlights-banner__block {
    box-shadow:
      0 3px 8px rgba(0, 0, 0, 0.06),
      inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
  }
}
/* Mobile search position + Arabic cancel button fix */
@media screen and (max-width: 719px) {
  /* سيرش أنحف وشكله داخل الهيدر بدون ما يلمس اللوجو */
  .site-header-main .live-search {
    height: 44px !important;
    margin-top: 2px !important;
    margin-bottom: 0 !important;
    position: relative !important;
    z-index: 5 !important;
  }

  .site-header-main .live-search-form {
    transform: translateY(0) !important;
  }

  .site-header-main .live-search-form .form-field {
    height: 44px !important;
  }

  .site-header-main .live-search-button {
    width: 44px !important;
    height: calc(100% - 8px) !important;
    margin: 4px !important;
    border-radius: 13px !important;
  }

  .site-header-main .live-search-button svg {
    width: 19px !important;
    height: 19px !important;
  }

  html[dir="rtl"] .site-header-main .live-search-form-field {
    padding-right: 1rem !important;
    padding-left: 4.5rem !important;
    text-align: right !important;
  }

  html[dir="rtl"] .site-header-main .live-search-cancel,
  html[dir="rtl"] .site-header-main [data-live-search-cancel] {
    left: 0.85rem !important;
    right: auto !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 8 !important;
  }

  html[dir="ltr"] .site-header-main .live-search-form-field {
    padding-left: 1rem !important;
    padding-right: 4.5rem !important;
    text-align: left !important;
  }

  html[dir="ltr"] .site-header-main .live-search-cancel,
  html[dir="ltr"] .site-header-main [data-live-search-cancel] {
    right: 0.85rem !important;
    left: auto !important;
  }
}
/* Arabic mobile search cancel: move to opposite side */
@media screen and (max-width: 719px) {
  html[dir="rtl"] .site-header-main .live-search-cancel,
  html[dir="rtl"] .site-header-main button.live-search-cancel,
  html[dir="rtl"] .site-header-main [data-live-search-cancel],
  html[dir="rtl"] .site-header-main .live-search-form button[type="button"] {
    position: absolute !important;
    left: 14px !important;
    right: auto !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 20 !important;
  }

  html[dir="rtl"] .site-header-main .live-search-form-field {
    padding-right: 1rem !important;
    padding-left: 5.5rem !important;
  }
}
/* Premium mobile search dropdown - visual only */
@media screen and (max-width: 719px) {
  .site-header-main .search-flydown {
    top: calc(100% + 8px) !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;

    overflow: hidden !important;
    border-radius: 0 0 22px 22px !important;
    border: 1px solid rgba(0, 0, 0, 0.10) !important;
    border-top: 0 !important;

    background: #ffffff !important;
    box-shadow:
      0 18px 38px rgba(0, 0, 0, 0.18),
      0 2px 0 rgba(255, 255, 255, 0.9) inset !important;
  }

  .site-header-main .search-flydown--open,
  .site-header-main .search-flydown.visible {
    border-radius: 0 0 22px 22px !important;
  }

  .site-header-main .search-flydown__content,
  .site-header-main .search-flydown .search-flydown__results,
  .site-header-main .search-flydown .live-search-results {
    overflow: hidden !important;
    border-radius: 0 0 22px 22px !important;
    background: #ffffff !important;
  }

  .site-header-main .search-flydown::before {
    content: "" !important;
    display: block !important;
    height: 8px !important;
    background: linear-gradient(
      to bottom,
      rgba(40, 169, 226, 0.10),
      rgba(255, 255, 255, 0)
    ) !important;
  }
}
/* Force premium mobile search dropdown */
@media screen and (max-width: 719px) {
  .site-header-main .live-search,
  .site-header-main .live-search-form {
    overflow: visible !important;
  }

  .site-header-main .search-flydown,
  .site-header-main [data-live-search-flydown],
  .site-header-main [data-live-search-results],
  .site-header-main .live-search-results,
  .site-header-main .live-search-takeover,
  .site-header-main .live-search-takeover-cancel {
    border-radius: 0 0 22px 22px !important;
  }

  .site-header-main .search-flydown,
  .site-header-main [data-live-search-flydown],
  .site-header-main [data-live-search-results],
  .site-header-main .live-search-results,
  .site-header-main .live-search-takeover {
    overflow: hidden !important;
    background: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.10) !important;
    border-top: 0 !important;
    box-shadow: 0 18px 38px rgba(0, 0, 0, 0.18) !important;
  }
}
/* Mobile search dropdown: round top corners too */
@media screen and (max-width: 719px) {
  .site-header-main .search-flydown,
  .site-header-main [data-live-search-flydown],
  .site-header-main [data-live-search-results],
  .site-header-main .live-search-results,
  .site-header-main .live-search-takeover {
    border-radius: 22px !important;
    overflow: hidden !important;
  }

  .site-header-main .search-flydown > *,
  .site-header-main [data-live-search-flydown] > *,
  .site-header-main [data-live-search-results] > *,
  .site-header-main .live-search-results > *,
  .site-header-main .live-search-takeover > * {
    border-radius: inherit !important;
  }

  .site-header-main .search-flydown::before,
  .site-header-main [data-live-search-flydown]::before,
  .site-header-main [data-live-search-results]::before,
  .site-header-main .live-search-results::before,
  .site-header-main .live-search-takeover::before {
    display: none !important;
  }
}
/* Reduce space between branches strip and main banner */
body.template-index .shopify-section.highlights-banner + .shopify-section.slideshow--section .slideshow {
  margin-top: 0.45rem !important;
}

body.template-index .shopify-section.highlights-banner + .shopify-section.slideshow--section {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

@media screen and (max-width: 719px) {
  body.template-index .shopify-section.highlights-banner + .shopify-section.slideshow--section .slideshow {
    margin-top: 0.35rem !important;
  }
}
/* Reduce empty space inside product cards - visual only */
.featured-collection__container .productitem,
.productgrid--outer .productitem {
  min-height: 320px !important;
  padding-bottom: 0.75rem !important;
}

.featured-collection__container .productitem--info,
.productgrid--outer .productitem--info {
  flex: 0 1 auto !important;
}

.featured-collection__container .productitem--actions,
.productgrid--outer .productitem--actions {
  margin-top: 0.75rem !important;
}

@media screen and (min-width: 720px) {
  .featured-collection__container .productitem,
  .productgrid--outer .productitem {
    min-height: 330px !important;
  }
}

@media screen and (max-width: 719px) {
  .featured-collection__container .productitem,
  .productgrid--outer .productitem {
    min-height: 330px !important;
  }

  .featured-collection__container .productitem--actions,
  .productgrid--outer .productitem--actions {
    margin-top: 0.65rem !important;
  }
}
/* Hide product swatches on cards only - keep them inside quick shop modal */
.productitem .productitem--swatches,
.productitem .productitem__swatches,
.productitem .productitem--options,
.productitem .productitem__options,
.productitem .productitem-color-swatches,
.productitem .productitem__color-swatches,
.productitem .productitem--swatches-container,
.productitem .productitem__swatches-container {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}
/* Soft page background + rounded mobile product cards */
@media screen and (max-width: 719px) {
  body.template-index,
  body.template-index .site-main,
  body.template-index .shopify-section {
    background: #f6f7f8 !important;
  }

  body.template-index .home-section--content,
  body.template-index .featured-collection__container,
  body.template-index .featured-collection__content,
  body.template-index .productgrid--outer,
  body.template-index .productgrid--items {
    background: transparent !important;
  }

  body.template-index .productgrid--item,
  body.template-index .featured-collection__container .productgrid--item {
    background: transparent !important;
  }

  body.template-index .productitem {
    background: #ffffff !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.045) !important;
  }

  body.template-index .productitem__container {
    background: #ffffff !important;
    border-radius: inherit !important;
    overflow: hidden !important;
  }
}
/* Soft page background + rounded desktop product cards */
@media screen and (min-width: 720px) {
  body.template-index,
  body.template-index .site-main,
  body.template-index .shopify-section {
    background: #f6f7f8 !important;
  }

  body.template-index .home-section--content,
  body.template-index .featured-collection__container,
  body.template-index .featured-collection__content,
  body.template-index .productgrid--outer,
  body.template-index .productgrid--items {
    background: transparent !important;
  }

  body.template-index .productgrid--item,
  body.template-index .featured-collection__container .productgrid--item {
    background: transparent !important;
  }

  body.template-index .productitem {
    background: #ffffff !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.045) !important;
  }

  body.template-index .productitem__container {
    background: #ffffff !important;
    border-radius: inherit !important;
    overflow: hidden !important;
  }
}
/* Fix desktop hover add-to-cart clipping + bring view-all closer */
@media screen and (min-width: 720px) {
  body.template-index .productitem,
  body.template-index .productitem__container,
  body.template-index .productgrid--item,
  body.template-index .featured-collection__container .productgrid--item {
    overflow: visible !important;
  }

  body.template-index .productitem {
    border-radius: 12px !important;
  }

  body.template-index .productitem__container {
    border-radius: 12px !important;
    background: #ffffff !important;
  }

  body.template-index .productitem--actions {
    z-index: 5 !important;
  }

  body.template-index .featured-collection__footer,
  body.template-index .featured-collection__button,
  body.template-index .home-section--content + .featured-collection__footer {
    margin-top: 0.75rem !important;
    padding-top: 0 !important;
  }
}
/* Premium product action buttons */
.productitem--actions .button-primary,
.productitem--actions .productitem--action-trigger,
.productitem--actions button,
.productitem--actions a {
  min-height: 42px !important;
  border-radius: 10px !important;
  border: 0 !important;
  background: linear-gradient(135deg, #28a9e2 0%, #168fc4 100%) !important;
  color: #ffffff !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  box-shadow:
    0 10px 22px rgba(40, 169, 226, 0.24),
    inset 0 1px 0 rgba(255, 255, 255, 0.25) !important;
  transition:
    transform 160ms ease,
    box-shadow 160ms ease,
    background 160ms ease !important;
}

.productitem--actions .button-primary:hover,
.productitem--actions .productitem--action-trigger:hover,
.productitem--actions button:hover,
.productitem--actions a:hover {
  background: linear-gradient(135deg, #35b8ee 0%, #168fc4 100%) !important;
  color: #ffffff !important;
  transform: translateY(-1px) !important;
  box-shadow:
    0 13px 26px rgba(40, 169, 226, 0.30),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}

.productitem--actions .button-primary:active,
.productitem--actions .productitem--action-trigger:active,
.productitem--actions button:active,
.productitem--actions a:active {
  transform: translateY(0) !important;
}
/* Keep desktop hover button inside product card */
@media screen and (min-width: 720px) {
  body.template-index .productitem,
  body.template-index .productitem__container {
    overflow: hidden !important;
    border-radius: 12px !important;
  }

  body.template-index .productitem {
    padding-bottom: 1rem !important;
  }

  body.template-index .productitem--actions {
    position: static !important;
    margin: 0.75rem auto 0 !important;
    width: calc(100% - 2rem) !important;
    max-width: 190px !important;
    z-index: 5 !important;
  }

  body.template-index .productitem--actions .button-primary,
  body.template-index .productitem--actions .productitem--action-trigger,
  body.template-index .productitem--actions button,
  body.template-index .productitem--actions a {
    width: 100% !important;
    min-height: 38px !important;
    height: 38px !important;
    border-radius: 9px !important;
  }
}
/* Stable product cards + premium view-all button */
body.template-index .productitem {
  height: 100% !important;
  min-height: 340px !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  border-radius: 12px !important;
}

body.template-index .productitem__container {
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  border-radius: inherit !important;
  overflow: hidden !important;
}

body.template-index .productitem--info {
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
}

body.template-index .productitem--actions {
  position: static !important;
  width: calc(100% - 2rem) !important;
  max-width: 190px !important;
  height: 42px !important;
  min-height: 42px !important;
  margin: auto auto 1rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Desktop: button appears on hover without changing card size */
@media screen and (min-width: 720px) {
  body.template-index .productitem--actions {
    opacity: 0 !important;
    transform: translateY(6px) !important;
    pointer-events: none !important;
    transition: opacity 160ms ease, transform 160ms ease !important;
  }

  body.template-index .productitem:hover .productitem--actions {
    opacity: 1 !important;
    transform: translateY(0) !important;
    pointer-events: auto !important;
  }
}

/* Mobile: keep button visible */
@media screen and (max-width: 719px) {
  body.template-index .productitem {
    min-height: 350px !important;
  }

  body.template-index .productitem--actions {
    opacity: 1 !important;
    transform: none !important;
    pointer-events: auto !important;
  }
}

/* Premium View All / مشاهدة جميع المنتجات button */
body.template-index .featured-collection__footer,
body.template-index .home-section--footer {
  margin-top: 0.9rem !important;
  padding-top: 0 !important;
  text-align: center !important;
}

body.template-index .featured-collection__footer a,
body.template-index .home-section--footer a,
body.template-index .featured-collection__button,
body.template-index a[href*="/collections/"] .button,
body.template-index .featured-collection--section .button-secondary {
  min-width: 190px !important;
  min-height: 44px !important;
  padding: 0.75rem 1.35rem !important;
  border-radius: 10px !important;
  border: 0 !important;
  background: linear-gradient(135deg, #28a9e2 0%, #168fc4 100%) !important;
  color: #ffffff !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  box-shadow:
    0 10px 22px rgba(40, 169, 226, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.25) !important;
}

body.template-index .featured-collection__footer a:hover,
body.template-index .home-section--footer a:hover,
body.template-index .featured-collection__button:hover,
body.template-index .featured-collection--section .button-secondary:hover {
  background: linear-gradient(135deg, #35b8ee 0%, #168fc4 100%) !important;
  color: #ffffff !important;
  transform: translateY(-1px) !important;
  box-shadow:
    0 13px 26px rgba(40, 169, 226, 0.30),
    inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
}
/* Always show product action button to keep card height stable */
body.template-index .productitem {
  min-height: 350px !important;
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  border-radius: 12px !important;
}

body.template-index .productitem__container {
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
}

body.template-index .productitem--info {
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
}

body.template-index .productitem--actions {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  pointer-events: auto !important;

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

  width: calc(100% - 2rem) !important;
  max-width: 190px !important;
  height: 42px !important;
  min-height: 42px !important;

  margin: auto auto 1rem !important;
}

body.template-index .productitem--actions .button-primary,
body.template-index .productitem--actions .productitem--action-trigger,
body.template-index .productitem--actions button,
body.template-index .productitem--actions a {
  width: 100% !important;
  height: 42px !important;
  min-height: 42px !important;
  border-radius: 10px !important;
}

@media screen and (max-width: 719px) {
  body.template-index .productitem {
    min-height: 355px !important;
  }
}
/* Final clean homepage buttons + fixed collection button spacing */

/* Product action buttons: flat, no shadow */
body.template-index .productitem--actions,
body.template-index .productitem--action {
  box-shadow: none !important;
  filter: none !important;
}

body.template-index .productitem--actions .button-primary,
body.template-index .productitem--actions .button-secondary,
body.template-index .productitem--actions .productitem--action-trigger,
body.template-index .productitem--actions button,
body.template-index .productitem--actions a {
  width: 100% !important;
  height: 42px !important;
  min-height: 42px !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: #28a9e2 !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  box-shadow: none !important;
  filter: none !important;
  text-shadow: none !important;
  transform: none !important;
}

body.template-index .productitem--actions .button-primary::before,
body.template-index .productitem--actions .button-primary::after,
body.template-index .productitem--actions .button-secondary::before,
body.template-index .productitem--actions .button-secondary::after,
body.template-index .productitem--actions .productitem--action-trigger::before,
body.template-index .productitem--actions .productitem--action-trigger::after {
  display: none !important;
  box-shadow: none !important;
}

/* Keep product buttons stable inside cards */
body.template-index .productitem--actions {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: none !important;
  position: static !important;

  width: calc(100% - 2rem) !important;
  max-width: 190px !important;
  height: 42px !important;
  min-height: 42px !important;

  margin: auto auto 1rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Featured collection CTA: the real button is input.featured-collection__button */
body.template-index .featured-collection__button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 210px !important;
  min-width: 210px !important;
  max-width: 210px !important;
  height: 44px !important;
  min-height: 44px !important;

  margin: 18px auto 52px !important;
  padding: 0 !important;

  border: 0 !important;
  border-radius: 10px !important;
  background: #28a9e2 !important;
  color: #ffffff !important;

  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-align: center !important;

  box-shadow: none !important;
  filter: none !important;
  text-shadow: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}

/* Collection-slider "مشاهدة الكل" button */
body.template-index .collection-slider__view-all {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 210px !important;
  min-width: 210px !important;
  max-width: 210px !important;
  height: 44px !important;
  min-height: 44px !important;

  margin: 18px auto 52px !important;
  padding: 0 !important;

  border: 0 !important;
  border-radius: 10px !important;
  background: #28a9e2 !important;
  color: #ffffff !important;

  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-align: center !important;
  text-decoration: none !important;

  box-shadow: none !important;
  filter: none !important;
  text-shadow: none !important;
}

body.template-index .collection-slider__header {
  justify-content: center !important;
  flex-wrap: wrap !important;
}

/* Remove theme ripple/hover shadows */
body.template-index .featured-collection__button::before,
body.template-index .featured-collection__button::after,
body.template-index .collection-slider__view-all::before,
body.template-index .collection-slider__view-all::after {
  display: none !important;
  box-shadow: none !important;
}

body.template-index .featured-collection__button:hover,
body.template-index .featured-collection__button:focus,
body.template-index .collection-slider__view-all:hover,
body.template-index .collection-slider__view-all:focus,
body.template-index .productitem--actions button:hover,
body.template-index .productitem--actions button:focus,
body.template-index .productitem--actions a:hover,
body.template-index .productitem--actions a:focus {
  background: #28a9e2 !important;
  color: #ffffff !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
}

/* Tighten slider/content bottom so spacing is consistent */
body.template-index .featured-collection__content,
body.template-index .featured-collection__content.flickity-enabled,
body.template-index .featured-collection__content .flickity-viewport,
body.template-index .featured-collection__content .flickity-slider,
body.template-index .productgrid--items,
body.template-index .collection-slider__track,
body.template-index .collection-slider__viewport {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

@media screen and (max-width: 719px) {
  body.template-index .featured-collection__button,
  body.template-index .collection-slider__view-all {
    width: 190px !important;
    min-width: 190px !important;
    max-width: 190px !important;
    height: 42px !important;
    min-height: 42px !important;
    margin-top: 16px !important;
    margin-bottom: 44px !important;
    font-size: 14px !important;
  }
  }

/* Mobile collection product cards: 3 columns */
@media screen and (max-width: 719px) {
  body.template-collection {
    background: #f6f7f8 !important;
    overflow-x: hidden !important;
  }

  body.template-collection .site-main,
  body.template-collection .productgrid--outer,
  body.template-collection .productgrid--wrapper,
  body.template-collection .productgrid--items {
    background: #f6f7f8 !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
  }

  body.template-collection .productgrid--items {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    padding: 8px !important;
    margin: 0 !important;
  }

  body.template-collection .productgrid--item {
    flex: 0 0 calc(33.333% - 6px) !important;
    width: calc(33.333% - 6px) !important;
    max-width: calc(33.333% - 6px) !important;
    min-width: calc(33.333% - 6px) !important;
    background: transparent !important;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  body.template-collection .productitem {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    background: #ffffff !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.045) !important;
    padding-bottom: 12px !important;
  }

  body.template-collection .productitem__container {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    background: #ffffff !important;
    border-radius: inherit !important;
    overflow: hidden !important;
  }

  body.template-collection .productitem--info {
    flex: 0 0 auto !important;
  }

  body.template-collection .productitem--title,
  body.template-collection .productitem--title a {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    min-height: 2.8em !important;
    max-height: 2.8em !important;
    line-height: 1.4 !important;
    text-align: center !important;
  }

  html[dir="rtl"] body.template-collection .productitem--title,
  html[dir="rtl"] body.template-collection .productitem--title a {
    direction: rtl !important;
    unicode-bidi: plaintext !important;
  }

  body.template-collection .productitem--actions {
    margin-top: 10px !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    filter: none !important;
  }

  body.template-collection .productitem--actions::before,
  body.template-collection .productitem--actions::after,
  body.template-collection .productitem--actions button::before,
  body.template-collection .productitem--actions button::after,
  body.template-collection .productitem--actions a::before,
  body.template-collection .productitem--actions a::after {
    display: none !important;
    content: none !important;
    box-shadow: none !important;
    background: transparent !important;
  }

  body.template-collection .productitem--actions button,
  body.template-collection .productitem--actions a,
  body.template-collection .productitem--actions .button-primary,
  body.template-collection .productitem--actions .productitem--action-trigger {
    box-shadow: none !important;
    filter: none !important;
    text-shadow: none !important;
  }

  body.template-collection .productitem--price,
  body.template-collection .price {
    width: calc(100% + 12px) !important;
    max-width: calc(100% + 12px) !important;
    margin-left: -6px !important;
    margin-right: -6px !important;
    padding: 0 2px !important;
    box-sizing: border-box !important;

    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: baseline !important;
    justify-content: center !important;
    gap: 3px !important;

    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: center !important;
    direction: ltr !important;
  }

  body.template-collection .price__current,
  body.template-collection .price__current .money {
    font-size: 10.5px !important;
    line-height: 1.1 !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
  }

  body.template-collection .price__current--on-sale {
    color: #e32619 !important;
  }

  body.template-collection .price__compare-at,
  body.template-collection .price__compare-at .money {
    font-size: 8.5px !important;
    line-height: 1.1 !important;
    color: #949494 !important;
    white-space: nowrap !important;
  }
}

/* Mobile recently viewed only */
@media screen and (max-width: 719px) {
  body.template-collection .productgrid--footer,
  body.template-collection .pagination,
  body.template-collection .pagination--container,
  body.template-collection .pagination--inner,
  body.template-collection .pagination--wrapper {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  body.template-collection .productgrid--footer + .shopify-section,
  body.template-collection .pagination + .shopify-section,
  body.template-collection .pagination--container + .shopify-section,
  body.template-collection .pagination--wrapper + .shopify-section {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  body.template-collection [data-section-type*="recent"],
  body.template-collection [data-recently-viewed-products],
  body.template-collection .recently-viewed,
  body.template-collection .recently-viewed-products,
  body.template-collection .recently-viewed--section,
  body.template-collection .recently-viewed__section {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    padding: 18px 0 18px !important;
    background: #eef0f2 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  body.template-collection [data-section-type*="recent"] *,
  body.template-collection [data-recently-viewed-products] *,
  body.template-collection .recently-viewed *,
  body.template-collection .recently-viewed-products *,
  body.template-collection .recently-viewed--section *,
  body.template-collection .recently-viewed__section * {
    box-sizing: border-box !important;
  }

  body.template-collection [data-section-type*="recent"] .home-section--content,
  body.template-collection [data-recently-viewed-products] .home-section--content,
  body.template-collection .recently-viewed .home-section--content,
  body.template-collection .recently-viewed-products .home-section--content,
  body.template-collection .recently-viewed--section .home-section--content,
  body.template-collection .recently-viewed__section .home-section--content {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 10px !important;
    background: #eef0f2 !important;
  }

  body.template-collection [data-section-type*="recent"] .home-section--title,
  body.template-collection [data-recently-viewed-products] .home-section--title,
  body.template-collection .recently-viewed .home-section--title,
  body.template-collection .recently-viewed-products .home-section--title,
  body.template-collection .recently-viewed--section .home-section--title,
  body.template-collection .recently-viewed__section .home-section--title {
    margin-top: 0 !important;
    margin-bottom: 8px !important;
    padding-top: 0 !important;
  }

  body.template-collection [data-section-type*="recent"] .flickity-viewport,
  body.template-collection [data-recently-viewed-products] .flickity-viewport,
  body.template-collection .recently-viewed .flickity-viewport,
  body.template-collection .recently-viewed-products .flickity-viewport,
  body.template-collection .recently-viewed--section .flickity-viewport,
  body.template-collection .recently-viewed__section .flickity-viewport {
    overflow: visible !important;
  }

  body.template-collection [data-section-type*="recent"] .productgrid--item,
  body.template-collection [data-recently-viewed-products] .productgrid--item,
  body.template-collection .recently-viewed .productgrid--item,
  body.template-collection .recently-viewed-products .productgrid--item,
  body.template-collection .recently-viewed--section .productgrid--item,
  body.template-collection .recently-viewed__section .productgrid--item {
    width: 30.5% !important;
    min-width: 30.5% !important;
    max-width: 30.5% !important;
    margin-inline: 6px !important;
  }

  body.template-collection [data-section-type*="recent"] .productitem,
  body.template-collection [data-recently-viewed-products] .productitem,
  body.template-collection .recently-viewed .productitem,
  body.template-collection .recently-viewed-products .productitem,
  body.template-collection .recently-viewed--section .productitem,
  body.template-collection .recently-viewed__section .productitem {
    background: #ffffff !important;
    border-radius: 14px !important;
    overflow: hidden !important;
  }

  body.template-collection [data-section-type*="recent"] .productitem--price,
  body.template-collection [data-section-type*="recent"] .price,
  body.template-collection [data-recently-viewed-products] .productitem--price,
  body.template-collection [data-recently-viewed-products] .price,
  body.template-collection .recently-viewed .productitem--price,
  body.template-collection .recently-viewed .price,
  body.template-collection .recently-viewed-products .productitem--price,
  body.template-collection .recently-viewed-products .price,
  body.template-collection .recently-viewed--section .productitem--price,
  body.template-collection .recently-viewed--section .price,
  body.template-collection .recently-viewed__section .productitem--price,
  body.template-collection .recently-viewed__section .price {
    width: calc(100% + 18px) !important;
    max-width: calc(100% + 18px) !important;
    min-width: calc(100% + 18px) !important;
    margin-left: -9px !important;
    margin-right: -9px !important;
    padding: 0 2px !important;

    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: baseline !important;
    justify-content: center !important;
    gap: 2px !important;

    white-space: nowrap !important;
    overflow: hidden !important;
    direction: ltr !important;
  }

  body.template-collection [data-section-type*="recent"] .price__current,
  body.template-collection [data-section-type*="recent"] .price__current .money,
  body.template-collection [data-recently-viewed-products] .price__current,
  body.template-collection [data-recently-viewed-products] .price__current .money,
  body.template-collection .recently-viewed .price__current,
  body.template-collection .recently-viewed .price__current .money,
  body.template-collection .recently-viewed-products .price__current,
  body.template-collection .recently-viewed-products .price__current .money,
  body.template-collection .recently-viewed--section .price__current,
  body.template-collection .recently-viewed--section .price__current .money,
  body.template-collection .recently-viewed__section .price__current,
  body.template-collection .recently-viewed__section .price__current .money {
    font-size: 9.5px !important;
    line-height: 1.1 !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
  }

  body.template-collection [data-section-type*="recent"] .price__compare-at,
  body.template-collection [data-section-type*="recent"] .price__compare-at .money,
  body.template-collection [data-recently-viewed-products] .price__compare-at,
  body.template-collection [data-recently-viewed-products] .price__compare-at .money,
  body.template-collection .recently-viewed .price__compare-at,
  body.template-collection .recently-viewed .price__compare-at .money,
  body.template-collection .recently-viewed-products .price__compare-at,
  body.template-collection .recently-viewed-products .price__compare-at .money,
  body.template-collection .recently-viewed--section .price__compare-at,
  body.template-collection .recently-viewed--section .price__compare-at .money,
  body.template-collection .recently-viewed__section .price__compare-at,
  body.template-collection .recently-viewed__section .price__compare-at .money {
    font-size: 7px !important;
    line-height: 1.1 !important;
    color: #949494 !important;
    white-space: nowrap !important;
  }
}
/* Premium sale badge - safe version */
.productitem {
  position: relative !important;
}

.productitem .productitem--badge:empty,
.productitem .productitem__badge:empty,
.productitem .sale-badge:empty,
.productitem .productitem--badge-item:empty {
  display: none !important;
}

.productitem .productitem--badge:not(:empty),
.productitem .productitem__badge:not(:empty),
.productitem .sale-badge:not(:empty),
.productitem .productitem--badge-item:not(:empty) {
  position: absolute !important;
  top: 12px !important;
  right: 12px !important;
  left: auto !important;
  z-index: 6 !important;

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

  width: auto !important;
  min-width: 0 !important;
  max-width: calc(100% - 24px) !important;
  height: 26px !important;
  min-height: 26px !important;

  padding: 0 10px !important;
  margin: 0 !important;

  border-radius: 999px !important;
  border: 1px solid rgba(255, 255, 255, 0.75) !important;
  background: #e32619 !important;
  color: #ffffff !important;

  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  text-align: center !important;

  box-shadow: 0 5px 12px rgba(227, 38, 25, 0.18) !important;
}

html[dir="ltr"] .productitem .productitem--badge:not(:empty),
html[dir="ltr"] .productitem .productitem__badge:not(:empty),
html[dir="ltr"] .productitem .sale-badge:not(:empty),
html[dir="ltr"] .productitem .productitem--badge-item:not(:empty) {
  left: 12px !important;
  right: auto !important;
}

.productitem .productitem--badge::before,
.productitem .productitem--badge::after,
.productitem .productitem__badge::before,
.productitem .productitem__badge::after,
.productitem .sale-badge::before,
.productitem .sale-badge::after,
.productitem .productitem--badge-item::before,
.productitem .productitem--badge-item::after {
  display: none !important;
  content: none !important;
}

@media screen and (max-width: 719px) {
  .productitem .productitem--badge:not(:empty),
  .productitem .productitem__badge:not(:empty),
  .productitem .sale-badge:not(:empty),
  .productitem .productitem--badge-item:not(:empty) {
    top: 10px !important;
    right: 10px !important;
    height: 22px !important;
    min-height: 22px !important;
    padding: 0 7px !important;
    font-size: 9.5px !important;
    box-shadow: 0 3px 8px rgba(227, 38, 25, 0.14) !important;
  }

  html[dir="ltr"] .productitem .productitem--badge:not(:empty),
  html[dir="ltr"] .productitem .productitem__badge:not(:empty),
  html[dir="ltr"] .productitem .sale-badge:not(:empty),
  html[dir="ltr"] .productitem .productitem--badge-item:not(:empty) {
    left: 10px !important;
    right: auto !important;
  }
}
/* Mobile 3-column collection: smaller sale badge */
@media screen and (max-width: 719px) {
  body.template-collection .productgrid--items .productgrid--item .productitem--badge:not(:empty),
  body.template-collection .productgrid--items .productgrid--item .productitem__badge:not(:empty),
  body.template-collection .productgrid--items .productgrid--item .sale-badge:not(:empty),
  body.template-collection .productgrid--items .productgrid--item .productitem--badge-item:not(:empty) {
    top: 6px !important;
    right: 6px !important;
    left: auto !important;

    height: 19px !important;
    min-height: 19px !important;
    padding: 0 6px !important;

    font-size: 8.5px !important;
    line-height: 1 !important;
    border-radius: 999px !important;
    box-shadow: 0 2px 6px rgba(227, 38, 25, 0.12) !important;
  }

  html[dir="ltr"] body.template-collection .productgrid--items .productgrid--item .productitem--badge:not(:empty),
  html[dir="ltr"] body.template-collection .productgrid--items .productgrid--item .productitem__badge:not(:empty),
  html[dir="ltr"] body.template-collection .productgrid--items .productgrid--item .sale-badge:not(:empty),
  html[dir="ltr"] body.template-collection .productgrid--items .productgrid--item .productitem--badge-item:not(:empty) {
    left: 6px !important;
    right: auto !important;
  }
}
/* Desktop collection page: 4-column premium cards */
@media screen and (min-width: 720px) {
  body.template-collection,
  body.template-collection .site-main {
    background: #f6f7f8 !important;
  }

  body.template-collection .productgrid--outer {
    background: transparent !important;
  }

  body.template-collection .productgrid--outer > .productgrid--items {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 18px !important;
    width: 100% !important;
    max-width: 1320px !important;
    margin: 0 auto !important;
    padding: 18px !important;
    box-sizing: border-box !important;
    background: transparent !important;
  }

  body.template-collection .productgrid--outer > .productgrid--items > .productgrid--item {
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
  }

  body.template-collection .productgrid--outer > .productgrid--items > .productgrid--item .productitem {
    height: 100% !important;
    min-height: 360px !important;
    background: #ffffff !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.045) !important;
  }

  body.template-collection .productitem__container {
    background: #ffffff !important;
    border-radius: inherit !important;
    overflow: hidden !important;
  }

  body.template-collection .productitem--title,
  body.template-collection .productitem--title a {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    min-height: 2.8em !important;
    max-height: 2.8em !important;
    line-height: 1.4 !important;
    text-align: center !important;
  }
}

/* Desktop recently viewed: distinct grey section */
@media screen and (min-width: 720px) {
  body.template-collection [data-section-type*="recent"],
  body.template-collection [data-recently-viewed-products],
  body.template-collection .recently-viewed,
  body.template-collection .recently-viewed-products,
  body.template-collection .recently-viewed--section,
  body.template-collection .recently-viewed__section {
    background: #eceff1 !important;
    margin-top: 42px !important;
    padding: 32px 24px 38px !important;
    box-sizing: border-box !important;
  }

  body.template-collection [data-section-type*="recent"] .home-section--content,
  body.template-collection [data-recently-viewed-products] .home-section--content,
  body.template-collection .recently-viewed .home-section--content,
  body.template-collection .recently-viewed-products .home-section--content,
  body.template-collection .recently-viewed--section .home-section--content,
  body.template-collection .recently-viewed__section .home-section--content {
    background: transparent !important;
  }

  body.template-collection [data-section-type*="recent"] .productitem,
  body.template-collection [data-recently-viewed-products] .productitem,
  body.template-collection .recently-viewed .productitem,
  body.template-collection .recently-viewed-products .productitem,
  body.template-collection .recently-viewed--section .productitem,
  body.template-collection .recently-viewed__section .productitem {
    background: #ffffff !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.045) !important;
  }

  body.template-collection [data-section-type*="recent"] .productitem--title,
  body.template-collection [data-section-type*="recent"] .productitem--title a,
  body.template-collection [data-recently-viewed-products] .productitem--title,
  body.template-collection [data-recently-viewed-products] .productitem--title a,
  body.template-collection .recently-viewed .productitem--title,
  body.template-collection .recently-viewed .productitem--title a,
  body.template-collection .recently-viewed-products .productitem--title,
  body.template-collection .recently-viewed-products .productitem--title a,
  body.template-collection .recently-viewed--section .productitem--title,
  body.template-collection .recently-viewed--section .productitem--title a,
  body.template-collection .recently-viewed__section .productitem--title,
  body.template-collection .recently-viewed__section .productitem--title a {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    min-height: 2.8em !important;
    max-height: 2.8em !important;
    line-height: 1.4 !important;
    text-align: center !important;
  }
}
/* Desktop collection page: force 4 columns + premium cards */
@media screen and (min-width: 720px) {
  body.template-collection,
  body.template-collection .site-main,
  body.template-collection .productgrid,
  body.template-collection .productgrid--outer,
  body.template-collection .productgrid--wrapper {
    background: #f6f7f8 !important;
  }

  body.template-collection .productgrid--items {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 18px !important;
    width: 100% !important;
    max-width: 1320px !important;
    margin: 0 auto !important;
    padding: 18px !important;
    box-sizing: border-box !important;
    background: transparent !important;
  }

  body.template-collection .productgrid--item {
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-sizing: border-box !important;
  }

  body.template-collection .productitem {
    width: 100% !important;
    height: 100% !important;
    min-height: 380px !important;
    background: #ffffff !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.045) !important;
  }

  body.template-collection .productitem__container {
    height: 100% !important;
    background: #ffffff !important;
    border-radius: inherit !important;
    overflow: hidden !important;
  }

  body.template-collection .productitem--title,
  body.template-collection .productitem--title a {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    min-height: 2.8em !important;
    max-height: 2.8em !important;
    line-height: 1.4 !important;
    text-align: center !important;
  }
}

/* Desktop recently viewed: keep separate from product grid rules */
@media screen and (min-width: 720px) {
  body.template-collection [data-section-type*="recent"],
  body.template-collection [data-recently-viewed-products],
  body.template-collection .recently-viewed,
  body.template-collection .recently-viewed-products,
  body.template-collection .recently-viewed--section,
  body.template-collection .recently-viewed__section {
    background: #eceff1 !important;
    margin-top: 42px !important;
    padding: 32px 24px 38px !important;
    box-sizing: border-box !important;
  }

  body.template-collection [data-section-type*="recent"] .productgrid--items,
  body.template-collection [data-recently-viewed-products] .productgrid--items,
  body.template-collection .recently-viewed .productgrid--items,
  body.template-collection .recently-viewed-products .productgrid--items,
  body.template-collection .recently-viewed--section .productgrid--items,
  body.template-collection .recently-viewed__section .productgrid--items {
    display: block !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
  }

  body.template-collection [data-section-type*="recent"] .flickity-slider,
  body.template-collection [data-recently-viewed-products] .flickity-slider,
  body.template-collection .recently-viewed .flickity-slider,
  body.template-collection .recently-viewed-products .flickity-slider,
  body.template-collection .recently-viewed--section .flickity-slider,
  body.template-collection .recently-viewed__section .flickity-slider {
    display: block !important;
  }

  body.template-collection [data-section-type*="recent"] .productgrid--item,
  body.template-collection [data-recently-viewed-products] .productgrid--item,
  body.template-collection .recently-viewed .productgrid--item,
  body.template-collection .recently-viewed-products .productgrid--item,
  body.template-collection .recently-viewed--section .productgrid--item,
  body.template-collection .recently-viewed__section .productgrid--item {
    width: 220px !important;
    max-width: 220px !important;
    min-width: 220px !important;
    margin: 0 10px !important;
    background: transparent !important;
  }

  body.template-collection [data-section-type*="recent"] .productitem,
  body.template-collection [data-recently-viewed-products] .productitem,
  body.template-collection .recently-viewed .productitem,
  body.template-collection .recently-viewed-products .productitem,
  body.template-collection .recently-viewed--section .productitem,
  body.template-collection .recently-viewed__section .productitem {
    background: #ffffff !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.045) !important;
  }

  body.template-collection [data-section-type*="recent"] .productitem--price,
  body.template-collection [data-section-type*="recent"] .price,
  body.template-collection [data-recently-viewed-products] .productitem--price,
  body.template-collection [data-recently-viewed-products] .price,
  body.template-collection .recently-viewed .productitem--price,
  body.template-collection .recently-viewed .price,
  body.template-collection .recently-viewed-products .productitem--price,
  body.template-collection .recently-viewed-products .price,
  body.template-collection .recently-viewed--section .productitem--price,
  body.template-collection .recently-viewed--section .price,
  body.template-collection .recently-viewed__section .productitem--price,
  body.template-collection .recently-viewed__section .price {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: baseline !important;
    justify-content: center !important;
    gap: 5px !important;
    width: 100% !important;
    white-space: nowrap !important;
  }
}
/* Desktop collection sort dropdown polish + hide missing translation option */
@media screen and (min-width: 720px) {
  body.template-collection .utils-sortby {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    min-height: 38px !important;
    padding: 0 12px !important;
    border-radius: 10px !important;
    background: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.045) !important;
    color: #202020 !important;
    font-weight: 800 !important;
  }

  body.template-collection .utils-sortby select,
  body.template-collection select[name="sort_by"] {
    min-width: 160px !important;
    height: 38px !important;
    padding: 0 12px !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: transparent !important;
    color: #202020 !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    box-shadow: none !important;
    outline: none !important;
    cursor: pointer !important;
  }

  body.template-collection select[name="sort_by"] option[value="relevance"],
  body.template-collection select[name="sort_by"] option[value="most-relevant"],
  body.template-collection select[name="sort_by"] option[value="manual"] + option[value="relevance"] {
    display: none !important;
  }

  body.template-collection .productgrid--utils {
    background: #ffffff !important;
    border-radius: 8px !important;
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.035) !important;
    padding: 8px 12px !important;
    align-items: center !important;
  }
}
/* Desktop recently viewed: remove empty bottom space inside card */
@media screen and (min-width: 720px) {
  body.template-collection [data-section-type*="recent"] .productitem,
  body.template-collection [data-recently-viewed-products] .productitem,
  body.template-collection .recently-viewed .productitem,
  body.template-collection .recently-viewed-products .productitem,
  body.template-collection .recently-viewed--section .productitem,
  body.template-collection .recently-viewed__section .productitem {
    height: auto !important;
    min-height: 0 !important;
    padding-bottom: 0 !important;
  }

  body.template-collection [data-section-type*="recent"] .productitem__container,
  body.template-collection [data-recently-viewed-products] .productitem__container,
  body.template-collection .recently-viewed .productitem__container,
  body.template-collection .recently-viewed-products .productitem__container,
  body.template-collection .recently-viewed--section .productitem__container,
  body.template-collection .recently-viewed__section .productitem__container {
    height: auto !important;
    min-height: 0 !important;
    padding-bottom: 0 !important;
  }

  body.template-collection [data-section-type*="recent"] .productitem--actions,
  body.template-collection [data-recently-viewed-products] .productitem--actions,
  body.template-collection .recently-viewed .productitem--actions,
  body.template-collection .recently-viewed-products .productitem--actions,
  body.template-collection .recently-viewed--section .productitem--actions,
  body.template-collection .recently-viewed__section .productitem--actions {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }
}
/* Mobile sort modal: RTL header alignment */
@media screen and (max-width: 719px) {
  html[dir="rtl"] body.template-collection .utils-sortby--modal,
  html[dir="rtl"] body.template-collection .utils-sortby-modal,
  html[dir="rtl"] body.template-collection [data-sortby-modal] {
    direction: rtl !important;
    text-align: right !important;
  }

  html[dir="rtl"] body.template-collection .modal-close,
  html[dir="rtl"] body.template-collection button[aria-label*="Close"] {
    left: 22px !important;
    right: auto !important;
  }
}

/* Mobile collection toolbar: Arabic + English stable */
@media screen and (max-width: 719px) {
  body.template-collection .productgrid--utils-container,
  body.template-collection .productgrid--utils-wrapper {
    position: static !important;
    display: block !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    visibility: visible !important;
  }

  body.template-collection .productgrid--utils {
  position: static !important;
  display: grid !important;
  grid-template-columns: auto auto !important;
  justify-content: space-between !important;
  align-items: center !important;
  column-gap: 12px !important;

  width: 100% !important;
  max-width: 100% !important;
  min-height: 44px !important;

  padding: 6px 10px !important;
  margin: 0 0 10px !important;

  background: #ffffff !important;
  border-radius: 12px !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03) !important;
  overflow: hidden !important;

  direction: ltr !important;
  visibility: visible !important;
  z-index: 1 !important;
}


  body.template-collection .utils-sortby,
  body.template-collection .utils-viewtoggle {
    position: static !important;
    inset: auto !important;
    transform: none !important;
    margin: 0 !important;
  }

  html[dir="rtl"] body.template-collection .utils-viewtoggle {
    grid-column: 1 !important;
    justify-self: start !important;
  }

  html[dir="rtl"] body.template-collection .utils-sortby {
    grid-column: 2 !important;
    justify-self: end !important;
    direction: rtl !important;
  }

  html[dir="ltr"] body.template-collection .utils-sortby {
    grid-column: 1 !important;
    justify-self: start !important;
    direction: ltr !important;
  }

  html[dir="ltr"] body.template-collection .utils-viewtoggle {
    grid-column: 2 !important;
    justify-self: end !important;
  }

  body.template-collection .utils-sortby {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    max-width: 100% !important;

    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    white-space: nowrap !important;
  }

  body.template-collection .utils-sortby::before {
    flex: 0 0 auto !important;
    color: #222222 !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
  }

  html[dir="rtl"] body.template-collection .utils-sortby::before {
    content: "رتب حسب:" !important;
  }

  html[dir="ltr"] body.template-collection .utils-sortby::before {
    content: "Sort By:" !important;
  }

  body.template-collection .utils-sortby button,
  body.template-collection .utils-sortby [role="button"],
  body.template-collection .utils-sortby select {
    width: 86px !important;
min-width: 86px !important;
max-width: 86px !important;
height: 26px !important;
    padding: 0 9px !important;
    margin: 0 !important;

    border: 1px solid rgba(0, 0, 0, 0.16) !important;
    border-radius: 9px !important;
    background: #eeeeee !important;
    color: #222222 !important;

    font-size: 11.5px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    text-align: center !important;

    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    box-shadow: none !important;
  }

  body.template-collection .utils-viewtoggle {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
  }

  body.template-collection .utils-viewtoggle button,
  body.template-collection .utils-viewtoggle a {
    width: 34px !important;
    min-width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 8px !important;
  }

  body.template-collection .utils-viewtoggle svg {
    width: 21px !important;
    height: 21px !important;
  }

  body.template-collection .productgrid--items {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
}
/* Hide sort button text until correct label is ready */
@media screen and (max-width: 719px) {
  body.template-collection .utils-sortby button,
  body.template-collection .utils-sortby [role="button"] {
    color: transparent !important;
  }

  html.sort-label-ready body.template-collection .utils-sortby button,
  html.sort-label-ready body.template-collection .utils-sortby [role="button"] {
    color: #222222 !important;
  }
}
/* Mobile toolbar: same line + correct AR/EN direction */
@media screen and (max-width: 719px) {
  body.template-collection .productgrid--utils {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    align-items: center !important;
    min-height: 44px !important;
    padding: 6px 10px !important;
    margin: 0 0 10px !important;
    direction: ltr !important;
  }

  body.template-collection .utils-sortby,
  body.template-collection .utils-viewtoggle {
    position: static !important;
    transform: none !important;
    margin: 0 !important;
    height: 34px !important;
    min-height: 34px !important;
    display: inline-flex !important;
    align-items: center !important;
    line-height: 1 !important;
  }

  html[dir="rtl"] body.template-collection .utils-sortby {
    grid-column: 2 !important;
    justify-self: end !important;
    direction: rtl !important;
  }

  html[dir="rtl"] body.template-collection .utils-viewtoggle {
    grid-column: 1 !important;
    justify-self: start !important;
  }

  html[dir="ltr"] body.template-collection .utils-sortby {
    grid-column: 1 !important;
    justify-self: start !important;
    direction: ltr !important;
  }

  html[dir="ltr"] body.template-collection .utils-viewtoggle {
    grid-column: 2 !important;
    justify-self: end !important;
  }

  body.template-collection .utils-sortby {
    gap: 5px !important;
  }

  body.template-collection .utils-sortby::before {
    display: inline-flex !important;
    align-items: center !important;
    height: 26px !important;
    line-height: 1 !important;
  }

  body.template-collection .utils-sortby button,
  body.template-collection .utils-sortby [role="button"],
  body.template-collection .utils-sortby select {
    width: 92px !important;
    min-width: 92px !important;
    max-width: 92px !important;
    height: 26px !important;
    min-height: 26px !important;
    padding: 0 8px !important;
    line-height: 26px !important;
    border-radius: 7px !important;
  }

  body.template-collection .utils-viewtoggle {
    gap: 4px !important;
  }

  body.template-collection .utils-viewtoggle button,
  body.template-collection .utils-viewtoggle a {
    width: 34px !important;
    min-width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
}
/* Force toolbar into one row */
@media screen and (max-width: 719px) {
  body.template-collection .productgrid--utils {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: nowrap !important;
    min-height: 44px !important;
    height: 44px !important;
    padding: 5px 10px !important;
  }

  html[dir="rtl"] body.template-collection .productgrid--utils {
    flex-direction: row !important;
    direction: ltr !important;
  }

  html[dir="ltr"] body.template-collection .productgrid--utils {
    flex-direction: row !important;
    direction: ltr !important;
  }

  html[dir="rtl"] body.template-collection .utils-viewtoggle {
    order: 1 !important;
  }

  html[dir="rtl"] body.template-collection .utils-sortby {
    order: 2 !important;
    direction: rtl !important;
  }

  html[dir="ltr"] body.template-collection .utils-sortby {
    order: 1 !important;
    direction: ltr !important;
  }

  html[dir="ltr"] body.template-collection .utils-viewtoggle {
    order: 2 !important;
  }

  body.template-collection .utils-sortby,
  body.template-collection .utils-viewtoggle {
    flex: 0 0 auto !important;
    height: 34px !important;
    min-height: 34px !important;
    display: inline-flex !important;
    align-items: center !important;
    margin: 0 !important;
  }

  body.template-collection .utils-sortby {
    max-width: 55% !important;
    gap: 5px !important;
  }
}
/* Fix English toolbar direction only */
@media screen and (max-width: 719px) {
  html[dir="ltr"] body.template-collection .productgrid--utils {
    flex-direction: row-reverse !important;
  }

  html[dir="ltr"] body.template-collection .utils-sortby {
    order: 2 !important;
    direction: ltr !important;
  }

  html[dir="ltr"] body.template-collection .utils-viewtoggle {
    order: 1 !important;
  }
}
/* Final EN inner order fix only */
@media screen and (max-width: 719px) {
  html[dir="ltr"] body.template-collection .utils-sortby {
    flex-direction: row !important;
  }

  html[dir="ltr"] body.template-collection .utils-sortby::before {
    order: 1 !important;
  }

  html[dir="ltr"] body.template-collection .utils-sortby button,
  html[dir="ltr"] body.template-collection .utils-sortby [role="button"],
  html[dir="ltr"] body.template-collection .utils-sortby select {
    order: 2 !important;
  }
}
/* Move English sort group further left */
@media screen and (max-width: 719px) {
  html[dir="ltr"] body.template-collection .utils-sortby {
    margin-left: -32px !important;
  }
}

/* Tighten space between Sort By label and button */
@media screen and (max-width: 719px) {
  body.template-collection .utils-sortby {
    gap: 0 !important;
  }
}
/* Pull sort button closer to label */
@media screen and (max-width: 719px) {
  html[dir="ltr"] body.template-collection .utils-sortby button,
  html[dir="ltr"] body.template-collection .utils-sortby [role="button"],
  html[dir="ltr"] body.template-collection .utils-sortby select {
    margin-left: -20px !important;
  }

  html[dir="rtl"] body.template-collection .utils-sortby button,
html[dir="rtl"] body.template-collection .utils-sortby [role="button"],
html[dir="rtl"] body.template-collection .utils-sortby select {
  margin-left: 20px !important;
}

}
/* Add dropdown arrow inside sort button */
@media screen and (max-width: 719px) {
  body.template-collection .utils-sortby button,
  body.template-collection .utils-sortby [role="button"] {
    position: relative !important;
    padding-inline-end: 20px !important;
  }

  body.template-collection .utils-sortby button::after,
  body.template-collection .utils-sortby [role="button"]::after {
    content: "⌄" !important;
    position: absolute !important;
    top: 50% !important;
    inset-inline-end: 7px !important;
    transform: translateY(-54%) !important;
    display: block !important;
    color: #222222 !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    pointer-events: none !important;
  }
}
/* Desktop sort button arrow + stable button */
@media screen and (min-width: 720px) {
  body.template-collection .utils-sortby button,
  body.template-collection .utils-sortby [role="button"],
  body.template-collection .utils-sortby select {
    position: relative !important;

    min-width: 140px !important;
    height: 38px !important;
    padding-inline-start: 12px !important;
    padding-inline-end: 30px !important;

    border: 1px solid rgba(0, 0, 0, 0.14) !important;
    border-radius: 10px !important;
    background: #eeeeee !important;
    color: #222222 !important;

    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    text-align: center !important;

    box-shadow: none !important;
    appearance: none !important;
    -webkit-appearance: none !important;
  }

  body.template-collection .utils-sortby button::after,
  body.template-collection .utils-sortby [role="button"]::after {
    content: "⌄" !important;
    position: absolute !important;
    top: 50% !important;
    inset-inline-end: 10px !important;
    transform: translateY(-54%) !important;
    display: block !important;

    color: #222222 !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    pointer-events: none !important;
  }

  body.template-collection .utils-sortby select {
    background-image: none !important;
  }
}
/* Desktop sort arrow inside select/button */
@media screen and (min-width: 720px) {
  body.template-collection .utils-sortby {
    position: relative !important;
  }

  body.template-collection .utils-sortby::after {
    content: "⌄" !important;
    position: absolute !important;
    top: 50% !important;
    inset-inline-end: 30px !important;
    transform: translateY(-54%) !important;
    z-index: 3 !important;

    color: #222222 !important;
    font-size: 17px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    pointer-events: none !important;
  }

  body.template-collection .utils-sortby select {
    appearance: none !important;
    -webkit-appearance: none !important;
    background-image: none !important;
    padding-inline-end: 34px !important;
  }
}
/* Hide collection view toggle buttons */
body.template-collection .utils-viewtoggle {
  display: none !important;
}
body.template-collection .productgrid--utils {
  justify-content: flex-start !important;
}

html[dir="rtl"] body.template-collection .productgrid--utils {
  justify-content: flex-end !important;
}
/* Mobile only: make sort button smaller and add spacing */
@media screen and (max-width: 719px) {
  body.template-collection .utils-sortby {
    gap: 6px !important;
  }

  body.template-collection .utils-sortby button,
  body.template-collection .utils-sortby [role="button"],
  body.template-collection .utils-sortby select {
    width: 83px !important;
    min-width: 83px !important;
    max-width: 83px !important;
  }
}
/* Mobile sort dropdown: desktop-like clean final */
@media screen and (max-width: 719px) {
  body.template-collection .tamimi-sort-modal {
    background: rgba(0, 0, 0, 0.14) !important;
    pointer-events: auto !important;
  }

  body.template-collection .tamimi-sort-modal .modal-inner {
    position: fixed !important;
    top: var(--tamimi-sort-top, 430px) !important;
    left: var(--tamimi-sort-left, 50%) !important;
    right: auto !important;
    bottom: auto !important;
    transform: translateX(-50%) !important;

    width: 174px !important;
    max-width: 174px !important;
    height: auto !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 7px 0 !important;

    border-radius: 16px !important;
    border: 1px solid rgba(0, 0, 0, 0.18) !important;
    background: rgba(232, 234, 236, 0.86) !important;
    box-shadow:
      0 18px 36px rgba(0, 0, 0, 0.24),
      inset 0 1px 0 rgba(255, 255, 255, 0.62) !important;

    overflow: hidden !important;
    pointer-events: auto !important;

    backdrop-filter: blur(16px) saturate(1.12) !important;
    -webkit-backdrop-filter: blur(16px) saturate(1.12) !important;
  }

  body.template-collection .tamimi-sort-modal .modal-close,
  body.template-collection .tamimi-sort-modal h1,
  body.template-collection .tamimi-sort-modal h2,
  body.template-collection .tamimi-sort-modal h3,
  body.template-collection .tamimi-sort-modal header,
  body.template-collection .tamimi-sort-modal .modal-title,
  body.template-collection .tamimi-sort-modal .modal-header,
  body.template-collection .tamimi-sort-modal [class*="title"],
  body.template-collection .tamimi-sort-modal [class*="header"] {
    display: none !important;
  }

  body.template-collection .tamimi-sort-modal .modal-content,
  body.template-collection .tamimi-sort-modal form,
  body.template-collection .tamimi-sort-modal fieldset,
  body.template-collection .tamimi-sort-modal .utils-sortby--modal,
  body.template-collection .tamimi-sort-modal .utils-sortby-modal,
  body.template-collection .tamimi-sort-modal [data-sortby-modal] {
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }

  body.template-collection .tamimi-sort-modal button,
  body.template-collection .tamimi-sort-modal a,
  body.template-collection .tamimi-sort-modal label {
    position: relative !important;

    width: 100% !important;
    height: 32px !important;
    min-height: 32px !important;

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

    margin: 0 !important;
    padding: 0 22px !important;

    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #202020 !important;

    font-size: 12.5px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    text-align: center !important;
    white-space: nowrap !important;

    box-shadow: none !important;
  }

  body.template-collection .tamimi-sort-modal button:hover,
  body.template-collection .tamimi-sort-modal a:hover,
  body.template-collection .tamimi-sort-modal label:hover {
    background: rgba(255, 255, 255, 0.34) !important;
  }

  body.template-collection .tamimi-sort-modal button::before,
  body.template-collection .tamimi-sort-modal a::before,
  body.template-collection .tamimi-sort-modal label::before,
  body.template-collection .tamimi-sort-modal button::after,
  body.template-collection .tamimi-sort-modal a::after,
  body.template-collection .tamimi-sort-modal label::after {
    display: none !important;
    content: none !important;
  }

  body.template-collection .tamimi-sort-modal .tamimi-sort-active::after,
  body.template-collection .tamimi-sort-modal button[aria-pressed="true"]::after,
  body.template-collection .tamimi-sort-modal button.active::after,
  body.template-collection .tamimi-sort-modal a.active::after {
    content: "✓" !important;
    position: absolute !important;
    top: 50% !important;
    right: 9px !important;
    left: auto !important;
    transform: translateY(-50%) !important;

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

    width: 12px !important;
    height: 12px !important;

    color: #202020 !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
  }
}
/* Mobile sort modal: smaller original style */
@media screen and (max-width: 719px) {
  body.template-collection .modal[data-modal-container] .modal-inner {
    width: 52vw !important;
    min-width: 260px !important;
    max-width: 390px !important;
    height: auto !important;
    max-height: calc(100vh - 160px) !important;

    margin: 0 auto !important;
    padding: 16px 16px 18px !important;

    border-radius: 14px !important;
    overflow-y: auto !important;
  }

  body.template-collection .modal[data-modal-container] .modal-content {
    padding: 0 !important;
  }

  body.template-collection .modal[data-modal-container] h1,
  body.template-collection .modal[data-modal-container] h2,
  body.template-collection .modal[data-modal-container] h3,
  body.template-collection .modal[data-modal-container] .modal-title {
    font-size: 18px !important;
    line-height: 1.2 !important;
    margin-bottom: 12px !important;
  }

  body.template-collection .modal[data-modal-container] button:not(.modal-close),
  body.template-collection .modal[data-modal-container] a,
  body.template-collection .modal[data-modal-container] label {
    height: 38px !important;
    min-height: 38px !important;
    margin-bottom: 8px !important;
    padding: 0 10px !important;

    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-align: center !important;
  }

  body.template-collection .modal[data-modal-container] .modal-close {
    width: 28px !important;
    height: 28px !important;
  }
}
/* Mobile sort modal title align with option boxes */
@media screen and (max-width: 719px) {
  html[dir="rtl"] body.template-collection .modal[data-modal-container] h1,
  html[dir="rtl"] body.template-collection .modal[data-modal-container] h2,
  html[dir="rtl"] body.template-collection .modal[data-modal-container] h3,
  html[dir="rtl"] body.template-collection .modal[data-modal-container] .modal-title {
    width: calc(100% - 32px) !important;
    max-width: calc(100% - 32px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 0 !important;
    text-align: right !important;
  }
}
/* Mobile sort modal: reduce whole menu by 20% */
@media screen and (max-width: 719px) {
  body.template-collection .modal[data-modal-container] .modal-inner {
    width: 42vw !important;
    min-width: 208px !important;
    max-width: 312px !important;

    padding: 13px 13px 14px !important;
    border-radius: 12px !important;
  }

  body.template-collection .modal[data-modal-container] h1,
  body.template-collection .modal[data-modal-container] h2,
  body.template-collection .modal[data-modal-container] h3,
  body.template-collection .modal[data-modal-container] .modal-title {
    font-size: 15px !important;
    margin-bottom: 10px !important;
  }

  body.template-collection .modal[data-modal-container] button:not(.modal-close),
  body.template-collection .modal[data-modal-container] a,
  body.template-collection .modal[data-modal-container] label {
    height: 30px !important;
    min-height: 30px !important;
    margin-bottom: 6px !important;
    font-size: 10.5px !important;
    border-radius: 6px !important;
  }

  body.template-collection .modal[data-modal-container] .modal-close {
    width: 22px !important;
    height: 22px !important;
  }

  body.template-collection .modal[data-modal-container] .modal-close svg {
    width: 18px !important;
    height: 18px !important;
  }
}
/* Mobile sort modal: professional width balance */
@media screen and (max-width: 719px) {
  body.template-collection .modal[data-modal-container] .modal-inner {
    width: 46vw !important;
    min-width: 280px !important;
    max-width: 360px !important;

    padding-left: 14px !important;
    padding-right: 14px !important;
    box-sizing: border-box !important;
  }

  body.template-collection .modal[data-modal-container] button:not(.modal-close),
  body.template-collection .modal[data-modal-container] a,
  body.template-collection .modal[data-modal-container] label {
    width: 92% !important;
    min-width: 92% !important;
    max-width: 92% !important;

    margin-left: auto !important;
    margin-right: auto !important;

    box-sizing: border-box !important;
  }

  html[dir="rtl"] body.template-collection .modal[data-modal-container] h1,
  html[dir="rtl"] body.template-collection .modal[data-modal-container] h2,
  html[dir="rtl"] body.template-collection .modal[data-modal-container] h3,
  html[dir="rtl"] body.template-collection .modal[data-modal-container] .modal-title {
    width: 92% !important;
    max-width: 92% !important;

    margin-left: auto !important;
    margin-right: auto !important;

    text-align: right !important;
    box-sizing: border-box !important;
  }
}
/* Mobile sort modal: clean balanced layout */
@media screen and (max-width: 719px) {
  body.template-collection .modal[data-modal-container] .modal-inner {
    position: relative !important;

    width: 48vw !important;
    min-width: 300px !important;
    max-width: 390px !important;

    padding: 58px 18px 22px !important;
    border-radius: 16px !important;
    box-sizing: border-box !important;
  }

  body.template-collection .modal[data-modal-container] .modal-close {
    position: absolute !important;
    top: 22px !important;
    left: 22px !important;
    right: auto !important;

    width: 30px !important;
    height: 30px !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 5 !important;
  }

  html[dir="rtl"] body.template-collection .modal[data-modal-container] h1,
  html[dir="rtl"] body.template-collection .modal[data-modal-container] h2,
  html[dir="rtl"] body.template-collection .modal[data-modal-container] h3,
  html[dir="rtl"] body.template-collection .modal[data-modal-container] .modal-title,
  html[dir="rtl"] body.template-collection .modal[data-modal-container] [class*="title"] {
    position: absolute !important;
    top: 22px !important;
    right: 26px !important;
    left: auto !important;

    width: auto !important;
    max-width: calc(100% - 92px) !important;

    margin: 0 !important;
    padding: 0 !important;

    text-align: right !important;
    direction: rtl !important;
    transform: none !important;

    font-size: 20px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
  }

  body.template-collection .modal[data-modal-container] .modal-content {
    padding: 0 !important;
    margin: 0 !important;
  }

  body.template-collection .modal[data-modal-container] button:not(.modal-close),
  body.template-collection .modal[data-modal-container] a,
  body.template-collection .modal[data-modal-container] label {
    width: 88% !important;
    min-width: 88% !important;
    max-width: 88% !important;

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

    margin: 0 auto 9px !important;
    padding: 0 10px !important;

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

    text-align: center !important;
    box-sizing: border-box !important;
  }
}
/* Mobile sort modal: final compact balanced size */
@media screen and (max-width: 719px) {
  body.template-collection .modal[data-modal-container] .modal-inner {
    width: 46vw !important;
    min-width: 300px !important;
    max-width: 360px !important;
    padding: 56px 16px 20px !important;
  }

  body.template-collection .modal[data-modal-container] button:not(.modal-close),
  body.template-collection .modal[data-modal-container] a,
  body.template-collection .modal[data-modal-container] label {
    width: 86% !important;
    min-width: 86% !important;
    max-width: 86% !important;

    height: 36px !important;
    min-height: 36px !important;
    margin-bottom: 8px !important;

    font-size: 12.5px !important;
  }

  html[dir="rtl"] body.template-collection .modal[data-modal-container] h1,
  html[dir="rtl"] body.template-collection .modal[data-modal-container] h2,
  html[dir="rtl"] body.template-collection .modal[data-modal-container] h3,
  html[dir="rtl"] body.template-collection .modal[data-modal-container] .modal-title,
  html[dir="rtl"] body.template-collection .modal[data-modal-container] [class*="title"] {
    top: 22px !important;
    right: 24px !important;
    font-size: 20px !important;
  }
}
/* Mobile sort modal: move close X to marked position */
@media screen and (max-width: 719px) {
  body.template-collection .modal[data-modal-container] .modal-close {
    position: absolute !important;

    top: 14px !important;
    left: 14px !important;
    right: auto !important;

    width: 24px !important;
    height: 24px !important;

    margin: 0 !important;
    padding: 0 !important;

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

    z-index: 20 !important;
  }

  body.template-collection .modal[data-modal-container] .modal-close svg {
    width: 20px !important;
    height: 20px !important;
  }
}

/* Collection page title: smaller on mobile AR/EN */
@media screen and (max-width: 719px) {
  body.template-collection .page-title,
  body.template-collection .collection-title,
  body.template-collection .collection--title,
  body.template-collection h1 {
    font-size: 30px !important;
    line-height: 1.15 !important;
    margin-top: 3px !important;
    margin-bottom: 5px !important;
  }
}

/* Mobile collection sort label: move slightly right */
@media screen and (max-width: 719px) {
  html[dir="rtl"] body.template-collection .utils-sortby::before {
    position: relative !important;
    right: -28px !important;
  }
}

/* Mobile Arabic only: move sort group slightly right */
@media screen and (max-width: 719px) {
  html[dir="rtl"] body.template-collection .utils-sortby {
    position: relative !important;
    right: -26px !important;
  }

  html[dir="rtl"] body.template-collection .utils-sortby::before {
    right: auto !important;
  }
}
/* Mobile Arabic only: bigger sort label and button text */
@media screen and (max-width: 719px) {
  html[dir="rtl"] body.template-collection .utils-sortby::before {
    font-size: 15px !important;
  }

  html[dir="rtl"] body.template-collection .utils-sortby button,
  html[dir="rtl"] body.template-collection .utils-sortby [role="button"],
  html[dir="rtl"] body.template-collection .utils-sortby select {
    font-size: 13.5px !important;
  }
}
/* Mobile collection cards: smaller titles, bigger prices, Arabic ellipsis at end */
@media screen and (max-width: 719px) {
  body.template-collection .productitem--title,
  body.template-collection .productitem--title a {
    font-size: 15px !important;
    line-height: 1.35 !important;
    font-weight: 800 !important;
  }

  body.template-collection .productitem--price,
  body.template-collection .price,
  body.template-collection .price__current,
  body.template-collection .price__current .money {
    font-size: 13px !important;
    line-height: 1.15 !important;
    font-weight: 900 !important;
  }

  html[dir="rtl"] body.template-collection .productitem--title,
  html[dir="rtl"] body.template-collection .productitem--title a {
    direction: ltr !important;
    unicode-bidi: plaintext !important;
    text-align: center !important;
  }
}
/* Mobile collection cards: title direction by language */
@media screen and (max-width: 719px) {
  body.template-collection .productitem--title,
  body.template-collection .productitem--title a {
    font-size: 13px !important;
    line-height: 1.35 !important;
    font-weight: 800 !important;
  }

  html[dir="rtl"] body.template-collection .productitem--title.tamimi-title-ar,
  html[dir="rtl"] body.template-collection .productitem--title a.tamimi-title-ar {
    direction: rtl !important;
    unicode-bidi: plaintext !important;
    text-align: center !important;
  }

  html[dir="rtl"] body.template-collection .productitem--title.tamimi-title-en,
  html[dir="rtl"] body.template-collection .productitem--title a.tamimi-title-en {
    direction: ltr !important;
    unicode-bidi: plaintext !important;
    text-align: center !important;
  }
}
/* Mobile collection cards: reduce price/button/bottom spacing */
@media screen and (max-width: 719px) {
  body.template-collection .productitem--price,
  body.template-collection .price {
    margin-bottom: -3px !important;
  }

  body.template-collection .productitem--actions {
    margin-top: 2px !important;
    margin-bottom: 2px !important;
    padding-bottom: 0 !important;
  }

  body.template-collection .productitem {
    padding-bottom: 4px !important;
  }

  body.template-collection .productitem--actions button,
  body.template-collection .productitem--actions a,
  body.template-collection .productitem--actions .button-primary,
  body.template-collection .productitem--actions .productitem--action-trigger {
    margin-bottom: 0 !important;
  }
}

/* Custom NEW badge: 15% smaller */
@media screen and (max-width: 719px) {
  body.template-collection .tamimi-new-badge,
  body.template-collection .productitem::before {
    width: 25px !important;
    height: 25px !important;
    font-size: 7.8px !important;
  }
}
.tamimi-new-badge,
.productitem::before {
  width: 29px !important;
  height: 29px !important;
  font-size: 7.8px !important;
}
/* Tamimi NEW badge - latest 20 products only */
.productitem--image {
  position: relative !important;
}

.tamimi-new-badge {
  position: absolute !important;
  top: 0px !important;
  left: 0px !important;
  right: auto !important;
  z-index: 30 !important;

  width: 29px !important;
  height: 29px !important;

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

  background: #35aef2 !important;
  color: #ffffff !important;

  font-size: 7.8px !important;
  font-weight: 900 !important;
  line-height: 1 !important;

  clip-path: polygon(
    50% 0%, 60% 15%, 78% 8%, 80% 28%,
    100% 32%, 86% 48%, 100% 64%, 80% 68%,
    78% 92%, 60% 84%, 50% 100%, 40% 84%,
    22% 92%, 20% 68%, 0% 64%, 14% 48%,
    0% 32%, 20% 28%, 22% 8%, 40% 15%
  ) !important;
}
/* Mobile EN only: fix Sort By alignment */
@media screen and (max-width: 719px) {
  html[dir="ltr"] body.template-collection .productgrid--utils {
    justify-content: flex-start !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  html[dir="ltr"] body.template-collection .utils-sortby {
    margin-left: 0 !important;
    right: auto !important;
    left: auto !important;
    transform: none !important;
    max-width: none !important;
    gap: 8px !important;
    flex-direction: row !important;
  }

  html[dir="ltr"] body.template-collection .utils-sortby::before {
    content: "Sort By:" !important;
    display: inline-flex !important;
    align-items: center !important;
    width: auto !important;
    min-width: max-content !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    color: #222222 !important;
  }

  html[dir="ltr"] body.template-collection .utils-sortby button,
  html[dir="ltr"] body.template-collection .utils-sortby [role="button"],
  html[dir="ltr"] body.template-collection .utils-sortby select {
    margin-left: 0 !important;
    width: 96px !important;
    min-width: 96px !important;
    max-width: 96px !important;
    font-size: 13.5px !important;
  }
}
html[dir="ltr"] body.template-collection .utils-sortby {
  margin-left: 2px !important;
}
/* Mobile EN only: force Sort By group away from screen edge */
@media screen and (max-width: 719px) {
  html[dir="ltr"] body.template-collection .productgrid--utils {
    padding-left: 34px !important;
    padding-right: 10px !important;
    justify-content: flex-start !important;
  }

  html[dir="ltr"] body.template-collection .utils-sortby {
    position: relative !important;
    left: 0 !important;
    margin-left: 0 !important;
    transform: translateX(-6px) !important;
  }
}
/* Sale badge: no red shadow + move top left */
.productitem .productitem--badge:not(:empty),
.productitem .productitem__badge:not(:empty),
.productitem .sale-badge:not(:empty),
.productitem .productitem--badge-item:not(:empty) {
  top: 2px!important;
  left: -6px !important;
  right: auto !important;
  box-shadow: none !important;
}

html[dir="rtl"] .productitem .productitem--badge:not(:empty),
html[dir="rtl"] .productitem .productitem__badge:not(:empty),
html[dir="rtl"] .productitem .sale-badge:not(:empty),
html[dir="rtl"] .productitem .productitem--badge-item:not(:empty) {
  left: 4px !important;
  right: auto !important;
}

/* Tamimi variant wheel - final single version */
.product-form options-selection,
.tamimi-wheel-product-modal .product-gallery,
.tamimi-wheel-product-modal [data-product-gallery],
.tamimi-wheel-product-modal .product-block--title,
.tamimi-wheel-product-modal .product-block--price,
.tamimi-wheel-product-modal options-selection,
.tamimi-wheel-product-modal .options-selection__option-header,
.tamimi-wheel-product-modal .options-selection__option-values {
  display: none !important;
}

.tamimi-wheel-product-modal .product-main,
.tamimi-wheel-product-modal .product-details,
.tamimi-wheel-product-modal .product-form--regular,
.tamimi-wheel-product-modal [data-product-form-area] {
  width: 100% !important;
  max-width: 100% !important;
}

.tamimi-variant-wheel {
  display: block !important;
  margin: 0 auto 1rem !important;
}

.tamimi-wheel-preview {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 7px !important;
  margin: 0 0 12px !important;
  text-align: center !important;
}

.tamimi-wheel-preview img {
  width: 150px !important;
  height: 150px !important;
  object-fit: contain !important;
}

.tamimi-wheel-product-title {
  color: #202020 !important;
  font-size: 17px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
}

.tamimi-wheel-variant-title {
  color: #202020 !important;
  font-size: 14px !important;
  font-weight: 800 !important;
}

.tamimi-wheel-price {
  color: #49a4db !important;
  font-size: 17px !important;
  font-weight: 900 !important;
}

.tamimi-wheel-window {
  position: relative !important;
  width: 100% !important;
  max-width: 360px !important;
  height: 250px !important;
  margin: 0 auto 14px !important;
  overflow: hidden !important;
  --tamimi-wheel-row: 42px;
}

.tamimi-wheel-window::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 9% !important;
  right: 9% !important;
  height: var(--tamimi-wheel-row) !important;
  transform: translateY(-50%) !important;
  z-index: 1 !important;
  border-radius: 12px !important;
  background: #28a9e2 !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.14) !important;
  pointer-events: none !important;
}

.tamimi-wheel-window::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 3 !important;
  pointer-events: none !important;
  background:
    linear-gradient(to bottom, #ffffff 0%, rgba(255,255,255,0) 32%),
    linear-gradient(to top, #ffffff 0%, rgba(255,255,255,0) 32%) !important;
}

.tamimi-wheel-list {
  position: relative !important;
  z-index: 2 !important;
  width: 100% !important;
  height: 100% !important;
  padding: 104px 0 !important;

  overflow-x: hidden !important;
  overflow-y: auto !important;

  scroll-snap-type: none !important;
  scroll-behavior: auto !important;
  scrollbar-width: none !important;

  touch-action: pan-y !important;
  overscroll-behavior-x: none !important;
  overscroll-behavior-y: contain !important;
  -webkit-overflow-scrolling: touch !important;

  cursor: grab !important;
  user-select: none !important;
}

.tamimi-wheel-list::-webkit-scrollbar {
  display: none !important;
}

.tamimi-wheel-list:active {
  cursor: grabbing !important;
}

.tamimi-wheel-option {
  position: relative !important;
  z-index: 4 !important;

  width: 82% !important;
  max-width: 82% !important;
  height: 42px !important;
  min-height: 42px !important;
  margin: 0 auto 8px !important;

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

  border: 0 !important;
  border-radius: 12px !important;
  background: transparent !important;
  box-shadow: none !important;

  color: #8a8a8a !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
  text-align: center !important;

  opacity: 0.28 !important;
  transform: scale(0.82) !important;
  transform-origin: center center !important;

  pointer-events: none !important;
  transition: opacity 120ms ease, transform 120ms ease, color 120ms ease, font-size 120ms ease !important;
}

.tamimi-wheel-option.is-near {
  color: #666666 !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  opacity: 0.62 !important;
  transform: scale(0.92) !important;
}

.tamimi-wheel-option.is-active {
  color: #ffffff !important;
  font-size: 19px !important;
  font-weight: 950 !important;
  opacity: 1 !important;
  transform: scale(1.08) !important;
}

.tamimi-wheel-option:disabled {
  opacity: 0.18 !important;
  text-decoration: line-through !important;
}

@media screen and (max-width: 719px) {
  .tamimi-wheel-preview img {
    width: 135px !important;
    height: 135px !important;
  }

  .tamimi-wheel-window {
    max-width: 320px !important;
    height: 240px !important;
  }

  .tamimi-wheel-list {
    padding: 99px 0 !important;
  }

  .tamimi-wheel-option.is-active {
    font-size: 18px !important;
    font-weight: 950 !important;
  }
}
.tamimi-wheel-option {
  font-size: 13px !important;
  font-weight: 700 !important;
  opacity: 0.28 !important;
  transform: scale(0.82) !important;
}

.tamimi-wheel-option.is-near {
  font-size: 14px !important;
  font-weight: 800 !important;
  opacity: 0.62 !important;
  transform: scale(0.92) !important;
}

.tamimi-wheel-option.is-active {
  font-size: 19px !important;
  font-weight: 950 !important;
  color: #ffffff !important;
  opacity: 1 !important;
  transform: scale(1.08) !important;
}
/* Wheel tick feedback without touching active option */
.tamimi-variant-wheel.tamimi-wheel-tick .tamimi-wheel-window::before {
  animation: tamimi-wheel-center-tick 90ms ease-out !important;
}

@keyframes tamimi-wheel-center-tick {
  0% {
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.14) !important;
  }

  50% {
    box-shadow:
      0 8px 20px rgba(0, 0, 0, 0.18),
      0 0 0 2px rgba(53, 174, 242, 0.18) !important;
  }

  100% {
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.14) !important;
  }
}
/* Professional wheel tick feedback */
.tamimi-variant-wheel.tamimi-wheel-hard-tick .tamimi-wheel-window::before {
  animation: tamimi-wheel-hard-tick 130ms ease-out !important;
}

@keyframes tamimi-wheel-hard-tick {
  0% {
    background: #28a9e2 !important;
    box-shadow: 0 8px 20px rgba(40, 169, 226, 0.20) !important;
  }

  45% {
    background: #168fc4 !important;
    box-shadow:
      0 10px 24px rgba(40, 169, 226, 0.30),
      0 0 0 3px rgba(53, 174, 242, 0.35) !important;
  }

  100% {
    background: #28a9e2 !important;
    box-shadow: 0 8px 20px rgba(40, 169, 226, 0.20) !important;
  }
}

/* Wheel heavier controlled feel */
.tamimi-wheel-list {
  scroll-behavior: smooth !important;
}

.tamimi-wheel-option {
  transition:
    opacity 180ms ease,
    transform 180ms ease,
    color 180ms ease,
    font-size 180ms ease !important;
}
/* Mobile: shorter variant wheel */
@media screen and (max-width: 719px) {
  .tamimi-wheel-window {
    height: 200px !important;
  }

  .tamimi-wheel-list {
    padding-top: 79px !important;
    padding-bottom: 79px !important;
  }
}
/* Mobile quick shop: reduce white space above variant image */
@media screen and (max-width: 719px) {
  .tamimi-wheel-product-modal .product-main,
  .tamimi-wheel-product-modal .product-details,
  .tamimi-wheel-product-modal .product-form--regular,
  .tamimi-wheel-product-modal [data-product-form-area] {
    padding-top: 0 !important;
    margin-top: 0 !important;
  }

  .tamimi-variant-wheel {
    margin-top: -22px !important;
  }

  .tamimi-wheel-preview {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
}

/* Mobile quick shop: premium quantity row */
@media screen and (max-width: 719px) {
  .tamimi-wheel-product-modal .product-form--atc {
    margin-top: 14px !important;
  }

  .tamimi-wheel-product-modal .product-form__action-wrapper {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  .tamimi-wheel-product-modal .quantity-selector {
    width: 100% !important;
    max-width: 520px !important;
    margin: 0 auto !important;

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

    padding: 8px 10px !important;
    border-radius: 14px !important;
    background: #f6f7f8 !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    box-shadow: none !important;
  }

  .tamimi-wheel-product-modal .quantity-selector::before {
    content: "Quantity" !important;
    color: #202020 !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
  }

  html[dir="rtl"] .tamimi-wheel-product-modal .quantity-selector::before {
    content: "الكمية" !important;
  }

  .tamimi-wheel-product-modal .quantity-selector__wrapper,
  .tamimi-wheel-product-modal .quantity-selector__container {
    width: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .tamimi-wheel-product-modal .quantity-selector button,
  .tamimi-wheel-product-modal .quantity-selector input,
  .tamimi-wheel-product-modal .quantity-selector__button,
  .tamimi-wheel-product-modal .quantity-selector__input {
    height: 34px !important;
    min-height: 34px !important;
    margin: 0 !important;
    box-shadow: none !important;
  }

  .tamimi-wheel-product-modal .quantity-selector button,
  .tamimi-wheel-product-modal .quantity-selector__button {
    width: 36px !important;
    min-width: 36px !important;
    border-radius: 10px !important;
    border: 0 !important;
    background: #ffffff !important;
    color: #202020 !important;
    font-size: 18px !important;
    font-weight: 900 !important;
  }

  .tamimi-wheel-product-modal .quantity-selector input,
  .tamimi-wheel-product-modal .quantity-selector__input {
    width: 46px !important;
    min-width: 46px !important;
    border: 0 !important;
    background: transparent !important;
    color: #202020 !important;
    font-size: 17px !important;
    font-weight: 900 !important;
    text-align: center !important;
  }

  .tamimi-wheel-product-modal .product-form--atc-button {
    width: 100% !important;
    min-height: 46px !important;
    border-radius: 14px !important;
    background: #28a9e2 !important;
    border: 0 !important;
    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    box-shadow: 0 10px 22px rgba(40, 169, 226, 0.22) !important;
  }
}
/* Mobile quick shop: fix close X + compact quantity row */
@media screen and (max-width: 719px) {
  /* Bring X fully inside modal */
  .modal[data-modal-container] .modal-close,
  .modal-1[data-modal-container-1] .modal-close {
    top: 18px !important;
    left: 18px !important;
    right: auto !important;
    width: 30px !important;
    height: 30px !important;
    padding: 0 !important;
    overflow: visible !important;
    z-index: 50 !important;
  }

  .modal[data-modal-container] .modal-close svg,
  .modal-1[data-modal-container-1] .modal-close svg {
    width: 24px !important;
    height: 24px !important;
  }

  /* Quantity row */
  .tamimi-wheel-product-modal .quantity-selector {
    height: 48px !important;
    min-height: 48px !important;
    padding: 5px 8px !important;
    margin: 0 auto 10px !important;

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

    border-radius: 13px !important;
    background: #f6f7f8 !important;
    border: 1px solid rgba(0, 0, 0, 0.10) !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  /* Hide original duplicated Quantity label */
  .tamimi-wheel-product-modal .quantity-selector label,
  .tamimi-wheel-product-modal .quantity-selector .form-field-title,
  .tamimi-wheel-product-modal .quantity-selector__label {
    display: none !important;
  }

  .tamimi-wheel-product-modal .quantity-selector::before {
    content: "Quantity" !important;
    flex: 0 0 auto !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    color: #202020 !important;
    line-height: 1 !important;
  }

  html[dir="rtl"] .tamimi-wheel-product-modal .quantity-selector::before {
    content: "الكمية" !important;
  }

  .tamimi-wheel-product-modal .quantity-selector__wrapper,
  .tamimi-wheel-product-modal .quantity-selector__container,
  .tamimi-wheel-product-modal .quantity-selector .form-field-input-wrapper {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 112px !important;
    height: 36px !important;

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

    border-radius: 11px !important;
    background: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.12) !important;
    overflow: hidden !important;
  }

  .tamimi-wheel-product-modal .quantity-selector button,
  .tamimi-wheel-product-modal .quantity-selector__button {
    width: 34px !important;
    min-width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
    padding: 0 !important;
    margin: 0 !important;

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

    border: 0 !important;
    background: transparent !important;
    color: #202020 !important;
    font-size: 18px !important;
    font-weight: 900 !important;
    box-shadow: none !important;
  }

  .tamimi-wheel-product-modal .quantity-selector input,
  .tamimi-wheel-product-modal .quantity-selector__input {
    width: 42px !important;
    min-width: 42px !important;
    height: 34px !important;
    min-height: 34px !important;
    padding: 0 !important;
    margin: 0 !important;

    border: 0 !important;
    background: transparent !important;
    color: #202020 !important;

    font-size: 16px !important;
    font-weight: 900 !important;
    text-align: center !important;
    box-shadow: none !important;
  }
}
/* Mobile quick shop: final custom quantity row */
@media screen and (max-width: 719px) {
  .tamimi-original-qty-hidden {
    display: none !important;
  }

  .tamimi-qty-row {
    width: 100% !important;
    max-width: 520px !important;
    height: 44px !important;

    margin: 0 auto 10px !important;
    padding: 0 10px !important;

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

    border-radius: 13px !important;
    background: #f6f7f8 !important;
    border: 1px solid rgba(0, 0, 0, 0.10) !important;
    box-sizing: border-box !important;
  }

  .tamimi-qty-label {
    color: #202020 !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
  }

  .tamimi-qty-control {
    height: 32px !important;

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

    border-radius: 10px !important;
    background: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.12) !important;
    overflow: hidden !important;
  }

  .tamimi-qty-minus,
  .tamimi-qty-plus {
    width: 34px !important;
    height: 32px !important;

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

    border: 0 !important;
    background: transparent !important;
    color: #202020 !important;

    font-size: 18px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    padding: 0 !important;
  }

  .tamimi-qty-value {
    width: 38px !important;
    height: 32px !important;

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

    color: #202020 !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
  }

  .modal[data-modal-container] .modal-close,
  .modal-1[data-modal-container-1] .modal-close {
    top: 18px !important;
    left: 18px !important;
    width: 30px !important;
    height: 30px !important;
    overflow: visible !important;
    z-index: 80 !important;
  }
}
/* Final mobile quantity cleanup */
@media screen and (max-width: 719px) {
  .tamimi-wheel-product-modal .quantity-selector,
  .tamimi-wheel-product-modal .quantity-selector__wrapper,
  .tamimi-wheel-product-modal .quantity-selector__container,
  .tamimi-wheel-product-modal .product-form__quantity,
  .tamimi-wheel-product-modal [data-quantity-selector] {
    display: none !important;
  }

  .tamimi-wheel-product-modal .tamimi-qty-row {
    display: flex !important;
    width: 100% !important;
    max-width: 520px !important;
    height: 42px !important;

    margin: 0 auto 10px !important;
    padding: 0 12px !important;

    align-items: center !important;
    justify-content: space-between !important;

    border-radius: 13px !important;
    background: #f6f7f8 !important;
    border: 1px solid rgba(0, 0, 0, 0.10) !important;
    box-sizing: border-box !important;
  }

  .tamimi-wheel-product-modal .tamimi-qty-label {
    font-size: 15px !important;
    font-weight: 900 !important;
    color: #202020 !important;
  }

  .tamimi-wheel-product-modal .tamimi-qty-control {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    height: 30px !important;
    min-width: 112px !important;

    border-radius: 10px !important;
    background: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.12) !important;
    overflow: hidden !important;
  }

  .tamimi-wheel-product-modal .tamimi-qty-minus,
  .tamimi-wheel-product-modal .tamimi-qty-plus {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 34px !important;
    height: 30px !important;

    border: 0 !important;
    background: transparent !important;
    color: #202020 !important;

    font-size: 17px !important;
    font-weight: 900 !important;
    padding: 0 !important;
  }

  .tamimi-wheel-product-modal .tamimi-qty-value {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 40px !important;
    height: 30px !important;

    color: #202020 !important;
    font-size: 16px !important;
    font-weight: 900 !important;
  }
}
/* Mobile quick shop: keep content inside modal only */
@media screen and (max-width: 719px) {
  .tamimi-wheel-product-modal {
    overflow: hidden !important;
  }

  .modal[data-modal-container] .modal-inner:has(.tamimi-wheel-product-modal),
  .modal-1[data-modal-container-1] .modal-inner:has(.tamimi-wheel-product-modal) {
    overflow-y: auto !important;
    overflow-x: hidden !important;
    max-height: calc(100vh - 150px) !important;
    padding-top: 42px !important;
    box-sizing: border-box !important;
  }

  .modal[data-modal-container] .modal-content:has(.tamimi-wheel-product-modal),
  .modal-1[data-modal-container-1] .modal-content:has(.tamimi-wheel-product-modal) {
    overflow: visible !important;
    padding-top: 0 !important;
  }

  .tamimi-wheel-product-modal .tamimi-wheel-preview,
  .tamimi-wheel-product-modal .tamimi-wheel-product-title,
  .tamimi-wheel-product-modal .surface-pick-up,
  .tamimi-wheel-product-modal [data-surface-pick-up] {
    position: relative !important;
    top: auto !important;
    margin-top: 0 !important;
  }

  .tamimi-wheel-product-modal [data-surface-pick-up],
  .tamimi-wheel-product-modal .surface-pick-up {
    margin-top: 18px !important;
    padding-bottom: 20px !important;
  }
}

/* Mobile quick shop: product title below image */
@media screen and (max-width: 719px) {
  .tamimi-wheel-product-modal .tamimi-wheel-preview {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
  }

  .tamimi-wheel-product-modal .tamimi-wheel-preview img {
    order: 1 !important;
    margin-bottom: 10px !important;
  }

  .tamimi-wheel-product-modal .tamimi-wheel-preview-info {
    order: 2 !important;
    width: 100% !important;
    text-align: center !important;
  }

  .tamimi-wheel-product-modal .tamimi-wheel-product-title {
    display: block !important;
    margin: 0 0 4px !important;
    text-align: center !important;
  }

  .tamimi-wheel-product-modal .tamimi-wheel-variant-title {
    display: block !important;
    margin: 0 0 3px !important;
    text-align: center !important;
  }

  .tamimi-wheel-product-modal .tamimi-wheel-price {
    display: block !important;
    margin: 0 !important;
    text-align: center !important;
  }
}
/* Mobile quick shop: stable preview order AR/EN */
@media screen and (max-width: 719px) {
  .tamimi-wheel-product-modal .tamimi-wheel-preview {
    display: grid !important;
    grid-template-areas:
      "title"
      "image"
      "variant"
      "price" !important;
    justify-items: center !important;
    align-items: center !important;
    text-align: center !important;
    direction: inherit !important;
  }

  .tamimi-wheel-product-modal .tamimi-wheel-preview-info {
    display: block !important;
  }

  .tamimi-wheel-product-modal .tamimi-wheel-product-title {
    grid-area: title !important;
    display: block !important;
    width: 100% !important;
    margin: 0 0 8px !important;
    text-align: center !important;
    direction: inherit !important;
  }

  .tamimi-wheel-product-modal .tamimi-wheel-preview img {
    grid-area: image !important;
    display: block !important;
    margin: 0 auto 10px !important;
  }

  .tamimi-wheel-product-modal .tamimi-wheel-variant-title {
    grid-area: variant !important;
    display: block !important;
    width: 100% !important;
    margin: 0 0 3px !important;
    text-align: center !important;
    direction: inherit !important;
  }

  .tamimi-wheel-product-modal .tamimi-wheel-price {
    grid-area: price !important;
    display: block !important;
    width: 100% !important;
    margin: 0 0 10px !important;
    text-align: center !important;
    direction: ltr !important;
  }
}
/* Mobile quick shop: stable title/image/variant/price order */
@media screen and (max-width: 719px) {
  .tamimi-wheel-product-modal .tamimi-wheel-preview {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    text-align: center !important;
    direction: inherit !important;
    gap: 0 !important;
  }

  .tamimi-wheel-product-modal .tamimi-wheel-product-title {
    order: 1 !important;
    width: 100% !important;
    margin: 0 0 10px !important;
    text-align: center !important;
    font-size: 18px !important;
    font-weight: 950 !important;
    line-height: 1.2 !important;
    color: #202020 !important;
  }

  .tamimi-wheel-product-modal .tamimi-wheel-preview img {
    order: 2 !important;
    display: block !important;
    margin: 0 auto 12px !important;
  }

  .tamimi-wheel-product-modal .tamimi-wheel-preview-info {
    order: 3 !important;
    width: 100% !important;
    display: block !important;
    text-align: center !important;
  }

  .tamimi-wheel-product-modal .tamimi-wheel-variant-title {
    display: block !important;
    width: 100% !important;
    margin: 0 0 4px !important;
    text-align: center !important;
    font-size: 17px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
    color: #202020 !important;
  }

  .tamimi-wheel-product-modal .tamimi-wheel-price {
    display: block !important;
    width: 100% !important;
    margin: 0 0 10px !important;
    text-align: center !important;
    direction: ltr !important;
    font-size: 19px !important;
    font-weight: 950 !important;
    color: #49a4db !important;
  }

  .tamimi-wheel-product-modal .tamimi-wheel-window {
    margin-top: 0 !important;
  }

  .tamimi-wheel-product-modal .tamimi-qty-minus,
  .tamimi-wheel-product-modal .tamimi-qty-plus {
    font-size: 24px !important;
    font-weight: 950 !important;
  }
}
/* Step 1: product title centered above image - mobile quick shop only */
@media screen and (max-width: 719px) {
  .tamimi-wheel-product-modal .tamimi-wheel-preview {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
  }

  .tamimi-wheel-product-modal .tamimi-wheel-product-title {
    order: 1 !important;
    position: static !important;

    display: block !important;
    width: 100% !important;
    max-width: calc(100% - 72px) !important;

    margin: 0 auto 12px !important;
    padding: 0 !important;

    text-align: center !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: anywhere !important;

    font-size: 18px !important;
    font-weight: 950 !important;
    line-height: 1.25 !important;
    color: #202020 !important;
  }

  html[dir="rtl"] .tamimi-wheel-product-modal .tamimi-wheel-product-title {
    direction: rtl !important;
    unicode-bidi: plaintext !important;
  }

  html[dir="ltr"] .tamimi-wheel-product-modal .tamimi-wheel-product-title {
    direction: ltr !important;
    unicode-bidi: plaintext !important;
  }

  .tamimi-wheel-product-modal .tamimi-wheel-preview img {
    order: 2 !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .tamimi-wheel-product-modal .tamimi-wheel-preview-info {
    order: 3 !important;
  }
}
/* Arabic product title: force true center */
@media screen and (max-width: 719px) {
  html[dir="rtl"] .tamimi-wheel-product-modal .tamimi-wheel-product-title {
    width: 100% !important;
    max-width: 100% !important;

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

    margin-left: auto !important;
    margin-right: auto !important;

    text-align: center !important;
    direction: rtl !important;
    unicode-bidi: plaintext !important;
  }
}
@media screen and (max-width: 719px) {
  html[dir="rtl"] .tamimi-wheel-product-modal .tamimi-wheel-preview {
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
/* Mobile quick shop: reduce selected variant image by 50% */
@media screen and (max-width: 719px) {
  .tamimi-wheel-product-modal .tamimi-wheel-preview img,
  .tamimi-wheel-preview img[data-tamimi-wheel-image] {
    width: 68px !important;
    height: 68px !important;
    max-width: 68px !important;
    max-height: 68px !important;

    object-fit: contain !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
/* Mobile quick shop: force variant image smaller */
@media screen and (max-width: 719px) {
  .tamimi-wheel-product-modal .tamimi-wheel-preview {
    overflow: visible !important;
  }

  .tamimi-wheel-product-modal .tamimi-wheel-preview img[data-tamimi-wheel-image] {
    width: 72px !important;
    height: 72px !important;
    max-width: 72px !important;
    max-height: 72px !important;
    min-width: 72px !important;
    min-height: 72px !important;

    object-fit: contain !important;

    transform: none !important;
    scale: 1 !important;

    margin: 0 auto 10px !important;
  }

  .tamimi-wheel-product-modal .tamimi-wheel-preview picture,
  .tamimi-wheel-product-modal .tamimi-wheel-preview .rimg,
  .tamimi-wheel-product-modal .tamimi-wheel-preview [data-rimg] {
    width: 72px !important;
    height: 72px !important;
    max-width: 72px !important;
    max-height: 72px !important;
    min-width: 72px !important;
    min-height: 72px !important;
  }
}
/* Mobile quick shop: fixed preview structure */
@media screen and (max-width: 719px) {
  .tamimi-wheel-product-modal .tamimi-wheel-preview {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    text-align: center !important;
    direction: inherit !important;
  }

  .tamimi-wheel-product-modal .tamimi-wheel-product-title {
    order: 1 !important;
    width: 100% !important;
    max-width: 92% !important;
    margin: 0 auto 10px !important;
    text-align: center !important;
    font-size: 18px !important;
    font-weight: 950 !important;
    line-height: 1.25 !important;
    color: #202020 !important;
  }

  html[dir="rtl"] .tamimi-wheel-product-modal .tamimi-wheel-product-title {
    direction: rtl !important;
    text-align: center !important;
  }

  .tamimi-wheel-product-modal .tamimi-wheel-selected-image {
    order: 2 !important;
    width: 96px !important;
    height: 96px !important;
    max-width: 96px !important;
    max-height: 96px !important;
    object-fit: contain !important;
    transform: none !important;
    margin: 0 auto 12px !important;
  }

  .tamimi-wheel-product-modal .tamimi-wheel-preview-info {
    order: 3 !important;
    display: block !important;
    width: 100% !important;
    text-align: center !important;
  }

  .tamimi-wheel-product-modal .tamimi-wheel-variant-title {
    display: block !important;
    width: 100% !important;
    margin: 0 0 4px !important;
    text-align: center !important;
    font-size: 17px !important;
    font-weight: 900 !important;
    color: #202020 !important;
  }

  .tamimi-wheel-product-modal .tamimi-wheel-price {
    display: block !important;
    width: 100% !important;
    margin: 0 0 10px !important;
    text-align: center !important;
    direction: ltr !important;
    font-size: 19px !important;
    font-weight: 950 !important;
    color: #49a4db !important;
  }
}
/* Mobile quick shop: clean preview order AR/EN */
@media screen and (max-width: 719px) {
  .tamimi-wheel-product-modal .tamimi-wheel-preview-clean {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    text-align: center !important;
    direction: inherit !important;
    gap: 0 !important;
  }

  .tamimi-wheel-product-modal .tamimi-preview-title {
    display: block !important;
    width: 100% !important;
    max-width: 92% !important;
    margin: 0 auto 10px !important;
    padding: 0 !important;

    text-align: center !important;
    font-size: 18px !important;
    font-weight: 950 !important;
    line-height: 1.25 !important;
    color: #202020 !important;

    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  html[dir="rtl"] .tamimi-wheel-product-modal .tamimi-preview-title {
    direction: rtl !important;
    unicode-bidi: isolate !important;
    text-align: center !important;
  }

  html[dir="ltr"] .tamimi-wheel-product-modal .tamimi-preview-title {
    direction: ltr !important;
    unicode-bidi: isolate !important;
    text-align: center !important;
  }

  .tamimi-wheel-product-modal .tamimi-preview-image {
    display: block !important;
    width: 96px !important;
    height: 96px !important;
    max-width: 96px !important;
    max-height: 96px !important;
    object-fit: contain !important;
    transform: none !important;
    margin: 0 auto 12px !important;
  }

  .tamimi-wheel-product-modal .tamimi-preview-variant {
    display: block !important;
    width: 100% !important;
    margin: 0 0 4px !important;

    text-align: center !important;
    font-size: 17px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
    color: #202020 !important;
  }

  html[dir="rtl"] .tamimi-wheel-product-modal .tamimi-preview-variant {
    direction: rtl !important;
    unicode-bidi: isolate !important;
  }

  html[dir="ltr"] .tamimi-wheel-product-modal .tamimi-preview-variant {
    direction: ltr !important;
    unicode-bidi: isolate !important;
  }

  .tamimi-wheel-product-modal .tamimi-preview-price {
    display: block !important;
    width: 100% !important;
    margin: 0 0 10px !important;

    text-align: center !important;
    direction: ltr !important;
    font-size: 19px !important;
    font-weight: 950 !important;
    line-height: 1.1 !important;
    color: #49a4db !important;
  }
}

/* Quick shop wheel header V2 - isolated AR/EN fix */
@media screen and (max-width: 719px) {
  .tamimi-wheel-product-modal .tamimi-wheel-head-v2 {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;

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

    margin: 0 auto 10px !important;
    padding: 0 !important;

    text-align: center !important;
    direction: inherit !important;
  }

  .tamimi-wheel-product-modal .tamimi-wheel-product-name-v2 {
    order: 1 !important;

    display: block !important;
    width: 100% !important;
    max-width: 92% !important;

    margin: 0 auto 10px !important;
    padding: 0 !important;

    color: #202020 !important;
    font-size: 18px !important;
    font-weight: 950 !important;
    line-height: 1.25 !important;

    text-align: center !important;
    position: static !important;
    transform: none !important;
  }

  html[dir="rtl"] .tamimi-wheel-product-modal .tamimi-wheel-product-name-v2 {
    direction: rtl !important;
    unicode-bidi: isolate !important;
    text-align: center !important;
  }

  html[dir="ltr"] .tamimi-wheel-product-modal .tamimi-wheel-product-name-v2 {
    direction: ltr !important;
    unicode-bidi: isolate !important;
    text-align: center !important;
  }

  .tamimi-wheel-product-modal .tamimi-wheel-image-v2 {
    order: 2 !important;

    display: block !important;
    width: 96px !important;
    height: 96px !important;
    max-width: 96px !important;
    max-height: 96px !important;
    min-width: 96px !important;
    min-height: 96px !important;

    margin: 0 auto 12px !important;
    padding: 0 !important;

    object-fit: contain !important;
    transform: none !important;
    scale: 1 !important;
    position: static !important;
  }

  .tamimi-wheel-product-modal .tamimi-wheel-variant-name-v2 {
    order: 3 !important;

    display: block !important;
    width: 100% !important;
    max-width: 92% !important;

    margin: 0 auto 4px !important;
    padding: 0 !important;

    color: #202020 !important;
    font-size: 17px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;

    text-align: center !important;
    position: static !important;
    transform: none !important;
  }

  html[dir="rtl"] .tamimi-wheel-product-modal .tamimi-wheel-variant-name-v2 {
    direction: rtl !important;
    unicode-bidi: isolate !important;
  }

  html[dir="ltr"] .tamimi-wheel-product-modal .tamimi-wheel-variant-name-v2 {
    direction: ltr !important;
    unicode-bidi: isolate !important;
  }

  .tamimi-wheel-product-modal .tamimi-wheel-price-v2 {
    order: 4 !important;

    display: block !important;
    width: 100% !important;

    margin: 0 auto 10px !important;
    padding: 0 !important;

    color: #49a4db !important;
    font-size: 19px !important;
    font-weight: 950 !important;
    line-height: 1.1 !important;

    text-align: center !important;
    direction: ltr !important;
    position: static !important;
    transform: none !important;
  }

  .tamimi-wheel-product-modal .tamimi-wheel-window {
    margin-top: 0 !important;
  }
}

/* Final fix: show product title above variant image */
@media screen and (max-width: 719px) {
  body .tamimi-wheel-product-modal .tamimi-wheel-head-v2 {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    text-align: center !important;
  }

  body .tamimi-wheel-product-modal .tamimi-wheel-product-name-v2 {
    order: 1 !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;

    width: 100% !important;
    max-width: 92% !important;
    min-height: 24px !important;

    margin: 0 auto 10px !important;
    padding: 0 !important;

    color: #202020 !important;
    font-size: 18px !important;
    font-weight: 950 !important;
    line-height: 1.25 !important;
    text-align: center !important;

    position: static !important;
    transform: none !important;
    overflow: visible !important;
    white-space: normal !important;
  }

  html[dir="rtl"] body .tamimi-wheel-product-modal .tamimi-wheel-product-name-v2 {
    direction: rtl !important;
    unicode-bidi: isolate !important;
  }

  html[dir="ltr"] body .tamimi-wheel-product-modal .tamimi-wheel-product-name-v2 {
    direction: ltr !important;
    unicode-bidi: isolate !important;
  }

  body .tamimi-wheel-product-modal .tamimi-wheel-image-v2 {
    order: 2 !important;
  }

  body .tamimi-wheel-product-modal .tamimi-wheel-variant-name-v2 {
    order: 3 !important;
  }

  body .tamimi-wheel-product-modal .tamimi-wheel-price-v2 {
    order: 4 !important;
  }
}
@media screen and (max-width: 719px) {
  .tamimi-wheel-product-modal .tamimi-wheel-product-title-force {
    display: block !important;
    width: 92% !important;
    margin: 0 auto 10px !important;

    color: #202020 !important;
    font-size: 18px !important;
    font-weight: 950 !important;
    line-height: 1.25 !important;
    text-align: center !important;

    visibility: visible !important;
    opacity: 1 !important;
    position: static !important;
    transform: none !important;
  }

  html[dir="rtl"] .tamimi-wheel-product-modal .tamimi-wheel-product-title-force {
    direction: rtl !important;
    unicode-bidi: isolate !important;
  }

  html[dir="ltr"] .tamimi-wheel-product-modal .tamimi-wheel-product-title-force {
    direction: ltr !important;
    unicode-bidi: isolate !important;
  }
}
/* Mobile quick shop: shorter wheel + stronger selected option */
@media screen and (max-width: 719px) {
  .tamimi-wheel-product-modal .tamimi-wheel-window {
    height: 175px !important;
  }

  .tamimi-wheel-product-modal .tamimi-wheel-list {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }

  .tamimi-wheel-product-modal .tamimi-wheel-option.is-active {
    font-size: 22px !important;
    font-weight: 950 !important;
    transform: scale(1.08) !important;
  }
}
/* Mobile quick shop: bigger wheel option text */
@media screen and (max-width: 719px) {
  .tamimi-wheel-product-modal .tamimi-wheel-option {
    font-size: 30px !important;
  }

  .tamimi-wheel-product-modal .tamimi-wheel-option.is-near {
    font-size: 33px !important;
  }

  .tamimi-wheel-product-modal .tamimi-wheel-option.is-active {
    font-size: 37px !important;
  }
}
/* Mobile quick shop: selected wheel option double size */
@media screen and (max-width: 719px) {
  .tamimi-wheel-product-modal .tamimi-wheel-option.is-active {
    font-size: 44px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    transform: scale(1) !important;
  }
}
/* Mobile quick shop: professional quantity buttons */
@media screen and (max-width: 719px) {
  .tamimi-wheel-product-modal .tamimi-qty-control {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;

    min-width: 0 !important;
    height: 34px !important;

    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    overflow: visible !important;

    direction: ltr !important;
  }

  .tamimi-wheel-product-modal .tamimi-qty-minus,
  .tamimi-wheel-product-modal .tamimi-qty-plus {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    min-height: 34px !important;

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

    border: 1px solid rgba(0, 0, 0, 0.12) !important;
    border-radius: 9px !important;
    background: #e9ecef !important;
    color: #202020 !important;

    font-size: 22px !important;
    font-weight: 950 !important;
    line-height: 1 !important;

    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.65) !important;
  }

  .tamimi-wheel-product-modal .tamimi-qty-value {
    width: 46px !important;
    height: 34px !important;
    min-width: 46px !important;

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

    border: 1px solid rgba(0, 0, 0, 0.12) !important;
    border-radius: 9px !important;
    background: #ffffff !important;
    color: #202020 !important;

    font-size: 17px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
  }

  .tamimi-wheel-product-modal .tamimi-qty-minus {
    order: 1 !important;
  }

  .tamimi-wheel-product-modal .tamimi-qty-value {
    order: 2 !important;
  }

  .tamimi-wheel-product-modal .tamimi-qty-plus {
    order: 3 !important;
  }
}
/* Mobile quick shop: smaller quantity plus/minus symbols */
@media screen and (max-width: 719px) {
  .tamimi-wheel-product-modal .tamimi-qty-minus,
  .tamimi-wheel-product-modal .tamimi-qty-plus {
    font-size: 15px !important;
    font-weight: 900 !important;
  }
}
/* Final quantity buttons: smaller buttons + single clean symbols */
@media screen and (max-width: 719px) {
  body .tamimi-wheel-product-modal .tamimi-qty-control {
    gap: 5px !important;
    height: 28px !important;
  }

  body .tamimi-wheel-product-modal .tamimi-qty-minus,
  body .tamimi-wheel-product-modal .tamimi-qty-plus {
    position: relative !important;

    width: 24px !important;
    min-width: 24px !important;
    max-width: 24px !important;

    height: 24px !important;
    min-height: 24px !important;
    max-height: 24px !important;

    padding: 0 !important;
    margin: 0 !important;

    border-radius: 7px !important;
    background: #e9ecef !important;
    border: 1px solid rgba(0, 0, 0, 0.12) !important;

    color: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;

    overflow: hidden !important;
  }

  body .tamimi-wheel-product-modal .tamimi-qty-minus > *,
  body .tamimi-wheel-product-modal .tamimi-qty-plus > *,
  body .tamimi-wheel-product-modal .tamimi-qty-minus svg,
  body .tamimi-wheel-product-modal .tamimi-qty-plus svg,
  body .tamimi-wheel-product-modal .tamimi-qty-minus span,
  body .tamimi-wheel-product-modal .tamimi-qty-plus span {
    display: none !important;
  }

  body .tamimi-wheel-product-modal .tamimi-qty-minus::before,
  body .tamimi-wheel-product-modal .tamimi-qty-plus::before {
    position: absolute !important;
    inset: 0 !important;

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

    color: #202020 !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
  }

  body .tamimi-wheel-product-modal .tamimi-qty-minus::before {
    content: "-" !important;
  }

  body .tamimi-wheel-product-modal .tamimi-qty-plus::before {
    content: "+" !important;
  }

  body .tamimi-wheel-product-modal .tamimi-qty-minus::after,
  body .tamimi-wheel-product-modal .tamimi-qty-plus::after {
    display: none !important;
    content: none !important;
  }
}
/* Final: make quantity plus/minus buttons quarter width */
@media screen and (max-width: 719px) {
  body .tamimi-wheel-product-modal .tamimi-qty-minus,
  body .tamimi-wheel-product-modal .tamimi-qty-plus {
    width: 9px !important;
    min-width: 9px !important;
    max-width: 9px !important;

    height: 24px !important;
    min-height: 24px !important;
    max-height: 24px !important;

    border-radius: 5px !important;
    padding: 0 !important;
  }

  body .tamimi-wheel-product-modal .tamimi-qty-minus::before,
  body .tamimi-wheel-product-modal .tamimi-qty-plus::before {
    font-size: 11px !important;
  }

  body .tamimi-wheel-product-modal .tamimi-qty-control {
    gap: 4px !important;
    min-width: 72px !important;
  }
}
/* Hard final: force tiny quantity +/- buttons */
@media screen and (max-width: 719px) {
  body .tamimi-wheel-product-modal .tamimi-qty-row .tamimi-qty-control {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    gap: 4px !important;
  }

  body .tamimi-wheel-product-modal .tamimi-qty-row .tamimi-qty-control > .tamimi-qty-minus,
  body .tamimi-wheel-product-modal .tamimi-qty-row .tamimi-qty-control > .tamimi-qty-plus,
  body .tamimi-wheel-product-modal .tamimi-qty-row button.tamimi-qty-minus,
  body .tamimi-wheel-product-modal .tamimi-qty-row button.tamimi-qty-plus {
    flex: 0 0 10px !important;

    width: 10px !important;
    min-width: 10px !important;
    max-width: 10px !important;

    inline-size: 10px !important;
    min-inline-size: 10px !important;
    max-inline-size: 10px !important;

    height: 24px !important;
    min-height: 24px !important;
    max-height: 24px !important;

    padding: 0 !important;
    margin: 0 !important;

    border-radius: 5px !important;
    box-sizing: border-box !important;
  }

  body .tamimi-wheel-product-modal .tamimi-qty-row .tamimi-qty-value {
    width: 46px !important;
    min-width: 46px !important;
    max-width: 46px !important;
    flex: 0 0 46px !important;
  }
}
/* Isolated quantity row V3 */
@media screen and (max-width: 719px) {
  .tamimi-wheel-product-modal .tamimi-qty-row-v3 {
    width: 100% !important;
    height: 42px !important;
    margin: 0 auto 10px !important;
    padding: 0 12px !important;

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

    border-radius: 13px !important;
    background: #f6f7f8 !important;
    border: 1px solid rgba(0, 0, 0, 0.10) !important;
    box-sizing: border-box !important;
  }

  .tamimi-wheel-product-modal .tamimi-qty-label-v3 {
    color: #202020 !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
  }

  .tamimi-wheel-product-modal .tamimi-qty-control-v3 {
    display: grid !important;
    grid-template-columns: 24px 46px 24px !important;
    gap: 5px !important;
    align-items: center !important;
    direction: ltr !important;
  }

  .tamimi-wheel-product-modal .tamimi-qty-dec-v3,
  .tamimi-wheel-product-modal .tamimi-qty-inc-v3 {
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;

    padding: 0 !important;
    margin: 0 !important;

    border-radius: 999px !important;
    border: 1px solid rgba(0, 0, 0, 0.12) !important;
    background: #e9ecef !important;
    color: #202020 !important;

    font-size: 13px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
  }

  .tamimi-wheel-product-modal .tamimi-qty-value-v3 {
    width: 46px !important;
    height: 30px !important;

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

    border-radius: 9px !important;
    border: 1px solid rgba(0, 0, 0, 0.12) !important;
    background: #ffffff !important;
    color: #202020 !important;

    font-size: 17px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
  }
}
/* Final V3 quantity: force +/- circular buttons */
@media screen and (max-width: 719px) {
  body .tamimi-wheel-product-modal .tamimi-qty-control-v3 {
    display: grid !important;
    grid-template-columns: 24px 46px 24px !important;
    gap: 6px !important;
    align-items: center !important;
    direction: ltr !important;
  }

  body .tamimi-wheel-product-modal button.tamimi-qty-dec-v3,
  body .tamimi-wheel-product-modal button.tamimi-qty-inc-v3 {
    width: 24px !important;
    min-width: 24px !important;
    max-width: 24px !important;

    height: 24px !important;
    min-height: 24px !important;
    max-height: 24px !important;

    inline-size: 24px !important;
    block-size: 24px !important;

    padding: 0 !important;
    margin: 0 !important;

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

    border-radius: 50% !important;
    border: 1px solid rgba(0, 0, 0, 0.14) !important;
    background: #e9ecef !important;
    color: #202020 !important;

    font-size: 13px !important;
    font-weight: 900 !important;
    line-height: 1 !important;

    appearance: none !important;
    -webkit-appearance: none !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }
}
/* Mobile quick shop: reduce top whitespace above product title */
@media screen and (max-width: 719px) {
  .modal[data-modal-container] .modal-inner:has(.tamimi-wheel-product-modal),
.modal-1[data-modal-container-1] .modal-inner:has(.tamimi-wheel-product-modal) {
  padding-top: 32px !important;
}

  .tamimi-wheel-product-modal .tamimi-variant-wheel {
  margin-top: 4px !important;
}

  .tamimi-wheel-product-modal .tamimi-wheel-head-v2 {
    margin-top: 0 !important;
  }
}

/* Final mobile quick shop: reduce top white space */
@media screen and (max-width: 719px) {
  .modal[data-modal-container] .modal-inner:has(.tamimi-wheel-product-modal),
  .modal-1[data-modal-container-1] .modal-inner:has(.tamimi-wheel-product-modal) {
    padding-top: 24px !important;
  }

  .tamimi-wheel-product-modal .tamimi-variant-wheel {
    margin-top: -8px !important;
  }
}
/* Final mobile quick shop: reduce top padding without clipping title */
@media screen and (max-width: 719px) {
  .modal[data-modal-container] .modal-inner:has(.tamimi-wheel-product-modal),
  .modal-1[data-modal-container-1] .modal-inner:has(.tamimi-wheel-product-modal) {
    padding-top: 4px !important;
  }

  .tamimi-wheel-product-modal .tamimi-variant-wheel {
    margin-top: 0 !important;
  }

  .tamimi-wheel-product-modal .tamimi-wheel-head-v2 {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
}
/* Final quick shop: remove X reserved top space without resizing X */
@media screen and (max-width: 719px) {
  .modal[data-modal-container] .modal-inner:has(.tamimi-wheel-product-modal),
  .modal-1[data-modal-container-1] .modal-inner:has(.tamimi-wheel-product-modal) {
    padding-top: 0 !important;
  }

  .modal[data-modal-container] .modal-inner:has(.tamimi-wheel-product-modal) .modal-close,
  .modal-1[data-modal-container-1] .modal-inner:has(.tamimi-wheel-product-modal) .modal-close {
    position: absolute !important;
    top: 18px !important;
    left: 18px !important;
    right: auto !important;
    margin: 0 !important;
    z-index: 80 !important;
  }

  .modal[data-modal-container] .modal-content:has(.tamimi-wheel-product-modal),
  .modal-1[data-modal-container-1] .modal-content:has(.tamimi-wheel-product-modal) {
    padding-top: 0 !important;
    margin-top: 0 !important;
  }

  .tamimi-wheel-product-modal .tamimi-variant-wheel {
    margin-top: 8px !important;
  }
}
/* Hard final: move quick shop content up without changing X */
@media screen and (max-width: 719px) {
  body .tamimi-wheel-product-modal {
    margin-top: -38px !important;
    padding-top: 0 !important;
  }

  body .tamimi-wheel-product-modal .tamimi-variant-wheel {
    margin-top: 0 !important;
  }

  body .tamimi-wheel-product-modal .tamimi-wheel-head-v2 {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
}
/* Mobile quick shop: smaller X, moved up/left */
@media screen and (max-width: 719px) {
  body .modal[data-modal-container] .modal-close,
  body .modal-1[data-modal-container-1] .modal-close {
    top: 0px !important;
    left: 0px !important;
    right: auto !important;

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

    padding: 0 !important;
    margin: 0 !important;

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

    z-index: 100 !important;
  }

  body .modal[data-modal-container] .modal-close svg,
  body .modal-1[data-modal-container-1] .modal-close svg {
    width: 21px !important;
    height: 21px !important;
  }
}
/* Mobile quick shop: show only 3 wheel options */
@media screen and (max-width: 719px) {
  .tamimi-wheel-product-modal .tamimi-wheel-window {
    height: 138px !important;
    max-height: 138px !important;
  }

  .tamimi-wheel-product-modal .tamimi-wheel-list {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }

  .tamimi-wheel-product-modal .tamimi-wheel-option {
    height: 42px !important;
    min-height: 42px !important;
    margin-bottom: 6px !important;
  }

  .tamimi-wheel-product-modal .tamimi-wheel-option:not(.is-active):not(.is-near) {
    opacity: 0 !important;
    visibility: hidden !important;
  }

  .tamimi-wheel-product-modal .tamimi-wheel-option.is-near {
    opacity: 0.48 !important;
    visibility: visible !important;
  }

  .tamimi-wheel-product-modal .tamimi-wheel-option.is-active {
    opacity: 1 !important;
    visibility: visible !important;
  }
}
/* Mobile quick shop: reduce space between price and wheel */
@media screen and (max-width: 719px) {
  .tamimi-wheel-product-modal .tamimi-wheel-price-v2 {
    margin-bottom: 2px !important;
  }

  .tamimi-wheel-product-modal .tamimi-wheel-window {
    margin-top: -10px !important;
  }
}
/* Mobile quick shop: premium add to cart button */
@media screen and (max-width: 719px) {
  .tamimi-wheel-product-modal .product-form--atc-button {
    background: linear-gradient(180deg, #35b8ee 0%, #28a9e2 58%, #168fc4 100%) !important;
    border: 1px solid rgba(13, 112, 158, 0.32) !important;
    border-radius: 13px !important;

    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 950 !important;
    line-height: 1 !important;

    box-shadow:
      0 8px 16px rgba(40, 169, 226, 0.22),
      inset 0 1px 0 rgba(255, 255, 255, 0.38),
      inset 0 -1px 0 rgba(0, 0, 0, 0.10) !important;

    transform: translateY(0) !important;
    filter: none !important;
    text-shadow: none !important;
  }

  .tamimi-wheel-product-modal .product-form--atc-button:active {
    transform: translateY(1px) !important;
    box-shadow:
      0 4px 10px rgba(40, 169, 226, 0.18),
      inset 0 1px 3px rgba(0, 0, 0, 0.16) !important;
  }

  .tamimi-wheel-product-modal .product-form--atc-button::before,
  .tamimi-wheel-product-modal .product-form--atc-button::after {
    display: none !important;
    content: none !important;
  }
}
/* Mobile quick shop: premium pickup availability card */
@media screen and (max-width: 719px) {
  .tamimi-wheel-product-modal .surface-pick-up,
  .tamimi-wheel-product-modal [data-surface-pick-up] {
    width: calc(100% - 28px) !important;
    max-width: 520px !important;

    margin: 14px auto 18px !important;
    padding: 12px 14px !important;

    border-radius: 14px !important;
    background: #f6f7f8 !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;

    box-shadow:
      0 4px 14px rgba(0, 0, 0, 0.045),
      inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;

    box-sizing: border-box !important;
    text-align: center !important;
    overflow: hidden !important;
  }

  .tamimi-wheel-product-modal .surface-pick-up *,
  .tamimi-wheel-product-modal [data-surface-pick-up] * {
    box-sizing: border-box !important;
  }

  .tamimi-wheel-product-modal .surface-pick-up-embed,
  .tamimi-wheel-product-modal .surface-pick-up__modal-btn,
  .tamimi-wheel-product-modal .surface-pick-up-embed__modal-btn {
    margin: 0 !important;
  }

  .tamimi-wheel-product-modal .surface-pick-up-embed__availability,
  .tamimi-wheel-product-modal .surface-pick-up__availability {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;

    margin: 0 0 8px !important;
    padding: 0 !important;

    color: #202020 !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    line-height: 1.25 !important;
    text-align: center !important;
  }

  .tamimi-wheel-product-modal .surface-pick-up-embed__availability svg,
  .tamimi-wheel-product-modal .surface-pick-up__availability svg {
    width: 18px !important;
    height: 18px !important;
    flex: 0 0 18px !important;
    color: #45a657 !important;
  }

  .tamimi-wheel-product-modal .surface-pick-up-embed__modal-btn,
  .tamimi-wheel-product-modal .surface-pick-up__modal-btn,
  .tamimi-wheel-product-modal [data-surface-pick-up] button,
  .tamimi-wheel-product-modal [data-surface-pick-up] a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: auto !important;
    max-width: 100% !important;
    min-height: 30px !important;

    margin: 0 auto !important;
    padding: 0 10px !important;

    border: 0 !important;
    background: transparent !important;
    color: #202020 !important;

    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    text-align: center !important;
    text-decoration: underline !important;

    box-shadow: none !important;
  }

  html[dir="rtl"] .tamimi-wheel-product-modal .surface-pick-up-embed__availability,
  html[dir="rtl"] .tamimi-wheel-product-modal .surface-pick-up__availability {
    direction: rtl !important;
  }
}
/* Arabic pickup title smaller */
@media screen and (max-width: 719px) {
  html[dir="rtl"] .tamimi-wheel-product-modal .surface-pick-up-embed__availability,
  html[dir="rtl"] .tamimi-wheel-product-modal .surface-pick-up__availability {
    font-size: 11.5px !important;
    line-height: 1.35 !important;
    font-weight: 900 !important;
  }
}
/* Final pickup card: title + current branch + other stores link */
@media screen and (max-width: 719px) {
  .tamimi-wheel-product-modal .surface-pick-up,
  .tamimi-wheel-product-modal [data-surface-pick-up] {
    width: calc(100% - 28px) !important;
    max-width: 520px !important;
    margin: 14px auto 18px !important;
    padding: 12px 14px !important;

    border-radius: 14px !important;
    background: #f6f7f8 !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    box-shadow:
      0 4px 14px rgba(0, 0, 0, 0.045),
      inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;

    box-sizing: border-box !important;
    text-align: start !important;
    overflow: hidden !important;
  }

  .tamimi-wheel-product-modal .surface-pick-up::before,
  .tamimi-wheel-product-modal [data-surface-pick-up]::before {
    content: "Pickup available at" !important;
    display: block !important;

    margin: 0 0 8px !important;

    color: #202020 !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
    text-align: start !important;
  }

  html[dir="rtl"] .tamimi-wheel-product-modal .surface-pick-up::before,
  html[dir="rtl"] .tamimi-wheel-product-modal [data-surface-pick-up]::before {
    content: "الاستلام متاح في" !important;
    direction: rtl !important;
  }

  .tamimi-wheel-product-modal .surface-pick-up-embed__availability,
  .tamimi-wheel-product-modal .surface-pick-up__availability {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;

    margin: 0 0 10px !important;
    padding: 9px 10px !important;

    border-radius: 11px !important;
    background: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.07) !important;

    color: #202020 !important;
    font-size: 13px !important;
    font-weight: 850 !important;
    line-height: 1.25 !important;
    text-align: start !important;
  }

  html[dir="rtl"] .tamimi-wheel-product-modal .surface-pick-up-embed__availability,
  html[dir="rtl"] .tamimi-wheel-product-modal .surface-pick-up__availability {
    direction: rtl !important;
    justify-content: flex-start !important;
    font-size: 12.5px !important;
  }

  .tamimi-wheel-product-modal .surface-pick-up-embed__availability svg,
  .tamimi-wheel-product-modal .surface-pick-up__availability svg {
    width: 16px !important;
    height: 16px !important;
    flex: 0 0 16px !important;
    color: #45a657 !important;
  }

  .tamimi-wheel-product-modal .surface-pick-up-embed__modal-btn,
  .tamimi-wheel-product-modal .surface-pick-up__modal-btn,
  .tamimi-wheel-product-modal [data-surface-pick-up] button,
  .tamimi-wheel-product-modal [data-surface-pick-up] a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    min-height: 34px !important;

    margin: 0 !important;
    padding: 0 12px !important;

    border-radius: 10px !important;
    border: 1px solid rgba(40, 169, 226, 0.20) !important;
    background: rgba(40, 169, 226, 0.08) !important;
    color: #168fc4 !important;

    font-size: 12.5px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
    text-align: center !important;
    text-decoration: none !important;

    box-shadow: none !important;
  }

  html[dir="rtl"] .tamimi-wheel-product-modal .surface-pick-up-embed__modal-btn,
  html[dir="rtl"] .tamimi-wheel-product-modal .surface-pick-up__modal-btn,
  html[dir="rtl"] .tamimi-wheel-product-modal [data-surface-pick-up] button,
  html[dir="rtl"] .tamimi-wheel-product-modal [data-surface-pick-up] a {
    font-size: 12px !important;
  }
}
@media screen and (max-width: 719px) {
  .tamimi-wheel-product-modal .tamimi-pickup-branch-only {
    font-size: 14px !important;
    font-weight: 950 !important;
    color: #202020 !important;
    line-height: 1.25 !important;
  }

  html[dir="rtl"] .tamimi-wheel-product-modal .tamimi-pickup-branch-only {
    direction: rtl !important;
    font-size: 13.5px !important;
  }
}
@media screen and (max-width: 719px) {
  .tamimi-pickup-branch-only {
    font-size: 14px !important;
    font-weight: 950 !important;
    color: #202020 !important;
    line-height: 1.25 !important;
  }

  .tamimi-pickup-check {
    color: #45a657 !important;
    font-size: 18px !important;
    font-weight: 900 !important;
    margin-inline-end: 8px !important;
  }

  html[dir="rtl"] .tamimi-pickup-branch-only {
    direction: rtl !important;
    font-size: 13.5px !important;
  }
}
@media screen and (max-width: 719px) {
  .tamimi-wheel-product-modal [data-surface-pick-up] svg,
  .tamimi-wheel-product-modal .surface-pick-up svg,
  .tamimi-pickup-check {
    display: none !important;
  }
}
/* Pickup branches selector */
@media screen and (max-width: 719px) {
  .tamimi-wheel-product-modal [data-surface-pick-up] a,
  .tamimi-wheel-product-modal .surface-pick-up a,
  .tamimi-wheel-product-modal [data-surface-pick-up] button:not(.tamimi-pickup-branch-option),
  .tamimi-wheel-product-modal .surface-pick-up button:not(.tamimi-pickup-branch-option) {
    display: none !important;
  }

  .tamimi-wheel-product-modal .surface-pick-up-embed__availability,
  .tamimi-wheel-product-modal .surface-pick-up__availability {
    display: none !important;
  }

  .tamimi-pickup-branch-list {
    display: grid !important;
    gap: 7px !important;
    margin-top: 8px !important;
  }

  .tamimi-pickup-branch-option {
    width: 100% !important;
    min-height: 34px !important;
    padding: 0 10px !important;

    display: flex !important;
    align-items: center !important;
    gap: 9px !important;

    border-radius: 10px !important;
    border: 1px solid rgba(0, 0, 0, 0.10) !important;
    background: #ffffff !important;
    color: #202020 !important;

    font-size: 13px !important;
    font-weight: 850 !important;
    text-align: start !important;
    box-shadow: none !important;
  }

  html[dir="rtl"] .tamimi-pickup-branch-option {
    direction: rtl !important;
  }

  .tamimi-pickup-branch-dot {
    width: 14px !important;
    height: 14px !important;
    min-width: 14px !important;

    border-radius: 50% !important;
    border: 2px solid #b9c1c8 !important;
    background: #ffffff !important;
    box-sizing: border-box !important;
  }

  .tamimi-pickup-branch-option.is-selected {
    border-color: rgba(40, 169, 226, 0.38) !important;
    background: rgba(40, 169, 226, 0.08) !important;
  }

  .tamimi-pickup-branch-option.is-selected .tamimi-pickup-branch-dot {
    border-color: #28a9e2 !important;
    box-shadow: inset 0 0 0 3px #ffffff !important;
    background: #28a9e2 !important;
  }
}
@media screen and (max-width: 719px) {
  .tamimi-wheel-product-modal .tamimi-pickup-custom-ready > :not(.tamimi-pickup-branch-list) {
    display: none !important;
  }

  .tamimi-wheel-product-modal .tamimi-pickup-branch-list {
    display: grid !important;
  }
}
/* Desktop quick shop: match mobile look exactly */
@media screen and (min-width: 720px) {
  .modal[data-modal-container] .modal-inner:has(.tamimi-wheel-product-modal),
  .modal-1[data-modal-container-1] .modal-inner:has(.tamimi-wheel-product-modal) {
    width: 620px !important;
    max-width: 620px !important;
    border-radius: 28px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    max-height: calc(100vh - 70px) !important;
    padding: 42px 0 34px !important;
    background: #ffffff !important;
  }

  .modal[data-modal-container] .modal-content:has(.tamimi-wheel-product-modal),
  .modal-1[data-modal-container-1] .modal-content:has(.tamimi-wheel-product-modal) {
    padding: 0 !important;
  }

  .tamimi-wheel-product-modal {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 42px !important;
    box-sizing: border-box !important;
    text-align: center !important;
  }

  .tamimi-wheel-product-modal .quantity-selector,
  .tamimi-wheel-product-modal .quantity-selector__wrapper,
  .tamimi-wheel-product-modal .quantity-selector__container,
  .tamimi-wheel-product-modal .product-form__quantity,
  .tamimi-wheel-product-modal [data-quantity-selector],
  .tamimi-wheel-product-modal .tamimi-original-qty-hidden {
    display: none !important;
  }

  .tamimi-wheel-product-modal .tamimi-wheel-product-title-force,
  .tamimi-wheel-product-modal .tamimi-wheel-product-name-v2,
  .tamimi-wheel-product-modal .tamimi-preview-title {
    display: block !important;
    margin: 0 auto 26px !important;
    font-size: 26px !important;
    font-weight: 950 !important;
    line-height: 1.18 !important;
    text-align: center !important;
    color: #202020 !important;
  }

  .tamimi-wheel-product-modal .tamimi-wheel-image-v2,
  .tamimi-wheel-product-modal .tamimi-preview-image,
  .tamimi-wheel-product-modal img[data-tamimi-wheel-image] {
    width: 96px !important;
    height: 96px !important;
    max-width: 96px !important;
    max-height: 96px !important;
    object-fit: contain !important;
    margin: 0 auto 28px !important;
  }

  .tamimi-wheel-product-modal .tamimi-wheel-variant-name-v2,
  .tamimi-wheel-product-modal .tamimi-preview-variant {
    display: block !important;
    margin: 0 auto 6px !important;
    font-size: 25px !important;
    font-weight: 950 !important;
    line-height: 1.2 !important;
    color: #202020 !important;
    text-align: center !important;
  }

  .tamimi-wheel-product-modal .tamimi-wheel-price-v2,
  .tamimi-wheel-product-modal .tamimi-preview-price {
    display: block !important;
    margin: 0 auto 22px !important;
    font-size: 30px !important;
    font-weight: 950 !important;
    line-height: 1.1 !important;
    color: #49a4db !important;
    text-align: center !important;
    direction: ltr !important;
  }

  .tamimi-wheel-product-modal .tamimi-wheel-window {
    height: 170px !important;
    margin: 0 auto 22px !important;
    overflow: hidden !important;
  }

  .tamimi-wheel-product-modal .tamimi-wheel-list {
    padding-top: 62px !important;
    padding-bottom: 62px !important;
  }

  .tamimi-wheel-product-modal .tamimi-wheel-option {
    height: 44px !important;
    font-size: 20px !important;
    font-weight: 850 !important;
    opacity: 0.18 !important;
  }

  .tamimi-wheel-product-modal .tamimi-wheel-option.is-near {
    font-size: 20px !important;
    opacity: 0.25 !important;
  }

  .tamimi-wheel-product-modal .tamimi-wheel-option.is-active {
    width: 100% !important;
    height: 58px !important;
    border-radius: 16px !important;
    background: #2fabe0 !important;
    color: #ffffff !important;
    opacity: 1 !important;
    font-size: 20px !important;
    font-weight: 950 !important;
    box-shadow: 0 16px 34px rgba(47, 171, 224, 0.24) !important;
  }

  .tamimi-wheel-product-modal .tamimi-qty-row-v3 {
    width: 100% !important;
    height: 58px !important;
    margin: 0 auto 22px !important;
    padding: 0 24px !important;

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

    border-radius: 20px !important;
    background: #f6f7f8 !important;
    border: 1px solid rgba(0, 0, 0, 0.12) !important;
    box-sizing: border-box !important;
  }

  .tamimi-wheel-product-modal .tamimi-qty-label-v3 {
    font-size: 22px !important;
    font-weight: 950 !important;
    color: #202020 !important;
  }

  .tamimi-wheel-product-modal .tamimi-qty-value-v3 {
    width: 60px !important;
    height: 38px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.12) !important;
    font-size: 24px !important;
    font-weight: 950 !important;
    color: #202020 !important;
  }

  .tamimi-wheel-product-modal .product-form--atc-button,
  .tamimi-wheel-product-modal .shopify-payment-button__button {
    width: 100% !important;
    height: 58px !important;
    margin: 0 auto 20px !important;
    border-radius: 10px !important;
    background: linear-gradient(180deg, #34b7ea 0%, #1498cf 100%) !important;
    border: 1px solid rgba(0, 117, 166, 0.55) !important;
    color: #ffffff !important;
    font-size: 20px !important;
    font-weight: 900 !important;
    box-shadow:
      0 10px 22px rgba(40, 169, 226, 0.18),
      inset 0 1px 0 rgba(255, 255, 255, 0.45),
      inset 0 -2px 0 rgba(0, 91, 128, 0.28) !important;
  }

  .tamimi-wheel-product-modal .shopify-payment-button__button {
    background: #4ca8dc !important;
    border-color: transparent !important;
    box-shadow: none !important;
  }

  .tamimi-wheel-product-modal [data-surface-pick-up],
  .tamimi-wheel-product-modal .surface-pick-up {
    width: 100% !important;
    margin: 28px auto 0 !important;
    padding: 22px 24px !important;
    border-radius: 18px !important;
    background: #f7f8f9 !important;
    border: 1px solid rgba(0, 0, 0, 0.10) !important;
    box-shadow: 0 10px 26px rgba(0, 0, 0, 0.06) !important;
    box-sizing: border-box !important;
  }

  .tamimi-wheel-product-modal .tamimi-pickup-branch-list {
    display: grid !important;
    gap: 14px !important;
    margin-top: 18px !important;
  }

  .tamimi-wheel-product-modal .tamimi-pickup-branch-option {
    width: 100% !important;
    min-height: 62px !important;
    padding: 0 22px !important;
    border-radius: 10px !important;
    background: #eaf6fd !important;
    border: 1px solid rgba(47, 171, 224, 0.30) !important;
    color: #168fc4 !important;
    font-size: 20px !important;
    font-weight: 900 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 14px !important;
  }

  .tamimi-wheel-product-modal .tamimi-pickup-branch-dot {
    width: 20px !important;
    height: 20px !important;
    border-radius: 50% !important;
    border: 4px solid #b9c1c8 !important;
    background: #ffffff !important;
    box-sizing: border-box !important;
  }

  .tamimi-wheel-product-modal .tamimi-pickup-branch-option.is-selected .tamimi-pickup-branch-dot {
    border-color: #2fabe0 !important;
    box-shadow: inset 0 0 0 4px #ffffff !important;
    background: #2fabe0 !important;
  }
}
/* Professional horizontal variant options */
.tamimi-wheel-product-modal .tamimi-horizontal-options .tamimi-wheel-window {
  height: auto !important;
  margin: 0 auto 24px !important;
  overflow: visible !important;
}

.tamimi-wheel-product-modal .tamimi-options-carousel {
  position: relative !important;
  width: 100% !important;
  margin: 0 auto !important;
  padding: 0 42px !important;
  box-sizing: border-box !important;
}

.tamimi-wheel-product-modal .tamimi-options-carousel:not(.has-scroll) {
  padding: 0 !important;
}

.tamimi-wheel-product-modal .tamimi-horizontal-options .tamimi-wheel-list {
  display: grid !important;
  grid-auto-flow: column !important;
  grid-auto-columns: calc((100% - 30px) / 4) !important;
  gap: 10px !important;

  width: 100% !important;
  padding: 8px 2px 14px !important;
  margin: 0 !important;

  overflow-x: auto !important;
  overflow-y: hidden !important;

  scroll-snap-type: x mandatory !important;
  scrollbar-width: none !important;
  -webkit-overflow-scrolling: touch !important;
}

.tamimi-wheel-product-modal .tamimi-horizontal-options .tamimi-wheel-list::-webkit-scrollbar {
  display: none !important;
}

.tamimi-wheel-product-modal .tamimi-horizontal-options .tamimi-wheel-option,
.tamimi-wheel-product-modal .tamimi-horizontal-options .tamimi-wheel-option.is-near {
  width: 100% !important;
  min-width: 0 !important;
  height: 58px !important;
  min-height: 58px !important;

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

  padding: 0 10px !important;
  margin: 0 !important;

  scroll-snap-align: start !important;

  border-radius: 16px !important;
  background:
    linear-gradient(180deg, #ffffff 0%, #eef8fd 100%) !important;
  border: 1px solid rgba(47, 171, 224, 0.26) !important;

  color: #168fc4 !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  text-align: center !important;

  opacity: 1 !important;
  transform: none !important;
  white-space: normal !important;

  box-shadow:
    0 8px 18px rgba(0, 0, 0, 0.05),
    inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
}

.tamimi-wheel-product-modal .tamimi-horizontal-options .tamimi-wheel-option.is-active {
  background:
    linear-gradient(180deg, #35b8eb 0%, #159bd2 100%) !important;
  border-color: rgba(0, 119, 170, 0.62) !important;
  color: #ffffff !important;

  font-size: 14px !important;
  font-weight: 950 !important;

  box-shadow:
    0 14px 28px rgba(47, 171, 224, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.38),
    inset 0 -2px 0 rgba(0, 94, 130, 0.22) !important;
}

.tamimi-wheel-product-modal .tamimi-options-arrow {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-54%) !important;

  width: 34px !important;
  height: 34px !important;

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

  border-radius: 50% !important;
  border: 1px solid rgba(47, 171, 224, 0.30) !important;
  background: #ffffff !important;
  color: #168fc4 !important;

  font-size: 28px !important;
  font-weight: 900 !important;
  line-height: 1 !important;

  z-index: 5 !important;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.12) !important;
}

.tamimi-wheel-product-modal .tamimi-options-carousel.has-scroll .tamimi-options-arrow {
  display: inline-flex !important;
}

.tamimi-wheel-product-modal .tamimi-options-arrow-prev {
  left: 0 !important;
}

.tamimi-wheel-product-modal .tamimi-options-arrow-next {
  right: 0 !important;
}

html[dir="rtl"] .tamimi-wheel-product-modal .tamimi-options-arrow-prev {
  right: 0 !important;
  left: auto !important;
}

html[dir="rtl"] .tamimi-wheel-product-modal .tamimi-options-arrow-next {
  left: 0 !important;
  right: auto !important;
}

.tamimi-wheel-product-modal .tamimi-options-carousel.at-start .tamimi-options-arrow-prev,
.tamimi-wheel-product-modal .tamimi-options-carousel.at-end .tamimi-options-arrow-next {
  opacity: 0.28 !important;
}

/* Mobile tighter */
@media screen and (max-width: 719px) {
  .tamimi-wheel-product-modal .tamimi-options-carousel {
    padding: 0 36px !important;
  }

  .tamimi-wheel-product-modal .tamimi-options-carousel:not(.has-scroll) {
    padding: 0 !important;
  }

  .tamimi-wheel-product-modal .tamimi-horizontal-options .tamimi-wheel-list {
    grid-auto-columns: calc((100% - 24px) / 4) !important;
    gap: 8px !important;
  }

  .tamimi-wheel-product-modal .tamimi-horizontal-options .tamimi-wheel-option,
  .tamimi-wheel-product-modal .tamimi-horizontal-options .tamimi-wheel-option.is-near,
  .tamimi-wheel-product-modal .tamimi-horizontal-options .tamimi-wheel-option.is-active {
    height: 52px !important;
    min-height: 52px !important;
    border-radius: 14px !important;
    font-size: 13px !important;
  }

  .tamimi-wheel-product-modal .tamimi-options-arrow {
    width: 30px !important;
    height: 30px !important;
    font-size: 24px !important;
  }
}
/* Desktop only: premium dark wide variant buttons */
@media screen and (min-width: 720px) {
  .tamimi-wheel-product-modal .tamimi-options-carousel {
    width: 100% !important;
    max-width: 550px !important;
    margin: 0 auto 28px !important;
    padding: 0 42px !important;
  }

  .tamimi-wheel-product-modal .tamimi-options-carousel:not(.has-scroll) {
    padding: 0 !important;
    max-width: 500px !important;
  }

  .tamimi-wheel-product-modal .tamimi-horizontal-options .tamimi-wheel-list {
    grid-auto-columns: calc((100% - 36px) / 4) !important;
    gap: 12px !important;

    padding: 10px 2px 18px !important;
    overflow-x: auto !important;
    scroll-padding-left: 0 !important;
  }

  .tamimi-wheel-product-modal .tamimi-horizontal-options .tamimi-wheel-option,
  .tamimi-wheel-product-modal .tamimi-horizontal-options .tamimi-wheel-option.is-near {
    height: 58px !important;
    min-height: 58px !important;

    border-radius: 13px !important;
    background: linear-gradient(180deg, #4a4f55 0%, #2f3439 100%) !important;
    border: 1px solid rgba(0, 0, 0, 0.28) !important;

    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    line-height: 1.15 !important;

    box-shadow:
      0 9px 18px rgba(0, 0, 0, 0.16),
      inset 0 1px 0 rgba(255, 255, 255, 0.16) !important;

    opacity: 1 !important;
    transform: none !important;
  }

  .tamimi-wheel-product-modal .tamimi-horizontal-options .tamimi-wheel-option.is-active {
    background: linear-gradient(180deg, #202428 0%, #101316 100%) !important;
    border-color: rgba(0, 0, 0, 0.55) !important;
    color: #ffffff !important;

    box-shadow:
      0 14px 28px rgba(0, 0, 0, 0.24),
      inset 0 1px 0 rgba(255, 255, 255, 0.14),
      inset 0 -2px 0 rgba(0, 0, 0, 0.35) !important;
  }

  .tamimi-wheel-product-modal .tamimi-options-arrow {
    width: 34px !important;
    height: 34px !important;

    background: #252a2f !important;
    color: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.35) !important;

    box-shadow:
      0 10px 20px rgba(0, 0, 0, 0.20),
      inset 0 1px 0 rgba(255, 255, 255, 0.14) !important;
  }

  .tamimi-wheel-product-modal .tamimi-options-arrow-prev {
    left: 0 !important;
  }

  .tamimi-wheel-product-modal .tamimi-options-arrow-next {
    right: 0 !important;
  }
}/* Desktop only: wider elegant light-grey variant buttons */
@media screen and (min-width: 720px) {
  .tamimi-wheel-product-modal .tamimi-options-carousel {
    max-width: 560px !important;
    padding: 0 42px !important;
    margin: 0 auto 28px !important;
  }

  .tamimi-wheel-product-modal .tamimi-horizontal-options .tamimi-wheel-list {
    grid-auto-columns: calc((100% - 18px) / 2) !important;
    gap: 18px !important;
    padding: 10px 2px 18px !important;
  }

  .tamimi-wheel-product-modal .tamimi-horizontal-options .tamimi-wheel-option,
  .tamimi-wheel-product-modal .tamimi-horizontal-options .tamimi-wheel-option.is-near {
    height: 62px !important;
    min-height: 62px !important;

    border-radius: 14px !important;
    background: linear-gradient(180deg, #f8f9fa 0%, #e4e7ea 100%) !important;
    border: 1px solid rgba(0, 0, 0, 0.12) !important;

    color: #24282c !important;
    font-size: 17px !important;
    font-weight: 900 !important;
    line-height: 1.15 !important;

    box-shadow:
      0 10px 18px rgba(0, 0, 0, 0.08),
      inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;

    opacity: 1 !important;
    transform: none !important;
  }

  .tamimi-wheel-product-modal .tamimi-horizontal-options .tamimi-wheel-option:hover {
    background: linear-gradient(180deg, #dfe3e7 0%, #cbd1d6 100%) !important;
    border-color: rgba(0, 0, 0, 0.18) !important;
    color: #15181b !important;

    box-shadow:
      0 12px 22px rgba(0, 0, 0, 0.11),
      inset 0 1px 0 rgba(255, 255, 255, 0.78) !important;
  }

  .tamimi-wheel-product-modal .tamimi-horizontal-options .tamimi-wheel-option.is-active {
    background: linear-gradient(180deg, #d4d9de 0%, #bfc6cc 100%) !important;
    border-color: rgba(0, 0, 0, 0.22) !important;
    color: #111417 !important;

    box-shadow:
      0 14px 24px rgba(0, 0, 0, 0.13),
      inset 0 1px 0 rgba(255, 255, 255, 0.72),
      inset 0 -2px 0 rgba(0, 0, 0, 0.08) !important;
  }
}

/* HARD FINAL: clean horizontal options, remove old wheel background */
.tamimi-wheel-product-modal .tamimi-horizontal-options .tamimi-wheel-window {
  height: auto !important;
  max-width: 100% !important;
  margin: 0 auto 22px !important;
  overflow: visible !important;
  background: transparent !important;
  box-shadow: none !important;
}

.tamimi-wheel-product-modal .tamimi-horizontal-options .tamimi-wheel-window::before,
.tamimi-wheel-product-modal .tamimi-horizontal-options .tamimi-wheel-window::after {
  display: none !important;
  content: none !important;
  background: none !important;
  box-shadow: none !important;
}

/* Desktop only: elegant wide grey option buttons */
@media screen and (min-width: 720px) {
  .tamimi-wheel-product-modal .tamimi-options-carousel {
    width: 100% !important;
    max-width: 520px !important;
    margin: 0 auto 24px !important;
    padding: 0 42px !important;
    box-sizing: border-box !important;
  }

  .tamimi-wheel-product-modal .tamimi-options-carousel:not(.has-scroll) {
    padding: 0 !important;
  }

  .tamimi-wheel-product-modal .tamimi-horizontal-options .tamimi-wheel-list {
    display: grid !important;
    grid-auto-flow: column !important;
    grid-auto-columns: calc((100% - 16px) / 2) !important;
    gap: 16px !important;

    width: 100% !important;
    padding: 8px 2px 16px !important;
    margin: 0 !important;

    overflow-x: auto !important;
    overflow-y: hidden !important;

    scroll-snap-type: x mandatory !important;
    scrollbar-width: none !important;
    background: transparent !important;
  }

  .tamimi-wheel-product-modal .tamimi-horizontal-options .tamimi-wheel-list::-webkit-scrollbar {
    display: none !important;
  }

  .tamimi-wheel-product-modal .tamimi-horizontal-options .tamimi-wheel-option,
  .tamimi-wheel-product-modal .tamimi-horizontal-options .tamimi-wheel-option.is-near,
  .tamimi-wheel-product-modal .tamimi-horizontal-options .tamimi-wheel-option.is-active {
    width: 100% !important;
    min-width: 0 !important;

    height: 58px !important;
    min-height: 58px !important;

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

    padding: 0 14px !important;
    margin: 0 !important;

    scroll-snap-align: start !important;

    border-radius: 14px !important;
    border: 1px solid rgba(0, 0, 0, 0.14) !important;

    background: linear-gradient(180deg, #f7f8f9 0%, #e1e5e8 100%) !important;
    color: #202428 !important;

    font-size: 15px !important;
    font-weight: 900 !important;
    line-height: 1.15 !important;
    text-align: center !important;

    opacity: 1 !important;
    transform: none !important;
    white-space: normal !important;

    box-shadow:
      0 8px 16px rgba(0, 0, 0, 0.08),
      inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
  }

  .tamimi-wheel-product-modal .tamimi-horizontal-options .tamimi-wheel-option:hover,
  .tamimi-wheel-product-modal .tamimi-horizontal-options .tamimi-wheel-option.is-active {
    background: linear-gradient(180deg, #d8dde1 0%, #c5ccd2 100%) !important;
    border-color: rgba(0, 0, 0, 0.20) !important;
    color: #111417 !important;

    box-shadow:
      0 12px 22px rgba(0, 0, 0, 0.12),
      inset 0 1px 0 rgba(255, 255, 255, 0.70) !important;
  }

  .tamimi-wheel-product-modal .tamimi-options-arrow {
    width: 32px !important;
    height: 32px !important;
    border-radius: 50% !important;

    background: #f4f5f6 !important;
    color: #202428 !important;
    border: 1px solid rgba(0, 0, 0, 0.14) !important;

    font-size: 24px !important;
    font-weight: 900 !important;

    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.14) !important;
  }
}

/* Mobile: remove blue old wheel bar, keep compact horizontal buttons */
@media screen and (max-width: 719px) {
  .tamimi-wheel-product-modal .tamimi-options-carousel {
    width: 100% !important;
    padding: 0 34px !important;
    margin: 0 auto 18px !important;
    box-sizing: border-box !important;
  }

  .tamimi-wheel-product-modal .tamimi-options-carousel:not(.has-scroll) {
    padding: 0 !important;
  }

  .tamimi-wheel-product-modal .tamimi-horizontal-options .tamimi-wheel-list {
    grid-auto-columns: calc((100% - 8px) / 2) !important;
    gap: 8px !important;
    padding: 6px 2px 12px !important;
    background: transparent !important;
  }

  .tamimi-wheel-product-modal .tamimi-horizontal-options .tamimi-wheel-option,
  .tamimi-wheel-product-modal .tamimi-horizontal-options .tamimi-wheel-option.is-near,
  .tamimi-wheel-product-modal .tamimi-horizontal-options .tamimi-wheel-option.is-active {
    height: 48px !important;
    min-height: 48px !important;

    border-radius: 13px !important;
    background: linear-gradient(180deg, #f7f8f9 0%, #e1e5e8 100%) !important;
    border: 1px solid rgba(0, 0, 0, 0.14) !important;
    color: #202428 !important;

    font-size: 14px !important;
    font-weight: 900 !important;

    opacity: 1 !important;
    transform: none !important;

    box-shadow:
      0 7px 14px rgba(0, 0, 0, 0.08),
      inset 0 1px 0 rgba(255, 255, 255, 0.90) !important;
  }

  .tamimi-wheel-product-modal .tamimi-horizontal-options .tamimi-wheel-option.is-active {
    background: linear-gradient(180deg, #d8dde1 0%, #c5ccd2 100%) !important;
  }
}
/* FINAL: show 4 variant buttons on desktop and mobile */
.tamimi-wheel-product-modal .tamimi-horizontal-options .tamimi-wheel-window {
  height: auto !important;
  max-width: 100% !important;
  margin: 0 auto 20px !important;
  overflow: visible !important;
  background: transparent !important;
  box-shadow: none !important;
}

.tamimi-wheel-product-modal .tamimi-horizontal-options .tamimi-wheel-window::before,
.tamimi-wheel-product-modal .tamimi-horizontal-options .tamimi-wheel-window::after {
  display: none !important;
  content: none !important;
  background: none !important;
  box-shadow: none !important;
}

.tamimi-wheel-product-modal .tamimi-options-carousel {
  width: 100% !important;
  margin: 0 auto 22px !important;
  padding: 0 38px !important;
  box-sizing: border-box !important;
}

.tamimi-wheel-product-modal .tamimi-options-carousel:not(.has-scroll) {
  padding: 0 !important;
}

.tamimi-wheel-product-modal .tamimi-horizontal-options .tamimi-wheel-list {
  display: grid !important;
  grid-auto-flow: column !important;
  grid-auto-columns: calc((100% - 30px) / 4) !important;
  gap: 10px !important;

  width: 100% !important;
  padding: 7px 2px 14px !important;
  margin: 0 !important;

  overflow-x: auto !important;
  overflow-y: hidden !important;

  scroll-snap-type: x mandatory !important;
  scrollbar-width: none !important;
  background: transparent !important;
}

.tamimi-wheel-product-modal .tamimi-horizontal-options .tamimi-wheel-list::-webkit-scrollbar {
  display: none !important;
}

.tamimi-wheel-product-modal .tamimi-horizontal-options .tamimi-wheel-option,
.tamimi-wheel-product-modal .tamimi-horizontal-options .tamimi-wheel-option.is-near,
.tamimi-wheel-product-modal .tamimi-horizontal-options .tamimi-wheel-option.is-active {
  width: 100% !important;
  min-width: 0 !important;

  height: 52px !important;
  min-height: 52px !important;

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

  padding: 0 6px !important;
  margin: 0 !important;

  scroll-snap-align: start !important;

  border-radius: 13px !important;
  border: 1px solid rgba(0, 0, 0, 0.14) !important;

  background: linear-gradient(180deg, #f7f8f9 0%, #e1e5e8 100%) !important;
  color: #202428 !important;

  font-size: 12.5px !important;
  font-weight: 900 !important;
  line-height: 1.12 !important;
  text-align: center !important;

  opacity: 1 !important;
  transform: none !important;
  white-space: normal !important;

  box-shadow:
    0 7px 14px rgba(0, 0, 0, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.90) !important;
}

.tamimi-wheel-product-modal .tamimi-horizontal-options .tamimi-wheel-option:hover,
.tamimi-wheel-product-modal .tamimi-horizontal-options .tamimi-wheel-option.is-active {
  background: linear-gradient(180deg, #d8dde1 0%, #c5ccd2 100%) !important;
  border-color: rgba(0, 0, 0, 0.20) !important;
  color: #111417 !important;
  box-shadow:
    0 10px 18px rgba(0, 0, 0, 0.11),
    inset 0 1px 0 rgba(255, 255, 255, 0.70) !important;
}

.tamimi-wheel-product-modal .tamimi-options-arrow {
  width: 30px !important;
  height: 30px !important;
  border-radius: 50% !important;

  background: #f4f5f6 !important;
  color: #202428 !important;
  border: 1px solid rgba(0, 0, 0, 0.14) !important;

  font-size: 23px !important;
  font-weight: 900 !important;

  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.14) !important;
}

/* Mobile: keep 4 visible, tighter text */
@media screen and (max-width: 719px) {
  .tamimi-wheel-product-modal .tamimi-options-carousel {
    padding: 0 34px !important;
    margin-bottom: 18px !important;
  }

  .tamimi-wheel-product-modal .tamimi-options-carousel:not(.has-scroll) {
    padding: 0 !important;
  }

  .tamimi-wheel-product-modal .tamimi-horizontal-options .tamimi-wheel-list {
    grid-auto-columns: calc((100% - 21px) / 4) !important;
    gap: 7px !important;
    padding: 6px 2px 12px !important;
  }

  .tamimi-wheel-product-modal .tamimi-horizontal-options .tamimi-wheel-option,
  .tamimi-wheel-product-modal .tamimi-horizontal-options .tamimi-wheel-option.is-near,
  .tamimi-wheel-product-modal .tamimi-horizontal-options .tamimi-wheel-option.is-active {
    height: 46px !important;
    min-height: 46px !important;
    border-radius: 11px !important;
    padding: 0 4px !important;
    font-size: 10.5px !important;
    line-height: 1.08 !important;
  }

  .tamimi-wheel-product-modal .tamimi-options-arrow {
    width: 28px !important;
    height: 28px !important;
    font-size: 22px !important;
  }
}
/* HARD FIX: make horizontal variant buttons clickable */
.tamimi-wheel-product-modal .tamimi-horizontal-options .tamimi-wheel-option,
.tamimi-wheel-product-modal .tamimi-horizontal-options .tamimi-wheel-option.is-near,
.tamimi-wheel-product-modal .tamimi-horizontal-options .tamimi-wheel-option.is-active {
  pointer-events: auto !important;
  cursor: pointer !important;
  user-select: none !important;
}

.tamimi-wheel-product-modal .tamimi-horizontal-options .tamimi-wheel-list {
  pointer-events: auto !important;
}

.tamimi-wheel-product-modal .tamimi-horizontal-options .tamimi-wheel-option:disabled {
  pointer-events: none !important;
  cursor: not-allowed !important;
  opacity: 0.45 !important;
}
/* Premium carousel arrows for variant options */
.tamimi-wheel-product-modal .tamimi-options-arrow {
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  min-height: 34px !important;

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

  border-radius: 50% !important;
  border: 1px solid rgba(0, 0, 0, 0.16) !important;

  background: linear-gradient(180deg, #ffffff 0%, #dfe3e7 100%) !important;
  color: #202428 !important;

  font-size: 24px !important;
  font-weight: 950 !important;
  line-height: 1 !important;

  box-shadow:
    0 8px 16px rgba(0, 0, 0, 0.16),
    inset 0 1px 0 rgba(255, 255, 255, 0.95),
    inset 0 -1px 0 rgba(0, 0, 0, 0.08) !important;

  cursor: pointer !important;
  pointer-events: auto !important;
  transition:
    transform 140ms ease,
    box-shadow 140ms ease,
    background 140ms ease !important;
}

.tamimi-wheel-product-modal .tamimi-options-carousel.has-scroll .tamimi-options-arrow {
  display: inline-flex !important;
}

.tamimi-wheel-product-modal .tamimi-options-arrow:hover {
  background: linear-gradient(180deg, #e8ebee 0%, #cfd5da 100%) !important;
  transform: translateY(-54%) scale(1.04) !important;
  box-shadow:
    0 10px 20px rgba(0, 0, 0, 0.20),
    inset 0 1px 0 rgba(255, 255, 255, 0.80) !important;
}

.tamimi-wheel-product-modal .tamimi-options-arrow:active {
  transform: translateY(-54%) scale(0.96) !important;
  box-shadow:
    0 4px 10px rgba(0, 0, 0, 0.14),
    inset 0 2px 4px rgba(0, 0, 0, 0.12) !important;
}

.tamimi-wheel-product-modal .tamimi-options-carousel.at-start .tamimi-options-arrow-prev,
.tamimi-wheel-product-modal .tamimi-options-carousel.at-end .tamimi-options-arrow-next {
  opacity: 0.38 !important;
  cursor: default !important;
}
/* Reduce spacing between horizontal variant option buttons */
.tamimi-wheel-product-modal .tamimi-horizontal-options .tamimi-wheel-list {
  gap: 0px !important;
  grid-auto-columns: calc((100% - 15px) / 4) !important;
}

@media screen and (max-width: 719px) {
  .tamimi-wheel-product-modal .tamimi-horizontal-options .tamimi-wheel-list {
    gap: 0px !important;
    grid-auto-columns: calc((100% - 12px) / 4) !important;
  }
}
/* Desktop only: reduce variant options row height by 20% */
@media screen and (min-width: 720px) {
  .tamimi-wheel-product-modal .tamimi-horizontal-options .tamimi-wheel-option,
  .tamimi-wheel-product-modal .tamimi-horizontal-options .tamimi-wheel-option.is-near,
  .tamimi-wheel-product-modal .tamimi-horizontal-options .tamimi-wheel-option.is-active {
    height: 42px !important;
    min-height: 42px !important;
    font-size: 12px !important;
    line-height: 1.08 !important;
  }

  .tamimi-wheel-product-modal .tamimi-horizontal-options .tamimi-wheel-list {
    padding-top: 4px !important;
    padding-bottom: 8px !important;
  }

  .tamimi-wheel-product-modal .tamimi-options-carousel {
    margin-bottom: 16px !important;
  }

  .tamimi-wheel-product-modal .tamimi-options-arrow {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
    font-size: 20px !important;
  }
}

/* Desktop only: clean spacing for quantity controls */
@media screen and (min-width: 720px) {
  .tamimi-wheel-product-modal .tamimi-qty-control-v3 {
    display: grid !important;
    grid-template-columns: 34px 58px 34px !important;
    gap: 8px !important;
    align-items: center !important;
    justify-content: center !important;
    direction: ltr !important;
  }

  .tamimi-wheel-product-modal .tamimi-qty-dec-v3,
  .tamimi-wheel-product-modal .tamimi-qty-inc-v3 {
    width: 34px !important;
    min-width: 34px !important;
    max-width: 34px !important;

    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;

    padding: 0 !important;
    margin: 0 !important;

    border-radius: 50% !important;
    box-sizing: border-box !important;
  }

  .tamimi-wheel-product-modal .tamimi-qty-value-v3 {
    width: 58px !important;
    min-width: 58px !important;
    max-width: 58px !important;

    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;

    margin: 0 !important;
    box-sizing: border-box !important;
  }
}
/* Desktop only: fix quantity plus overlap */
@media screen and (min-width: 720px) {
  .tamimi-wheel-product-modal .tamimi-qty-row-v3 {
    overflow: visible !important;
  }

  .tamimi-wheel-product-modal .tamimi-qty-control-v3 {
    display: grid !important;
    grid-template-columns: 34px 74px 34px !important;
    gap: 14px !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 170px !important;
    overflow: visible !important;
    direction: ltr !important;
  }

  .tamimi-wheel-product-modal .tamimi-qty-value-v3 {
    width: 74px !important;
    min-width: 74px !important;
    max-width: 74px !important;
    margin: 0 !important;
  }

  .tamimi-wheel-product-modal .tamimi-qty-dec-v3,
  .tamimi-wheel-product-modal .tamimi-qty-inc-v3 {
    position: relative !important;
    z-index: 2 !important;
    margin: 0 !important;
  }
}
/* Desktop only: force quantity controls separated */
@media screen and (min-width: 720px) {
  .tamimi-wheel-product-modal .tamimi-qty-control-v3 {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: auto !important;
    min-width: 190px !important;
    max-width: 190px !important;

    gap: 40px !important;
    overflow: visible !important;
    direction: ltr !important;
  }

  .tamimi-wheel-product-modal .tamimi-qty-dec-v3,
  .tamimi-wheel-product-modal .tamimi-qty-inc-v3 {
    position: static !important;
    flex: 0 0 36px !important;

    width: 36px !important;
    min-width: 36px !important;
    max-width: 36px !important;

    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;

    margin: 0 !important;
    transform: none !important;
    z-index: 1 !important;
  }

  .tamimi-wheel-product-modal .tamimi-qty-value-v3 {
    position: static !important;
    flex: 0 0 64px !important;

    width: 64px !important;
    min-width: 64px !important;
    max-width: 64px !important;

    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;

    margin: 0 !important;
    transform: none !important;
    z-index: 1 !important;
  }
}
@media screen and (min-width: 720px) {
  .tamimi-wheel-product-modal .tamimi-qty-value-v3 {
    width: 78px !important;
    min-width: 78px !important;
    max-width: 78px !important;
  }
}
/* Desktop only: pickup branches 2 per row */
@media screen and (min-width: 720px) {
  .tamimi-wheel-product-modal .tamimi-pickup-branch-list {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  .tamimi-wheel-product-modal .tamimi-pickup-branch-option {
    width: 100% !important;
    min-height: 54px !important;
    padding: 0 14px !important;
    box-sizing: border-box !important;
  }
}
/* Pickup title + two branches per row on desktop */
.tamimi-wheel-product-modal .tamimi-pickup-title {
  display: block !important;
  margin: 0 0 14px !important;
  color: #202020 !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
  text-align: start !important;
}

@media screen and (min-width: 720px) {
  .tamimi-wheel-product-modal .tamimi-pickup-branch-list {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }

  .tamimi-wheel-product-modal .tamimi-pickup-branch-option {
    width: 100% !important;
    min-height: 54px !important;
  }
}

@media screen and (max-width: 719px) {
  .tamimi-wheel-product-modal .tamimi-pickup-branch-list {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }
}
/* HARD FIX: hide old Shopify pickup line, keep only custom title + branches */
.tamimi-wheel-product-modal .tamimi-pickup-custom-ready::before,
.tamimi-wheel-product-modal .tamimi-pickup-custom-ready::after {
  display: none !important;
  content: none !important;
}

.tamimi-wheel-product-modal .tamimi-pickup-custom-ready > :not(.tamimi-pickup-title):not(.tamimi-pickup-branch-list) {
  display: none !important;
}

.tamimi-wheel-product-modal .tamimi-pickup-custom-ready .surface-pick-up-embed__availability,
.tamimi-wheel-product-modal .tamimi-pickup-custom-ready .surface-pick-up__availability,
.tamimi-wheel-product-modal .tamimi-pickup-custom-ready [class*="availability"] {
  display: none !important;
}

.tamimi-wheel-product-modal .tamimi-pickup-title {
  display: block !important;
}

.tamimi-wheel-product-modal .tamimi-pickup-branch-list {
  display: grid !important;
}
/* Desktop only: fixed radio position inside pickup branch buttons */
@media screen and (min-width: 720px) {
  .tamimi-wheel-product-modal .tamimi-pickup-branch-option {
    display: grid !important;
    grid-template-columns: 22px minmax(0, 1fr) !important;
    column-gap: 10px !important;
    align-items: center !important;
    justify-content: start !important;

    padding-left: 18px !important;
    padding-right: 14px !important;
    text-align: left !important;
  }

  .tamimi-wheel-product-modal .tamimi-pickup-branch-dot {
    grid-column: 1 !important;
    justify-self: center !important;

    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    margin: 0 !important;
  }

  .tamimi-wheel-product-modal .tamimi-pickup-branch-name {
    grid-column: 2 !important;
    justify-self: start !important;

    width: 100% !important;
    min-width: 0 !important;

    text-align: left !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
}
/* Final pickup branches alignment: centered names + fixed radio position */
.tamimi-wheel-product-modal .tamimi-pickup-branch-option {
  position: relative !important;

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

  padding-left: 42px !important;
  padding-right: 42px !important;

  text-align: center !important;
  direction: inherit !important;
}

.tamimi-wheel-product-modal .tamimi-pickup-branch-dot {
  position: absolute !important;
  top: 50% !important;
  left: 18px !important;
  right: auto !important;
  transform: translateY(-50%) !important;

  margin: 0 !important;
  flex: 0 0 auto !important;
}

html[dir="rtl"] .tamimi-wheel-product-modal .tamimi-pickup-branch-dot {
  right: 18px !important;
  left: auto !important;
}

.tamimi-wheel-product-modal .tamimi-pickup-branch-name {
  display: block !important;
  width: 100% !important;

  text-align: center !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
/* Desktop only: bigger variant option text without changing button size */
@media screen and (min-width: 720px) {
  .tamimi-wheel-product-modal .tamimi-horizontal-options .tamimi-wheel-option,
  .tamimi-wheel-product-modal .tamimi-horizontal-options .tamimi-wheel-option.is-near,
  .tamimi-wheel-product-modal .tamimi-horizontal-options .tamimi-wheel-option.is-active {
    font-size: 14px !important;
    line-height: 1.05 !important;
    font-weight: 950 !important;
  }
}
/* MOBILE FINAL OVERRIDE: clean 4 horizontal variant options, no arrow overlap */
@media screen and (max-width: 719px) {
  body .tamimi-wheel-product-modal .tamimi-horizontal-options {
    display: block !important;
    width: 100% !important;
    margin: 0 auto 12px !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  body .tamimi-wheel-product-modal .tamimi-horizontal-options .tamimi-wheel-window {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    margin: 0 auto 12px !important;
    padding: 0 !important;

    overflow: visible !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body .tamimi-wheel-product-modal .tamimi-horizontal-options .tamimi-wheel-window::before,
  body .tamimi-wheel-product-modal .tamimi-horizontal-options .tamimi-wheel-window::after {
    display: none !important;
    content: none !important;
  }

  body .tamimi-wheel-product-modal .tamimi-options-carousel {
    position: relative !important;

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

    margin: 0 auto 12px !important;
    padding: 0 12px !important;

    box-sizing: border-box !important;
    overflow: visible !important;
  }

  body .tamimi-wheel-product-modal .tamimi-options-carousel:not(.has-scroll) {
    padding: 0 12px !important;
  }

  body .tamimi-wheel-product-modal .tamimi-horizontal-options .tamimi-wheel-list {
    display: grid !important;
    grid-auto-flow: column !important;
    grid-auto-columns: calc((100% - 15px) / 4) !important;
    gap: 5px !important;

    width: 100% !important;
    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;

    padding: 0 !important;
    margin: 0 !important;

    overflow-x: auto !important;
    overflow-y: hidden !important;

    scroll-snap-type: x mandatory !important;
    scrollbar-width: none !important;

    background: transparent !important;
    position: relative !important;
    z-index: 2 !important;

    touch-action: pan-x !important;
  }

  body .tamimi-wheel-product-modal .tamimi-horizontal-options .tamimi-wheel-list::-webkit-scrollbar {
    display: none !important;
  }

  body .tamimi-wheel-product-modal .tamimi-horizontal-options .tamimi-wheel-option,
  body .tamimi-wheel-product-modal .tamimi-horizontal-options .tamimi-wheel-option.is-near,
  body .tamimi-wheel-product-modal .tamimi-horizontal-options .tamimi-wheel-option.is-active,
  body .tamimi-wheel-product-modal .tamimi-horizontal-options .tamimi-wheel-option:not(.is-active):not(.is-near) {
    position: relative !important;
    z-index: 3 !important;

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

    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;

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

    padding: 0 3px !important;
    margin: 0 !important;

    border-radius: 8px !important;
    border: 1px solid rgba(0, 0, 0, 0.13) !important;
    background: linear-gradient(180deg, #f8f9fa 0%, #e4e7ea 100%) !important;
    color: #202428 !important;

    font-size: 10px !important;
    font-weight: 900 !important;
    line-height: 1.05 !important;
    text-align: center !important;

    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;

    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;

    box-shadow: none !important;
    pointer-events: auto !important;
  }

  body .tamimi-wheel-product-modal .tamimi-horizontal-options .tamimi-wheel-option.is-active {
    background: linear-gradient(180deg, #d4d9de 0%, #bfc6cc 100%) !important;
    border-color: rgba(0, 0, 0, 0.22) !important;
    color: #111417 !important;
  }

  /* hide arrows on mobile completely, swipe will handle extra options */
  body .tamimi-wheel-product-modal .tamimi-options-arrow,
  body .tamimi-wheel-product-modal .tamimi-options-arrow-prev,
  body .tamimi-wheel-product-modal .tamimi-options-arrow-next,
  body .tamimi-wheel-product-modal .tamimi-options-carousel.has-scroll .tamimi-options-arrow {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }
}
/* MOBILE FIX: show arrows + keep option font stable */
@media screen and (max-width: 719px) {
  body .tamimi-wheel-product-modal .tamimi-options-carousel {
    position: relative !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
    overflow: visible !important;
  }

  body .tamimi-wheel-product-modal .tamimi-options-carousel:not(.has-scroll) {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }

  body .tamimi-wheel-product-modal .tamimi-horizontal-options .tamimi-wheel-list {
    grid-auto-columns: calc((100% - 12px) / 4) !important;
    gap: 4px !important;
    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;
  }

  body .tamimi-wheel-product-modal .tamimi-horizontal-options .tamimi-wheel-option,
  body .tamimi-wheel-product-modal .tamimi-horizontal-options .tamimi-wheel-option.is-near,
  body .tamimi-wheel-product-modal .tamimi-horizontal-options .tamimi-wheel-option.is-active,
  body .tamimi-wheel-product-modal .tamimi-horizontal-options .tamimi-wheel-option:hover,
  body .tamimi-wheel-product-modal .tamimi-horizontal-options .tamimi-wheel-option:focus {
    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;

    font-size: 10px !important;
    line-height: 1.05 !important;
    font-weight: 900 !important;

    transform: none !important;
    opacity: 1 !important;
  }

  body .tamimi-wheel-product-modal .tamimi-horizontal-options .tamimi-wheel-option:hover,
  body .tamimi-wheel-product-modal .tamimi-horizontal-options .tamimi-wheel-option:focus {
    background: linear-gradient(180deg, #f8f9fa 0%, #e4e7ea 100%) !important;
    color: #202428 !important;
  }

  body .tamimi-wheel-product-modal .tamimi-horizontal-options .tamimi-wheel-option.is-active,
  body .tamimi-wheel-product-modal .tamimi-horizontal-options .tamimi-wheel-option.is-active:hover {
    background: linear-gradient(180deg, #d4d9de 0%, #bfc6cc 100%) !important;
    color: #111417 !important;
    font-size: 10px !important;
  }

  body .tamimi-wheel-product-modal .tamimi-options-arrow,
  body .tamimi-wheel-product-modal .tamimi-options-arrow-prev,
  body .tamimi-wheel-product-modal .tamimi-options-arrow-next,
  body .tamimi-wheel-product-modal .tamimi-options-carousel.has-scroll .tamimi-options-arrow {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;

    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;

    width: 16px !important;
    min-width: 16px !important;
    max-width: 16px !important;

    height: 16px !important;
    min-height: 16px !important;
    max-height: 16px !important;

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

    padding: 0 !important;
    margin: 0 !important;

    border-radius: 50% !important;
    border: 1px solid rgba(0, 0, 0, 0.14) !important;
    background: linear-gradient(180deg, #ffffff 0%, #dfe3e7 100%) !important;
    color: #202428 !important;

    font-size: 11px !important;
    font-weight: 950 !important;
    line-height: 1 !important;

    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.12) !important;
    z-index: 20 !important;
  }

  body .tamimi-wheel-product-modal .tamimi-options-arrow-prev {
    left: 3px !important;
    right: auto !important;
  }

  body .tamimi-wheel-product-modal .tamimi-options-arrow-next {
    right: 3px !important;
    left: auto !important;
  }
}
/* MOBILE ABSOLUTE FIX: variant arrows must stay tiny */
@media screen and (max-width: 719px) {
  body.template-collection .modal[data-modal-container] .modal-inner .modal-content .tamimi-wheel-product-modal .tamimi-options-carousel,
  body.template-collection .modal-1[data-modal-container-1] .modal-inner .modal-content .tamimi-wheel-product-modal .tamimi-options-carousel {
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 22px !important;
    margin: 0 auto 12px !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  body.template-collection .modal[data-modal-container] .modal-inner .modal-content .tamimi-wheel-product-modal .tamimi-horizontal-options .tamimi-wheel-list,
  body.template-collection .modal-1[data-modal-container-1] .modal-inner .modal-content .tamimi-wheel-product-modal .tamimi-horizontal-options .tamimi-wheel-list {
    display: grid !important;
    grid-auto-flow: column !important;
    grid-auto-columns: calc((100% - 12px) / 4) !important;
    gap: 4px !important;

    width: 100% !important;
    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;

    padding: 0 !important;
    margin: 0 !important;

    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: none !important;
    background: transparent !important;
  }

  body.template-collection .modal[data-modal-container] .modal-inner .modal-content .tamimi-wheel-product-modal .tamimi-horizontal-options .tamimi-wheel-option,
  body.template-collection .modal-1[data-modal-container-1] .modal-inner .modal-content .tamimi-wheel-product-modal .tamimi-horizontal-options .tamimi-wheel-option {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;

    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;

    padding: 0 3px !important;
    margin: 0 !important;

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

    font-size: 10px !important;
    line-height: 1.05 !important;
    font-weight: 900 !important;

    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
  }

  body.template-collection .modal[data-modal-container] .modal-inner .modal-content .tamimi-wheel-product-modal .tamimi-options-carousel > button.tamimi-options-arrow,
  body.template-collection .modal-1[data-modal-container-1] .modal-inner .modal-content .tamimi-wheel-product-modal .tamimi-options-carousel > button.tamimi-options-arrow {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;

    width: 15px !important;
    min-width: 15px !important;
    max-width: 15px !important;
    inline-size: 15px !important;
    min-inline-size: 15px !important;
    max-inline-size: 15px !important;
    flex: 0 0 15px !important;

    height: 15px !important;
    min-height: 15px !important;
    max-height: 15px !important;
    block-size: 15px !important;
    min-block-size: 15px !important;
    max-block-size: 15px !important;

    padding: 0 !important;
    margin: 0 !important;

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

    border-radius: 50% !important;
    border: 1px solid rgba(0, 0, 0, 0.16) !important;
    background: #ffffff !important;

    color: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;
    text-indent: -9999px !important;

    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.14) !important;
    z-index: 80 !important;
    overflow: hidden !important;
    pointer-events: auto !important;

    appearance: none !important;
    -webkit-appearance: none !important;
  }

  body.template-collection .modal[data-modal-container] .modal-inner .modal-content .tamimi-wheel-product-modal .tamimi-options-carousel > button.tamimi-options-arrow-prev,
  body.template-collection .modal-1[data-modal-container-1] .modal-inner .modal-content .tamimi-wheel-product-modal .tamimi-options-carousel > button.tamimi-options-arrow-prev {
    left: 2px !important;
    right: auto !important;
  }

  body.template-collection .modal[data-modal-container] .modal-inner .modal-content .tamimi-wheel-product-modal .tamimi-options-carousel > button.tamimi-options-arrow-next,
  body.template-collection .modal-1[data-modal-container-1] .modal-inner .modal-content .tamimi-wheel-product-modal .tamimi-options-carousel > button.tamimi-options-arrow-next {
    right: 2px !important;
    left: auto !important;
  }

  body.template-collection .modal[data-modal-container] .modal-inner .modal-content .tamimi-wheel-product-modal .tamimi-options-carousel > button.tamimi-options-arrow::before,
  body.template-collection .modal-1[data-modal-container-1] .modal-inner .modal-content .tamimi-wheel-product-modal .tamimi-options-carousel > button.tamimi-options-arrow::before {
    text-indent: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    color: #202428 !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
  }

  body.template-collection .modal[data-modal-container] .modal-inner .modal-content .tamimi-wheel-product-modal .tamimi-options-carousel > button.tamimi-options-arrow-prev::before,
  body.template-collection .modal-1[data-modal-container-1] .modal-inner .modal-content .tamimi-wheel-product-modal .tamimi-options-carousel > button.tamimi-options-arrow-prev::before {
    content: "‹" !important;
  }

  body.template-collection .modal[data-modal-container] .modal-inner .modal-content .tamimi-wheel-product-modal .tamimi-options-carousel > button.tamimi-options-arrow-next::before,
  body.template-collection .modal-1[data-modal-container-1] .modal-inner .modal-content .tamimi-wheel-product-modal .tamimi-options-carousel > button.tamimi-options-arrow-next::before {
    content: "›" !important;
  }
}
/* Mobile quick shop: prevent page horizontal shift */
@media screen and (max-width: 719px) {
  html,
  body {
    overflow-x: hidden !important;
  }

  body .modal[data-modal-container],
  body .modal-1[data-modal-container-1],
  body .modal[data-modal-container] .modal-inner,
  body .modal-1[data-modal-container-1] .modal-inner,
  body .tamimi-wheel-product-modal {
    max-width: 100vw !important;
    overflow-x: hidden !important;
  }

  body .tamimi-wheel-product-modal .tamimi-options-carousel {
    overflow: visible !important;
  }

  body .tamimi-wheel-product-modal .tamimi-horizontal-options .tamimi-wheel-list {
    overflow-x: auto !important;
    overflow-y: hidden !important;
    overscroll-behavior-x: contain !important;
  }
}
/* Mobile only: bigger raised option arrows without touching option buttons */
@media screen and (max-width: 719px) {
  body.template-collection .modal[data-modal-container] .modal-inner .modal-content .tamimi-wheel-product-modal .tamimi-options-carousel,
  body.template-collection .modal-1[data-modal-container-1] .modal-inner .modal-content .tamimi-wheel-product-modal .tamimi-options-carousel {
    padding-left: 26px !important;
    padding-right: 26px !important;
  }

  body.template-collection .modal[data-modal-container] .modal-inner .modal-content .tamimi-wheel-product-modal .tamimi-options-carousel > button.tamimi-options-arrow,
  body.template-collection .modal-1[data-modal-container-1] .modal-inner .modal-content .tamimi-wheel-product-modal .tamimi-options-carousel > button.tamimi-options-arrow {
    width: 30px !important;
    min-width: 30px !important;
    max-width: 30px !important;
    inline-size: 30px !important;
    min-inline-size: 30px !important;
    max-inline-size: 30px !important;
    flex: 0 0 30px !important;

    height: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;
    block-size: 30px !important;
    min-block-size: 30px !important;
    max-block-size: 30px !important;

    border-radius: 50% !important;
    border: 1px solid rgba(0, 0, 0, 0.18) !important;
    background: linear-gradient(180deg, #ffffff 0%, #e3e7ea 100%) !important;

    box-shadow:
      0 7px 14px rgba(0, 0, 0, 0.22),
      inset 0 1px 0 rgba(255, 255, 255, 0.95),
      inset 0 -1px 0 rgba(0, 0, 0, 0.08) !important;

    z-index: 90 !important;
  }

  body.template-collection .modal[data-modal-container] .modal-inner .modal-content .tamimi-wheel-product-modal .tamimi-options-carousel > button.tamimi-options-arrow-prev,
  body.template-collection .modal-1[data-modal-container-1] .modal-inner .modal-content .tamimi-wheel-product-modal .tamimi-options-carousel > button.tamimi-options-arrow-prev {
    left: -2px !important;
    right: auto !important;
  }

  body.template-collection .modal[data-modal-container] .modal-inner .modal-content .tamimi-wheel-product-modal .tamimi-options-carousel > button.tamimi-options-arrow-next,
  body.template-collection .modal-1[data-modal-container-1] .modal-inner .modal-content .tamimi-wheel-product-modal .tamimi-options-carousel > button.tamimi-options-arrow-next {
    right: -2px !important;
    left: auto !important;
  }

  body.template-collection .modal[data-modal-container] .modal-inner .modal-content .tamimi-wheel-product-modal .tamimi-options-carousel > button.tamimi-options-arrow::before,
  body.template-collection .modal-1[data-modal-container-1] .modal-inner .modal-content .tamimi-wheel-product-modal .tamimi-options-carousel > button.tamimi-options-arrow::before {
    font-size: 23px !important;
    font-weight: 950 !important;
    color: #202428 !important;
  }

  body.template-collection .modal[data-modal-container] .modal-inner .modal-content .tamimi-wheel-product-modal .tamimi-options-carousel > button.tamimi-options-arrow:active,
  body.template-collection .modal-1[data-modal-container-1] .modal-inner .modal-content .tamimi-wheel-product-modal .tamimi-options-carousel > button.tamimi-options-arrow:active {
    transform: translateY(-50%) scale(0.94) !important;
    box-shadow:
      0 3px 8px rgba(0, 0, 0, 0.18),
      inset 0 2px 4px rgba(0, 0, 0, 0.16) !important;
  }
}
/* Mobile only: medium raised option arrows */
@media screen and (max-width: 719px) {
  body.template-collection .modal[data-modal-container] .modal-inner .modal-content .tamimi-wheel-product-modal .tamimi-options-carousel,
  body.template-collection .modal-1[data-modal-container-1] .modal-inner .modal-content .tamimi-wheel-product-modal .tamimi-options-carousel {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }

  body.template-collection .modal[data-modal-container] .modal-inner .modal-content .tamimi-wheel-product-modal .tamimi-options-carousel > button.tamimi-options-arrow,
  body.template-collection .modal-1[data-modal-container-1] .modal-inner .modal-content .tamimi-wheel-product-modal .tamimi-options-carousel > button.tamimi-options-arrow {
    width: 24px !important;
    min-width: 24px !important;
    max-width: 24px !important;
    inline-size: 24px !important;
    min-inline-size: 24px !important;
    max-inline-size: 24px !important;
    flex: 0 0 24px !important;

    height: 24px !important;
    min-height: 24px !important;
    max-height: 24px !important;
    block-size: 24px !important;
    min-block-size: 24px !important;
    max-block-size: 24px !important;

    box-shadow:
      0 5px 10px rgba(0, 0, 0, 0.18),
      inset 0 1px 0 rgba(255, 255, 255, 0.95),
      inset 0 -1px 0 rgba(0, 0, 0, 0.08) !important;
  }

  body.template-collection .modal[data-modal-container] .modal-inner .modal-content .tamimi-wheel-product-modal .tamimi-options-carousel > button.tamimi-options-arrow::before,
  body.template-collection .modal-1[data-modal-container-1] .modal-inner .modal-content .tamimi-wheel-product-modal .tamimi-options-carousel > button.tamimi-options-arrow::before {
    font-size: 18px !important;
  }
}
/* Mobile only: bring option arrows slightly inside */
@media screen and (max-width: 719px) {
  body.template-collection .modal[data-modal-container] .modal-inner .modal-content .tamimi-wheel-product-modal .tamimi-options-carousel > button.tamimi-options-arrow-prev,
  body.template-collection .modal-1[data-modal-container-1] .modal-inner .modal-content .tamimi-wheel-product-modal .tamimi-options-carousel > button.tamimi-options-arrow-prev {
    left: 2px !important;
  }

  body.template-collection .modal[data-modal-container] .modal-inner .modal-content .tamimi-wheel-product-modal .tamimi-options-carousel > button.tamimi-options-arrow-next,
  body.template-collection .modal-1[data-modal-container-1] .modal-inner .modal-content .tamimi-wheel-product-modal .tamimi-options-carousel > button.tamimi-options-arrow-next {
    right: 2px !important;
  }
}
/* Mobile only: add breathing room between arrows and option buttons */
@media screen and (max-width: 719px) {
  body.template-collection .modal[data-modal-container] .modal-inner .modal-content .tamimi-wheel-product-modal .tamimi-options-carousel,
  body.template-collection .modal-1[data-modal-container-1] .modal-inner .modal-content .tamimi-wheel-product-modal .tamimi-options-carousel {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }

  body.template-collection .modal[data-modal-container] .modal-inner .modal-content .tamimi-wheel-product-modal .tamimi-options-carousel > button.tamimi-options-arrow-prev,
  body.template-collection .modal-1[data-modal-container-1] .modal-inner .modal-content .tamimi-wheel-product-modal .tamimi-options-carousel > button.tamimi-options-arrow-prev {
    left: 3px !important;
  }

  body.template-collection .modal[data-modal-container] .modal-inner .modal-content .tamimi-wheel-product-modal .tamimi-options-carousel > button.tamimi-options-arrow-next,
  body.template-collection .modal-1[data-modal-container-1] .modal-inner .modal-content .tamimi-wheel-product-modal .tamimi-options-carousel > button.tamimi-options-arrow-next {
    right: 3px !important;
  }
}
/* Mobile only: keep quantity row inside quick shop content width */
@media screen and (max-width: 719px) {
  body .tamimi-wheel-product-modal .tamimi-qty-row-v3 {
    width: calc(100% - 24px) !important;
    max-width: 100% !important;

    margin-left: auto !important;
    margin-right: auto !important;

    padding-left: 12px !important;
    padding-right: 12px !important;

    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  body .tamimi-wheel-product-modal .tamimi-qty-control-v3 {
    flex-shrink: 0 !important;
    max-width: 138px !important;
  }
}
/* Mobile only: smaller balanced quantity +/- circles */
@media screen and (max-width: 719px) {
  body .tamimi-wheel-product-modal .tamimi-qty-control-v3 {
    display: grid !important;
    grid-template-columns: 17px 46px 17px !important;
    gap: 7px !important;
    align-items: center !important;
    justify-content: center !important;
    direction: ltr !important;

    max-width: none !important;
    width: auto !important;
  }

  body .tamimi-wheel-product-modal button.tamimi-qty-dec-v3,
  body .tamimi-wheel-product-modal button.tamimi-qty-inc-v3 {
    width: 17px !important;
    min-width: 17px !important;
    max-width: 17px !important;

    height: 17px !important;
    min-height: 17px !important;
    max-height: 17px !important;

    inline-size: 17px !important;
    min-inline-size: 17px !important;
    max-inline-size: 17px !important;

    block-size: 17px !important;
    min-block-size: 17px !important;
    max-block-size: 17px !important;

    padding: 0 !important;
    margin: 0 !important;

    border-radius: 50% !important;

    font-size: 11px !important;
    line-height: 1 !important;
    font-weight: 950 !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
  }

  body .tamimi-wheel-product-modal .tamimi-qty-value-v3 {
    width: 46px !important;
    min-width: 46px !important;
    max-width: 46px !important;

    height: 28px !important;
    min-height: 28px !important;
    max-height: 28px !important;

    margin: 0 !important;
    box-sizing: border-box !important;
  }
}
/* Mobile only: force tiny balanced quantity controls */
@media screen and (max-width: 719px) {
  body .tamimi-wheel-product-modal .tamimi-qty-control-v3 {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 5px !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;

    direction: ltr !important;
  }

  body .tamimi-wheel-product-modal button.tamimi-qty-dec-v3,
  body .tamimi-wheel-product-modal button.tamimi-qty-inc-v3 {
    flex: 0 0 14px !important;

    width: 14px !important;
    min-width: 14px !important;
    max-width: 14px !important;

    height: 14px !important;
    min-height: 14px !important;
    max-height: 14px !important;

    inline-size: 14px !important;
    min-inline-size: 14px !important;
    max-inline-size: 14px !important;

    block-size: 14px !important;
    min-block-size: 14px !important;
    max-block-size: 14px !important;

    padding: 0 !important;
    margin: 0 !important;

    border-radius: 50% !important;
    font-size: 10px !important;
    line-height: 1 !important;
    font-weight: 950 !important;

    transform: none !important;
    box-sizing: border-box !important;
  }

  body .tamimi-wheel-product-modal .tamimi-qty-value-v3 {
    flex: 0 0 46px !important;

    width: 46px !important;
    min-width: 46px !important;
    max-width: 46px !important;

    margin: 0 !important;
    transform: none !important;
  }
}
/* Mobile only: final compact quantity controls */
@media screen and (max-width: 719px) {
  body .tamimi-wheel-product-modal .tamimi-qty-row-v3 {
    width: calc(100% - 24px) !important;
    height: 42px !important;
    margin: 0 auto 10px !important;
    padding: 0 12px !important;

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

    border-radius: 13px !important;
    background: #f6f7f8 !important;
    border: 1px solid rgba(0, 0, 0, 0.10) !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  body .tamimi-wheel-product-modal .tamimi-qty-label-v3 {
    font-size: 15px !important;
    font-weight: 900 !important;
    color: #202020 !important;
    line-height: 1 !important;
  }

  body .tamimi-wheel-product-modal .tamimi-qty-control-v3 {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    direction: ltr !important;
    width: auto !important;
    min-width: 0 !important;
  }

  body .tamimi-wheel-product-modal button.tamimi-qty-dec-v3,
  body .tamimi-wheel-product-modal button.tamimi-qty-inc-v3 {
    width: 18px !important;
    min-width: 18px !important;
    max-width: 18px !important;

    height: 18px !important;
    min-height: 18px !important;
    max-height: 18px !important;

    padding: 0 !important;
    margin: 0 !important;

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

    border-radius: 50% !important;
    border: 1px solid rgba(0, 0, 0, 0.14) !important;
    background: linear-gradient(#f7f8f9, #dfe3e7) !important;
    color: #202020 !important;

    font-size: 12px !important;
    font-weight: 950 !important;
    line-height: 1 !important;

    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.12) !important;
    box-sizing: border-box !important;
  }

  body .tamimi-wheel-product-modal .tamimi-qty-value-v3 {
    width: 46px !important;
    min-width: 46px !important;
    max-width: 46px !important;

    height: 28px !important;
    min-height: 28px !important;
    max-height: 28px !important;

    margin: 0 !important;

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

    border-radius: 9px !important;
    border: 1px solid rgba(0, 0, 0, 0.12) !important;
    background: #ffffff !important;
    color: #202020 !important;

    font-size: 17px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    box-sizing: border-box !important;
  }
}
/* Mobile quantity: small circles around quantity box */
@media screen and (max-width: 719px) {
  body .tamimi-wheel-product-modal .tamimi-qty-control-v3 {
    display: grid !important;
    grid-template-columns: 20px 46px 20px !important;
    gap: 7px !important;
    align-items: center !important;
    justify-content: center !important;
    direction: ltr !important;

    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;

    height: 28px !important;
    min-height: 28px !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  body .tamimi-wheel-product-modal button.tamimi-qty-dec-v3,
  body .tamimi-wheel-product-modal button.tamimi-qty-inc-v3 {
    all: unset !important;

    width: 20px !important;
    min-width: 20px !important;
    max-width: 20px !important;

    height: 20px !important;
    min-height: 20px !important;
    max-height: 20px !important;

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

    border-radius: 50% !important;
    border: 1px solid rgba(0, 0, 0, 0.16) !important;
    background: linear-gradient(180deg, #ffffff 0%, #e1e5e8 100%) !important;
    color: #202020 !important;

    font-size: 13px !important;
    font-weight: 950 !important;
    line-height: 1 !important;

    box-shadow:
      0 2px 5px rgba(0, 0, 0, 0.12),
      inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;

    box-sizing: border-box !important;
    cursor: pointer !important;
  }

  body .tamimi-wheel-product-modal .tamimi-qty-dec-v3 {
    grid-column: 1 !important;
  }

  body .tamimi-wheel-product-modal .tamimi-qty-value-v3 {
    grid-column: 2 !important;

    width: 46px !important;
    min-width: 46px !important;
    max-width: 46px !important;

    height: 28px !important;
    min-height: 28px !important;
    max-height: 28px !important;

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

    border-radius: 9px !important;
    border: 1px solid rgba(0, 0, 0, 0.12) !important;
    background: #ffffff !important;
    color: #202020 !important;

    font-size: 17px !important;
    font-weight: 950 !important;
    line-height: 1 !important;

    box-sizing: border-box !important;
  }

  body .tamimi-wheel-product-modal .tamimi-qty-inc-v3 {
    grid-column: 3 !important;
  }
}
/* Mobile quick shop quantity V4: true circles */
@media screen and (max-width: 719px) {
  body .tamimi-wheel-product-modal .tamimi-qty-control-v4 {
    display: grid !important;
    grid-template-columns: 22px 46px 22px !important;
    gap: 8px !important;
    align-items: center !important;
    justify-content: center !important;
    direction: ltr !important;

    width: auto !important;
    height: 28px !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
  }

  body .tamimi-wheel-product-modal button.tamimi-qty-circle-v4 {
    appearance: none !important;
    -webkit-appearance: none !important;

    width: 18px !important;
    min-width: 18px !important;
    max-width: 18px !important;

    height: 18px !important;
    min-height: 18px !important;
    max-height: 18px !important;

    inline-size: 18px !important;
    min-inline-size: 18px !important;
    max-inline-size: 18px !important;

    block-size: 18px !important;
    min-block-size: 18px !important;
    max-block-size: 18px !important;

    padding: 0 !important;
    margin: 0 !important;

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

    border-radius: 999px !important;
    border: 1px solid rgba(0, 0, 0, 0.16) !important;
    background: linear-gradient(180deg, #ffffff 0%, #e2e6ea 100%) !important;
    color: #202020 !important;

    box-shadow:
      0 2px 5px rgba(0, 0, 0, 0.12),
      inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;

    font-size: 0 !important;
    line-height: 0 !important;
    text-indent: 0 !important;

    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  body .tamimi-wheel-product-modal button.tamimi-qty-circle-v4 span {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 18px !important;
    height: 18px !important;

    color: #202020 !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    transform: translateY(-1px) !important;
  }

  body .tamimi-wheel-product-modal .tamimi-qty-value-v3 {
    width: 46px !important;
    min-width: 46px !important;
    max-width: 46px !important;

    height: 28px !important;
    min-height: 28px !important;
    max-height: 28px !important;

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

    border-radius: 9px !important;
    border: 1px solid rgba(0, 0, 0, 0.12) !important;
    background: #ffffff !important;
    color: #202020 !important;

    font-size: 17px !important;
    font-weight: 950 !important;
    line-height: 1 !important;

    box-sizing: border-box !important;
  }
}
/* Mobile quantity V5: real circles, no theme button styling */
@media screen and (max-width: 719px) {
  body .tamimi-wheel-product-modal .tamimi-qty-control-v5 {
    display: grid !important;
    grid-template-columns: 22px 46px 22px !important;
    gap: 8px !important;
    align-items: center !important;
    justify-content: center !important;
    direction: ltr !important;
    width: auto !important;
    height: 28px !important;
  }

  body .tamimi-wheel-product-modal .tamimi-qty-circle-v5 {
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    min-height: 22px !important;
    max-width: 22px !important;
    max-height: 22px !important;

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

    border-radius: 50% !important;
    border: 1px solid rgba(0, 0, 0, 0.16) !important;
    background: linear-gradient(180deg, #ffffff 0%, #e2e6ea 100%) !important;
    color: #202020 !important;

    font-size: 14.5px !important;
    font-weight: 950 !important;
    line-height: 1 !important;

    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.12) !important;
    box-sizing: border-box !important;
    cursor: pointer !important;
    user-select: none !important;
  }

  body .tamimi-wheel-product-modal .tamimi-qty-value-v3 {
    width: 46px !important;
    height: 28px !important;
    min-width: 46px !important;
    min-height: 28px !important;

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

    border-radius: 9px !important;
    border: 1px solid rgba(0, 0, 0, 0.12) !important;
    background: #ffffff !important;
    color: #202020 !important;

    font-size: 17px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    box-sizing: border-box !important;
  }
}
.tamimi-wheel-product-modal .tamimi-options-carousel:not(.has-scroll) .tamimi-options-arrow {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
/* Center 2 or 3 quick shop variant options */
.tamimi-wheel-product-modal .tamimi-options-count-2 .tamimi-wheel-list,
.tamimi-wheel-product-modal .tamimi-options-count-3 .tamimi-wheel-list {
  display: flex !important;
  justify-content: center !important;
  gap: 8px !important;
  overflow-x: hidden !important;
}

.tamimi-wheel-product-modal .tamimi-options-count-2 .tamimi-wheel-option {
  flex: 0 0 calc((100% - 8px) / 4) !important;
  max-width: calc((100% - 8px) / 4) !important;
}

.tamimi-wheel-product-modal .tamimi-options-count-3 .tamimi-wheel-option {
  flex: 0 0 calc((100% - 16px) / 4) !important;
  max-width: calc((100% - 16px) / 4) !important;
}

@media screen and (max-width: 719px) {
  .tamimi-wheel-product-modal .tamimi-options-count-2 .tamimi-wheel-list,
  .tamimi-wheel-product-modal .tamimi-options-count-3 .tamimi-wheel-list {
    gap: 5px !important;
  }

  .tamimi-wheel-product-modal .tamimi-options-count-2 .tamimi-wheel-option {
    flex-basis: calc((100% - 15px) / 4) !important;
    max-width: calc((100% - 15px) / 4) !important;
  }

  .tamimi-wheel-product-modal .tamimi-options-count-3 .tamimi-wheel-option {
    flex-basis: calc((100% - 15px) / 4) !important;
    max-width: calc((100% - 15px) / 4) !important;
  }
}
/* Mobile pickup branches: same 2-column layout as desktop */
@media screen and (max-width: 719px) {
  .tamimi-wheel-product-modal .tamimi-pickup-branch-list {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  .tamimi-wheel-product-modal .tamimi-pickup-branch-option {
    width: 100% !important;
    min-height: 42px !important;

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

    padding-left: 28px !important;
    padding-right: 28px !important;

    border-radius: 10px !important;
    box-sizing: border-box !important;

    text-align: center !important;
    font-size: 11.5px !important;
    font-weight: 900 !important;
    line-height: 1.15 !important;
  }

  .tamimi-wheel-product-modal .tamimi-pickup-branch-dot {
    position: absolute !important;
    top: 50% !important;
    left: 9px !important;
    right: auto !important;
    transform: translateY(-50%) !important;

    width: 13px !important;
    height: 13px !important;
    min-width: 13px !important;
    margin: 0 !important;
  }

  html[dir="rtl"] .tamimi-wheel-product-modal .tamimi-pickup-branch-dot {
    right: 9px !important;
    left: auto !important;
  }

  .tamimi-wheel-product-modal .tamimi-pickup-branch-name {
    display: block !important;
    width: 100% !important;

    text-align: center !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
}
/* Mobile pickup title: show above branch buttons */
@media screen and (max-width: 719px) {
  .tamimi-wheel-product-modal .tamimi-pickup-title {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;

    width: 100% !important;
    margin: 0 0 9px !important;
    padding: 0 !important;

    color: #202020 !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    line-height: 1.25 !important;

    text-align: start !important;
  }

  html[dir="rtl"] .tamimi-wheel-product-modal .tamimi-pickup-title {
    direction: rtl !important;
    text-align: right !important;
  }

  html[dir="ltr"] .tamimi-wheel-product-modal .tamimi-pickup-title {
    direction: ltr !important;
    text-align: left !important;
  }

  .tamimi-wheel-product-modal .tamimi-pickup-custom-ready > .tamimi-pickup-title {
    display: block !important;
  }
}
/* Mobile pickup branches: clean radio + centered branch name */
@media screen and (max-width: 719px) {
  .tamimi-wheel-product-modal .tamimi-pickup-branch-option {
    position: relative !important;

    min-height: 44px !important;
    padding-inline-start: 30px !important;
    padding-inline-end: 10px !important;

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

    text-align: center !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  html[dir="rtl"] .tamimi-wheel-product-modal .tamimi-pickup-branch-option {
    padding-inline-start: 10px !important;
    padding-inline-end: 30px !important;
  }

  .tamimi-wheel-product-modal .tamimi-pickup-branch-dot {
    position: absolute !important;
    top: 50% !important;
    inset-inline-start: 10px !important;
    inset-inline-end: auto !important;
    transform: translateY(-50%) !important;

    width: 13px !important;
    height: 13px !important;
    min-width: 13px !important;
    margin: 0 !important;
    flex: 0 0 13px !important;
  }

  .tamimi-wheel-product-modal .tamimi-pickup-branch-name {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;

    padding: 0 !important;
    margin: 0 !important;

    text-align: center !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;

    font-size: 11.5px !important;
    line-height: 1.15 !important;
    font-weight: 900 !important;
  }
}
/* Mobile pickup branches: proper radio + text spacing */
@media screen and (max-width: 719px) {
  .tamimi-wheel-product-modal .tamimi-pickup-branch-list {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px 14px !important;
  }

  .tamimi-wheel-product-modal .tamimi-pickup-branch-option {
    position: relative !important;

    min-height: 70px !important;
    padding: 0 10px !important;

    display: grid !important;
    grid-template-columns: 18px minmax(0, auto) !important;
    column-gap: 7px !important;
    align-items: center !important;
    justify-content: center !important;

    text-align: left !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  html[dir="rtl"] .tamimi-wheel-product-modal .tamimi-pickup-branch-option {
    grid-template-columns: minmax(0, auto) 18px !important;
    text-align: right !important;
  }

  .tamimi-wheel-product-modal .tamimi-pickup-branch-dot {
    position: static !important;
    transform: none !important;
    inset: auto !important;

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

    margin: 0 !important;
    grid-column: 1 !important;
    justify-self: center !important;
  }

  html[dir="rtl"] .tamimi-wheel-product-modal .tamimi-pickup-branch-dot {
    grid-column: 2 !important;
  }

  .tamimi-wheel-product-modal .tamimi-pickup-branch-name {
    grid-column: 2 !important;

    display: block !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    text-align: left !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;

    font-size: 14px !important;
    line-height: 1.1 !important;
    font-weight: 900 !important;
  }

  html[dir="rtl"] .tamimi-wheel-product-modal .tamimi-pickup-branch-name {
    grid-column: 1 !important;
    text-align: right !important;
  }
}
/* Mobile pickup branches: compact no-overlap final */
@media screen and (max-width: 719px) {
  .tamimi-wheel-product-modal .tamimi-pickup-branch-list {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  .tamimi-wheel-product-modal .tamimi-pickup-branch-option {
    min-height: 42px !important;
    padding: 0 8px !important;

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

    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  .tamimi-wheel-product-modal .tamimi-pickup-branch-dot {
    position: static !important;
    inset: auto !important;
    transform: none !important;

    width: 12px !important;
    height: 12px !important;
    min-width: 12px !important;
    max-width: 12px !important;
    flex: 0 0 12px !important;

    margin: 0 !important;
  }

  .tamimi-wheel-product-modal .tamimi-pickup-branch-name {
    display: inline-block !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: calc(100% - 17px) !important;

    margin: 0 !important;
    padding: 0 !important;

    text-align: start !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;

    font-size: 11.5px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
  }

  html[dir="rtl"] .tamimi-wheel-product-modal .tamimi-pickup-branch-option {
    direction: rtl !important;
  }

  html[dir="ltr"] .tamimi-wheel-product-modal .tamimi-pickup-branch-option {
    direction: ltr !important;
  }
}
/* Header cart count: attach badge to cart icon */
.site-header-actions,
.site-header-cart,
.site-header-cart--button,
.site-header-cart a,
.site-header-actions [href*="/cart"] {
  position: relative !important;
}

.site-header-cart .site-header-cart--count,
.site-header-cart [data-header-cart-count],
.site-header-actions [data-header-cart-count],
.site-header-actions .cart-count,
.site-header-actions .site-header-cart--count {
  position: absolute !important;

  top: -8px !important;
  right: -8px !important;
  left: auto !important;

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

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

  border-radius: 50% !important;
  background: #49a4db !important;
  color: #ffffff !important;

  font-size: 10px !important;
  font-weight: 900 !important;
  line-height: 1 !important;

  margin: 0 !important;
  padding: 0 !important;
  z-index: 10 !important;
}

/* Desktop: keep count on cart icon */
@media screen and (min-width: 720px) {
  .site-header-actions [href*="/cart"] .site-header-cart--count,
  .site-header-actions [href*="/cart"] [data-header-cart-count],
  .site-header-cart .site-header-cart--count,
  .site-header-cart [data-header-cart-count] {
    top: -9px !important;
    right: -9px !important;
  }
}

/* Mobile: keep count beside cart icon, not floating at top */
@media screen and (max-width: 719px) {
  .site-header-actions [href*="/cart"] .site-header-cart--count,
  .site-header-actions [href*="/cart"] [data-header-cart-count],
  .site-header-cart .site-header-cart--count,
  .site-header-cart [data-header-cart-count],
  .site-header-actions .cart-count,
  .site-header-actions .site-header-cart--count {
    top: -7px !important;
    right: -7px !important;
    left: auto !important;
  }
}
/* Mobile header: restore normal cart/account layout */
@media screen and (max-width: 719px) {
  .site-header-main .site-header-actions {
    position: absolute !important;
    top: 20px !important;
    right: 18px !important;
    left: auto !important;

    width: auto !important;
    height: 42px !important;

    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 10px !important;

    margin: 0 !important;
    padding: 0 !important;

    transform: none !important;
    z-index: 30 !important;
  }

  .site-header-main .site-header-actions > * {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    left: auto !important;

    width: 36px !important;
    height: 36px !important;

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

    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
  }

  .site-header-main .site-header-actions svg {
    width: 28px !important;
    height: 28px !important;
  }

  .site-header-main .site-header-actions .site-header-cart--count,
  .site-header-main .site-header-actions [data-header-cart-count],
  .site-header-main .site-header-actions .cart-count {
    position: absolute !important;
    top: -7px !important;
    right: -7px !important;
    left: auto !important;
    z-index: 5 !important;
  }
}
/* Cart count badge: top-left of cart icon */
.site-header-cart,
.site-header-cart a,
.site-header-cart--button,
.site-header-actions [href*="/cart"] {
  position: relative !important;
}

.site-header-cart .site-header-cart--count,
.site-header-cart [data-header-cart-count],
.site-header-actions [href*="/cart"] .site-header-cart--count,
.site-header-actions [href*="/cart"] [data-header-cart-count],
.site-header-actions .cart-count {
  position: absolute !important;

  top: -8px !important;
  left: -8px !important;
  right: auto !important;

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

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

  margin: 0 !important;
  padding: 0 !important;

  border-radius: 50% !important;
  background: #49a4db !important;
  color: #ffffff !important;

  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 1 !important;

  z-index: 20 !important;
  transform: none !important;
}

@media screen and (max-width: 719px) {
  .site-header-cart .site-header-cart--count,
  .site-header-cart [data-header-cart-count],
  .site-header-actions [href*="/cart"] .site-header-cart--count,
  .site-header-actions [href*="/cart"] [data-header-cart-count],
  .site-header-actions .cart-count {
    top: -3px !important;
    left: -3px !important;
    right: auto !important;
  }
}
/* Cart count badge: top-right of cart icon */
.site-header-cart,
.site-header-cart a,
.site-header-cart--button,
.site-header-actions [href*="/cart"] {
  position: relative !important;
}

.site-header-cart .site-header-cart--count,
.site-header-cart [data-header-cart-count],
.site-header-actions [href*="/cart"] .site-header-cart--count,
.site-header-actions [href*="/cart"] [data-header-cart-count],
.site-header-actions .cart-count {
  position: absolute !important;

  top: -8px !important;
  right: -8px !important;
  left: auto !important;

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

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

  margin: 0 !important;
  padding: 0 !important;

  border-radius: 50% !important;
  background: #49a4db !important;
  color: #ffffff !important;

  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 1 !important;

  z-index: 20 !important;
  transform: none !important;
}

@media screen and (max-width: 719px) {
  .site-header-cart .site-header-cart--count,
  .site-header-cart [data-header-cart-count],
  .site-header-actions [href*="/cart"] .site-header-cart--count,
  .site-header-actions [href*="/cart"] [data-header-cart-count],
  .site-header-actions .cart-count {
    top: -3px !important;
    right: -3px !important;
    left: auto !important;
  }
}
/* Mobile drawer: premium compact first-level subcategories */
@media screen and (max-width: 719px) {
  /* Container under main category */
  .site-mobile-nav .navmenu-depth-2 {
    background: #f6f7f8 !important;
    padding: 6px 10px !important;
  }

  /* Only subcategories opened from main categories */
  .site-mobile-nav .navmenu-depth-2 > .navmenu-item {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    margin: 5px 0 !important;
    padding: 0 !important;

    border: 0 !important;
    overflow: visible !important;
  }

  .site-mobile-nav .navmenu-depth-2 > .navmenu-item > .navmenu-link {
    min-height: 54px !important;
    height: 40px !important;
    max-height: 54px !important;

    padding: 0 18px !important;

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

    border-radius: 10px !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    background: #ffffff !important;

    color: #202020 !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;
    letter-spacing: 0 !important;

    box-shadow:
      0 3px 10px rgba(0, 0, 0, 0.035),
      inset 0 1px 0 rgba(255, 255, 255, 0.92) !important;
  }

  .site-mobile-nav .navmenu-depth-2 > .navmenu-item > .navmenu-link:hover,
  .site-mobile-nav .navmenu-depth-2 > .navmenu-item > .navmenu-link:focus {
    background: #ffffff !important;
    color: #202020 !important;
  }

  /* Keep arrows normal, just align them inside the polished row */
  .site-mobile-nav .navmenu-depth-2 > .navmenu-item > .navmenu-link svg,
  .site-mobile-nav .navmenu-depth-2 > .navmenu-item > .navmenu-link .navmenu-icon {
    flex: 0 0 auto !important;
    margin-inline-start: 10px !important;
  }

  /* Prevent closed nested menus from keeping empty space */
  .site-mobile-nav .navmenu-depth-3[aria-hidden="true"],
  .site-mobile-nav .navmenu-depth-4[aria-hidden="true"],
  .site-mobile-nav [hidden] {
    display: none !important;
    height: 0 !important;
    max-height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }
}
/* Mobile drawer: premium compact nested subcategories only */
@media screen and (max-width: 719px) {
  /* Container inside first-level subcategory */
  .site-mobile-nav .navmenu-depth-3 {
    background: #eef0f2 !important;
    padding: 5px 10px 7px !important;
  }

  /* Only sub-subcategory rows */
  .site-mobile-nav .navmenu-depth-3 > .navmenu-item {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    margin: 4px 0 !important;
    padding: 0 !important;

    border: 0 !important;
    overflow: visible !important;
  }

  .site-mobile-nav .navmenu-depth-3 > .navmenu-item > .navmenu-link {
    min-height: 46px !important;
    height: 46px !important;
    max-height: 46px !important;

    padding: 0 16px !important;

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

    border-radius: 9px !important;
    border: 1px solid rgba(0, 0, 0, 0.07) !important;
    background: #ffffff !important;

    color: #2a2a2a !important;
    font-size: 16px !important;
    font-weight: 750 !important;
    line-height: 1.1 !important;
    letter-spacing: 0 !important;

    box-shadow:
      0 2px 8px rgba(0, 0, 0, 0.025),
      inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
  }

  .site-mobile-nav .navmenu-depth-3 > .navmenu-item > .navmenu-link:hover,
  .site-mobile-nav .navmenu-depth-3 > .navmenu-item > .navmenu-link:focus {
    background: #ffffff !important;
    color: #202020 !important;
  }

  /* Keep arrow size as-is, only position it neatly */
  .site-mobile-nav .navmenu-depth-3 > .navmenu-item > .navmenu-link svg,
  .site-mobile-nav .navmenu-depth-3 > .navmenu-item > .navmenu-link .navmenu-icon {
    flex: 0 0 auto !important;
    margin-inline-start: 9px !important;
  }

  /* Closed deeper menus should not leave empty space */
  .site-mobile-nav .navmenu-depth-4[aria-hidden="true"],
  .site-mobile-nav [hidden] {
    display: none !important;
    height: 0 !important;
    max-height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }
}
/* Desktop footer: premium structured layout */
@media screen and (min-width: 720px) {
  .site-footer {
    background: #2fabe0 !important;
    color: #ffffff !important;
    padding: 42px 0 34px !important;
  }

  .site-footer .site-footer-wrapper,
  .site-footer .site-footer__content,
  .site-footer .site-footer-blocks,
  .site-footer .site-footer-blocks-wrapper {
    max-width: 1180px !important;
    margin: 0 auto !important;
    padding: 0 28px !important;

    display: grid !important;
    grid-template-columns: 1.15fr 1.35fr 0.9fr 0.95fr !important;
    gap: 42px !important;
    align-items: start !important;
  }

  /* Remove awkward spacing from footer items */
  .site-footer .site-footer-block,
  .site-footer .site-footer-item,
  .site-footer .site-footer-block-item {
    margin: 0 !important;
    padding: 0 !important;
    text-align: start !important;
  }

  /* Social icons */
  .site-footer .social-icons,
  .site-footer .social-links,
  .site-footer [class*="social"] {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    align-items: center !important;
    justify-content: flex-start !important;
    margin: 0 0 18px !important;
  }


  .site-footer .social-icons a:hover,
  .site-footer .social-links a:hover,
  .site-footer [class*="social"] a:hover {
    background: rgba(255, 255, 255, 0.28) !important;
    transform: translateY(-2px) !important;
  }

  .site-footer .social-icons svg,
  .site-footer .social-links svg,
  .site-footer [class*="social"] svg {
    width: 18px !important;
    height: 18px !important;
  }

  /* THEQA logo / trust badge */
  .site-footer img {
    max-width: 100% !important;
    height: auto !important;
  }

  .site-footer img[src*="THEQA"],
  .site-footer img[alt*="THEQA"],
  .site-footer img[alt*="ثقة"] {
    max-width: 165px !important;
    margin-top: 8px !important;
  }

  /* Footer headings */
  .site-footer h2,
  .site-footer h3,
  .site-footer h4,
  .site-footer .site-footer-block-title,
  .site-footer .footer-title {
    color: #ffffff !important;
    font-size: 17px !important;
    font-weight: 900 !important;
    line-height: 1.25 !important;
    margin: 0 0 14px !important;
  }

  /* Description text */
  .site-footer p,
  .site-footer .site-footer-block-content,
  .site-footer .rte {
    color: rgba(255, 255, 255, 0.92) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.8 !important;
    margin: 0 !important;
  }

  /* Footer menu links */
  .site-footer ul,
  .site-footer .footer-menu {
    display: grid !important;
    gap: 10px !important;

    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
  }

  .site-footer li {
    margin: 0 !important;
    padding: 0 !important;
  }

  .site-footer a {
    color: rgba(255, 255, 255, 0.92) !important;
    text-decoration: none !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
  }

  .site-footer a:hover {
    color: #ffffff !important;
    text-decoration: underline !important;
    text-underline-offset: 4px !important;
  }

  /* App store buttons */
  .site-footer a[href*="apps.apple"],
  .site-footer a[href*="play.google"],
  .site-footer img[src*="app"],
  .site-footer img[src*="google"] {
    display: block !important;
  }

  .site-footer img[src*="App"],
  .site-footer img[src*="app-store"],
  .site-footer img[src*="Google"],
  .site-footer img[src*="google-play"] {
    max-width: 168px !important;
    margin: 0 0 10px !important;
    border-radius: 7px !important;
  }

  /* Bottom copyright/payment area */
  .site-footer-item-copyright,
  .site-footer__bottom,
  .site-footer-bottom {
    width: 100% !important;
    max-width: 100% !important;

    margin-top: 34px !important;
    padding: 18px 28px !important;

    background: #111111 !important;
    color: rgba(255, 255, 255, 0.85) !important;
  }

  .site-footer-item-copyright * {
    color: rgba(255, 255, 255, 0.85) !important;
  }

  /* Arabic alignment */
  html[dir="rtl"] .site-footer .site-footer-block,
  html[dir="rtl"] .site-footer .site-footer-item,
  html[dir="rtl"] .site-footer .site-footer-block-item {
    text-align: right !important;
  }

  html[dir="rtl"] .site-footer .social-icons,
  html[dir="rtl"] .site-footer .social-links,
  html[dir="rtl"] .site-footer [class*="social"] {
    justify-content: flex-start !important;
  }
}
/* Footer payment icons: single row visually inside blue footer */
.site-footer {
  position: relative !important;
  padding-bottom: 96px !important;
  overflow: visible !important;
}

.site-footer-item-copyright,
.site-footer__bottom,
.site-footer-bottom {
  overflow: visible !important;
}

/* Use the original payment icons, but lift them into the blue footer */
.site-footer-item-copyright .payment-icons,
.site-footer-item-copyright .payment-icons-list,
.site-footer-item-copyright .site-footer__payment-icons,
.site-footer-item-copyright .site-footer-payment-icons,
.site-footer__bottom .payment-icons,
.site-footer__bottom .payment-icons-list,
.site-footer__bottom .site-footer__payment-icons,
.site-footer__bottom .site-footer-payment-icons,
.site-footer-bottom .payment-icons,
.site-footer-bottom .payment-icons-list,
.site-footer-bottom .site-footer__payment-icons,
.site-footer-bottom .site-footer-payment-icons {
  position: absolute !important;
  left: 50% !important;
  bottom: 80px !important;
  transform: translateX(-50%) !important;

  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;

  align-items: center !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 10px !important;

  width: auto !important;
  max-width: 460px !important;

  margin: 0 !important;
  padding: 0 !important;

  background: transparent !important;
  z-index: 20 !important;
}

.site-footer-item-copyright .payment-icons li,
.site-footer-item-copyright .payment-icons-list li,
.site-footer-item-copyright .site-footer__payment-icons li,
.site-footer-item-copyright .site-footer-payment-icons li,
.site-footer__bottom .payment-icons li,
.site-footer__bottom .payment-icons-list li,
.site-footer__bottom .site-footer__payment-icons li,
.site-footer__bottom .site-footer-payment-icons li,
.site-footer-bottom .payment-icons li,
.site-footer-bottom .payment-icons-list li,
.site-footer-bottom .site-footer__payment-icons li,
.site-footer-bottom .site-footer-payment-icons li {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.site-footer-item-copyright .payment-icons svg,
.site-footer-item-copyright .payment-icons-list svg,
.site-footer-item-copyright .site-footer__payment-icons svg,
.site-footer-item-copyright .site-footer-payment-icons svg,
.site-footer__bottom .payment-icons svg,
.site-footer__bottom .payment-icons-list svg,
.site-footer__bottom .site-footer__payment-icons svg,
.site-footer__bottom .site-footer-payment-icons svg,
.site-footer-bottom .payment-icons svg,
.site-footer-bottom .payment-icons-list svg,
.site-footer-bottom .site-footer__payment-icons svg,
.site-footer-bottom .site-footer-payment-icons svg {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;

  height: 28px !important;
  max-height: 28px !important;
  width: auto !important;
}

/* Keep black bottom clean */
.site-footer-item-copyright {
  position: relative !important;
  min-height: 52px !important;
}

/* Footer payment icons: fix 4th icon only, American Express */
.site-footer .payment-icons li:nth-child(4) svg,
.site-footer .payment-icons-list li:nth-child(4) svg,
.site-footer .site-footer__payment-icons li:nth-child(4) svg,
.site-footer .site-footer-payment-icons li:nth-child(4) svg,
.site-footer-item-copyright .payment-icons li:nth-child(4) svg,
.site-footer-item-copyright .payment-icons-list li:nth-child(4) svg,
.site-footer-item-copyright .site-footer__payment-icons li:nth-child(4) svg,
.site-footer-item-copyright .site-footer-payment-icons li:nth-child(4) svg {
  width: 42px !important;
  height: 26px !important;
  max-width: 42px !important;
  max-height: 26px !important;

  transform: translateY(1px) !important;
  transform-origin: center center !important;
}
/* Mobile footer: premium structured layout */
@media screen and (max-width: 719px) {
  .site-footer {
    background: #2fabe0 !important;
    color: #ffffff !important;
    padding: 26px 18px 86px !important;
    overflow: visible !important;
  }

  .site-footer .site-footer-wrapper,
  .site-footer .site-footer__content,
  .site-footer .site-footer-blocks,
  .site-footer .site-footer-blocks-wrapper {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 22px !important;

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

    margin: 0 auto !important;
    padding: 0 !important;
  }

  .site-footer .site-footer-block,
  .site-footer .site-footer-item,
  .site-footer .site-footer-block-item {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 0 18px !important;

    text-align: start !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.22) !important;
  }

  .site-footer .site-footer-block:last-child,
  .site-footer .site-footer-item:last-child,
  .site-footer .site-footer-block-item:last-child {
    border-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  /* Social icons */
  .site-footer .social-icons,
  .site-footer .social-links,
  .site-footer [class*="social"] {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    align-items: center !important;
    justify-content: flex-start !important;

    margin: 0 0 18px !important;
    padding: 0 !important;
  }

  .site-footer .social-icons svg,
  .site-footer .social-links svg,
  .site-footer [class*="social"] svg {
    width: 18px !important;
    height: 18px !important;
  }

  /* THEQA / images */
  .site-footer img {
    max-width: 100% !important;
    height: auto !important;
  }

  .site-footer img[src*="THEQA"],
  .site-footer img[alt*="THEQA"],
  .site-footer img[alt*="ثقة"] {
    max-width: 190px !important;
    margin: 0 0 12px !important;
  }

  /* Titles and text */
  .site-footer h2,
  .site-footer h3,
  .site-footer h4,
  .site-footer .site-footer-block-title,
  .site-footer .footer-title {
    color: #ffffff !important;
    font-size: 19px !important;
    font-weight: 900 !important;
    line-height: 1.25 !important;
    margin: 0 0 10px !important;
  }

  .site-footer p,
  .site-footer .site-footer-block-content,
  .site-footer .rte {
    color: rgba(255, 255, 255, 0.94) !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1.8 !important;
    margin: 0 !important;
  }

  /* Footer links */
  .site-footer ul,
  .site-footer .footer-menu {
    display: grid !important;
    gap: 9px !important;

    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
  }

  .site-footer li {
    margin: 0 !important;
    padding: 0 !important;
  }

  .site-footer a {
    color: rgba(255, 255, 255, 0.94) !important;
    text-decoration: none !important;
    font-size: 15px !important;
    font-weight: 750 !important;
    line-height: 1.35 !important;
  }

  /* App buttons */
  .site-footer img[src*="App"],
  .site-footer img[src*="app-store"],
  .site-footer img[src*="Google"],
  .site-footer img[src*="google-play"] {
    display: block !important;
    width: 190px !important;
    max-width: 190px !important;
    margin: 0 0 8px !important;
    border-radius: 7px !important;
  }

  /* Payment icons lifted into blue footer */
  .site-footer-item-copyright,
  .site-footer__bottom,
  .site-footer-bottom {
    background: #111111 !important;
    overflow: visible !important;
    min-height: 58px !important;
    margin: 0 -18px -86px !important;
    padding: 18px !important;
  }

  .site-footer-item-copyright .payment-icons,
  .site-footer-item-copyright .payment-icons-list,
  .site-footer-item-copyright .site-footer__payment-icons,
  .site-footer-item-copyright .site-footer-payment-icons,
  .site-footer__bottom .payment-icons,
  .site-footer__bottom .payment-icons-list,
  .site-footer__bottom .site-footer__payment-icons,
  .site-footer__bottom .site-footer-payment-icons,
  .site-footer-bottom .payment-icons,
  .site-footer-bottom .payment-icons-list,
  .site-footer-bottom .site-footer__payment-icons,
  .site-footer-bottom .site-footer-payment-icons {
    position: absolute !important;
    left: 50% !important;
    bottom: 76px !important;
    transform: translateX(-50%) !important;

    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;

    align-items: center !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 8px !important;

    width: auto !important;
    max-width: calc(100vw - 36px) !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    z-index: 20 !important;
  }

  .site-footer-item-copyright .payment-icons li,
  .site-footer-item-copyright .payment-icons-list li,
  .site-footer-item-copyright .site-footer__payment-icons li,
  .site-footer-item-copyright .site-footer-payment-icons li,
  .site-footer__bottom .payment-icons li,
  .site-footer__bottom .payment-icons-list li,
  .site-footer__bottom .site-footer__payment-icons li,
  .site-footer__bottom .site-footer-payment-icons li,
  .site-footer-bottom .payment-icons li,
  .site-footer-bottom .payment-icons-list li,
  .site-footer-bottom .site-footer__payment-icons li,
  .site-footer-bottom .site-footer-payment-icons li {
    display: inline-flex !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .site-footer-item-copyright .payment-icons svg,
  .site-footer-item-copyright .payment-icons-list svg,
  .site-footer-item-copyright .site-footer__payment-icons svg,
  .site-footer-item-copyright .site-footer-payment-icons svg,
  .site-footer__bottom .payment-icons svg,
  .site-footer__bottom .payment-icons-list svg,
  .site-footer__bottom .site-footer__payment-icons svg,
  .site-footer__bottom .site-footer-payment-icons svg,
  .site-footer-bottom .payment-icons svg,
  .site-footer-bottom .payment-icons-list svg,
  .site-footer-bottom .site-footer__payment-icons svg,
  .site-footer-bottom .site-footer-payment-icons svg {
    display: block !important;
    height: 26px !important;
    max-height: 26px !important;
    width: auto !important;
  }

  html[dir="rtl"] .site-footer .site-footer-block,
  html[dir="rtl"] .site-footer .site-footer-item,
  html[dir="rtl"] .site-footer .site-footer-block-item {
    text-align: right !important;
  }

  html[dir="rtl"] .site-footer .social-icons,
  html[dir="rtl"] .site-footer .social-links,
  html[dir="rtl"] .site-footer [class*="social"] {
    justify-content: flex-start !important;
  }
}
/* Mobile header/menu toggle position by language */
@media screen and (max-width: 719px) {
  html[dir="rtl"] .site-header-main .site-header-menu-button,
  html[dir="rtl"] .site-header-main .site-header-menu-toggle,
  html[dir="rtl"] .site-header-main [data-site-header-menu-toggle],
  html[dir="rtl"] .site-header-main [data-mobile-nav-trigger] {
    position: absolute !important;
    right: 18px !important;
    left: auto !important;
    top: 22px !important;
    z-index: 40 !important;
  }

  html[dir="ltr"] .site-header-main .site-header-menu-button,
  html[dir="ltr"] .site-header-main .site-header-menu-toggle,
  html[dir="ltr"] .site-header-main [data-site-header-menu-toggle],
  html[dir="ltr"] .site-header-main [data-mobile-nav-trigger] {
    position: absolute !important;
    left: 18px !important;
    right: auto !important;
    top: 22px !important;
    z-index: 40 !important;
  }
}
/* Mobile header: swap menu and account/cart sides by language */
@media screen and (max-width: 719px) {
  html[dir="rtl"] .site-header-main .site-header-actions {
    position: absolute !important;
    top: 20px !important;
    left: 18px !important;
    right: auto !important;

    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;

    width: auto !important;
    height: 42px !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 40 !important;
  }

  html[dir="ltr"] .site-header-main .site-header-actions {
    position: absolute !important;
    top: 20px !important;
    right: 18px !important;
    left: auto !important;

    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 10px !important;

    width: auto !important;
    height: 42px !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 40 !important;
  }

  html[dir="rtl"] .site-header-main .site-header-actions > *,
  html[dir="ltr"] .site-header-main .site-header-actions > * {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    left: auto !important;

    width: 36px !important;
    height: 36px !important;

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

    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
  }

  html[dir="rtl"] .site-header-main .site-header-actions svg,
  html[dir="ltr"] .site-header-main .site-header-actions svg {
    width: 28px !important;
    height: 28px !important;
  }
}
/* Mobile header: framed hamburger with visible 3 lines */
@media screen and (max-width: 719px) {
  .site-header-main [data-site-header-menu-toggle],
  .site-header-main [data-mobile-nav-trigger],
  .site-header-main .site-header-menu-button,
  .site-header-main .site-header-menu-toggle {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;

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

    padding: 0 !important;
    margin: 0 !important;

    border-radius: 12px !important;
    border: 1px solid rgba(255, 255, 255, 0.36) !important;
    background: rgba(255, 255, 255, 0.12) !important;

    box-shadow:
      0 5px 12px rgba(0, 0, 0, 0.10),
      inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;

    overflow: hidden !important;
  }

  /* Make sure the original hamburger SVG sits inside the frame */
  .site-header-main [data-site-header-menu-toggle] svg,
  .site-header-main [data-mobile-nav-trigger] svg,
  .site-header-main .site-header-menu-button svg,
  .site-header-main .site-header-menu-toggle svg {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;

    width: 25px !important;
    height: 25px !important;

    color: #ffffff !important;
    stroke: #ffffff !important;
    fill: none !important;

    margin: 0 !important;
    transform: none !important;
  }

  .site-header-main [data-site-header-menu-toggle] svg path,
  .site-header-main [data-mobile-nav-trigger] svg path,
  .site-header-main .site-header-menu-button svg path,
  .site-header-main .site-header-menu-toggle svg path,
  .site-header-main [data-site-header-menu-toggle] svg line,
  .site-header-main [data-mobile-nav-trigger] svg line,
  .site-header-main .site-header-menu-button svg line,
  .site-header-main .site-header-menu-toggle svg line {
    stroke: #ffffff !important;
    stroke-width: 2.4px !important;
    stroke-linecap: round !important;
  }
}
/* Mobile menu button: closer to screen edge by language */
@media screen and (max-width: 719px) {
  html[dir="rtl"] .site-header-main .site-header-menu-button,
  html[dir="rtl"] .site-header-main .site-header-menu-toggle,
  html[dir="rtl"] .site-header-main [data-site-header-menu-toggle],
  html[dir="rtl"] .site-header-main [data-mobile-nav-trigger] {
    right: 9px !important;
    left: auto !important;
  }

  html[dir="ltr"] .site-header-main .site-header-menu-button,
  html[dir="ltr"] .site-header-main .site-header-menu-toggle,
  html[dir="ltr"] .site-header-main [data-site-header-menu-toggle],
  html[dir="ltr"] .site-header-main [data-mobile-nav-trigger] {
    left: 9px !important;
    right: auto !important;
  }
}

/* Mobile drawer direction fix for Safari/iPhone */
@media screen and (max-width: 719px) {
  html[dir="rtl"] .site-mobile-nav {
    left: auto !important;
    right: 0 !important;
    direction: rtl !important;
  }

  html[dir="ltr"] .site-mobile-nav {
    left: 0 !important;
    right: auto !important;
    direction: ltr !important;
  }

  html[dir="rtl"] .site-mobile-nav .mobile-nav-panel {
    margin-right: 0 !important;
    margin-left: auto !important;
    transform: translateX(100%) !important;
  }

  html[dir="ltr"] .site-mobile-nav .mobile-nav-panel {
    margin-left: 0 !important;
    margin-right: auto !important;
    transform: translateX(-100%) !important;
  }

  html[dir="rtl"] .site-mobile-nav .mobile-nav-panel[data-animation-state="open"],
  html[dir="ltr"] .site-mobile-nav .mobile-nav-panel[data-animation-state="open"] {
    transform: translateX(0) !important;
  }

  html[dir="rtl"] .site-mobile-nav .mobile-nav-content,
  html[dir="rtl"] .site-mobile-nav .mobile-nav-primary-content {
    text-align: right !important;
  }

  html[dir="ltr"] .site-mobile-nav .mobile-nav-content,
  html[dir="ltr"] .site-mobile-nav .mobile-nav-primary-content {
    text-align: left !important;
  }

  html[dir="rtl"] .site-mobile-nav .mobile-nav-content .navmenu-link.navmenu-link-parent,
  html[dir="rtl"] .site-mobile-nav .mobile-nav-primary-content .navmenu-link.navmenu-link-parent,
  html[dir="rtl"] .site-mobile-nav .mobile-nav-content .navmenu-item-text.navmenu-link-parent,
  html[dir="rtl"] .site-mobile-nav .mobile-nav-primary-content .navmenu-item-text.navmenu-link-parent {
    padding-right: 1.5625rem !important;
    padding-left: 3rem !important;
  }

  html[dir="ltr"] .site-mobile-nav .mobile-nav-content .navmenu-link.navmenu-link-parent,
  html[dir="ltr"] .site-mobile-nav .mobile-nav-primary-content .navmenu-link.navmenu-link-parent,
  html[dir="ltr"] .site-mobile-nav .mobile-nav-content .navmenu-item-text.navmenu-link-parent,
  html[dir="ltr"] .site-mobile-nav .mobile-nav-primary-content .navmenu-item-text.navmenu-link-parent {
    padding-right: 3rem !important;
    padding-left: 1.5625rem !important;
  }

  html[dir="rtl"] .site-mobile-nav .mobile-nav-content .navmenu-button,
  html[dir="rtl"] .site-mobile-nav .mobile-nav-primary-content .navmenu-button {
    right: auto !important;
    left: 0 !important;
    margin-right: 0 !important;
    margin-left: 0.375rem !important;
  }

  html[dir="ltr"] .site-mobile-nav .mobile-nav-content .navmenu-button,
  html[dir="ltr"] .site-mobile-nav .mobile-nav-primary-content .navmenu-button {
    right: 0 !important;
    left: auto !important;
    margin-right: 0.375rem !important;
    margin-left: 0 !important;
  }
}
/* Mobile drawer header icons: 20% smaller */
@media screen and (max-width: 719px) {
  .site-mobile-nav .mobile-nav-header-actions .site-header-actions a,
  .site-mobile-nav .mobile-nav-header-actions .site-header-actions button {
    width: 28.8px !important;
    height: 28.8px !important;
    min-width: 28.8px !important;
    min-height: 28.8px !important;
  }

  .site-mobile-nav .mobile-nav-header-actions .site-header-actions svg {
    width: 21.6px !important;
    height: 21.6px !important;
  }

  .site-mobile-nav .mobile-nav-header-actions .mobile-nav-close {
    width: 46.4px !important;
    height: 46.4px !important;
    min-width: 46.4px !important;
    min-height: 46.4px !important;
    padding: 6.4px !important;
  }

  .site-mobile-nav .mobile-nav-header-actions .mobile-nav-close svg {
    width: 21.6px !important;
    height: 21.6px !important;
  }
}
/* Arabic mobile drawer: cart/account far right, X far left */
@media screen and (max-width: 719px) {
  html[dir="rtl"] .site-mobile-nav .mobile-nav-header-actions {
    position: relative !important;
    display: block !important;
    height: 82px !important;
    padding: 16px 18px 10px !important;
  }

  html[dir="rtl"] .site-mobile-nav .mobile-nav-header-actions .site-header-actions {
    position: absolute !important;
    top: 16px !important;
    right: 18px !important;
    left: auto !important;

    display: flex !important;
    flex-direction: row-reverse !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;

    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html[dir="rtl"] .site-mobile-nav .mobile-nav-header-actions .mobile-nav-close {
    position: absolute !important;
    top: 16px !important;
    left: 18px !important;
    right: auto !important;

    margin: 0 !important;
  }
}
/* Mobile drawer: keep account/cart and X on the same line */
@media screen and (max-width: 719px) {
  .site-mobile-nav .mobile-nav-header-actions {
    position: relative !important;
    display: block !important;
    height: 82px !important;
    padding: 16px 18px 10px !important;
  }

  .site-mobile-nav .mobile-nav-header-actions .site-header-actions,
  .site-mobile-nav .mobile-nav-header-actions .mobile-nav-close {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  html[dir="rtl"] .site-mobile-nav .mobile-nav-header-actions .site-header-actions {
    right: 18px !important;
    left: auto !important;
  }

  html[dir="rtl"] .site-mobile-nav .mobile-nav-header-actions .mobile-nav-close {
    left: 18px !important;
    right: auto !important;
  }

  html[dir="ltr"] .site-mobile-nav .mobile-nav-header-actions .site-header-actions {
    left: 18px !important;
    right: auto !important;
  }

  html[dir="ltr"] .site-mobile-nav .mobile-nav-header-actions .mobile-nav-close {
    right: 18px !important;
    left: auto !important;
  }
}
/* Final mobile drawer header alignment: icons and X same line */
@media screen and (max-width: 719px) {
  .site-mobile-nav .mobile-nav-header-actions {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    height: 68px !important;
    min-height: 68px !important;
    padding: 12px 18px !important;

    box-sizing: border-box !important;
  }

  .site-mobile-nav .mobile-nav-header-actions .site-header-actions,
  .site-mobile-nav .mobile-nav-header-actions .mobile-nav-close {
    position: static !important;
    top: auto !important;
    right: auto !important;
    left: auto !important;
    transform: none !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;
    align-items: center !important;
  }

  .site-mobile-nav .mobile-nav-header-actions .site-header-actions {
    width: auto !important;
    height: auto !important;
    gap: 10px !important;
  }

  .site-mobile-nav .mobile-nav-header-actions .site-header-actions li,
  .site-mobile-nav .mobile-nav-header-actions .site-header-actions__account-link {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html[dir="rtl"] .site-mobile-nav .mobile-nav-header-actions {
    flex-direction: row !important;
  }

  html[dir="rtl"] .site-mobile-nav .mobile-nav-header-actions .site-header-actions {
    order: 1 !important;
  }

  html[dir="rtl"] .site-mobile-nav .mobile-nav-header-actions .mobile-nav-close {
    order: 2 !important;
  }

  html[dir="ltr"] .site-mobile-nav .mobile-nav-header-actions {
    flex-direction: row !important;
  }

  html[dir="ltr"] .site-mobile-nav .mobile-nav-header-actions .site-header-actions {
    order: 1 !important;
  }

  html[dir="ltr"] .site-mobile-nav .mobile-nav-header-actions .mobile-nav-close {
    order: 2 !important;
  }
}
/* RTL mobile drawer header: perfect one-line alignment */
@media screen and (max-width: 719px) {
  html[dir="rtl"] .site-mobile-nav .mobile-nav-header-actions {
    position: relative !important;
    display: block !important;

    height: 68px !important;
    min-height: 68px !important;
    padding: 0 18px !important;
    box-sizing: border-box !important;
  }

  html[dir="rtl"] .site-mobile-nav .mobile-nav-header-actions .site-header-actions,
  html[dir="rtl"] .site-mobile-nav .mobile-nav-header-actions .mobile-nav-close {
    position: absolute !important;
    top: 34px !important;
    transform: translateY(-50%) !important;

    margin: 0 !important;
    padding: 0 !important;

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

    height: 32px !important;
    min-height: 32px !important;
    line-height: 1 !important;
  }

  html[dir="rtl"] .site-mobile-nav .mobile-nav-header-actions .site-header-actions {
    right: 18px !important;
    left: auto !important;
    width: auto !important;
    gap: 10px !important;
  }

  html[dir="rtl"] .site-mobile-nav .mobile-nav-header-actions .mobile-nav-close {
    left: 18px !important;
    right: auto !important;
    width: 32px !important;
    min-width: 32px !important;
  }

  html[dir="rtl"] .site-mobile-nav .mobile-nav-header-actions .site-header-actions li,
  html[dir="rtl"] .site-mobile-nav .mobile-nav-header-actions .site-header-actions__account-link {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;

    height: 32px !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
  }

  html[dir="rtl"] .site-mobile-nav .mobile-nav-header-actions .site-header-actions a,
  html[dir="rtl"] .site-mobile-nav .mobile-nav-header-actions .site-header-actions button {
    width: 28.8px !important;
    height: 28.8px !important;
    min-width: 28.8px !important;
    min-height: 28.8px !important;

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

    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
  }

  html[dir="rtl"] .site-mobile-nav .mobile-nav-header-actions svg {
    display: block !important;
    width: 21.6px !important;
    height: 21.6px !important;
    margin: 0 !important;
  }
}

/* Mobile drawer close button: premium balanced X */
@media screen and (max-width: 719px) {
  .site-mobile-nav .mobile-nav-header-actions .mobile-nav-close {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;

    padding: 0 !important;
    border-radius: 50% !important;

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

    background:
      linear-gradient(180deg, #ffffff 0%, #f3f5f7 100%) !important;
    border: 1px solid rgba(0, 0, 0, 0.12) !important;
    box-shadow:
      0 8px 18px rgba(0, 0, 0, 0.12),
      0 2px 5px rgba(0, 0, 0, 0.08),
      inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;

    color: transparent !important;
    font-size: 0 !important;
    text-decoration: none !important;
    overflow: hidden !important;
  }

  .site-mobile-nav .mobile-nav-header-actions .mobile-nav-close svg {
    display: none !important;
  }

  .site-mobile-nav .mobile-nav-header-actions .mobile-nav-close::before,
  .site-mobile-nav .mobile-nav-header-actions .mobile-nav-close::after {
    content: "" !important;
    position: absolute !important;

    width: 17px !important;
    height: 2.4px !important;

    top: 50% !important;
    left: 50% !important;

    border-radius: 999px !important;
    background: #1f2328 !important;

    transform-origin: center !important;
  }

  .site-mobile-nav .mobile-nav-header-actions .mobile-nav-close::before {
    transform: translate(-50%, -50%) rotate(45deg) !important;
  }

  .site-mobile-nav .mobile-nav-header-actions .mobile-nav-close::after {
    transform: translate(-50%, -50%) rotate(-45deg) !important;
  }

  .site-mobile-nav .mobile-nav-header-actions .mobile-nav-close:hover {
    background:
      linear-gradient(180deg, #ffffff 0%, #eef2f5 100%) !important;
  }

  .site-mobile-nav .mobile-nav-header-actions .mobile-nav-close:active {
    box-shadow:
      0 3px 8px rgba(0, 0, 0, 0.12),
      inset 0 2px 4px rgba(0, 0, 0, 0.08) !important;
  }
}
/* Fix English close X position inside circle */
@media screen and (max-width: 719px) {
  .site-mobile-nav .mobile-nav-header-actions .mobile-nav-close {
    position: relative !important;
  }

  .site-mobile-nav .mobile-nav-header-actions .mobile-nav-close::before,
  .site-mobile-nav .mobile-nav-header-actions .mobile-nav-close::after {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
  }

  .site-mobile-nav .mobile-nav-header-actions .mobile-nav-close::before {
    transform: translate(-50%, -50%) rotate(45deg) !important;
  }

  .site-mobile-nav .mobile-nav-header-actions .mobile-nav-close::after {
    transform: translate(-50%, -50%) rotate(-45deg) !important;
  }

  html[dir="ltr"] .site-mobile-nav .mobile-nav-header-actions .mobile-nav-close {
    transform: none !important;
  }
}
/* English mobile drawer: close circle 15% smaller */
@media screen and (max-width: 719px) {
  html[dir="ltr"] .site-mobile-nav .mobile-nav-header-actions .mobile-nav-close {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    min-height: 34px !important;
  }

  html[dir="ltr"] .site-mobile-nav .mobile-nav-header-actions .mobile-nav-close::before,
  html[dir="ltr"] .site-mobile-nav .mobile-nav-header-actions .mobile-nav-close::after {
    width: 14.5px !important;
    height: 2px !important;
  }
}
/* Mobile page scroll fix */
@media screen and (max-width: 719px) {
  html,
  body {
    height: auto !important;
    min-height: 100% !important;
    overflow-y: auto !important;
    overflow-x: clip !important;
    touch-action: auto !important;
    overscroll-behavior-y: auto !important;
  }

  body.template-index,
  body.template-index .site-main {
    position: static !important;
    height: auto !important;
    min-height: 0 !important;
    overflow-y: visible !important;
  }
}

/* Mobile footer: separate social icons from THEQA block only */
@media screen and (max-width: 719px) {
  .site-footer .social-icons,
  .site-footer .social-links,
  .site-footer [class*="social"] {
    width: 100% !important;
    justify-content: center !important;

    margin: 0 0 22px !important;
    padding: 0 0 22px !important;

    border-bottom: 1px solid rgba(255, 255, 255, 0.24) !important;
  }

  .site-footer img[src*="THEQA"],
  .site-footer img[alt*="THEQA"],
  .site-footer img[alt*="ثقة"] {
    display: block !important;

    width: 230px !important;
    max-width: 70vw !important;

    margin: 4px auto 24px !important;
    padding: 0 !important;
  }

  .site-footer .social-icons + img,
  .site-footer .social-links + img {
    margin-top: 18px !important;
  }
}

/* Mobile footer: separate social icons from THEQA only */
@media screen and (max-width: 719px) {
  .tamimi-footer-social-mobile-block,
  .tamimi-footer-theqa-mobile-block {
    width: 100% !important;
    display: block !important;
    text-align: center !important;
  }

  .tamimi-footer-social-mobile-block {
    padding-bottom: 22px !important;
    margin-bottom: 24px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.28) !important;
  }

  .tamimi-footer-social-mobile-block .social-icons,
  .tamimi-footer-social-mobile-block .social-links,
  .tamimi-footer-social-mobile-block [class*="social"] {
    justify-content: center !important;
    margin: 0 !important;
  }

  .tamimi-footer-theqa-mobile-block {
    padding-bottom: 24px !important;
    margin-bottom: 24px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.28) !important;
  }

  .tamimi-footer-theqa-mobile-block img,
  .tamimi-footer-theqa-mobile-block svg {
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
/* Mobile footer: THEQA + company text in one row only */
@media screen and (max-width: 719px) {
  .tamimi-footer-social-mobile-block {
    width: 100% !important;
    padding-bottom: 22px !important;
    margin-bottom: 22px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.28) !important;
    text-align: center !important;
  }

  .tamimi-footer-company-theqa {
    display: grid !important;
    grid-template-columns: 1fr 2fr !important;
    gap: 14px !important;
    align-items: center !important;

    width: 100% !important;
    padding: 20px 0 !important;
    margin: 0 !important;

    border-top: 1px solid rgba(255, 255, 255, 0.28) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.28) !important;
  }

  .tamimi-footer-theqa-column {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .tamimi-footer-theqa-column img,
  .tamimi-footer-theqa-column svg {
    max-width: 100% !important;
    height: auto !important;
  }

  .tamimi-footer-company-column,
  .tamimi-footer-company-column p {
    margin: 0 !important;
    color: #ffffff !important;
    font-size: 14px !important;
    line-height: 1.65 !important;
    text-align: center !important;
  }
}

/* Mobile only: social alone, THEQA beside company text */
.tamimi-footer-company-theqa .tamimi-footer-theqa-column {
  display: none;
}

@media screen and (min-width: 720px) {
  .tamimi-footer-theqa-desktop-block {
    display: block !important;
  }
}

@media screen and (max-width: 719px) {
  .tamimi-footer-theqa-desktop-block {
    display: none !important;
  }

  .tamimi-footer-social-mobile-block {
    width: 100% !important;
    padding-bottom: 22px !important;
    margin-bottom: 22px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.28) !important;
    text-align: center !important;
  }

  .tamimi-footer-company-theqa {
    display: grid !important;
    grid-template-columns: 1fr 2fr !important;
    gap: 14px !important;
    align-items: center !important;
    text-align: start !important;
  }

  .tamimi-footer-company-theqa .tamimi-footer-theqa-column {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .tamimi-footer-theqa-column img,
  .tamimi-footer-theqa-column svg {
    max-width: 100% !important;
    height: auto !important;
    margin: 0 auto !important;
  }

  .tamimi-footer-company-column,
  .tamimi-footer-company-column p {
    margin: 0 !important;
    color: #ffffff !important;
    font-size: 14px !important;
    line-height: 1.65 !important;
  }
}
/* FINAL MOBILE FOOTER: THEQA beside Tamimi Projects only */
@media screen and (max-width: 719px) {
  .tamimi-footer-theqa-desktop-block,
  .tamimi-footer-theqa-mobile-block {
    display: none !important;
  }

  .tamimi-footer-company-theqa {
    display: grid !important;
    grid-template-columns: 1fr 2fr !important;
    gap: 12px !important;
    align-items: center !important;
    width: 100% !important;
    padding: 18px 0 !important;
    margin: 0 !important;
  }

  .tamimi-footer-company-theqa .tamimi-footer-theqa-column {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 0 !important;
  }

  .tamimi-footer-company-theqa .tamimi-footer-theqa-column img,
  .tamimi-footer-company-theqa .tamimi-footer-theqa-column svg {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    max-width: 118px !important;
    height: auto !important;
    margin: 0 auto !important;
  }

  .tamimi-footer-company-column {
    min-width: 0 !important;
    text-align: center !important;
  }

  .tamimi-footer-company-column,
  .tamimi-footer-company-column p {
    margin: 0 !important;
    color: #ffffff !important;
    font-size: 13.5px !important;
    font-weight: 650 !important;
    line-height: 1.75 !important;
  }

  .tamimi-footer-social-mobile-block {
    width: 100% !important;
    padding-bottom: 18px !important;
    margin-bottom: 18px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.26) !important;
    text-align: center !important;
  }
}
/* Final mobile footer: THEQA beside Tamimi Projects */
.tamimi-footer-company-theqa {
  display: none !important;
}

@media screen and (min-width: 720px) {
  .tamimi-footer-company-desktop {
    display: block !important;
  }

  .tamimi-footer-theqa-desktop-block {
    display: block !important;
  }
}

@media screen and (max-width: 719px) {
  .tamimi-footer-company-desktop,
  .tamimi-footer-theqa-desktop-block {
    display: none !important;
  }

  .tamimi-footer-company-theqa {
    display: grid !important;
    grid-template-columns: 1fr 2fr !important;
    gap: 12px !important;
    align-items: center !important;
    width: 100% !important;
    padding: 18px 0 !important;
    margin: 0 !important;
  }

  .tamimi-footer-theqa-column {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 0 !important;
  }

  .tamimi-footer-theqa-column img,
  .tamimi-footer-theqa-column svg {
    display: block !important;
    width: 100% !important;
    max-width: 118px !important;
    height: auto !important;
    margin: 0 auto !important;
  }

  .tamimi-footer-company-column,
  .tamimi-footer-company-column p {
    margin: 0 !important;
    color: #ffffff !important;
    font-size: 13.5px !important;
    font-weight: 650 !important;
    line-height: 1.75 !important;
    text-align: center !important;
  }
}
/* FINAL mobile app badges: 3D separated buttons */
@media screen and (max-width: 719px) {
  .site-footer .site-footer-block-rich-text:has(.tamimi-app-buttons),
  .site-footer .site-footer-block-item:has(.tamimi-app-buttons) {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;

    margin: 0 !important;
    padding: 12px 0 14px !important;

    overflow: visible !important;
    box-sizing: border-box !important;
  }

  .site-footer .tamimi-app-buttons,
  .site-footer .tamimi-app-buttons.tamimi-app-buttons--desktop {
    width: 100% !important;
    max-width: 330px !important;

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

    gap: 14px !important;

    margin: 0 auto !important;
    padding: 0 10px !important;

    overflow: visible !important;
    box-sizing: border-box !important;
  }

  .site-footer .tamimi-app-buttons a {
    flex: 0 0 145px !important;
    width: 145px !important;
    max-width: 145px !important;

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

    padding: 5px !important;
    margin: 0 !important;

    border-radius: 13px !important;
    background: linear-gradient(180deg, #ffffff 0%, #eef2f5 100%) !important;

    box-shadow:
      0 8px 14px rgba(0, 0, 0, 0.16),
      0 2px 4px rgba(0, 0, 0, 0.10),
      inset 0 1px 0 rgba(255, 255, 255, 0.95),
      inset 0 -1px 0 rgba(0, 0, 0, 0.08) !important;

    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  .site-footer .tamimi-app-buttons a::before,
  .site-footer .tamimi-app-buttons a::after {
    display: none !important;
    content: none !important;
  }

  .site-footer .tamimi-app-buttons img {
    display: block !important;

    width: 100% !important;
    max-width: 135px !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    border-radius: 8px !important;
    box-shadow: none !important;
  }
}


/* Mobile payment icons: full-width black bar */
@media screen and (max-width: 719px) {
  .site-footer-item-copyright {
    width: 100vw !important;
    max-width: 100vw !important;

    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    margin-bottom: -86px !important;

    padding: 18px 16px 72px !important;

    background: #111111 !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }

  .site-footer-item-copyright .payment-icons {
    position: static !important;
    transform: none !important;

    display: grid !important;
    grid-template-columns: repeat(4, auto) !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 10px !important;

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

    margin: 0 auto !important;
    padding: 0 !important;

    background: transparent !important;
  }

  .site-footer-item-copyright .payment-icons li {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;
    padding: 0 !important;
  }

  .site-footer-item-copyright .payment-icons svg {
    display: block !important;
    height: 28px !important;
    width: auto !important;
    max-width: 58px !important;
  }
}
/* Mobile payment icons: one compact black bar */
@media screen and (max-width: 719px) {
  .site-footer-item-copyright {
    min-height: 112px !important;
    padding: 14px 16px 42px !important;
    margin-bottom: -86px !important;
  }

  .site-footer-item-copyright .payment-icons {
    display: grid !important;
    grid-template-columns: repeat(4, auto) !important;
    gap: 8px !important;
    margin: 0 auto 14px !important;
    padding: 0 !important;
  }

  .site-footer-item-copyright .payment-icons li {
    margin: 0 !important;
    padding: 0 !important;
  }

  .site-footer-item-copyright .payment-icons svg {
    height: 25px !important;
    max-height: 25px !important;
    width: auto !important;
  }

  .site-footer-credits {
    margin-top: 12px !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
  }
}
/* Mobile payment icons: hide duplicate payment rows */
@media screen and (max-width: 719px) {
  .site-footer .payment-icons:nth-of-type(n+2),
  .site-footer .payment-icons-list:nth-of-type(n+2),
  .site-footer .site-footer__payment-icons:nth-of-type(n+2),
  .site-footer .site-footer-payment-icons:nth-of-type(n+2) {
    display: none !important;
  }

  .site-footer-item-copyright .site-footer-right:nth-of-type(n+2),
  .site-footer__bottom .site-footer-right:nth-of-type(n+2),
  .site-footer-bottom .site-footer-right:nth-of-type(n+2) {
    display: none !important;
  }
}
/* Mobile payment bar: reduce black block height */
@media screen and (max-width: 719px) {
  .site-footer-item-copyright {
    min-height: 50px !important;
    padding-top: 6px !important;
    padding-bottom: 8px !important;
  }

  .site-footer-item-copyright .payment-icons,
  .site-footer-item-copyright .payment-icons-list,
  .site-footer-item-copyright .site-footer__payment-icons,
  .site-footer-item-copyright .site-footer-payment-icons {
    margin-top: 0 !important;
    margin-bottom: 10px !important;
  }

  .site-footer-credits {
    margin-top: 0px !important;
    margin-bottom: 0 !important;
    line-height: 1.35 !important;
  }
}
/* Mobile footer: remove extra gaps between blocks */
@media screen and (max-width: 719px) {
  .site-footer {
    padding-top: 18px !important;
  }

  .site-footer .site-footer-blocks,
  .site-footer .site-footer-blocks-wrapper,
  .site-footer .site-footer-wrapper {
    gap: 8px !important;
    row-gap: 8px !important;
  }

  .site-footer .site-footer-block,
  .site-footer .site-footer-item,
  .site-footer .site-footer-block-item {
    padding-top: 0 !important;
    padding-bottom: 8px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .tamimi-footer-social-mobile-block {
    padding-bottom: 10px !important;
    margin-bottom: 8px !important;
  }

  .tamimi-footer-company-theqa {
    padding-top: 8px !important;
    padding-bottom: 10px !important;
  }

  footer .tamimi-app-buttons {
    margin-top: 2px !important;
    margin-bottom: 4px !important;
  }

  .site-footer-item-copyright {
    margin-top: 0 !important;
    padding-top: 10px !important;
  }
}
/* Mobile footer: single dividers + remove blue gap before payments */
@media screen and (max-width: 719px) {
  .site-footer .site-footer-block,
  .site-footer .site-footer-item,
  .site-footer .site-footer-block-item,
  .tamimi-footer-social-mobile-block,
  .tamimi-footer-company-theqa {
    border-bottom: 0 !important;
  }

  .tamimi-footer-social-mobile-block {
    border-bottom: 1px solid rgba(255, 255, 255, 0.26) !important;
  }

  .tamimi-footer-company-theqa {
    border-bottom: 1px solid rgba(255, 255, 255, 0.26) !important;
  }

  footer .tamimi-app-buttons {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  .site-footer-item-copyright {
    margin-top: 0 !important;
    padding-top: 10px !important;
  }

  .site-footer .site-footer-block-rich-text:last-of-type,
  .site-footer .site-footer-block-rich-text:has(.tamimi-app-buttons),
  .site-footer .site-footer-block-content:has(.tamimi-app-buttons) {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
    border-bottom: 0 !important;
  }

  .site-footer .site-footer-wrapper {
    padding-bottom: 0 !important;
  }
}
@media screen and (max-width: 719px) {
  .site-footer {
    padding-bottom: 0 !important;
  }

  .site-footer-item-copyright {
    margin-bottom: 0 !important;
  }
}
/* MOBILE FOOTER FINAL: remove duplicated blue dividers + remove blue gap before payments */
@media screen and (max-width: 719px) {
  .site-footer,
  .site-footer * {
    box-sizing: border-box !important;
  }

  /* امسح كل الخطوط المكررة من الفوتر */
  .site-footer .site-footer-block,
  .site-footer .site-footer-item,
  .site-footer .site-footer-block-item,
  .site-footer .site-footer-block-content,
  .site-footer .rte,
  .tamimi-footer-social-mobile-block,
  .tamimi-footer-company-theqa,
  footer .tamimi-app-buttons {
    border-top: 0 !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
  }

  .site-footer .site-footer-block::before,
  .site-footer .site-footer-block::after,
  .site-footer .site-footer-item::before,
  .site-footer .site-footer-item::after,
  .site-footer .site-footer-block-item::before,
  .site-footer .site-footer-block-item::after,
  .site-footer .site-footer-block-content::before,
  .site-footer .site-footer-block-content::after,
  footer .tamimi-app-buttons::before,
  footer .tamimi-app-buttons::after {
    display: none !important;
    content: none !important;
  }

  /* خلي خط واحد فقط بعد السوشيال */
  .tamimi-footer-social-mobile-block {
    padding-bottom: 14px !important;
    margin-bottom: 14px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.28) !important;
  }

  /* خط واحد فقط بعد بلوك تميمي + ثقة */
  .tamimi-footer-company-theqa {
  padding: 12px 0 14px !important;
  margin: 0 !important;
  border-top: 0 !important;
  border-bottom: 0.5px solid rgba(255, 255, 255, 0.26) !important;
}
.site-footer .site-footer-block-item:has(.tamimi-app-buttons),
.site-footer .site-footer-block-content:has(.tamimi-app-buttons),
.site-footer .tamimi-app-buttons {
  border-top: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}

  /* بلوك الأبلكيشنز بدون فراغ أزرق تحت */
  .site-footer .site-footer-block-rich-text:has(.tamimi-app-buttons),
  .site-footer .site-footer-block-item:has(.tamimi-app-buttons),
  .site-footer .site-footer-block-content:has(.tamimi-app-buttons) {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
  }

  footer .tamimi-app-buttons {
    margin: 8px auto 0 !important;
    padding: 0 12px 10px !important;
  }

  /* الشريط الأسود يبدأ بعد الأبلكيشنز مباشرة */
  .site-footer {
    padding-bottom: 0 !important;
  }

  .site-footer-item-copyright,
  .site-footer__bottom,
  .site-footer-bottom {
    margin-top: 0 !important;
    padding-top: 12px !important;
    padding-bottom: 18px !important;
    min-height: 0 !important;
    background: #111111 !important;
  }

  .site-footer-item-copyright .payment-icons,
  .site-footer-item-copyright .payment-icons-list,
  .site-footer-item-copyright .site-footer__payment-icons,
  .site-footer-item-copyright .site-footer-payment-icons {
    margin: 0 auto 8px !important;
    padding: 0 !important;
  }
}
/* Mobile footer policies menu: force visible */
@media screen and (max-width: 719px) {
  .site-footer .tamimi-footer-policies-block {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;

    width: 100% !important;
    margin: 0 !important;
    padding: 14px 0 !important;

    border-top: 1px solid rgba(255, 255, 255, 0.26) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.26) !important;

    background: transparent !important;
  }

  .site-footer .tamimi-footer-policies-title {
    display: block !important;
    margin: 0 0 10px !important;

    color: #ffffff !important;
    font-size: 17px !important;
    font-weight: 900 !important;
    line-height: 1.25 !important;
    text-align: center !important;
  }

  .site-footer .tamimi-footer-policies-list {
    display: grid !important;
    gap: 8px !important;

    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
  }

  .site-footer .tamimi-footer-policies-list li {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .site-footer .tamimi-footer-policies-list a {
    display: block !important;

    color: rgba(255, 255, 255, 0.96) !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1.45 !important;
    text-align: center !important;
    text-decoration: none !important;
  }
}
/* Mobile footer policies: compact one-line layout */
@media screen and (max-width: 719px) {
  .site-footer .tamimi-footer-policies-block {
    padding: 8px 10px !important;
    margin: 0 !important;

    min-height: 38px !important;

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

    border-top: 1px solid rgba(255, 255, 255, 0.24) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.24) !important;
  }

  .site-footer .tamimi-footer-policies-title {
    display: none !important;
  }

  .site-footer .tamimi-footer-policies-list {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: nowrap !important;
    gap: 12px !important;

    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;

    overflow-x: auto !important;
    scrollbar-width: none !important;
  }

  .site-footer .tamimi-footer-policies-list::-webkit-scrollbar {
    display: none !important;
  }

  .site-footer .tamimi-footer-policies-list li {
    flex: 0 0 auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .site-footer .tamimi-footer-policies-list a {
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1 !important;

    white-space: nowrap !important;
    text-align: center !important;
  }
}
/* HARD FIX: mobile policies menu one compact line */
@media screen and (max-width: 719px) {
  .site-footer .site-footer-block-menu,
  .site-footer .site-footer-block-item.site-footer-block-menu,
  .site-footer .site-footer-block-item:has(.tamimi-footer-policies-block) {
    display: block !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    background: transparent !important;
  }

  .site-footer .tamimi-footer-policies-block {
    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;

    margin: 0 !important;
    padding: 0 10px !important;

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

    overflow: hidden !important;

    border-top: 1px solid rgba(255, 255, 255, 0.25) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.25) !important;
  }

  .site-footer .tamimi-footer-policies-title {
    display: none !important;
  }

  .site-footer ul.tamimi-footer-policies-list {
    height: 34px !important;
    min-height: 34px !important;

    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 14px !important;

    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: none !important;
  }

  .site-footer ul.tamimi-footer-policies-list::-webkit-scrollbar {
    display: none !important;
  }

  .site-footer ul.tamimi-footer-policies-list > li {
    flex: 0 0 auto !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .site-footer ul.tamimi-footer-policies-list > li > a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    height: 34px !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1 !important;

    white-space: nowrap !important;
    text-align: center !important;
    text-decoration: none !important;
  }
}
/* Mobile footer policies: real compact row */
@media screen and (max-width: 719px) {
  .site-footer .tamimi-footer-menu-block {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
  }

  .site-footer .tamimi-footer-policies-block {
    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;

    margin: 0 !important;
    padding: 0 10px !important;

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

    border-top: 1px solid rgba(255, 255, 255, 0.25) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.25) !important;

    overflow: hidden !important;
  }

  .site-footer .tamimi-footer-policies-list {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: nowrap !important;

    gap: 16px !important;

    height: 32px !important;
    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
  }

  .site-footer .tamimi-footer-policies-list li {
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
  }

  .site-footer .tamimi-footer-policies-list a {
    display: inline-flex !important;
    align-items: center !important;

    height: 32px !important;

    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1 !important;

    white-space: nowrap !important;
    text-decoration: none !important;
  }
}
/* Mobile only: fix footer company/THEQA + policies width */
@media screen and (max-width: 719px) {
  .site-footer {
    overflow-x: hidden !important;
  }

  /* Tamimi + THEQA block must stay inside screen */
  .site-footer .tamimi-footer-company-theqa {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    padding-left: 14px !important;
    padding-right: 14px !important;

    display: grid !important;
    grid-template-columns: 32% 68% !important;
    gap: 0 !important;

    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  .site-footer .tamimi-footer-theqa-column,
  .site-footer .tamimi-footer-company-column {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  .site-footer .tamimi-footer-theqa-column img,
  .site-footer .tamimi-footer-theqa-column svg {
    max-width: 105px !important;
    width: 100% !important;
    height: auto !important;
  }

  .site-footer .tamimi-footer-company-column,
  .site-footer .tamimi-footer-company-column p {
    max-width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;

    overflow: hidden !important;
    overflow-wrap: anywhere !important;

    font-size: 13px !important;
    line-height: 1.65 !important;
    text-align: center !important;
  }

  /* Policies block must not stretch page */
  .site-footer .tamimi-footer-menu-block,
  .site-footer .tamimi-footer-policies-block,
  .site-footer .tamimi-footer-policies-scroll {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  .site-footer .tamimi-footer-policies-scroll {
    padding-left: 12px !important;
    padding-right: 12px !important;

    overflow-x: auto !important;
    overflow-y: hidden !important;

    scrollbar-width: none !important;
    -webkit-overflow-scrolling: touch !important;
  }

  .site-footer .tamimi-footer-policies-scroll::-webkit-scrollbar {
    display: none !important;
  }
}
/* FINAL HARD FIX: mobile footer company + policies fit screen */
@media screen and (max-width: 719px) {
  .site-footer .tamimi-footer-company-theqa {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 14px 10px !important;

    display: grid !important;
    grid-template-columns: 30% 70% !important;
    gap: 0 !important;

    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  .site-footer .tamimi-footer-theqa-column,
  .site-footer .tamimi-footer-company-column {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }

  .site-footer .tamimi-footer-theqa-column img,
  .site-footer .tamimi-footer-theqa-column svg {
    width: 92px !important;
    max-width: 92px !important;
    height: auto !important;
  }

  .site-footer .tamimi-footer-company-column,
  .site-footer .tamimi-footer-company-column p,
  .site-footer .tamimi-footer-company-theqa p {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #ffffff !important;
    font-size: 11.8px !important;
    line-height: 1.55 !important;
    font-weight: 800 !important;
    text-align: center !important;

    white-space: normal !important;
    overflow: hidden !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
}
    .site-footer .tamimi-footer-company-column .tamimi-footer-company-title,
.site-footer .tamimi-footer-company-column .tamimi-footer-company-title strong {
  font-size: 15.5px !important;
  font-weight: 950 !important;
  line-height: 1.25 !important;
  color: #ffffff !important;
  }

  /* السياسات: خليها تدخل الشاشة بدل ما تزق الصفحة */
  .site-footer .tamimi-footer-menu-block {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  .site-footer .tamimi-footer-policies-block {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;

    margin: 0 !important;
    padding: 0 6px !important;

    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  .site-footer .tamimi-footer-policies-scroll {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;

    padding: 0 !important;
    gap: 10px !important;

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

    overflow-x: auto !important;
    overflow-y: hidden !important;

    box-sizing: border-box !important;
    scrollbar-width: none !important;
  }

  .site-footer .tamimi-footer-policies-scroll a {
    height: 34px !important;

    font-size: 11.2px !important;
    font-weight: 800 !important;
    line-height: 1 !important;

    white-space: nowrap !important;
    flex: 0 0 auto !important;
  }
}
/* Mobile policies block only: clean 2-row layout */
@media screen and (max-width: 719px) {
  .site-footer .tamimi-footer-policies-block {
    width: 100% !important;
    max-width: 100% !important;

    height: auto !important;
    min-height: 58px !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 9px 12px !important;

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

    column-gap: 16px !important;
    row-gap: 8px !important;

    overflow: hidden !important;
    box-sizing: border-box !important;

    border-top: 1px solid rgba(255, 255, 255, 0.25) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.25) !important;
  }

  .site-footer .tamimi-footer-policies-block a,
  .site-footer .tamimi-footer-policies-block a:visited,
  .site-footer .tamimi-footer-policies-block a:hover,
  .site-footer .tamimi-footer-policies-block a:focus {
    flex: 0 1 auto !important;

    width: auto !important;
    max-width: calc(50% - 10px) !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #ffffff !important;
    font-size: 12.5px !important;
    font-weight: 850 !important;
    line-height: 1.15 !important;

    text-align: center !important;
    text-decoration: none !important;

    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
}
/* Mobile policies: short clean labels only */
.tamimi-policy-short {
  display: none;
}

@media screen and (max-width: 719px) {
  .site-footer .tamimi-footer-policies-block {
    width: 100% !important;
    max-width: 100% !important;

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

    margin: 0 !important;
    padding: 0 10px !important;

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

    overflow: hidden !important;
    box-sizing: border-box !important;

    border-top: 1px solid rgba(255,255,255,0.25) !important;
    border-bottom: 1px solid rgba(255,255,255,0.25) !important;
  }

  .site-footer .tamimi-footer-policies-block a {
    color: #ffffff !important;
    font-size: 12px !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
  }

  .site-footer .tamimi-footer-policies-block a:not(:last-child)::after {
    content: "|" !important;
    margin-inline-start: 10px !important;
    color: rgba(255,255,255,0.45) !important;
  }

  .tamimi-policy-full {
    display: none !important;
  }

  .tamimi-policy-short {
    display: inline !important;
  }
}
/* Mobile policies: Arabic short labels with separators */
@media screen and (max-width: 719px) {
  .site-footer .tamimi-footer-policies-block {
    width: 100% !important;
    max-width: 100% !important;

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

    margin: 0 !important;
    padding: 0 8px !important;

    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 22px !important;

    overflow: hidden !important;
    box-sizing: border-box !important;

    direction: rtl !important;
    unicode-bidi: isolate !important;

    border-top: 1px solid rgba(255,255,255,0.25) !important;
    border-bottom: 1px solid rgba(255,255,255,0.25) !important;
  }

  .site-footer .tamimi-footer-policies-block a,
  .site-footer .tamimi-footer-policies-block a:visited,
  .site-footer .tamimi-footer-policies-block a:hover,
  .site-footer .tamimi-footer-policies-block a:focus {
    color: #ffffff !important;
    font-size: 11.5px !important;
    font-weight: 850 !important;
    line-height: 1 !important;

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

  .site-footer .tamimi-footer-policy-separator {
    color: rgba(255,255,255,0.55) !important;
    font-size: 11.5px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
  }
}

/* Mobile policies: remove link underline */
@media screen and (max-width: 719px) {
  .site-footer .tamimi-footer-policies-block a,
  .site-footer .tamimi-footer-policies-block a:visited,
  .site-footer .tamimi-footer-policies-block a:hover,
  .site-footer .tamimi-footer-policies-block a:focus,
  .site-footer .tamimi-footer-policies-block a:active {
    text-decoration: none !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
  }
}
@media screen and (max-width: 719px) {
  .site-footer .tamimi-footer-policies-block a * {
    text-decoration: none !important;
    border-bottom: 0 !important;
  }
}
/* HARD FIX: remove footer policies underline */
@media screen and (max-width: 719px) {
  .site-footer .tamimi-footer-policies-block a,
  .site-footer .tamimi-footer-policies-block a:link,
  .site-footer .tamimi-footer-policies-block a:visited,
  .site-footer .tamimi-footer-policies-block a:hover,
  .site-footer .tamimi-footer-policies-block a:focus,
  .site-footer .tamimi-footer-policies-block a:active {
    text-decoration: none !important;
    text-decoration-line: none !important;
    text-decoration-color: transparent !important;
    text-underline-offset: 0 !important;

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

    box-shadow: none !important;
    background-image: none !important;
    background-size: 0 0 !important;
    background-position: 0 0 !important;

  }

  .site-footer .tamimi-footer-policies-block a::before,
  .site-footer .tamimi-footer-policies-block a::after {
    display: none !important;
    content: none !important;
    border: 0 !important;
    box-shadow: none !important;
    background: none !important;
  }
}
/* Remove underline from mobile footer policy links only */
@media screen and (max-width: 719px) {
  .site-footer .tamimi-footer-policy-link,
  .site-footer .tamimi-footer-policy-link:link,
  .site-footer .tamimi-footer-policy-link:visited,
  .site-footer .tamimi-footer-policy-link:hover,
  .site-footer .tamimi-footer-policy-link:focus,
  .site-footer .tamimi-footer-policy-link:active,
  .site-footer .tamimi-footer-policy-text {
    text-decoration: none !important;
    text-decoration-line: none !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    background-image: none !important;
    
  }

  .site-footer .tamimi-footer-policy-link::before,
  .site-footer .tamimi-footer-policy-link::after,
  .site-footer .tamimi-footer-policy-text::before,
  .site-footer .tamimi-footer-policy-text::after {
    display: none !important;
    content: none !important;
  }
}
/* Mobile footer policies typography */
@media screen and (max-width: 719px) {
  .site-footer .tamimi-footer-policy-link,
  .site-footer .tamimi-footer-policy-text {
    font-family:
      "Cairo",
      "Tajawal",
      "Noto Kufi Arabic",
      "Noto Sans Arabic",
      Arial,
      sans-serif !important;

    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
  }
}
/* Mobile footer policies: center inside block */
@media screen and (max-width: 719px) {
  .site-footer .tamimi-footer-policies-block {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    text-align: center !important;
  }

  .site-footer .tamimi-footer-policy-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
}
/* Mobile footer: remove blue gap under policies before payment bar */
@media screen and (max-width: 719px) {
  .site-footer .tamimi-footer-menu-block,
  .site-footer .tamimi-footer-policies-block {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    border-bottom: 0 !important;
  }

  .site-footer .tamimi-footer-menu-block + .site-footer-block-item,
  .site-footer .tamimi-footer-policies-block + .site-footer-block-item {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  .site-footer-item-copyright,
  .site-footer__bottom,
  .site-footer-bottom {
    margin-top: 0 !important;
  }
}
@media screen and (max-width: 719px) {
  .site-footer {
    padding-bottom: 0 !important;
  }
}
/* Mobile footer: remove line + blue gap between policies and payment bar */
@media screen and (max-width: 719px) {
  /* Apps block: no bottom divider after app icons */
  .site-footer .site-footer-block-item:has(.tamimi-app-buttons),
  .site-footer .site-footer-block-content:has(.tamimi-app-buttons),
  .site-footer .site-footer-block-content:has(.tamimi-app-buttons)::before,
  .site-footer .site-footer-block-content:has(.tamimi-app-buttons)::after {
    border-bottom: 0 !important;
    box-shadow: none !important;
  }

  /* Policies block parent: no line, no blue height */
  .site-footer .tamimi-footer-menu-block,
  .site-footer .tamimi-footer-menu-block::before,
  .site-footer .tamimi-footer-menu-block::after,
  .site-footer .tamimi-footer-policies-block,
  .site-footer .tamimi-footer-policies-block::before,
  .site-footer .tamimi-footer-policies-block::after {
    border-top: 0 !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
    background-image: none !important;
  }

  .site-footer .tamimi-footer-menu-block {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  /* Make the black payment section touch policies directly */
  .site-footer .tamimi-footer-menu-block + .site-footer-item-copyright,
  .site-footer .tamimi-footer-menu-block + .site-footer__bottom,
  .site-footer .tamimi-footer-menu-block + .site-footer-bottom,
  .site-footer-item-copyright,
  .site-footer__bottom,
  .site-footer-bottom {
    margin-top: 0 !important;
    padding-top: 12px !important;
  }

  .site-footer {
    padding-bottom: 0 !important;
  }
}
/* Mobile footer: remove gap/line between policies and black payment bar */
@media screen and (max-width: 719px) {
  .site-footer .site-footer-wrapper > .site-footer-item {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    border-bottom: 0 !important;
  }

  .site-footer .site-footer-blocks,
  .site-footer .site-footer-blocks > .tamimi-footer-menu-block,
  .site-footer .tamimi-footer-policies-block {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
  }

  .site-footer .site-footer-blocks::after,
  .site-footer .tamimi-footer-menu-block::after,
  .site-footer .tamimi-footer-policies-block::after {
    display: none !important;
    content: none !important;
  }

  .site-footer-item-copyright {
    margin-top: 0 !important;
  }
}
/* Mobile footer: remove gap/line between social icons and company/THEQA */
@media screen and (max-width: 719px) {
  .site-footer .site-footer-blocks {
    gap: 0 !important;
    row-gap: 0 !important;
  }

  .site-footer .tamimi-footer-social-mobile-block {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
  }

  .site-footer .site-footer-block-social-accounts,
  .site-footer .site-footer-block-social-accounts::after,
  .site-footer .site-footer-block-social-accounts::before {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
    background-image: none !important;
  }

  .site-footer .site-footer-block-social-accounts + .site-footer-block-rich-text,
  .site-footer .site-footer-block-social-accounts + .site-footer-block-item,
  .site-footer .tamimi-footer-company-theqa {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
}
/* FINAL mobile social icons: premium larger row */
@media screen and (max-width: 719px) {
  .site-footer .site-footer-block-social-accounts,
  .site-footer .tamimi-footer-social-mobile-block,
  .site-footer .tamimi-social-list-content {
    width: 100% !important;
    height: 74px !important;
    min-height: 74px !important;
    max-height: 74px !important;

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

    margin: 0 !important;
    padding: 0 16px !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }

  .site-footer .tamimi-social-icons-row {
    width: 100% !important;
    max-width: 410px !important;

    height: 58px !important;
    min-height: 58px !important;
    max-height: 58px !important;

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

    gap: 0 !important;

    margin: 0 auto !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }

  .site-footer .tamimi-social-icons-row *,
  .site-footer .tamimi-social-icons-row *::before,
  .site-footer .tamimi-social-icons-row *::after {
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
    filter: none !important;
    outline: 0 !important;
  }

  .site-footer .tamimi-social-icons-row svg,
  .site-footer .tamimi-social-icons-row .icon,
  .site-footer .tamimi-social-icons-row .social-link-icon,
  .site-footer .tamimi-social-icons-row .tamimi-social-link-icon {
    display: none !important;
  }

  .site-footer .social-link.tamimi-social-link--image,
  .site-footer .tamimi-social-icons-row a {
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
    max-width: 52px !important;
    min-height: 52px !important;
    max-height: 52px !important;

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

    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  .site-footer img.tamimi-social-3d-icon {
    display: block !important;
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
    min-height: 52px !important;

    object-fit: contain !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
}
/* Footer company title bigger */
.site-footer .tamimi-footer-company-column p:first-child strong,
.site-footer .tamimi-footer-company-desktop p:first-child strong {
  font-size: 17px !important;
  font-weight: 950 !important;
  line-height: 1.25 !important;
}

@media screen and (max-width: 719px) {
  .site-footer .tamimi-footer-company-column p:first-child strong,
  .site-footer .tamimi-footer-company-desktop p:first-child strong {
    font-size: 15px !important;
  }
}

.site-footer .tamimi-footer-company-title,
.site-footer .tamimi-footer-company-title strong {
  font-size: 18px !important;
  font-weight: 950 !important;
  line-height: 1.25 !important;
  color: #ffffff !important;
}
/* TAMIMI: refined compact back to top button */
@media screen and (max-width: 859px) {
  .back-to-top {
    width: 100% !important;
    margin: 18px 0 20px !important;
    padding: 0 !important;
    display: flex !important;
    justify-content: center !important;
    position: relative !important;
    z-index: 5 !important;
    clear: both !important;
  }

  .back-to-top__button {
    width: auto !important;
    min-width: 176px !important;
    height: 38px !important;
    padding: 0 18px !important;

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

    color: #249fd6 !important;
    background: rgba(255, 255, 255, 0.92) !important;
    border: 1px solid rgba(44, 171, 227, 0.42) !important;
    border-radius: 999px !important;
    box-shadow: 0 8px 18px rgba(18, 72, 96, 0.08) !important;
    backdrop-filter: blur(6px) !important;

    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
  }

  .back-to-top__button:hover,
.back-to-top__button:focus,
.back-to-top__button:active {
  color: #249fd6 !important;
  background: rgba(255, 255, 255, 0.96) !important;
  border-color: rgba(44, 171, 227, 0.5) !important;
  box-shadow: 0 8px 18px rgba(18, 72, 96, 0.08) !important;
  outline: none !important;
}

  .back-to-top__button svg {
    width: 11px !important;
    height: 9px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: rotate(180deg) translateY(1px) !important;
    fill: currentColor !important;
  }

  .back-to-top__button-label {
    color: inherit !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
  }

  .back-to-top + .shopify-section-group-footer-group .site-footer-wrapper {
    margin-top: 0 !important;
  }
}
@media screen and (max-width: 859px) {
  .back-to-top__button:hover,
  .back-to-top__button:focus,
  .back-to-top__button:active {
    color: #249fd6 !important;
    background: rgba(255, 255, 255, 0.96) !important;
    border-color: rgba(44, 171, 227, 0.5) !important;
  }

  .back-to-top__button:hover .back-to-top__button-label,
  .back-to-top__button:focus .back-to-top__button-label,
  .back-to-top__button:active .back-to-top__button-label {
    color: #249fd6 !important;
  }

  .back-to-top__button:hover svg,
  .back-to-top__button:focus svg,
  .back-to-top__button:active svg {
    fill: #249fd6 !important;
  }
}
/* TAMIMI: clean spacing between home promo banners */
body.template-index {
  --tamimi-promo-banner-gap: 6px;
}

body.template-index .shopify-section.pxs-image-with-text-overlay-section,
body.template-index .shopify-section.pxs-image-with-text-section {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

body.template-index .shopify-section.pxs-image-with-text-overlay-section .pxs-image-with-text,
body.template-index .shopify-section.pxs-image-with-text-section .pxs-image-with-text,
body.template-index .shopify-section.pxs-image-with-text-overlay-section .pxs-image-with-text-wrapper,
body.template-index .shopify-section.pxs-image-with-text-section .pxs-image-with-text-wrapper {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

body.template-index .shopify-section.pxs-image-with-text-overlay-section + .shopify-section.pxs-image-with-text-overlay-section,
body.template-index .shopify-section.pxs-image-with-text-section + .shopify-section.pxs-image-with-text-section,
body.template-index .shopify-section.pxs-image-with-text-overlay-section + .shopify-section.pxs-image-with-text-section,
body.template-index .shopify-section.pxs-image-with-text-section + .shopify-section.pxs-image-with-text-overlay-section {
  margin-top: var(--tamimi-promo-banner-gap) !important;
}

@media screen and (min-width: 720px) {
  body.template-index {
    --tamimi-promo-banner-gap: 16px;
  }
}

@media screen and (max-width: 719px) {
  body.template-index {
    --tamimi-promo-banner-gap: 12px;
  }
}
/* TAMIMI: exact spacing fix between bottom promo banners */
body.template-index .shopify-section.pxs-image-with-text-section {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Hide empty overlay/content area that creates the big blank gap */
body.template-index .shopify-section.pxs-image-with-text-section
.pxs-image-with-text-content-wrapper {
  display: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Keep only a clean small gap between two consecutive promo banners */
body.template-index .shopify-section.pxs-image-with-text-section
+ .shopify-section.pxs-image-with-text-section {
  margin-top: 12px !important;
}

/* Remove inner accidental spacing */
body.template-index .shopify-section.pxs-image-with-text-section .pxs-image-with-text,
body.template-index .shopify-section.pxs-image-with-text-section .pxs-image-with-text-wrapper,
body.template-index .shopify-section.pxs-image-with-text-section .pxs-image-with-text-background {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* Mobile tighter spacing */
@media screen and (max-width: 719px) {
  body.template-index .shopify-section.pxs-image-with-text-section
  + .shopify-section.pxs-image-with-text-section {
    margin-top: 8px !important;
  }
}
/* TAMIMI: digital gift cards normal collection size */
body.template-index [id*="dynamic_collection_list_Abfe8Q"] .collection-list__container {
  padding-top: 18px !important;
  padding-bottom: 22px !important;
}

body.template-index [id*="dynamic_collection_list_Abfe8Q"] .home-section--title {
  margin-top: 0 !important;
  margin-bottom: 24px !important;
  font-size: 34px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  color: #1d1d1d !important;
}

body.template-index [id*="dynamic_collection_list_Abfe8Q"] .collection-list__content {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;

  width: 100% !important;
  max-width: 1180px !important;

  margin: 0 auto !important;
  padding: 0 24px !important;

  row-gap: 28px !important;
  column-gap: 24px !important;

  overflow: visible !important;
}

body.template-index [id*="dynamic_collection_list_Abfe8Q"] .collection__item {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
}

body.template-index [id*="dynamic_collection_list_Abfe8Q"] .collection__item > a {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-decoration: none !important;
}

body.template-index [id*="dynamic_collection_list_Abfe8Q"] .collection__item-image {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 1 / 1 !important;

  margin: 0 !important;
  padding: 8px !important;

  background: #ffffff !important;
  border: 1px solid rgba(0, 0, 0, 0.055) !important;
  border-radius: 15px !important;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.06) !important;

  overflow: hidden !important;
  box-sizing: border-box !important;
}

body.template-index [id*="dynamic_collection_list_Abfe8Q"] .collection__item-image img,
body.template-index [id*="dynamic_collection_list_Abfe8Q"] .collection__item-image [data-rimg] {
  width: 100% !important;
  height: 100% !important;

  display: block !important;
  object-fit: cover !important;

  border-radius: 10px !important;
}

body.template-index [id*="dynamic_collection_list_Abfe8Q"] .collection__item-title {
  margin-top: 12px !important;
  padding: 0 !important;

  color: #2cabe3 !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  text-align: center !important;
}

body.template-index [id*="dynamic_collection_list_Abfe8Q"] .collection__item > a:hover .collection__item-image {
  transform: translateY(-2px) !important;
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.1) !important;
}

@media screen and (max-width: 719px) {
  body.template-index [id*="dynamic_collection_list_Abfe8Q"] .collection-list__content {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    max-width: 100% !important;
    padding: 0 10px !important;
    row-gap: 18px !important;
    column-gap: 8px !important;
  }

  body.template-index [id*="dynamic_collection_list_Abfe8Q"] .home-section--title {
    margin-bottom: 16px !important;
    font-size: 22px !important;
  }

  body.template-index [id*="dynamic_collection_list_Abfe8Q"] .collection__item-image {
    padding: 5px !important;
    border-radius: 11px !important;
  }

  body.template-index [id*="dynamic_collection_list_Abfe8Q"] .collection__item-title {
    margin-top: 8px !important;
    font-size: 13px !important;
    font-weight: 850 !important;
  }
}

/* TAMIMI: mobile premium collection-list tiles across homepage */
@media screen and (max-width: 719px) {
  body.template-index .shopify-section.collection-list--section .collection-list__container {
    padding-top: 18px !important;
    padding-bottom: 22px !important;
  }

  body.template-index .shopify-section.collection-list--section .home-section--title {
    margin-top: 0 !important;
    margin-bottom: 18px !important;
    font-size: 24px !important;
    line-height: 1.2 !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
    color: #1d1d1d !important;
  }

  body.template-index .shopify-section.collection-list--section .collection-list__content {
    padding: 0 10px !important;
    margin: 0 auto !important;
    row-gap: 22px !important;
    column-gap: 10px !important;
    align-items: start !important;
  }

  body.template-index .shopify-section.collection-list--section .collection__item {
    width: 100% !important;
    margin: 0 !important;
  }

  body.template-index .shopify-section.collection-list--section .collection__item > a {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-decoration: none !important;
  }

  body.template-index .shopify-section.collection-list--section .collection__item-image {
    width: 100% !important;
    aspect-ratio: 1 / 1 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 8px !important;

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

    background: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.055) !important;
    border-radius: 13px !important;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.055) !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  body.template-index .shopify-section.collection-list--section .collection__item-image img,
  body.template-index .shopify-section.collection-list--section .collection__item-image [data-rimg] {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    display: block !important;
    object-fit: contain !important;
    border-radius: 9px !important;
  }

  body.template-index .shopify-section.collection-list--section .collection__item-title {
    margin-top: 9px !important;
    padding: 0 !important;

    color: #2cabe3 !important;
    font-size: 13.5px !important;
    font-weight: 850 !important;
    line-height: 1.2 !important;
    text-align: center !important;
  }

  body.template-index .shopify-section.collection-list--section .collection__item > a:hover .collection__item-image {
    transform: translateY(-2px) !important;
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.09) !important;
  }

  /* Gift cards need image fill because their artwork is already a card */
  body.template-index [id*="dynamic_collection_list_Abfe8Q"] .collection__item-image img,
  body.template-index [id*="dynamic_collection_list_Abfe8Q"] .collection__item-image [data-rimg] {
    object-fit: cover !important;
  }
}
/* TAMIMI: iPhone 17 compact horizontal scroll on mobile only */
@media screen and (max-width: 719px) {
  body.template-index [id*="dynamic_collection_list_Wt9nWq"] .collection-list__content {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;

    gap: 12px !important;
    padding: 0 16px 8px !important;
    margin: 0 !important;

    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch !important;
  }

  body.template-index [id*="dynamic_collection_list_Wt9nWq"] .collection-list__content::-webkit-scrollbar {
    display: none !important;
  }

  body.template-index [id*="dynamic_collection_list_Wt9nWq"] .collection__item {
    flex: 0 0 46% !important;
    width: 46% !important;
    max-width: 190px !important;
    scroll-snap-align: start !important;
  }

  body.template-index [id*="dynamic_collection_list_Wt9nWq"] .collection__item-image {
    aspect-ratio: 1 / 1 !important;
    padding: 7px !important;
  }

  body.template-index [id*="dynamic_collection_list_Wt9nWq"] .collection__item-title {
    margin-top: 8px !important;
    font-size: 13px !important;
  }
}

/* TAMIMI: iPhone 17 images fill the card */
@media screen and (max-width: 719px) {
  body.template-index [id*="dynamic_collection_list_Wt9nWq"] .collection__item-image {
    padding: 0 !important;
    overflow: hidden !important;
  }

  body.template-index [id*="dynamic_collection_list_Wt9nWq"] .collection__item-image img,
  body.template-index [id*="dynamic_collection_list_Wt9nWq"] .collection__item-image [data-rimg] {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    border-radius: inherit !important;
  }
}
@media screen and (max-width: 719px) {
  body.template-index [id*="dynamic_collection_list_Wt9nWq"] .collection__item-image img,
  body.template-index [id*="dynamic_collection_list_Wt9nWq"] .collection__item-image [data-rimg] {
    transform: scale(1.18) !important;
  }
}

.tamimi-mobile-scroll-controls {
  display: none;
}

/* TAMIMI: refined iPhone 17 mobile scroll controls */
.tamimi-mobile-scroll-controls {
  display: none;
}

@media screen and (max-width: 719px) {

  body.template-index [id*="dynamic_collection_list_Wt9nWq"] .tamimi-collection-heading-row {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-bottom: 16px !important;
  }

  body.template-index [id*="dynamic_collection_list_Wt9nWq"] .tamimi-collection-heading-row .home-section--title {
    margin: 0 !important;
  }

  body.template-index [id*="dynamic_collection_list_Wt9nWq"] .tamimi-mobile-scroll-controls {
    position: absolute !important;
    left: 14px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;

    display: flex !important;
    gap: 7px !important;
  }

    body.template-index [id*="dynamic_collection_list_Wt9nWq"] .tamimi-mobile-scroll-btn {
    width: 30px !important;
    height: 30px !important;
    padding: 0 !important;

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

    color: #9eabb3 !important;
    background: rgba(255, 255, 255, 0.82) !important;
    border: 1px solid rgba(174, 187, 196, 0.42) !important;
    border-radius: 11px !important;

    box-shadow:
      0 3px 8px rgba(18, 72, 96, 0.05),
      inset 0 1px 0 rgba(255, 255, 255, 0.75) !important;

    font-size: 21px !important;
    font-weight: 900 !important;
    line-height: 1 !important;

    backdrop-filter: blur(4px) !important;
    -webkit-backdrop-filter: blur(4px) !important;

    transition:
      color 160ms ease,
      border-color 160ms ease,
      background 160ms ease,
      transform 120ms ease,
      box-shadow 160ms ease !important;
  }

  body.template-index [id*="dynamic_collection_list_Wt9nWq"] .tamimi-mobile-scroll-btn.is-active {
    color: #2cabe3 !important;
    background: #ffffff !important;
    border-color: rgba(44, 171, 227, 0.7) !important;

    box-shadow:
      0 5px 12px rgba(18, 72, 96, 0.08),
      0 0 0 1px rgba(44, 171, 227, 0.08),
      inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;

    cursor: pointer !important;
  }

  body.template-index [id*="dynamic_collection_list_Wt9nWq"] .tamimi-mobile-scroll-btn.is-disabled,
  body.template-index [id*="dynamic_collection_list_Wt9nWq"] .tamimi-mobile-scroll-btn:disabled {
    color: #b8c2c8 !important;
    background: rgba(247, 249, 250, 0.72) !important;
    border-color: rgba(213, 221, 226, 0.8) !important;

    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.68) !important;

    cursor: default !important;
    opacity: 1 !important;
  }

  body.template-index [id*="dynamic_collection_list_Wt9nWq"] .tamimi-mobile-scroll-btn.is-active:active {
        transform: scale(0.96) !important;
    box-shadow:
      0 3px 8px rgba(18, 72, 96, 0.07),
      inset 0 1px 2px rgba(44, 171, 227, 0.08) !important;
  }
}

/* TAMIMI: premium section headings for Featured Collection + Collection List */
body.template-index .featured-collection--section .home-section--title,
body.template-index .collection-list--section .home-section--title {
  position: relative !important;

  width: fit-content !important;
  max-width: calc(100% - 32px) !important;

  margin: 0 auto 24px !important;
  padding: 0 0 12px !important;

  color: #171717 !important;

  font-family:
    "Cairo",
    "Tajawal",
    "Noto Kufi Arabic",
    "Noto Sans Arabic",
    Arial,
    sans-serif !important;

  font-size: 31px !important;
  font-weight: 950 !important;
  line-height: 1.18 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  text-wrap: balance !important;
}

body.template-index .featured-collection--section .home-section--title::after,
body.template-index .collection-list--section .home-section--title::after {
  content: "" !important;

  position: absolute !important;
  right: 50% !important;
  bottom: 0 !important;

  width: 54px !important;
  height: 4px !important;

  background: linear-gradient(
    90deg,
    rgba(44, 171, 227, 0),
    #2cabe3,
    rgba(44, 171, 227, 0)
  ) !important;

  border-radius: 999px !important;
  transform: translateX(50%) !important;
}

@media screen and (min-width: 720px) {
  body.template-index .featured-collection--section .home-section--title,
  body.template-index .collection-list--section .home-section--title {
    margin-bottom: 28px !important;
    font-size: 34px !important;
  }

  body.template-index .featured-collection--section .home-section--title::after,
  body.template-index .collection-list--section .home-section--title::after {
    width: 68px !important;
  }
}

@media screen and (max-width: 719px) {
  body.template-index .featured-collection--section .home-section--title,
  body.template-index .collection-list--section .home-section--title {
    max-width: calc(100% - 28px) !important;

    margin-bottom: 18px !important;
    padding-bottom: 10px !important;

    font-size: 25px !important;
    font-weight: 950 !important;
    line-height: 1.2 !important;
  }

  body.template-index .featured-collection--section .home-section--title::after,
  body.template-index .collection-list--section .home-section--title::after {
    width: 46px !important;
    height: 3px !important;
  }
}
/* TAMIMI: premium headings - featured collection + collection list + logo list */
body.template-index .featured-collection--section .home-section--title,
body.template-index .collection-list--section .home-section--title,
body.template-index .logolist--section .home-section--title,
body.template-index .logolist--container .home-section--title {
  position: relative !important;

  width: fit-content !important;
  max-width: calc(100% - 32px) !important;

  margin: 0 auto 24px !important;
  padding: 0 0 10px !important;

  color: #20242c !important;

  font-family:
    "IBM Plex Sans Arabic",
    "Cairo",
    "Tajawal",
    "Noto Sans Arabic",
    Arial,
    sans-serif !important;

  font-size: 31px !important;
  font-weight: 600 !important;
  line-height: 1.22 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  text-wrap: balance !important;
}

body.template-index .featured-collection--section .home-section--title::after,
body.template-index .collection-list--section .home-section--title::after,
body.template-index .logolist--section .home-section--title::after,
body.template-index .logolist--container .home-section--title::after {
  content: "" !important;

  position: absolute !important;
  right: 50% !important;
  bottom: 0 !important;

  width: 58px !important;
  height: 3px !important;

  background: linear-gradient(
    90deg,
    rgba(44, 171, 227, 0),
    rgba(44, 171, 227, 0.95),
    rgba(44, 171, 227, 0)
  ) !important;

  border-radius: 999px !important;
  transform: translateX(50%) !important;
}

/* Desktop */
@media screen and (min-width: 720px) {
  body.template-index .featured-collection--section .home-section--title,
  body.template-index .collection-list--section .home-section--title,
  body.template-index .logolist--section .home-section--title,
  body.template-index .logolist--container .home-section--title {
    margin-bottom: 26px !important;
    font-size: 34px !important;
    font-weight: 600 !important;
  }

  body.template-index .featured-collection--section .home-section--title::after,
  body.template-index .collection-list--section .home-section--title::after,
  body.template-index .logolist--section .home-section--title::after,
  body.template-index .logolist--container .home-section--title::after {
    width: 68px !important;
  }
}

/* Mobile */
@media screen and (max-width: 719px) {
  body.template-index .featured-collection--section .home-section--title,
  body.template-index .collection-list--section .home-section--title,
  body.template-index .logolist--section .home-section--title,
  body.template-index .logolist--container .home-section--title {
    max-width: calc(100% - 24px) !important;

    margin-bottom: 18px !important;
    padding-bottom: 9px !important;

    font-size: 24px !important;
    font-weight: 600 !important;
    line-height: 1.22 !important;
  }

  body.template-index .featured-collection--section .home-section--title::after,
  body.template-index .collection-list--section .home-section--title::after,
  body.template-index .logolist--section .home-section--title::after,
  body.template-index .logolist--container .home-section--title::after {
    width: 48px !important;
    height: 3px !important;
  }
}
/* TAMIMI: compact mobile product cards without clipping Add to cart */
@media screen and (max-width: 719px) {
  body.template-index .featured-collection--section .productitem,
  body.template-index .featured-collection--section .productitem__container,
  body.template-index .featured-collection--section .productitem--info,
  body.template-index .featured-collection--section .productitem--actions {
    overflow: visible !important;
  }

  body.template-index .featured-collection--section .productitem {
    height: auto !important;
    min-height: 0 !important;
    padding-bottom: 14px !important;
  }

  body.template-index .featured-collection--section .productitem--image {
    margin-bottom: 8px !important;
  }

  body.template-index .featured-collection--section .productitem--info {
    margin-top: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  body.template-index .featured-collection--section .productitem--title {
    margin-top: 0 !important;
    margin-bottom: 8px !important;
  }

  body.template-index .featured-collection--section .productitem--price {
    margin-top: 0 !important;
    margin-bottom: 12px !important;
  }

  body.template-index .featured-collection--section .productitem--actions {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-bottom: 8px !important;
  }

  body.template-index .featured-collection--section .productitem--action-trigger,
  body.template-index .featured-collection--section .productitem--action-atc {
    height: auto !important;
    min-height: 48px !important;
    line-height: 1.2 !important;
    padding-top: 14px !important;
    padding-bottom: 14px !important;
    border-radius: 12px !important;
  }
}
/* TAMIMI: make mobile Add to cart button 20% smaller */
@media screen and (max-width: 719px) {
  body.template-index .featured-collection--section .productitem--action-trigger,
  body.template-index .featured-collection--section .productitem--action-atc {
    width: 80% !important;
    min-width: 0 !important;

    min-height: 40px !important;
    height: 40px !important;

    margin-left: auto !important;
    margin-right: auto !important;

    padding: 0 12px !important;

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

    font-size: inherit !important;
    line-height: 1.15 !important;
    white-space: nowrap !important;

    border-radius: 11px !important;
  }
}
/* TAMIMI FINAL: premium headings on desktop + mobile */
body.template-index .featured-collection--section .home-section--title,
body.template-index .featured-collection__container .home-section--title,
body.template-index .collection-list--section .home-section--title,
body.template-index .collection-list__container .home-section--title,
body.template-index .logolist--section .home-section--title,
body.template-index .logolist--container .home-section--title {
  position: relative !important;

  width: fit-content !important;
  max-width: calc(100% - 32px) !important;

  margin-left: auto !important;
  margin-right: auto !important;
  margin-bottom: 26px !important;
  padding: 0 0 10px !important;

  color: #20242c !important;

  font-family:
    "IBM Plex Sans Arabic",
    "Cairo",
    "Tajawal",
    "Noto Sans Arabic",
    Arial,
    sans-serif !important;

  font-size: 34px !important;
  font-weight: 600 !important;
  line-height: 1.22 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  text-wrap: balance !important;
}

body.template-index .featured-collection--section .home-section--title::after,
body.template-index .featured-collection__container .home-section--title::after,
body.template-index .collection-list--section .home-section--title::after,
body.template-index .collection-list__container .home-section--title::after,
body.template-index .logolist--section .home-section--title::after,
body.template-index .logolist--container .home-section--title::after {
  content: "" !important;

  position: absolute !important;
  right: 50% !important;
  bottom: 0 !important;

  width: 68px !important;
  height: 3px !important;

  background: linear-gradient(
    90deg,
    rgba(44, 171, 227, 0),
    rgba(44, 171, 227, 0.95),
    rgba(44, 171, 227, 0)
  ) !important;

  border-radius: 999px !important;
  transform: translateX(50%) !important;
}

@media screen and (max-width: 719px) {
  body.template-index .featured-collection--section .home-section--title,
  body.template-index .featured-collection__container .home-section--title,
  body.template-index .collection-list--section .home-section--title,
  body.template-index .collection-list__container .home-section--title,
  body.template-index .logolist--section .home-section--title,
  body.template-index .logolist--container .home-section--title {
    max-width: calc(100% - 24px) !important;

    margin-bottom: 18px !important;
    padding-bottom: 9px !important;

    font-size: 24px !important;
    font-weight: 600 !important;
    line-height: 1.22 !important;
  }

  body.template-index .featured-collection--section .home-section--title::after,
  body.template-index .featured-collection__container .home-section--title::after,
  body.template-index .collection-list--section .home-section--title::after,
  body.template-index .collection-list__container .home-section--title::after,
  body.template-index .logolist--section .home-section--title::after,
  body.template-index .logolist--container .home-section--title::after {
    width: 48px !important;
    height: 3px !important;
  }
}
/* TAMIMI FINAL HARD OVERRIDE: headings desktop + mobile */
body.template-index [id*="dynamic_featured_collection"] h2.home-section--title,
body.template-index [id*="dynamic_collection_list"] h2.home-section--title,
body.template-index [id*="dynamic_logo_list"] h2.home-section--title,
body.template-index .featured-collection--section h2.home-section--title,
body.template-index .collection-list--section h2.home-section--title,
body.template-index .logolist--section h2.home-section--title,
body.template-index .logolist--container h2.home-section--title {
  position: relative !important;
  display: block !important;

  width: fit-content !important;
  max-width: calc(100% - 32px) !important;

  margin: 0 auto 26px !important;
  padding: 0 0 10px !important;

  color: #20242c !important;

  font-family:
    "IBM Plex Sans Arabic",
    "Cairo",
    "Tajawal",
    "Noto Sans Arabic",
    Arial,
    sans-serif !important;

  font-size: 34px !important;
  font-weight: 600 !important;
  line-height: 1.22 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  text-transform: none !important;
}

body.template-index [id*="dynamic_featured_collection"] h2.home-section--title::after,
body.template-index [id*="dynamic_collection_list"] h2.home-section--title::after,
body.template-index [id*="dynamic_logo_list"] h2.home-section--title::after,
body.template-index .featured-collection--section h2.home-section--title::after,
body.template-index .collection-list--section h2.home-section--title::after,
body.template-index .logolist--section h2.home-section--title::after,
body.template-index .logolist--container h2.home-section--title::after {
  content: "" !important;

  position: absolute !important;
  left: 50% !important;
  right: auto !important;
  bottom: 0 !important;

  width: 68px !important;
  height: 3px !important;

  background: linear-gradient(
    90deg,
    rgba(44, 171, 227, 0),
    rgba(44, 171, 227, 0.95),
    rgba(44, 171, 227, 0)
  ) !important;

  border-radius: 999px !important;
  transform: translateX(-50%) !important;
}

/* Desktop force */
@media screen and (min-width: 720px) {
  body.template-index [id*="dynamic_featured_collection"] h2.home-section--title,
  body.template-index [id*="dynamic_collection_list"] h2.home-section--title,
  body.template-index [id*="dynamic_logo_list"] h2.home-section--title,
  body.template-index .featured-collection--section h2.home-section--title,
  body.template-index .collection-list--section h2.home-section--title,
  body.template-index .logolist--section h2.home-section--title,
  body.template-index .logolist--container h2.home-section--title {
    font-size: 34px !important;
    font-weight: 600 !important;
    margin-bottom: 26px !important;
  }
}

/* Mobile */
@media screen and (max-width: 719px) {
  body.template-index [id*="dynamic_featured_collection"] h2.home-section--title,
  body.template-index [id*="dynamic_collection_list"] h2.home-section--title,
  body.template-index [id*="dynamic_logo_list"] h2.home-section--title,
  body.template-index .featured-collection--section h2.home-section--title,
  body.template-index .collection-list--section h2.home-section--title,
  body.template-index .logolist--section h2.home-section--title,
  body.template-index .logolist--container h2.home-section--title {
    max-width: calc(100% - 24px) !important;
    font-size: 24px !important;
    font-weight: 600 !important;
    margin-bottom: 18px !important;
    padding-bottom: 9px !important;
  }

  body.template-index [id*="dynamic_featured_collection"] h2.home-section--title::after,
  body.template-index [id*="dynamic_collection_list"] h2.home-section--title::after,
  body.template-index [id*="dynamic_logo_list"] h2.home-section--title::after,
  body.template-index .featured-collection--section h2.home-section--title::after,
  body.template-index .collection-list--section h2.home-section--title::after,
  body.template-index .logolist--section h2.home-section--title::after,
  body.template-index .logolist--container h2.home-section--title::after {
    width: 48px !important;
    height: 3px !important;
  }
}
/* TAMIMI: mobile drawer menu rows 15% shorter */
@media screen and (max-width: 1023px) {
  .site-mobile-nav .mobile-nav-content .navmenu-link,
  .site-mobile-nav .mobile-nav-content .navmenu-item-text,
  .site-mobile-nav .mobile-nav-primary-content .navmenu-link,
  .site-mobile-nav .mobile-nav-primary-content .navmenu-item-text {
    padding-top: 0.69rem !important;
    padding-bottom: 0.69rem !important;
    line-height: 1.28rem !important;
  }

  .site-mobile-nav .mobile-nav-content .navmenu-button,
  .site-mobile-nav .mobile-nav-primary-content .navmenu-button {
    top: 0.14rem !important;
    height: 2rem !important;
  }
}
/* TAMIMI: mobile drawer width 15% smaller */
@media screen and (max-width: 1023px) {
  .site-mobile-nav .mobile-nav-panel {
    width: 85% !important;
    max-width: 276px !important;
  }
}
/* TAMIMI: mobile drawer menu font only */
@media screen and (max-width: 1023px) {
  .site-mobile-nav .mobile-nav-content .navmenu-link,
  .site-mobile-nav .mobile-nav-content .navmenu-item-text,
  .site-mobile-nav .mobile-nav-primary-content .navmenu-link,
  .site-mobile-nav .mobile-nav-primary-content .navmenu-item-text,
  .site-mobile-nav .mobile-nav-header-actions {
    font-family:
      "IBM Plex Sans Arabic",
      "Cairo",
      "Tajawal",
      "Noto Sans Arabic",
      Arial,
      sans-serif !important;
  }
}
/* TAMIMI: mobile drawer level-2 + level-3 submenu rows - compact */
@media screen and (max-width: 1023px) {
  .site-mobile-nav .navmenu-depth-2 > li > a,
  .site-mobile-nav .navmenu-depth-2 > li > .navmenu-link,
  .site-mobile-nav .navmenu-depth-2 > li > .navmenu-item-text,
  .site-mobile-nav .navmenu-depth-2 > .navmenu-item > a,
  .site-mobile-nav .navmenu-depth-2 > .navmenu-item > .navmenu-link,
  .site-mobile-nav .navmenu-depth-2 > .navmenu-item > .navmenu-item-text,
  .site-mobile-nav .navmenu-depth-3 > li > a,
  .site-mobile-nav .navmenu-depth-3 > li > .navmenu-link,
  .site-mobile-nav .navmenu-depth-3 > li > .navmenu-item-text,
  .site-mobile-nav .navmenu-depth-3 > .navmenu-item > a,
  .site-mobile-nav .navmenu-depth-3 > .navmenu-item > .navmenu-link,
  .site-mobile-nav .navmenu-depth-3 > .navmenu-item > .navmenu-item-text {
    padding-top: 0.36rem !important;
    padding-bottom: 0.36rem !important;
    line-height: 1.05rem !important;
    min-height: 0 !important;
  }

  .site-mobile-nav .navmenu-depth-2 > li > .navmenu-button,
  .site-mobile-nav .navmenu-depth-2 > .navmenu-item > .navmenu-button,
  .site-mobile-nav .navmenu-depth-3 > li > .navmenu-button,
  .site-mobile-nav .navmenu-depth-3 > .navmenu-item > .navmenu-button {
    top: 0 !important;
    height: 1.55rem !important;
    min-height: 0 !important;
  }
}
/* TAMIMI: mobile drawer submenu premium framed rows - level 2 + level 3 only */
@media screen and (max-width: 1023px) {
  .site-mobile-nav .navmenu-depth-2,
  .site-mobile-nav .navmenu-depth-3 {
    padding: 8px 10px !important;
    background: #f7f9fb !important;
  }

  .site-mobile-nav .navmenu-depth-2 > li,
  .site-mobile-nav .navmenu-depth-2 > .navmenu-item,
  .site-mobile-nav .navmenu-depth-3 > li,
  .site-mobile-nav .navmenu-depth-3 > .navmenu-item {
    margin: 5px 0 !important;
    border: 0 !important;
  }

  .site-mobile-nav .navmenu-depth-2 > li > a,
  .site-mobile-nav .navmenu-depth-2 > li > .navmenu-link,
  .site-mobile-nav .navmenu-depth-2 > li > .navmenu-item-text,
  .site-mobile-nav .navmenu-depth-2 > .navmenu-item > a,
  .site-mobile-nav .navmenu-depth-2 > .navmenu-item > .navmenu-link,
  .site-mobile-nav .navmenu-depth-2 > .navmenu-item > .navmenu-item-text,
  .site-mobile-nav .navmenu-depth-3 > li > a,
  .site-mobile-nav .navmenu-depth-3 > li > .navmenu-link,
  .site-mobile-nav .navmenu-depth-3 > li > .navmenu-item-text,
  .site-mobile-nav .navmenu-depth-3 > .navmenu-item > a,
  .site-mobile-nav .navmenu-depth-3 > .navmenu-item > .navmenu-link,
  .site-mobile-nav .navmenu-depth-3 > .navmenu-item > .navmenu-item-text {
    min-height: 34px !important;

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

    padding: 0.38rem 0.9rem !important;

    color: #20242c !important;
    background: #ffffff !important;

    border: 1px solid rgba(32, 36, 44, 0.08) !important;
    border-radius: 10px !important;

    box-shadow:
      0 4px 10px rgba(18, 72, 96, 0.045),
      inset 0 1px 0 rgba(255, 255, 255, 0.75) !important;

    font-size: 14px !important;
    font-weight: 650 !important;
    line-height: 1.15 !important;

    text-decoration: none !important;
  }

  .site-mobile-nav .navmenu-depth-3 > li > a,
  .site-mobile-nav .navmenu-depth-3 > li > .navmenu-link,
  .site-mobile-nav .navmenu-depth-3 > li > .navmenu-item-text,
  .site-mobile-nav .navmenu-depth-3 > .navmenu-item > a,
  .site-mobile-nav .navmenu-depth-3 > .navmenu-item > .navmenu-link,
  .site-mobile-nav .navmenu-depth-3 > .navmenu-item > .navmenu-item-text {
    background: rgba(255, 255, 255, 0.82) !important;
    border-color: rgba(44, 171, 227, 0.14) !important;
  }

  .site-mobile-nav .navmenu-depth-2 > li > a:hover,
  .site-mobile-nav .navmenu-depth-2 > li > .navmenu-link:hover,
  .site-mobile-nav .navmenu-depth-3 > li > a:hover,
  .site-mobile-nav .navmenu-depth-3 > li > .navmenu-link:hover {
    color: #2cabe3 !important;
    border-color: rgba(44, 171, 227, 0.35) !important;
    box-shadow:
      0 5px 12px rgba(18, 72, 96, 0.07),
      0 0 0 1px rgba(44, 171, 227, 0.06) !important;
  }

  .site-mobile-nav .navmenu-depth-2 > li > .navmenu-button,
  .site-mobile-nav .navmenu-depth-2 > .navmenu-item > .navmenu-button,
  .site-mobile-nav .navmenu-depth-3 > li > .navmenu-button,
  .site-mobile-nav .navmenu-depth-3 > .navmenu-item > .navmenu-button {
    top: 50% !important;
    transform: translateY(-50%) !important;

    width: 30px !important;
    height: 30px !important;

    margin: 0 6px 0 0 !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }
}
/* TAMIMI: premium mobile language selector badge */
@media screen and (max-width: 1023px) {
  .site-mobile-nav .disclosure__toggle,
  .site-mobile-nav [data-disclosure-toggle],
  .mobile-nav-panel .disclosure__toggle,
  .mobile-nav-panel [data-disclosure-toggle] {
    min-width: 128px !important;
    height: 44px !important;
    padding: 0 16px !important;

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

    color: #20242c !important;
    background: rgba(255, 255, 255, 0.92) !important;
    border: 1px solid rgba(32, 36, 44, 0.16) !important;
    border-radius: 14px !important;

    box-shadow:
      0 8px 18px rgba(18, 72, 96, 0.08),
      inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;

    font-family: "IBM Plex Sans Arabic", "Cairo", "Tajawal", Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 750 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;

    cursor: pointer !important;
    transition:
      color 160ms ease,
      border-color 160ms ease,
      background 160ms ease,
      box-shadow 160ms ease,
      transform 120ms ease !important;
  }

  .site-mobile-nav .disclosure__toggle:hover,
  .site-mobile-nav .disclosure__toggle:focus,
  .site-mobile-nav [data-disclosure-toggle]:hover,
  .site-mobile-nav [data-disclosure-toggle]:focus {
    color: #2cabe3 !important;
    background: #ffffff !important;
    border-color: rgba(44, 171, 227, 0.55) !important;
    box-shadow:
      0 10px 22px rgba(18, 72, 96, 0.1),
      0 0 0 1px rgba(44, 171, 227, 0.08) !important;
    outline: none !important;
  }

  .site-mobile-nav .disclosure__toggle:active,
  .site-mobile-nav [data-disclosure-toggle]:active {
    transform: scale(0.97) !important;
  }
}
/* TAMIMI: mobile drawer connected submenu tree */
@media screen and (max-width: 1023px) {
  .site-mobile-nav .navmenu-depth-2,
  .site-mobile-nav .navmenu-depth-3 {
    position: relative !important;
    margin: 0 !important;
    padding: 8px 12px 8px 28px !important;
    background: #f7f9fb !important;
  }

  [dir="rtl"] .site-mobile-nav .navmenu-depth-2,
  [dir="rtl"] .site-mobile-nav .navmenu-depth-3 {
    padding: 8px 28px 8px 12px !important;
  }

  .site-mobile-nav .navmenu-depth-2::before,
  .site-mobile-nav .navmenu-depth-3::before {
    content: "" !important;
    position: absolute !important;
    top: 16px !important;
    bottom: 16px !important;
    left: 14px !important;
    width: 1px !important;
    background: rgba(44, 171, 227, 0.28) !important;
    border-radius: 999px !important;
  }

  [dir="rtl"] .site-mobile-nav .navmenu-depth-2::before,
  [dir="rtl"] .site-mobile-nav .navmenu-depth-3::before {
    left: auto !important;
    right: 14px !important;
  }

  .site-mobile-nav .navmenu-depth-2 > li,
  .site-mobile-nav .navmenu-depth-2 > .navmenu-item,
  .site-mobile-nav .navmenu-depth-3 > li,
  .site-mobile-nav .navmenu-depth-3 > .navmenu-item {
    position: relative !important;
    margin: 6px 0 !important;
  }

  .site-mobile-nav .navmenu-depth-2 > li::before,
  .site-mobile-nav .navmenu-depth-2 > .navmenu-item::before,
  .site-mobile-nav .navmenu-depth-3 > li::before,
  .site-mobile-nav .navmenu-depth-3 > .navmenu-item::before {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    left: -14px !important;
    width: 14px !important;
    height: 1px !important;
    background: rgba(44, 171, 227, 0.28) !important;
    transform: translateY(-50%) !important;
  }

  [dir="rtl"] .site-mobile-nav .navmenu-depth-2 > li::before,
  [dir="rtl"] .site-mobile-nav .navmenu-depth-2 > .navmenu-item::before,
  [dir="rtl"] .site-mobile-nav .navmenu-depth-3 > li::before,
  [dir="rtl"] .site-mobile-nav .navmenu-depth-3 > .navmenu-item::before {
    left: auto !important;
    right: -14px !important;
  }

  .site-mobile-nav .navmenu-depth-2 > li > a,
  .site-mobile-nav .navmenu-depth-2 > li > .navmenu-link,
  .site-mobile-nav .navmenu-depth-2 > .navmenu-item > a,
  .site-mobile-nav .navmenu-depth-2 > .navmenu-item > .navmenu-link,
  .site-mobile-nav .navmenu-depth-3 > li > a,
  .site-mobile-nav .navmenu-depth-3 > li > .navmenu-link,
  .site-mobile-nav .navmenu-depth-3 > .navmenu-item > a,
  .site-mobile-nav .navmenu-depth-3 > .navmenu-item > .navmenu-link {
    position: relative !important;
    min-height: 34px !important;
    padding: 8px 14px !important;

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

    background: #ffffff !important;
    border: 1px solid rgba(32, 36, 44, 0.08) !important;
    border-radius: 11px !important;

    box-shadow:
      0 4px 10px rgba(18, 72, 96, 0.045),
      inset 0 1px 0 rgba(255, 255, 255, 0.82) !important;

    color: #20242c !important;
    font-weight: 750 !important;
    text-decoration: none !important;
  }

  .site-mobile-nav .navmenu-depth-3 > li > a,
  .site-mobile-nav .navmenu-depth-3 > li > .navmenu-link,
  .site-mobile-nav .navmenu-depth-3 > .navmenu-item > a,
  .site-mobile-nav .navmenu-depth-3 > .navmenu-item > .navmenu-link {
    background: rgba(255, 255, 255, 0.86) !important;
    border-color: rgba(44, 171, 227, 0.14) !important;
  }
}
/* TAMIMI: stop submenu tree line at the last item */
@media screen and (max-width: 1023px) {
  .site-mobile-nav .navmenu-depth-2::before,
  .site-mobile-nav .navmenu-depth-3::before {
    bottom: 24px !important;
  }

  .site-mobile-nav .navmenu-depth-2 > li:last-child::after,
  .site-mobile-nav .navmenu-depth-2 > .navmenu-item:last-child::after,
  .site-mobile-nav .navmenu-depth-3 > li:last-child::after,
  .site-mobile-nav .navmenu-depth-3 > .navmenu-item:last-child::after {
    content: "" !important;
    position: absolute !important;
    left: -15px !important;
    top: calc(50% + 1px) !important;
    bottom: -10px !important;
    width: 3px !important;
    background: #f7f9fb !important;
    z-index: 2 !important;
  }

  [dir="rtl"] .site-mobile-nav .navmenu-depth-2 > li:last-child::after,
  [dir="rtl"] .site-mobile-nav .navmenu-depth-2 > .navmenu-item:last-child::after,
  [dir="rtl"] .site-mobile-nav .navmenu-depth-3 > li:last-child::after,
  [dir="rtl"] .site-mobile-nav .navmenu-depth-3 > .navmenu-item:last-child::after {
    left: auto !important;
    right: -15px !important;
  }

  .site-mobile-nav .navmenu-depth-2 > li:last-child,
  .site-mobile-nav .navmenu-depth-2 > .navmenu-item:last-child,
  .site-mobile-nav .navmenu-depth-3 > li:last-child,
  .site-mobile-nav .navmenu-depth-3 > .navmenu-item:last-child {
    margin-bottom: 0 !important;
  }
}
/* TAMIMI: final mobile branches spacing clean */
@media screen and (max-width: 719px) {
  body.template-index [id*="dynamic_highlights_banner_fYdCA9"],
  body.template-index [id*="dynamic_highlights_banner_fYdCA9"] .highlights-banner__container {
    background: #e9e9e9 !important;
    overflow: hidden !important;
  }

  body.template-index [id*="dynamic_highlights_banner_fYdCA9"] .highlights-banner__content {
    height: 104px !important;
    min-height: 104px !important;
    max-height: 104px !important;

    padding: 14px 8px !important;
    margin: 0 !important;

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

    gap: 7px !important;
    column-gap: 7px !important;

    background: #e9e9e9 !important;

    overflow-x: auto !important;
    overflow-y: hidden !important;

    scrollbar-width: none !important;
    -webkit-overflow-scrolling: touch !important;
  }

  body.template-index [id*="dynamic_highlights_banner_fYdCA9"] .highlights-banner__content::-webkit-scrollbar {
    display: none !important;
  }

  body.template-index [id*="dynamic_highlights_banner_fYdCA9"] .highlights-banner__block {
    flex: 0 0 170px !important;
    width: 170px !important;
    min-width: 170px !important;
    max-width: 170px !important;

    height: 76px !important;
    min-height: 76px !important;
    max-height: 76px !important;

    margin: 0 !important;
    padding: 8px 9px !important;

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

    background: #ffffff !important;
    border-radius: 16px !important;

    box-shadow:
      0 6px 16px rgba(18, 72, 96, 0.08),
      inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;

    box-sizing: border-box !important;
  }

  body.template-index [id*="dynamic_highlights_banner_fYdCA9"] .highlights-banner__block::before,
  body.template-index [id*="dynamic_highlights_banner_fYdCA9"] .highlights-banner__block::after {
    display: none !important;
    content: none !important;
  }
}
/* TAMIMI: force branches spacing to half */
@media screen and (max-width: 719px) {
  body.template-index [id*="dynamic_highlights_banner_fYdCA9"] .highlights-banner__content {
    gap: 0 !important;
    column-gap: 0 !important;
    padding-left: 6px !important;
    padding-right: 6px !important;
  }

  body.template-index [id*="dynamic_highlights_banner_fYdCA9"] .highlights-banner__block {
    flex: 0 0 170px !important;
    width: 170px !important;
    min-width: 170px !important;
    max-width: 170px !important;

    margin: 0 4px 0 0 !important;
  }

  html[dir="rtl"] body.template-index [id*="dynamic_highlights_banner_fYdCA9"] .highlights-banner__block {
    margin: 0 0 0 4px !important;
  }
}
/* TAMIMI: branches font like homepage section headings */
body.template-index .shopify-section.highlights-banner .highlights-banner__heading,
body.template-index .shopify-section.highlights-banner .highlights-banner__text,
body.template-index .shopify-section.highlights-banner .highlights-banner__text p,
body.template-index .shopify-section.highlights-banner .highlights-banner__heading::before,
body.template-index .shopify-section.highlights-banner .highlights-banner__text p::before {
  font-family:
    "IBM Plex Sans Arabic",
    "Cairo",
    "Tajawal",
    "Noto Sans Arabic",
    Arial,
    sans-serif !important;

  letter-spacing: 0 !important;
}
/* TAMIMI: reduce mobile branch card height only */
@media screen and (max-width: 719px) {
  body.template-index [id*="dynamic_highlights_banner_fYdCA9"] .highlights-banner__block {
    height: 55px !important;
    min-height: 55px !important;
    max-height: 55px !important;

    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }

  body.template-index [id*="dynamic_highlights_banner_fYdCA9"] .highlights-banner__content {
    height: 88px !important;
    min-height: 88px !important;
    max-height: 88px !important;

    padding-top: 13px !important;
    padding-bottom: 13px !important;
  }
}
/* TAMIMI: reduce mobile branch card width only */
@media screen and (max-width: 719px) {
  body.template-index [id*="dynamic_highlights_banner_fYdCA9"] .highlights-banner__block {
    flex: 0 0 153px !important;
    width: 153px !important;
    min-width: 153px !important;
    max-width: 153px !important;
  }

  body.template-index [id*="dynamic_highlights_banner_fYdCA9"] .highlights-banner__text {
    max-width: 104px !important;
  }
}
/* TAMIMI: premium mobile slideshow dots - hard selector */
@media screen and (max-width: 719px) {
  body.template-index [id*="dynamic_slideshow_PrfLpK"] .slideshow {
    position: relative !important;
    margin-bottom: 24px !important;
    overflow: visible !important;
  }

  body.template-index [id*="dynamic_slideshow_PrfLpK"] .slideshow-pagination {
    position: absolute !important;
    top: auto !important;
    bottom: -18px !important;
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;

    width: auto !important;
    height: 22px !important;

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

    padding: 5px 10px !important;
    margin: 0 !important;

    background: rgba(255, 255, 255, 0.78) !important;
    border: 1px solid rgba(44, 171, 227, 0.2) !important;
    border-radius: 999px !important;

    box-shadow:
      0 8px 18px rgba(18, 72, 96, 0.1),
      inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;

    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;

    z-index: 20 !important;
  }

  body.template-index [id*="dynamic_slideshow_PrfLpK"] .slideshow-pagination__dot {
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;

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

  body.template-index [id*="dynamic_slideshow_PrfLpK"] .slideshow-pagination__button {
    width: 6px !important;
    height: 6px !important;
    min-width: 6px !important;
    min-height: 6px !important;

    margin: 0 !important;
    padding: 0 !important;

    background: rgba(44, 171, 227, 0.28) !important;
    border: 0 !important;
    border-radius: 999px !important;

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

  body.template-index [id*="dynamic_slideshow_PrfLpK"] .slideshow-pagination__button[data-selected="true"] {
    width: 20px !important;
    background: #2cabe3 !important;
    box-shadow: 0 0 0 3px rgba(44, 171, 227, 0.14) !important;
  }

  body.template-index [id*="dynamic_slideshow_PrfLpK"] .circle-timer,
  body.template-index [id*="dynamic_slideshow_PrfLpK"] .circle-timer__svg {
    display: none !important;
  }
}
body.template-index [id*="dynamic_slideshow_PrfLpK"] .slideshow {
  position: relative !important;
  margin-bottom: 16px !important;
  overflow: visible !important;
}

body.template-index [id*="dynamic_slideshow_PrfLpK"] .slideshow-pagination {
  bottom: -10px !important;

  height: 16px !important;
  min-height: 16px !important;

  padding: 3px 8px !important;
  gap: 5px !important;
}

body.template-index [id*="dynamic_slideshow_PrfLpK"] .slideshow-pagination__button {
  width: 5px !important;
  height: 5px !important;
  min-width: 5px !important;
  min-height: 5px !important;
}

body.template-index [id*="dynamic_slideshow_PrfLpK"] .slideshow-pagination__button[data-selected="true"] {
  width: 16px !important;
}
/* TAMIMI: mobile slideshow dots inside banner image */
@media screen and (max-width: 719px) {
  body.template-index [id*="dynamic_slideshow_PrfLpK"] .slideshow {
    position: relative !important;
    margin-bottom: 14px !important;
    overflow: hidden !important;
  }

  body.template-index [id*="dynamic_slideshow_PrfLpK"] .slideshow-pagination {
    position: absolute !important;
    top: auto !important;
    bottom: 10px !important;
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;

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

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

    padding: 3px 8px !important;
    margin: 0 !important;

    background: rgba(255, 255, 255, 0.72) !important;
    border: 1px solid rgba(255, 255, 255, 0.75) !important;
    border-radius: 999px !important;

    box-shadow: 0 5px 14px rgba(18, 72, 96, 0.12) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;

    z-index: 20 !important;
  }

  body.template-index [id*="dynamic_slideshow_PrfLpK"] .slideshow-pagination__dot {
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.template-index [id*="dynamic_slideshow_PrfLpK"] .slideshow-pagination__button {
    width: 5px !important;
    height: 5px !important;
    min-width: 5px !important;
    min-height: 5px !important;

    margin: 0 !important;
    padding: 0 !important;

    background: rgba(255, 255, 255, 0.75) !important;
    border: 0 !important;
    border-radius: 999px !important;

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

  body.template-index [id*="dynamic_slideshow_PrfLpK"] .slideshow-pagination__button[data-selected="true"] {
    width: 16px !important;
    background: #2cabe3 !important;
  }

  body.template-index [id*="dynamic_slideshow_PrfLpK"] .circle-timer,
  body.template-index [id*="dynamic_slideshow_PrfLpK"] .circle-timer__svg {
    display: none !important;
  }
}
/* TAMIMI: mobile search width only */
@media screen and (max-width: 719px) {
  .site-header .site-header-search,
  .site-header .live-search,
  .site-header .search-form,
  .site-header .site-header-search-form {
    width: 90% !important;
    max-width: 90% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
/* TAMIMI: compact desktop utility bar social icons */
@media screen and (min-width: 1024px) {
  .utility-bar {
    min-height: 44px !important;
  }

  .utility-bar .utility-bar__content {
    min-height: 44px !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
  }

  .utility-bar .utility-bar__content-left,
  .utility-bar .utility-bar__content-right,
  .utility-bar .utility-bar__social-container,
  .utility-bar .utility-bar__social-list,
  .utility-bar .social-icons {
    align-items: center !important;
  }

  .utility-bar .utility-bar__social-list {
    gap: 6px !important;
  }

  .utility-bar .social-icons {
    display: flex !important;
    gap: 6px !important;
    margin: 0 !important;
  }

  .utility-bar .social-link.tamimi-social-link--image {
    width: 30px !important;
    height: 30px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 0 !important;
  }

  .utility-bar .social-link.tamimi-social-link--image img.tamimi-social-3d-icon {
    width: 30px !important;
    height: 30px !important;
    max-width: 30px !important;
    max-height: 30px !important;
    display: block !important;
    object-fit: contain !important;
  }

  .utility-bar .social-link:not(.tamimi-social-link--image),
  .utility-bar .social-link:not(.tamimi-social-link--image) svg {
    width: 26px !important;
    height: 26px !important;
  }

  .utility-bar .disclosure__toggle {
    min-height: 30px !important;
    padding-top: 4px !important;
    padding-bottom: 4px !important;
    line-height: 1.2 !important;
  }
}
/* TAMIMI: desktop only compact top black bar - lower height */
@media screen and (min-width: 1024px) {
  .utility-bar {
    min-height: 34px !important;
  }

  .utility-bar .utility-bar__content {
    min-height: 34px !important;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
  }

  .utility-bar .utility-bar__content-left,
  .utility-bar .utility-bar__content-right {
    min-height: 30px !important;
    align-items: center !important;
  }

  .utility-bar .social-icons {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    margin: 0 !important;
    line-height: 0 !important;
  }

  .utility-bar .social-link.tamimi-social-link--image {
    width: 30px !important;
    height: 30px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .utility-bar .disclosure__toggle {
    min-height: 26px !important;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    line-height: 1.1 !important;
  }
}
.shopify-section-group-header-group .utility-bar {
  height: 34px !important;
  max-height: 34px !important;
}
/* TAMIMI: force compact desktop black utility bar */
@media screen and (min-width: 1024px) {
  .shopify-section-group-header-group .utility-bar,
  .utility-bar {
    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
    overflow: hidden !important;
  }

  .utility-bar .utility-bar__content {
    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    display: flex !important;
    align-items: center !important;
  }

  .utility-bar .utility-bar__content-left,
  .utility-bar .utility-bar__content-right,
  .utility-bar .utility-bar__social-container,
  .utility-bar .utility-bar__social-list,
  .utility-bar .tamimi-social-list-content,
  .utility-bar .social-icons {
    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    display: flex !important;
    align-items: center !important;
  }

  .utility-bar .social-icons {
    gap: 6px !important;
    line-height: 0 !important;
  }

  .utility-bar .social-link.tamimi-social-link--image {
    width: 30px !important;
    height: 30px !important;
    margin: 0 !important;
  }

  .utility-bar .disclosure__toggle {
    height: 28px !important;
    min-height: 28px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    display: flex !important;
    align-items: center !important;
  }
}
@media screen and (min-width: 1024px) {
  .utility-bar,
  .utility-bar .utility-bar__content,
  .utility-bar .utility-bar__content-left,
  .utility-bar .utility-bar__content-right,
  .utility-bar .utility-bar__social-container,
  .utility-bar .utility-bar__social-list {
    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    display: flex !important;
    align-items: center !important;
    overflow: hidden !important;
  }

  .utility-bar .social-link.tamimi-social-link--image {
    width: 30px !important;
    height: 30px !important;
    margin: 0 !important;
  }

  .utility-bar .disclosure__toggle {
    height: 26px !important;
    min-height: 26px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}
/* TAMIMI: desktop only premium language selector */
@media screen and (min-width: 1024px) {
  .utility-bar .shopify-cross-border {
    display: flex !important;
    align-items: center !important;
  }

  .utility-bar .selectors-form__item {
    margin-left: 14px !important;
    margin-right: 0 !important;
  }

  .utility-bar .disclosure {
    position: relative !important;
  }

  .utility-bar .disclosure__toggle {
    height: 28px !important;
    min-height: 28px !important;
    padding: 0 12px !important;

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

    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.18) !important;
    border-radius: 999px !important;

    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;

    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
    transition: background 160ms ease, border-color 160ms ease, transform 160ms ease !important;
  }

  .utility-bar .disclosure__toggle:hover {
    background: rgba(255, 255, 255, 0.14) !important;
    border-color: rgba(255, 255, 255, 0.28) !important;
    transform: translateY(-1px) !important;
  }

  .utility-bar .disclosure__toggle::after {
    width: 7px !important;
    height: 7px !important;
    margin-left: 2px !important;
    opacity: 0.9 !important;
  }

  .utility-bar .disclosure-list {
    top: calc(100% + 8px) !important;
    right: 0 !important;
    min-width: 130px !important;

    background: #111111 !important;
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    border-radius: 10px !important;
    overflow: hidden !important;

    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.28) !important;
  }

  .utility-bar .disclosure-list__item {
    color: #ffffff !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    padding: 9px 12px !important;
  }

  .utility-bar .disclosure-list__item:hover,
  .utility-bar .disclosure-list__item--current {
    background: rgba(44, 171, 227, 0.18) !important;
    color: #ffffff !important;
  }
}
/* TAMIMI: desktop only language selector shape */
@media screen and (min-width: 1024px) {
  .utility-bar button.tamimi-lang-pill {
    height: 28px !important;
    min-height: 28px !important;
    padding: 0 13px !important;

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

    color: #fff !important;
    background: rgba(255, 255, 255, 0.1) !important;
    border: 1px solid rgba(255, 255, 255, 0.22) !important;
    border-radius: 999px !important;

    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;

    box-shadow: inset 0 1px 0 rgba(255,255,255,0.1) !important;
  }

  .utility-bar button.tamimi-lang-pill:hover {
    background: rgba(255, 255, 255, 0.16) !important;
    border-color: rgba(255, 255, 255, 0.34) !important;
  }

  .utility-bar button.tamimi-lang-pill::after {
    margin-left: 7px !important;
    transform: scale(0.8) !important;
    opacity: 0.9 !important;
  }
}
@media screen and (min-width: 1024px) {
  .utility-bar .tamimi-lang-pop::after {
    margin-left: 8px !important;
    margin-right: 5px !important;
    transform: scale(0.9) !important;
    filter: brightness(0) !important;
    opacity: 1 !important;
  }
}
@media screen and (min-width: 1024px) {
  .utility-bar .tamimi-lang-pop {
    position: relative !important;
    padding-right: 34px !important;
  }

  .utility-bar .tamimi-lang-pop::after {
    right: 14px !important;
    left: auto !important;

    width: 8px !important;
    height: 6px !important;

    background-color: #050505 !important;
    --disclosure-toggle-svg-color: #050505 !important;

    background-image: none !important;
    -webkit-mask-image: var(--disclosure-toggle-svg) !important;
    mask-image: var(--disclosure-toggle-svg) !important;
    -webkit-mask-size: cover !important;
    mask-size: cover !important;

    opacity: 1 !important;
    filter: none !important;
    transform: translateY(-50%) !important;
  }
}
@media screen and (min-width: 1024px) {
  html[dir="rtl"] .web_actions .site-header__account-links {
    display: flex !important;
    flex-direction: row !important;
    direction: rtl !important;
    gap: 12px !important;
    align-items: center !important;
  }

  html[dir="rtl"] .web_actions .site-header__account-links > a {
    order: initial !important;
  }
}
/* TAMIMI: Arabic desktop font match mobile */
@media screen and (min-width: 1024px) {
  html[dir="rtl"] .site-navigation .navmenu-link,
  html[dir="rtl"] .site-navigation .navmenu-item-text,
  html[dir="rtl"] .site-navigation .navmenu-link-depth-1,
  html[dir="rtl"] .highlights-banner__heading,
  html[dir="rtl"] .highlights-banner__text,
  html[dir="rtl"] body.template-index [id*="dynamic_featured_collection"] h2.home-section--title,
  html[dir="rtl"] body.template-index [id*="dynamic_collection_list"] h2.home-section--title,
  html[dir="rtl"] body.template-index [id*="dynamic_logo_list"] h2.home-section--title,
  html[dir="rtl"] body.template-index .featured-collection--section h2.home-section--title,
  html[dir="rtl"] body.template-index .collection-list--section h2.home-section--title,
  html[dir="rtl"] body.template-index .logolist--section h2.home-section--title,
  html[dir="rtl"] body.template-index .logolist--container h2.home-section--title {
    font-family: "IBM Plex Sans Arabic", "Tajawal", Arial, sans-serif !important;
    letter-spacing: 0 !important;
  }

  html[dir="rtl"] .site-navigation .navmenu-link,
  html[dir="rtl"] .site-navigation .navmenu-item-text,
  html[dir="rtl"] .site-navigation .navmenu-link-depth-1 {
    font-weight: 700 !important;
  }

  html[dir="rtl"] body.template-index h2.home-section--title {
    font-weight: 800 !important;
  }
}

/* TAMIMI: desktop Brands menu full-width mega dropdown */
@media screen and (min-width: 1024px) {
  .site-navigation .navmenu-id-brands,
  .site-navigation .navmenu-id-الشركات {
    position: static !important;
  }

  .site-navigation .navmenu-id-brands > .navmenu-submenu,
  .site-navigation .navmenu-id-الشركات > .navmenu-submenu {
    left: 50% !important;
    right: auto !important;

    width: min(1180px, calc(100vw - 72px)) !important;
    min-width: min(1180px, calc(100vw - 72px)) !important;
    max-width: min(1180px, calc(100vw - 72px)) !important;

    transform: translateX(-50%) !important;

    padding: 22px 24px !important;
    margin-top: 12px !important;

    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap: 10px 12px !important;

    background:
      linear-gradient(180deg, rgba(255,255,255,0.95), rgba(245,251,254,0.93)),
      rgba(44,171,227,0.10) !important;

    border: 1px solid rgba(44,171,227,0.18) !important;
    border-radius: 18px !important;

    box-shadow:
      0 20px 48px rgba(12,72,104,0.18),
      inset 0 1px 0 rgba(255,255,255,0.9) !important;

    overflow: visible !important;
    z-index: 1300 !important;
  }

  .site-navigation .navmenu-id-brands > .navmenu-submenu > .navmenu-item,
  .site-navigation .navmenu-id-الشركات > .navmenu-submenu > .navmenu-item {
    margin: 0 !important;
    padding: 0 !important;
  }

  .site-navigation .navmenu-id-brands > .navmenu-submenu .navmenu-link,
  .site-navigation .navmenu-id-الشركات > .navmenu-submenu .navmenu-link {
    min-height: 40px !important;

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

    padding: 9px 10px !important;

    color: #173747 !important;
    background: rgba(255,255,255,0.68) !important;
    border: 1px solid rgba(44,171,227,0.10) !important;
    border-radius: 11px !important;

    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
    text-align: center !important;
    text-decoration: none !important;

    box-shadow: 0 6px 14px rgba(15,70,100,0.045) !important;
  }

  .site-navigation .navmenu-id-brands > .navmenu-submenu .navmenu-link:hover,
  .site-navigation .navmenu-id-الشركات > .navmenu-submenu .navmenu-link:hover {
    color: #ffffff !important;
    background: #2cabe3 !important;
    border-color: rgba(44,171,227,0.95) !important;
  }
}
@media screen and (min-width: 1024px) {
  html[dir="rtl"] .site-navigation .navmenu-depth-1 > li:last-child {
    position: static !important;
  }

  html[dir="rtl"] .site-navigation .navmenu-depth-1 > li:last-child > .navmenu-submenu,
  html[dir="rtl"] .site-navigation .navmenu-depth-1 > li:last-child details > .navmenu-submenu {
    left: 50% !important;
    right: auto !important;
    width: min(1180px, calc(100vw - 72px)) !important;
    max-width: min(1180px, calc(100vw - 72px)) !important;
    transform: translateX(-50%) !important;
    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap: 10px 12px !important;
  }
}
/* TAMIMI: desktop dropdown brand tint - correct Empire target */
@media screen and (min-width: 1024px) {
  .site-navigation .navmenu-basic__item > details > .navmenu-depth-2 {
    background:
      linear-gradient(180deg, rgba(255,255,255,0.95), rgba(245,251,254,0.92)),
      rgba(44,171,227,0.10) !important;
    border: 1px solid rgba(44,171,227,0.18) !important;
    border-radius: 16px !important;
    box-shadow: 0 18px 40px rgba(12,72,104,0.16) !important;
    overflow: hidden !important;
  }

  .site-navigation .navmenu-basic__item > details > .navmenu-depth-2 .navmenu-link {
    color: #173747 !important;
    background: rgba(255,255,255,0.55) !important;
  }

  .site-navigation .navmenu-basic__item > details > .navmenu-depth-2 .navmenu-link:hover {
    color: #ffffff !important;
    background: #2cabe3 !important;
  }
}

/* TAMIMI: Brands / الشركات full-width mega dropdown */
@media screen and (min-width: 1024px) {
  .site-navigation .tamimi-brands-menu,
  .site-navigation .tamimi-brands-menu > details {
    position: static !important;
  }

  .site-navigation .tamimi-brands-menu > details > .navmenu-submenu.navmenu-depth-2 {
    left: 50% !important;
    right: auto !important;
    top: 100% !important;

    width: min(1180px, calc(100vw - 72px)) !important;
    min-width: min(1180px, calc(100vw - 72px)) !important;
    max-width: min(1180px, calc(100vw - 72px)) !important;

    transform: translateX(-50%) !important;

    padding: 22px 24px !important;
    margin-top: 12px !important;

    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap: 10px 12px !important;

    max-height: 520px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;

    background:
      linear-gradient(180deg, rgba(255,255,255,0.96), rgba(245,251,254,0.93)),
      rgba(44,171,227,0.12) !important;

    border: 1px solid rgba(44,171,227,0.20) !important;
    border-radius: 18px !important;

    box-shadow:
      0 22px 54px rgba(12,72,104,0.20),
      inset 0 1px 0 rgba(255,255,255,0.9) !important;

    z-index: 1400 !important;
  }

  .site-navigation .tamimi-brands-menu > details > .navmenu-submenu > .navmenu-item {
    margin: 0 !important;
    padding: 0 !important;
  }

  .site-navigation .tamimi-brands-menu > details > .navmenu-submenu .navmenu-link {
    min-height: 40px !important;
    padding: 9px 10px !important;

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

    color: #173747 !important;
    background: rgba(255,255,255,0.72) !important;
    border: 1px solid rgba(44,171,227,0.11) !important;
    border-radius: 11px !important;

    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
    text-align: center !important;
    text-decoration: none !important;
  }

  .site-navigation .tamimi-brands-menu > details > .navmenu-submenu .navmenu-link:hover {
    color: #ffffff !important;
    background: #2cabe3 !important;
    border-color: #2cabe3 !important;
  }
}
/* TAMIMI: desktop slider for instant digital cards */
@media screen and (min-width: 720px) {
  body.template-index [id*="dynamic_collection_list_Abfe8Q"] .tamimi-collection-heading-row {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-bottom: 24px !important;
  }

  body.template-index [id*="dynamic_collection_list_Abfe8Q"] .tamimi-collection-heading-row .home-section--title {
    margin: 0 !important;
  }

  body.template-index [id*="dynamic_collection_list_Abfe8Q"] .tamimi-mobile-scroll-controls {
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;

    display: flex !important;
    gap: 8px !important;
  }

  body.template-index [id*="dynamic_collection_list_Abfe8Q"] .collection-list__content {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;

    max-width: 760px !important;
    padding: 0 4px 10px !important;
    margin: 0 auto !important;
    gap: 18px !important;

    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch !important;
  }

  body.template-index [id*="dynamic_collection_list_Abfe8Q"] .collection-list__content::-webkit-scrollbar {
    display: none !important;
  }

  body.template-index [id*="dynamic_collection_list_Abfe8Q"] .collection__item {
    flex: 0 0 145px !important;
    width: 145px !important;
    max-width: 145px !important;
    scroll-snap-align: start !important;
  }

  body.template-index [id*="dynamic_collection_list_Abfe8Q"] .tamimi-mobile-scroll-btn {
    width: 32px !important;
    height: 32px !important;
    padding: 0 !important;

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

    color: #9eabb3 !important;
    background: rgba(255,255,255,0.86) !important;
    border: 1px solid rgba(174,187,196,0.42) !important;
    border-radius: 11px !important;

    font-size: 22px !important;
    font-weight: 900 !important;
    line-height: 1 !important;

    box-shadow: 0 4px 10px rgba(18,72,96,0.06) !important;
  }

  body.template-index [id*="dynamic_collection_list_Abfe8Q"] .tamimi-mobile-scroll-btn.is-active {
    color: #2cabe3 !important;
    background: #ffffff !important;
    border-color: rgba(44,171,227,0.7) !important;
    cursor: pointer !important;
  }

  body.template-index [id*="dynamic_collection_list_Abfe8Q"] .tamimi-mobile-scroll-btn.is-disabled,
  body.template-index [id*="dynamic_collection_list_Abfe8Q"] .tamimi-mobile-scroll-btn:disabled {
    color: #b8c2c8 !important;
    background: rgba(247,249,250,0.72) !important;
    cursor: default !important;
    opacity: 1 !important;
  }
}
/* TAMIMI FINAL: Desktop slider for Instant Digital Cards only */
@media screen and (min-width: 720px) {
  body.template-index [id*="dynamic_collection_list_Abfe8Q"] .tamimi-collection-heading-row {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    max-width: 820px !important;
    margin: 0 auto 24px !important;
  }

  body.template-index [id*="dynamic_collection_list_Abfe8Q"] .tamimi-collection-heading-row .home-section--title {
    margin: 0 !important;
  }

  body.template-index [id*="dynamic_collection_list_Abfe8Q"] .tamimi-mobile-scroll-controls {
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;

    display: flex !important;
    gap: 8px !important;
    z-index: 5 !important;
  }

  body.template-index [id*="dynamic_collection_list_Abfe8Q"] .tamimi-mobile-scroll-btn {
    width: 34px !important;
    height: 34px !important;
    padding: 0 !important;

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

    color: #9aa8b0 !important;
    background: #ffffff !important;
    border: 1px solid rgba(44, 171, 227, 0.35) !important;
    border-radius: 12px !important;

    font-size: 24px !important;
    font-weight: 900 !important;
    line-height: 1 !important;

    box-shadow: 0 6px 14px rgba(18, 72, 96, 0.08) !important;
    cursor: pointer !important;
  }

  body.template-index [id*="dynamic_collection_list_Abfe8Q"] .tamimi-mobile-scroll-btn.is-disabled,
  body.template-index [id*="dynamic_collection_list_Abfe8Q"] .tamimi-mobile-scroll-btn:disabled {
    opacity: 0.45 !important;
    cursor: default !important;
  }

  body.template-index [id*="dynamic_collection_list_Abfe8Q"] .collection-list__content {
    display: flex !important;
    grid-template-columns: none !important;
    flex-wrap: nowrap !important;

    width: 100% !important;
    max-width: 820px !important;

    margin: 0 auto !important;
    padding: 0 4px 12px !important;

    gap: 18px !important;

    overflow-x: auto !important;
    overflow-y: hidden !important;

    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch !important;
  }

  body.template-index [id*="dynamic_collection_list_Abfe8Q"] .collection-list__content::-webkit-scrollbar {
    display: none !important;
  }

  body.template-index [id*="dynamic_collection_list_Abfe8Q"] .collection__item {
    flex: 0 0 145px !important;
    width: 145px !important;
    min-width: 145px !important;
    max-width: 145px !important;

    scroll-snap-align: start !important;
    margin: 0 !important;
  }
}
/* TAMIMI FINAL: normalize Digital Gift Cards collection size */
body.template-index [id*="dynamic_collection_list_Abfe8Q"] .collection-list__content {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;

  max-width: 1060px !important;
  width: 100% !important;

  margin: 0 auto !important;
  padding: 0 !important;

  gap: 28px !important;
  overflow: visible !important;
}

body.template-index [id*="dynamic_collection_list_Abfe8Q"] .collection__item {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  flex: initial !important;
}

body.template-index [id*="dynamic_collection_list_Abfe8Q"] .collection__item-image {
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  height: auto !important;

  padding: 8px !important;
  border-radius: 15px !important;
}

body.template-index [id*="dynamic_collection_list_Abfe8Q"] .collection__item-image img,
body.template-index [id*="dynamic_collection_list_Abfe8Q"] .collection__item-image [data-rimg] {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

body.template-index [id*="dynamic_collection_list_Abfe8Q"] .collection__item-title {
  margin-top: 12px !important;
  font-size: 17px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
}
/* TAMIMI FINAL: fix Digital Gift Cards collection items size */
body.template-index #shopify-section-dynamic_collection_list_Abfe8Q .collection-list__content,
body.template-index [id*="dynamic_collection_list_Abfe8Q"] .collection-list__content {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;

  width: 100% !important;
  max-width: 1120px !important;

  margin: 0 auto !important;
  padding: 0 24px !important;

  gap: 26px !important;

  overflow: visible !important;
}

body.template-index #shopify-section-dynamic_collection_list_Abfe8Q .collection__item,
body.template-index [id*="dynamic_collection_list_Abfe8Q"] .collection__item {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  flex: unset !important;
}

body.template-index #shopify-section-dynamic_collection_list_Abfe8Q .collection__item-image,
body.template-index [id*="dynamic_collection_list_Abfe8Q"] .collection__item-image {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 1 / 1 !important;

  padding: 8px !important;
  border-radius: 15px !important;
}

body.template-index #shopify-section-dynamic_collection_list_Abfe8Q .collection__item-title,
body.template-index [id*="dynamic_collection_list_Abfe8Q"] .collection__item-title {
  font-size: 18px !important;
  font-weight: 900 !important;
  margin-top: 12px !important;
}

/* لو أزرار السلايدر القديمة ظهرت في القسم ده، اخفيها */
body.template-index #shopify-section-dynamic_collection_list_Abfe8Q .tamimi-mobile-scroll-controls,
body.template-index [id*="dynamic_collection_list_Abfe8Q"] .tamimi-mobile-scroll-controls {
  display: none !important;
}

/* TAMIMI FINAL: Apple Collection desktop cards */
@media screen and (min-width: 720px) {
  body.template-index [id$="__dynamic_collection_list"] .collection-list__content,
  body.template-index [id="shopify-section-dynamic_collection_list"] .collection-list__content {
    gap: 26px !important;
  }

  body.template-index [id$="__dynamic_collection_list"] .collection__item > a,
  body.template-index [id="shopify-section-dynamic_collection_list"] .collection__item > a {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-decoration: none !important;
  }

  body.template-index [id$="__dynamic_collection_list"] .collection__item-image,
  body.template-index [id="shopify-section-dynamic_collection_list"] .collection__item-image {
    width: 100% !important;
    aspect-ratio: 1 / 1 !important;
    height: auto !important;

    margin: 0 !important;
    padding: 16px !important;

    background: #ffffff !important;
    border: 1px solid rgba(32, 36, 44, 0.07) !important;
    border-radius: 16px !important;

    box-shadow: 0 10px 24px rgba(18, 72, 96, 0.08) !important;

    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  body.template-index [id$="__dynamic_collection_list"] .collection__item-image img,
  body.template-index [id$="__dynamic_collection_list"] .collection__item-image [data-rimg],
  body.template-index [id$="__dynamic_collection_list"] .collection__item-image [data-collection-image],
  body.template-index [id="shopify-section-dynamic_collection_list"] .collection__item-image img,
  body.template-index [id="shopify-section-dynamic_collection_list"] .collection__item-image [data-rimg],
  body.template-index [id="shopify-section-dynamic_collection_list"] .collection__item-image [data-collection-image] {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    display: block !important;
  }

  body.template-index [id$="__dynamic_collection_list"] .collection__item-title,
  body.template-index [id="shopify-section-dynamic_collection_list"] .collection__item-title {
    margin-top: 13px !important;
    padding: 0 !important;

    color: #2cabe3 !important;
    font-size: 17px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
    text-align: center !important;
  }

  body.template-index [id$="__dynamic_collection_list"] .collection__item > a:hover .collection__item-image,
  body.template-index [id="shopify-section-dynamic_collection_list"] .collection__item > a:hover .collection__item-image {
    transform: translateY(-3px) !important;
    box-shadow: 0 16px 34px rgba(18, 72, 96, 0.13) !important;
  }
}
/* TAMIMI FINAL: desktop premium footer layout only */
@media screen and (min-width: 720px) {
  .site-footer {
    background: #55adde !important;
    color: #ffffff !important;
    padding: 34px 0 0 !important;
    overflow: visible !important;
  }

  .site-footer .site-footer-wrapper {
    max-width: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
  }

  .site-footer .site-footer-wrapper > .site-footer-item {
    max-width: 1180px !important;
    margin: 0 auto !important;
    padding: 0 28px !important;
  }

  .site-footer .site-footer-blocks {
    width: 100% !important;
    max-width: 1180px !important;

    margin: 0 auto !important;
    padding: 0 !important;

    display: grid !important;
    grid-template-columns: 1fr 1.25fr 1fr !important;
    grid-template-areas: "apps company social" !important;
    gap: 54px !important;
    align-items: center !important;
  }

  .site-footer .site-footer-block-item {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
  }

  /* Right column: social + THEQA */
  .site-footer .site-footer-block-social-accounts {
    grid-area: social !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 18px !important;
    text-align: center !important;
  }

  .site-footer .tamimi-footer-social-mobile-block,
  .site-footer .tamimi-social-list-content,
  .site-footer .tamimi-social-icons-row {
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 0 !important;

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

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  .site-footer .tamimi-social-bottom-spacer {
    display: none !important;
  }

  .site-footer .tamimi-footer-theqa-desktop-block {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .site-footer .tamimi-footer-theqa-desktop-block img,
  .site-footer .tamimi-footer-theqa-desktop-block svg {
    width: 175px !important;
    max-width: 175px !important;
    height: auto !important;
  }

  /* Center column: company text + payment */
  .site-footer .site-footer-block-rich-text {
    grid-area: company !important;
    text-align: center !important;
  }

  .site-footer .tamimi-footer-company-desktop {
    max-width: 430px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    color: #ffffff !important;
  }

  .site-footer .tamimi-footer-company-desktop,
  .site-footer .tamimi-footer-company-desktop p {
    color: rgba(255, 255, 255, 0.94) !important;
    font-size: 15px !important;
    font-weight: 750 !important;
    line-height: 1.75 !important;
    text-align: center !important;
  }

  .site-footer .tamimi-footer-company-desktop strong {
    display: block !important;
    margin-bottom: 10px !important;
    color: #ffffff !important;
    font-size: 20px !important;
    font-weight: 950 !important;
    line-height: 1.2 !important;
  }

  .site-footer .tamimi-footer-company-theqa {
    display: none !important;
  }

  /* Left column: apps + policies */
  .site-footer .site-footer-block-rich-text:nth-of-type(3),
  .site-footer .site-footer-block-menu {
    grid-area: apps !important;
  }

  .site-footer .site-footer-block-rich-text:nth-of-type(3) {
    align-self: start !important;
  }

  .site-footer .tamimi-footer-menu-block {
    grid-area: apps !important;
    margin-top: 70px !important;
  }

  .site-footer .tamimi-footer-policies-block {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    margin: 16px 0 0 !important;
    padding: 0 !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;

    overflow: visible !important;
    text-align: center !important;
  }

  .site-footer .tamimi-footer-policy-link {
    height: auto !important;
    min-height: 0 !important;

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

    padding: 0 !important;
    margin: 0 !important;

    color: rgba(255, 255, 255, 0.94) !important;
    text-decoration: none !important;
  }

  .site-footer .tamimi-footer-policy-text {
    height: auto !important;
    min-height: 0 !important;

    display: block !important;
    padding: 0 !important;
    margin: 0 !important;
    transform: none !important;

    color: rgba(255, 255, 255, 0.94) !important;
    font-size: 14px !important;
    font-weight: 850 !important;
    line-height: 1.2 !important;
    text-align: center !important;
  }

  .site-footer .tamimi-footer-policy-link:hover .tamimi-footer-policy-text {
    color: #ffffff !important;
    text-decoration: underline !important;
    text-underline-offset: 4px !important;
  }

  .site-footer .tamimi-footer-policy-mobile-separator {
    display: none !important;
  }

  /* App store buttons */
  .site-footer .site-footer-block-rich-text:nth-of-type(3) img,
  .site-footer img[src*="App"],
  .site-footer img[src*="app-store"],
  .site-footer img[src*="Google"],
  .site-footer img[src*="google-play"] {
    max-width: 160px !important;
    height: auto !important;
    margin: 0 8px 0 !important;
    border-radius: 7px !important;
  }

  /* Payment icons: under company text, still in blue area */
  .site-footer {
    padding-bottom: 76px !important;
  }

  .site-footer-item-copyright .payment-icons,
  .site-footer-item-copyright .payment-icons-list,
  .site-footer__bottom .payment-icons,
  .site-footer__bottom .payment-icons-list,
  .site-footer-bottom .payment-icons,
  .site-footer-bottom .payment-icons-list {
    position: absolute !important;
    left: 50% !important;
    bottom: 72px !important;
    transform: translateX(-50%) !important;

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

    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    z-index: 20 !important;
  }

  .site-footer .payment-icons svg,
  .site-footer .payment-icons-list svg {
    height: 28px !important;
    width: auto !important;
  }

  /* Bottom black bar */
  .site-footer-item-copyright {
    width: 100% !important;
    min-height: 62px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #151515 !important;
  }

  .site-footer-item-copyright .site-footer-item--information {
    max-width: 1180px !important;
    margin: 0 auto !important;
    padding: 0 28px !important;
  }

  .site-footer-item-copyright .site-footer__row--first {
    min-height: 0 !important;
    height: 0 !important;
    overflow: visible !important;
  }

  .site-footer-item-copyright .site-footer__row--second {
    min-height: 62px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
}

/* keep policy separators on mobile only */
@media screen and (max-width: 719px) {
  .site-footer .tamimi-footer-policy-mobile-separator {
    display: inline !important;
  }
}
/* TAMIMI DESKTOP FOOTER STEP 1: structure only, no mobile impact */
@media screen and (min-width: 1024px) {
  footer[role="contentinfo"] {
    background: #55adde !important;
    color: #ffffff !important;
    padding: 34px 0 0 !important;
    overflow: visible !important;
  }

  footer[role="contentinfo"] .site-footer-wrapper {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  footer[role="contentinfo"] .site-footer-wrapper > .site-footer-item {
    max-width: 1180px !important;
    margin: 0 auto !important;
    padding: 0 28px !important;
  }

  footer[role="contentinfo"] .site-footer-blocks {
    display: grid !important;
    grid-template-columns: 1fr 1.25fr 1fr !important;
    grid-template-areas:
      "apps company social"
      "menu company social" !important;

    column-gap: 54px !important;
    row-gap: 14px !important;

    align-items: center !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
  }

  footer[role="contentinfo"] .site-footer-block-item {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
  }

  /* Social + THEQA column */
  footer[role="contentinfo"] .site-footer-block-social-accounts {
    grid-area: social !important;

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

    gap: 16px !important;
    text-align: center !important;
  }

  footer[role="contentinfo"] .site-footer-block-social-accounts .tamimi-footer-social-mobile-block,
  footer[role="contentinfo"] .site-footer-block-social-accounts .tamimi-social-list-content,
  footer[role="contentinfo"] .site-footer-block-social-accounts .tamimi-social-icons-row {
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 0 !important;

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

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  footer[role="contentinfo"] .site-footer-block-social-accounts .tamimi-social-bottom-spacer {
    display: none !important;
  }

  footer[role="contentinfo"] .tamimi-footer-theqa-desktop-block {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  footer[role="contentinfo"] .tamimi-footer-theqa-desktop-block img,
  footer[role="contentinfo"] .tamimi-footer-theqa-desktop-block svg {
    width: 170px !important;
    max-width: 170px !important;
    height: auto !important;
  }

  /* Company column */
  footer[role="contentinfo"] .tamimi-footer-company-desktop {
    max-width: 430px !important;
    margin: 0 auto !important;
    padding: 0 !important;

    color: rgba(255, 255, 255, 0.94) !important;
    text-align: center !important;
  }

  footer[role="contentinfo"] .site-footer-block-rich-text:has(.tamimi-footer-company-desktop) {
    grid-area: company !important;
    text-align: center !important;
  }

  footer[role="contentinfo"] .tamimi-footer-company-desktop,
  footer[role="contentinfo"] .tamimi-footer-company-desktop p {
    color: rgba(255, 255, 255, 0.94) !important;
    font-size: 15px !important;
    font-weight: 750 !important;
    line-height: 1.75 !important;
    text-align: center !important;
  }

  footer[role="contentinfo"] .tamimi-footer-company-desktop strong {
    display: block !important;
    margin-bottom: 10px !important;
    color: #ffffff !important;
    font-size: 20px !important;
    font-weight: 950 !important;
    line-height: 1.2 !important;
  }

  footer[role="contentinfo"] .tamimi-footer-company-theqa {
    display: none !important;
  }

  /* Apps column */
  footer[role="contentinfo"] .site-footer-block-rich-text:not(:has(.tamimi-footer-company-desktop)) {
    grid-area: apps !important;
    text-align: center !important;
    align-self: end !important;
  }

  footer[role="contentinfo"] .site-footer-block-rich-text:not(:has(.tamimi-footer-company-desktop)) img {
    max-width: 160px !important;
    height: auto !important;
    margin: 0 8px !important;
    border-radius: 7px !important;
  }

  /* Menu column, still same current horizontal content for now */
  footer[role="contentinfo"] .tamimi-footer-menu-block {
    grid-area: menu !important;
    text-align: center !important;
    align-self: start !important;
  }

  footer[role="contentinfo"] .tamimi-footer-policies-block {
    margin-top: 10px !important;
  }

  /* Black bottom bar */
  footer[role="contentinfo"] .site-footer-item-copyright {
    width: 100% !important;
    min-height: 62px !important;
    margin: 34px 0 0 !important;
    padding: 0 !important;
    background: #151515 !important;
  }

  footer[role="contentinfo"] .site-footer-item-copyright .site-footer-item--information {
    max-width: 1180px !important;
    margin: 0 auto !important;
    padding: 0 28px !important;
  }

  footer[role="contentinfo"] .site-footer-item-copyright .site-footer__row--second {
    min-height: 62px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
}
/* TAMIMI DESKTOP FOOTER STEP 2: vertical policies under app buttons */
@media screen and (min-width: 1024px) {
  footer[role="contentinfo"] .tamimi-footer-menu-block {
    grid-area: menu !important;
    align-self: start !important;
    margin-top: -4px !important;
  }

  footer[role="contentinfo"] .tamimi-footer-policies-block {
    width: 100% !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;

    overflow: visible !important;
    text-align: center !important;
  }

  footer[role="contentinfo"] .tamimi-footer-policy-link {
    height: auto !important;
    min-height: 0 !important;

    display: block !important;
    margin: 0 !important;
    padding: 0 !important;

    line-height: 1.2 !important;
    text-decoration: none !important;
  }

  footer[role="contentinfo"] .tamimi-footer-policy-text {
    height: auto !important;
    min-height: 0 !important;

    display: block !important;
    margin: 0 !important;
    padding: 0 !important;

    transform: none !important;

    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
    text-align: center !important;
  }

  footer[role="contentinfo"] .tamimi-footer-policy-mobile-separator {
    display: none !important;
  }
}

@media screen and (max-width: 1023px) {
  footer[role="contentinfo"] .tamimi-footer-policy-mobile-separator {
    display: inline !important;
  }
}
/* TAMIMI DESKTOP FOOTER STEP 3: group apps + policies as one left column */
@media screen and (min-width: 1024px) {
  footer[role="contentinfo"] .site-footer-blocks {
    grid-template-columns: 1fr 1.25fr 1fr !important;
    grid-template-areas:
      "left company social"
      "left company social" !important;
    column-gap: 54px !important;
  }

  footer[role="contentinfo"] .site-footer-block-rich-text:not(:has(.tamimi-footer-company-desktop)) {
    grid-area: left !important;
    align-self: start !important;
    justify-self: center !important;

    transform: translateY(0) !important;
  }

  footer[role="contentinfo"] .tamimi-footer-menu-block {
    grid-area: left !important;
    align-self: start !important;
    justify-self: center !important;

    margin-top: 58px !important;
  }

  footer[role="contentinfo"] .tamimi-footer-policies-desktop {
    margin-top: 14px !important;
  }
}
/* TAMIMI DESKTOP FOOTER STEP 3: exact footer block placement */
@media screen and (min-width: 1024px) {
  footer[role="contentinfo"] .site-footer-blocks {
    display: grid !important;
    grid-template-columns: 1fr 1.25fr 1fr !important;
    grid-template-areas:
      "apps company social"
      "menu company social" !important;

    column-gap: 54px !important;
    row-gap: 10px !important;
    align-items: center !important;
  }

  footer[role="contentinfo"] .tamimi-footer-apps-block {
    grid-area: apps !important;
    justify-self: center !important;
    align-self: end !important;
    text-align: center !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  footer[role="contentinfo"] .tamimi-footer-menu-block {
    grid-area: menu !important;
    justify-self: center !important;
    align-self: start !important;
    text-align: center !important;
    margin: 6px 0 0 !important;
    padding: 0 !important;
  }

  footer[role="contentinfo"] .tamimi-footer-company-block {
    grid-area: company !important;
    justify-self: center !important;
    text-align: center !important;
  }

  footer[role="contentinfo"] .tamimi-footer-social-block {
    grid-area: social !important;
    justify-self: center !important;
    text-align: center !important;
  }

  footer[role="contentinfo"] .tamimi-footer-policies-desktop {
    margin-top: 0 !important;
  }
}
/* TAMIMI FINAL: desktop apps + policies in one column */
@media screen and (min-width: 1024px) {
  /* Hide original menu block on desktop because policies are now inside Apps block */
  footer[role="contentinfo"] .tamimi-footer-menu-block {
    display: none !important;
  }

  footer[role="contentinfo"] .tamimi-footer-apps-block,
  footer[role="contentinfo"] .site-footer-block-rich-text:has(.tamimi-footer-apps-desktop-group) {
    grid-area: apps !important;
    justify-self: center !important;
    align-self: center !important;
    text-align: center !important;
  }

  footer[role="contentinfo"] .tamimi-footer-apps-desktop-group {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 14px !important;
    width: 100% !important;
    text-align: center !important;
  }

  footer[role="contentinfo"] .tamimi-footer-apps-policies-desktop {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;

    gap: 8px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  footer[role="contentinfo"] .tamimi-footer-apps-policy-link {
    display: block !important;

    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
    text-align: center !important;
    text-decoration: none !important;
  }

  footer[role="contentinfo"] .tamimi-footer-apps-policy-link:hover {
    text-decoration: underline !important;
    text-underline-offset: 4px !important;
  }
}

/* Mobile untouched: hide the desktop-only policies inside Apps */
@media screen and (max-width: 1023px) {
  footer[role="contentinfo"] .tamimi-footer-apps-policies-desktop {
    display: none !important;
  }
}
/* TAMIMI FINAL: desktop footer 3 equal columns */
@media screen and (min-width: 1024px) {
  footer[role="contentinfo"] .site-footer-wrapper > .site-footer-item {
    max-width: 1280px !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 48px !important;
  }

  footer[role="contentinfo"] .site-footer-blocks {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    grid-template-areas: "left center right" !important;

    width: 100% !important;
    max-width: 1280px !important;

    margin: 0 auto !important;
    padding: 0 !important;

    column-gap: 0 !important;
    row-gap: 0 !important;

    align-items: center !important;
  }

  footer[role="contentinfo"] .site-footer-block-item {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 18px !important;

    box-sizing: border-box !important;
  }

  /* Left third: apps + policies */
  footer[role="contentinfo"] .tamimi-footer-menu-block {
    grid-area: left !important;

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

    text-align: center !important;
  }

  footer[role="contentinfo"] .tamimi-footer-menu-desktop-group {
    width: 100% !important;
    max-width: 320px !important;

    margin: 0 auto !important;

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

    gap: 14px !important;
  }

  /* Hide original apps block on desktop because apps are rendered inside menu block */
  footer[role="contentinfo"] .tamimi-footer-apps-block {
    display: none !important;
  }

  /* Center third: company + payments */
  footer[role="contentinfo"] .tamimi-footer-company-block {
    grid-area: center !important;

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

    text-align: center !important;
  }

  footer[role="contentinfo"] .tamimi-footer-company-desktop {
    width: 100% !important;
    max-width: 430px !important;

    margin: 0 auto !important;
    padding: 0 !important;

    text-align: center !important;
  }

  /* Right third: social + THEQA */
  footer[role="contentinfo"] .tamimi-footer-social-block {
    grid-area: right !important;

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

    text-align: center !important;
  }

  footer[role="contentinfo"] .tamimi-footer-social-block .tamimi-footer-social-mobile-block,
  footer[role="contentinfo"] .tamimi-footer-social-block .tamimi-social-list-content,
  footer[role="contentinfo"] .tamimi-footer-social-block .tamimi-social-icons-row {
    justify-content: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  footer[role="contentinfo"] .tamimi-footer-theqa-desktop-block {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
  }
}
/* TAMIMI FINAL HARD FIX: desktop footer equal thirds */
@media screen and (min-width: 1024px) {
  footer[role="contentinfo"],
  footer[role="contentinfo"] .site-footer-wrapper {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  footer[role="contentinfo"] .site-footer-wrapper > .site-footer-item:first-child {
    width: 100% !important;
    max-width: 1440px !important;
    margin: 0 auto !important;
    padding-left: 72px !important;
    padding-right: 72px !important;
    box-sizing: border-box !important;
  }

  footer[role="contentinfo"] .site-footer-blocks {
    width: 100% !important;
    max-width: none !important;

    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    grid-template-areas: "left center right" !important;

    column-gap: 0 !important;
    row-gap: 0 !important;

    align-items: center !important;
    justify-items: stretch !important;

    margin: 0 !important;
    padding: 0 !important;
  }

  footer[role="contentinfo"] .site-footer-block-item {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 28px !important;

    box-sizing: border-box !important;
  }

  footer[role="contentinfo"] .tamimi-footer-menu-block {
    grid-area: left !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
  }

  footer[role="contentinfo"] .tamimi-footer-company-block {
    grid-area: center !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
  }

  footer[role="contentinfo"] .tamimi-footer-social-block {
    grid-area: right !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
  }

  footer[role="contentinfo"] .tamimi-footer-apps-block {
    display: none !important;
  }

  footer[role="contentinfo"] .tamimi-footer-menu-desktop-group,
  footer[role="contentinfo"] .tamimi-footer-company-desktop,
  footer[role="contentinfo"] .tamimi-footer-social-block > * {
    max-width: 100% !important;
  }

  footer[role="contentinfo"] .tamimi-footer-menu-desktop-group {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 14px !important;
  }
}
/* TAMIMI FINAL: desktop footer polish */
@media screen and (min-width: 1024px) {
  footer[role="contentinfo"] {
    padding-top: 44px !important;
  }

  footer[role="contentinfo"] .tamimi-footer-three-columns {
    align-items: center !important;
  }

  /* Apps + policies */
  footer[role="contentinfo"] .tamimi-footer-menu-desktop-group {
    gap: 18px !important;
  }

  footer[role="contentinfo"] .tamimi-footer-menu-desktop-apps img {
    max-height: 46px !important;
    width: auto !important;
  }

  footer[role="contentinfo"] .tamimi-footer-menu-desktop-policies {
    gap: 9px !important;
  }

  footer[role="contentinfo"] .tamimi-footer-menu-desktop-policies .tamimi-footer-policy-text {
    font-size: 13.5px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
  }

  /* Company */
  footer[role="contentinfo"] .tamimi-footer-company-desktop strong {
    font-size: 18px !important;
    font-weight: 950 !important;
    margin-bottom: 12px !important;
  }

  footer[role="contentinfo"] .tamimi-footer-company-desktop,
  footer[role="contentinfo"] .tamimi-footer-company-desktop p {
    font-size: 13.5px !important;
    font-weight: 750 !important;
    line-height: 1.85 !important;
  }

  /* Social + THEQA */
  footer[role="contentinfo"] .tamimi-footer-social-block .tamimi-social-icons-row,
  footer[role="contentinfo"] .tamimi-footer-social-block .tamimi-social-list-content {
    gap: 10px !important;
  }

  footer[role="contentinfo"] .tamimi-footer-social-block img.tamimi-social-3d-icon {
    width: 25px !important;
    height: 25px !important;
  }

  footer[role="contentinfo"] .tamimi-footer-theqa-desktop-block img,
  footer[role="contentinfo"] .tamimi-footer-theqa-desktop-block svg {
    width: 165px !important;
    max-width: 165px !important;
    height: auto !important;
  }

  /* Payment icons */
  footer[role="contentinfo"] .payment-icons svg,
  footer[role="contentinfo"] .payment-icons-list svg {
    height: 27px !important;
    width: auto !important;
  }
}
/* TAMIMI: fix white pull-down overscroll gap */
html {
  background-color: #2cabe3 !important;
  min-height: 100% !important;
  overscroll-behavior-y: none !important;
}

body {
  min-height: 100% !important;
  margin: 0 !important;
  background-color: #f5f6f7 !important;
  overscroll-behavior-y: none !important;
}

/* Keep top area covered with brand/header color */
.shopify-section-group-header-group,
.site-header,
.site-header-wrapper,
.site-header-main,
.site-header-main-content {
  background-color: #2cabe3 !important;
}

/* Keep black utility bar black */
.utility-bar {
  background-color: #080404 !important;
}
/* TAMIMI: mobile sliders - remove white side gap on hard drag */
@media screen and (max-width: 719px) {
  html,
  body {
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  .site-main,
  .shopify-section {
    overflow-x: clip !important;
  }

  body.template-index,
  body.template-index .site-main,
  body.template-index .shopify-section,
  body.template-index .featured-collection__container,
  body.template-index .featured-collection__content,
  body.template-index .featured-collection__content .flickity-viewport,
  body.template-index .featured-collection__content .flickity-slider,
  body.template-index .collection-list__container,
  body.template-index .collection-list__content {
    background-color: #f5f6f7 !important;
  }

  body.template-index .featured-collection__content.flickity-enabled {
    overflow: hidden !important;
  }

  body.template-index .featured-collection__content .flickity-viewport {
    overflow: hidden !important;
  }

  body.template-index .featured-collection__content .flickity-slider--wrapper {
    background-color: #f5f6f7 !important;
  }
}
/* Mobile only: smaller product titles inside collection pages only */
@media screen and (max-width: 719px) {
  body.template-collection .productgrid--outer .productitem--title,
  body.template-collection .productgrid--outer .productitem--title a {
    font-size: 10.5px !important;
    line-height: 1.22 !important;
    -webkit-line-clamp: 2 !important;
    min-height: 2.44em !important;
    max-height: 2.44em !important;
  }
}
/* Mobile only: collection product title compact/wider */
@media screen and (max-width: 719px) {
  body.template-collection .productgrid--outer .productitem--title {
    width: 100% !important;
    max-width: none !important;
    padding-left: 2px !important;
    padding-right: 2px !important;

    font-size: 9.5px !important;
    line-height: 1.2 !important;
    -webkit-line-clamp: 2 !important;
    min-height: 2.4em !important;
    max-height: 2.4em !important;
  }

  body.template-collection .productgrid--outer .productitem--title a {
    width: 100% !important;
    max-width: none !important;

    font-size: 9.5px !important;
    line-height: 1.2 !important;
    -webkit-line-clamp: 2 !important;
  }

  body.template-collection .productgrid--outer .productitem--info {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }
}
/* Mobile only: collection product title, exactly 2 lines */
@media screen and (max-width: 719px) {
  body.template-collection .productgrid--outer .productitem--title {
    width: 100% !important;
    max-width: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;

    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow: hidden !important;

    font-size: 10.2px !important;
    line-height: 1.2 !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;

    min-height: 24.5px !important;
    max-height: 24.5px !important;
    margin-bottom: 6px !important;
  }

  body.template-collection .productgrid--outer .productitem--title a {
    display: block !important;
    width: 100% !important;
    max-width: none !important;

    font-size: 10.2px !important;
    line-height: 1.2 !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
    word-spacing: -1px !important;
  }

  body.template-collection .productgrid--outer .productitem--info {
    padding-left: 2px !important;
    padding-right: 2px !important;
  }
}
/* Hide collection description on all collection pages */
body.template-collection .productgrid--masthead .collection--description {
  display: none !important;
}
/* TAMIMI FINAL: unified page cards for desktop and mobile */

/* Page spacing */
body.template-page [id*="dynamic_collection_list_zntLqq"] .collection-list__container,
body.template-page [id*="dynamic_collection_list_8CfKCF"] .collection-list__container,
body.template-page [id*="dynamic_collection_list_H9e4mJ"] .collection-list__container,
body.template-page .tamimi-brands-page,
body.template-page .tamimi-gift-page {
  max-width: 1120px !important;
  margin: 0 auto !important;
  padding: 42px 18px 54px !important;
  background: #f6f8fa !important;
}

/* Grid layout */
body.template-page [id*="dynamic_collection_list_zntLqq"] .collection-list__content,
body.template-page [id*="dynamic_collection_list_8CfKCF"] .collection-list__content,
body.template-page [id*="dynamic_collection_list_H9e4mJ"] .collection-list__content,
body.template-page .tamimi-brands-grid,
body.template-page .tamimi-gift-grid {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 18px !important;
}

/* Remove old full card styling */
body.template-page [id*="dynamic_collection_list_zntLqq"] .collection__item,
body.template-page [id*="dynamic_collection_list_8CfKCF"] .collection__item,
body.template-page [id*="dynamic_collection_list_H9e4mJ"] .collection__item {
  margin: 0 !important;
}

body.template-page [id*="dynamic_collection_list_zntLqq"] .collection__item > a,
body.template-page [id*="dynamic_collection_list_8CfKCF"] .collection__item > a,
body.template-page [id*="dynamic_collection_list_H9e4mJ"] .collection__item > a,
body.template-page .tamimi-brand-card,
body.template-page .tamimi-gift-card {
  display: block !important;
  padding: 0 !important;
  min-height: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

/* Image square */
body.template-page [id*="dynamic_collection_list_zntLqq"] .collection__item-image,
body.template-page [id*="dynamic_collection_list_8CfKCF"] .collection__item-image,
body.template-page [id*="dynamic_collection_list_H9e4mJ"] .collection__item-image,
body.template-page .tamimi-brand-card__logo,
body.template-page .tamimi-gift-card__image {
  width: 100% !important;
  aspect-ratio: 1 / 1 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 8px !important;

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

  background: #ffffff !important;
  border: 1px solid rgba(32, 36, 44, 0.06) !important;
  border-radius: 16px !important;
  box-shadow: 0 10px 24px rgba(18, 72, 96, 0.07) !important;

  overflow: hidden !important;
  box-sizing: border-box !important;
  transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease !important;
}

/* Image itself */
body.template-page [id*="dynamic_collection_list_zntLqq"] .collection__item-image img,
body.template-page [id*="dynamic_collection_list_zntLqq"] .collection__item-image [data-rimg],
body.template-page [id*="dynamic_collection_list_zntLqq"] .collection__item-image [data-collection-image],
body.template-page [id*="dynamic_collection_list_8CfKCF"] .collection__item-image img,
body.template-page [id*="dynamic_collection_list_8CfKCF"] .collection__item-image [data-rimg],
body.template-page [id*="dynamic_collection_list_8CfKCF"] .collection__item-image [data-collection-image],
body.template-page [id*="dynamic_collection_list_H9e4mJ"] .collection__item-image img,
body.template-page [id*="dynamic_collection_list_H9e4mJ"] .collection__item-image [data-rimg],
body.template-page [id*="dynamic_collection_list_H9e4mJ"] .collection__item-image [data-collection-image],
body.template-page .tamimi-brand-card__logo img,
body.template-page .tamimi-gift-card__image img {
  width: 94% !important;
  height: 94% !important;
  max-width: 94% !important;
  max-height: 94% !important;

  object-fit: contain !important;
  object-position: center center !important;

  display: block !important;
  margin: auto !important;
}

/* Title under square */
body.template-page [id*="dynamic_collection_list_zntLqq"] .collection__item-title,
body.template-page [id*="dynamic_collection_list_8CfKCF"] .collection__item-title,
body.template-page [id*="dynamic_collection_list_H9e4mJ"] .collection__item-title,
body.template-page .tamimi-brand-card__name,
body.template-page .tamimi-gift-card__name {
  display: block !important;
  margin: 11px 0 0 !important;
  padding: 0 4px !important;

  color: #20242c !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  text-align: center !important;
}

/* Gift cards: hide badge for unified look */
body.template-page .tamimi-gift-card__badge {
  display: none !important;
}

/* Desktop hover */
body.template-page [id*="dynamic_collection_list_zntLqq"] .collection__item > a:hover .collection__item-image,
body.template-page [id*="dynamic_collection_list_8CfKCF"] .collection__item > a:hover .collection__item-image,
body.template-page [id*="dynamic_collection_list_H9e4mJ"] .collection__item > a:hover .collection__item-image,
body.template-page .tamimi-brand-card:hover .tamimi-brand-card__logo,
body.template-page .tamimi-gift-card:hover .tamimi-gift-card__image {
  transform: translateY(-3px) !important;
  border-color: rgba(44, 171, 227, 0.28) !important;
  box-shadow: 0 16px 34px rgba(18, 72, 96, 0.12) !important;
}

/* Mobile */
@media screen and (max-width: 719px) {
  body.template-page [id*="dynamic_collection_list_zntLqq"] .collection-list__container,
  body.template-page [id*="dynamic_collection_list_8CfKCF"] .collection-list__container,
  body.template-page [id*="dynamic_collection_list_H9e4mJ"] .collection-list__container,
  body.template-page .tamimi-brands-page,
  body.template-page .tamimi-gift-page {
    padding: 26px 10px 36px !important;
  }

  body.template-page [id*="dynamic_collection_list_zntLqq"] .collection-list__content,
  body.template-page [id*="dynamic_collection_list_8CfKCF"] .collection-list__content,
  body.template-page [id*="dynamic_collection_list_H9e4mJ"] .collection-list__content,
  body.template-page .tamimi-brands-grid,
  body.template-page .tamimi-gift-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  body.template-page [id*="dynamic_collection_list_zntLqq"] .collection__item-image,
  body.template-page [id*="dynamic_collection_list_8CfKCF"] .collection__item-image,
  body.template-page [id*="dynamic_collection_list_H9e4mJ"] .collection__item-image,
  body.template-page .tamimi-brand-card__logo,
  body.template-page .tamimi-gift-card__image {
    padding: 6px !important;
    border-radius: 13px !important;
  }

  body.template-page [id*="dynamic_collection_list_zntLqq"] .collection__item-title,
  body.template-page [id*="dynamic_collection_list_8CfKCF"] .collection__item-title,
  body.template-page [id*="dynamic_collection_list_H9e4mJ"] .collection__item-title,
  body.template-page .tamimi-brand-card__name,
  body.template-page .tamimi-gift-card__name {
    margin-top: 7px !important;
    font-size: 12px !important;
    line-height: 1.15 !important;
  }
}
/* TAMIMI FINAL: desktop main category dropdowns only */
@media screen and (min-width: 1024px) {
  .site-navigation .navmenu-depth-1 > .navmenu-basic__item:not(.tamimi-brands-menu),
  .site-navigation .navmenu-depth-1 > .navmenu-basic__item:not(.tamimi-brands-menu) > details {
    position: relative !important;
  }

  .site-navigation .navmenu-depth-1 > .navmenu-basic__item:not(.tamimi-brands-menu) > details > .navmenu-submenu.navmenu-depth-2:not(.navmenu-meganav) {
    position: absolute !important;
    top: calc(100% + 8px) !important;
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;

    width: max-content !important;
    min-width: 150px !important;
    max-width: 230px !important;

    margin: 0 !important;
    padding: 8px !important;

    background: #f5f6f7 !important;
    border: 1px solid rgba(32, 36, 44, 0.08) !important;
    border-radius: 14px !important;
    box-shadow: 0 14px 34px rgba(18, 72, 96, 0.14) !important;

    overflow: hidden !important;
    z-index: 2000 !important;
  }

  .site-navigation .navmenu-depth-2 > .tamimi-desktop-menu-tree,
  .site-navigation .navmenu-depth-2 > .navmenu-item > .tamimi-desktop-menu-branch {
    display: none !important;
  }

  .site-navigation .navmenu-depth-1 > .navmenu-basic__item:not(.tamimi-brands-menu) > details > .navmenu-submenu.navmenu-depth-2 > .navmenu-item {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
  }

  .site-navigation .navmenu-depth-1 > .navmenu-basic__item:not(.tamimi-brands-menu) > details > .navmenu-submenu.navmenu-depth-2 .navmenu-link {
    min-height: 38px !important;
    padding: 9px 13px !important;

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

    color: #173747 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 10px !important;

    font-size: 13px !important;
    font-weight: 850 !important;
    line-height: 1.2 !important;
    text-align: center !important;
    white-space: nowrap !important;
    text-decoration: none !important;
  }

  .site-navigation .navmenu-depth-1 > .navmenu-basic__item:not(.tamimi-brands-menu) > details > .navmenu-submenu.navmenu-depth-2 .navmenu-link:hover {
    color: #ffffff !important;
    background: #2cabe3 !important;
  }
}
/* TAMIMI FINAL: desktop nested dropdowns inside main category dropdowns */
@media screen and (min-width: 1024px) {
  /* Allow level-3 menu to appear outside level-2 box */
  .site-navigation .navmenu-depth-1 > .navmenu-basic__item:not(.tamimi-brands-menu) > details > .navmenu-submenu.navmenu-depth-2:not(.navmenu-meganav) {
    overflow: visible !important;
  }

  .site-navigation .navmenu-depth-1 > .navmenu-basic__item:not(.tamimi-brands-menu) .navmenu-depth-2 > .navmenu-item {
    position: relative !important;
  }

  /* Nested submenu: hidden by default */
  .site-navigation .navmenu-depth-1 > .navmenu-basic__item:not(.tamimi-brands-menu) .navmenu-depth-3 {
    position: absolute !important;
    top: 0 !important;

    width: max-content !important;
    min-width: 150px !important;
    max-width: 230px !important;

    margin: 0 !important;
    padding: 8px !important;

    background: #f5f6f7 !important;
    border: 1px solid rgba(32, 36, 44, 0.08) !important;
    border-radius: 14px !important;
    box-shadow: 0 14px 34px rgba(18, 72, 96, 0.14) !important;

    overflow: hidden !important;
    z-index: 2100 !important;
  }

  /* English/LTR: open to the right */
  html[dir="ltr"] .site-navigation .navmenu-depth-1 > .navmenu-basic__item:not(.tamimi-brands-menu) .navmenu-depth-3 {
    left: calc(100% + 8px) !important;
    right: auto !important;
  }

  /* Arabic/RTL: open to the left */
  html[dir="rtl"] .site-navigation .navmenu-depth-1 > .navmenu-basic__item:not(.tamimi-brands-menu) .navmenu-depth-3 {
    right: calc(100% + 8px) !important;
    left: auto !important;
  }

  /* Show nested submenu on hover/focus */
  .site-navigation .navmenu-depth-1 > .navmenu-basic__item:not(.tamimi-brands-menu) .navmenu-depth-2 > .navmenu-item:hover > .navmenu-depth-3,
  .site-navigation .navmenu-depth-1 > .navmenu-basic__item:not(.tamimi-brands-menu) .navmenu-depth-2 > .navmenu-item:focus-within > .navmenu-depth-3,
  .site-navigation .navmenu-depth-1 > .navmenu-basic__item:not(.tamimi-brands-menu) .navmenu-depth-2 > .navmenu-item:hover > details > .navmenu-depth-3,
  .site-navigation .navmenu-depth-1 > .navmenu-basic__item:not(.tamimi-brands-menu) .navmenu-depth-2 > .navmenu-item:focus-within > details > .navmenu-depth-3 {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  /* Nested submenu links */
  .site-navigation .navmenu-depth-1 > .navmenu-basic__item:not(.tamimi-brands-menu) .navmenu-depth-3 > .navmenu-item {
    margin: 0 !important;
    padding: 0 !important;
  }

  .site-navigation .navmenu-depth-1 > .navmenu-basic__item:not(.tamimi-brands-menu) .navmenu-depth-3 .navmenu-link {
    min-height: 38px !important;
    padding: 9px 13px !important;

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

    color: #173747 !important;
    background: transparent !important;
    border-radius: 10px !important;

    font-size: 13px !important;
    font-weight: 850 !important;
    line-height: 1.2 !important;
    text-align: center !important;
    white-space: nowrap !important;
    text-decoration: none !important;
  }

  .site-navigation .navmenu-depth-1 > .navmenu-basic__item:not(.tamimi-brands-menu) .navmenu-depth-3 .navmenu-link:hover {
    color: #ffffff !important;
    background: #2cabe3 !important;
  }
}

/* TAMIMI FINAL: desktop black utility bar - language/social split only */
@media screen and (min-width: 1024px) {
  .utility-bar {
    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;
    background: #080404 !important;
    overflow: visible !important;
  }

  .utility-bar .utility-bar__content {
    width: 100% !important;
    max-width: 1280px !important;
    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;

    margin: 0 auto !important;
    padding: 0 34px !important;

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

    direction: ltr !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  .utility-bar .utility-bar__content-left,
  .utility-bar .utility-bar__content-right {
    position: static !important;
    inset: auto !important;
    transform: none !important;

    width: auto !important;
    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;
    align-items: center !important;
    gap: 7px !important;

    overflow: visible !important;
    pointer-events: auto !important;
  }

  /* عربي: الايقونات شمال، اللغة يمين */
  html[dir="rtl"] .utility-bar .utility-bar__content-right {
    order: 1 !important;
  }

  html[dir="rtl"] .utility-bar .utility-bar__content-left {
    order: 2 !important;
  }

  /* انجليزي: اللغة شمال، الايقونات يمين */
  html[dir="ltr"] .utility-bar .utility-bar__content-right {
    order: 1 !important;
  }

  html[dir="ltr"] .utility-bar .utility-bar__content-left {
    order: 2 !important;
  }

  .utility-bar .utility-bar__social-container,
  .utility-bar .utility-bar__social-list,
  .utility-bar .tamimi-social-list-content,
  .utility-bar .social-icons,
  .utility-bar .shopify-cross-border,
  .utility-bar .selectors-form,
  .utility-bar .selectors-form__item {
    position: static !important;
    inset: auto !important;
    transform: none !important;

    margin: 0 !important;
    padding: 0 !important;

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

    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  .utility-bar .social-icons,
  .utility-bar .tamimi-social-list-content {
    gap: 6px !important;
  }

  .utility-bar .social-link.tamimi-social-link--image,
  .utility-bar .social-link.tamimi-social-link--image img.tamimi-social-3d-icon {
    width: 30px !important;
    height: 30px !important;
    max-width: 30px !important;
    max-height: 30px !important;
  }

  .utility-bar .disclosure__toggle,
  .utility-bar button.tamimi-lang-pill {
    height: 26px !important;
    min-height: 26px !important;
    pointer-events: auto !important;
  }
}

/* TAMIMI FINAL: desktop utility bar split - no language behavior changes */
@media screen and (min-width: 1024px) {
  .utility-bar {
    height: 34px !important;
    min-height: 34px !important;
    max-height: none !important;
    background: #080404 !important;
    overflow: visible !important;
    position: relative !important;
    z-index: 5000 !important;
  }

  .utility-bar .utility-bar__content {
    width: 100% !important;
    max-width: 1280px !important;
    min-height: 34px !important;
    height: 34px !important;
    max-height: none !important;

    margin: 0 auto !important;
    padding: 0 34px !important;

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

    overflow: visible !important;
    box-sizing: border-box !important;
  }

  .utility-bar .utility-bar__content-left,
  .utility-bar .utility-bar__content-right {
    width: auto !important;
    min-width: 0 !important;
    height: 34px !important;
    min-height: 34px !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 0 !important;

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

    overflow: visible !important;
  }

  html[dir="rtl"] .utility-bar .utility-bar__content-right {
    order: 1 !important;
  }

  html[dir="rtl"] .utility-bar .utility-bar__content-left {
    order: 2 !important;
  }

  html[dir="ltr"] .utility-bar .utility-bar__content-left {
    order: 1 !important;
  }

  html[dir="ltr"] .utility-bar .utility-bar__content-right {
    order: 2 !important;
  }

  .utility-bar .utility-bar__social-container,
  .utility-bar .utility-bar__social-list,
  .utility-bar .tamimi-social-list-content,
  .utility-bar .social-icons {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: visible !important;
  }

  .utility-bar .social-link.tamimi-social-link--image,
  .utility-bar .social-link.tamimi-social-link--image img.tamimi-social-3d-icon {
    width: 30px !important;
    height: 30px !important;
    max-width: 30px !important;
    max-height: 30px !important;
  }

  .utility-bar .shopify-cross-border,
  .utility-bar .selectors-form,
  .utility-bar .selectors-form__item,
  .utility-bar .disclosure {
    overflow: visible !important;
  }
}

/* TAMIMI FINAL: real desktop language select */
@media screen and (min-width: 1024px) {
  .utility-bar .tamimi-language-select-item {
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  .utility-bar .tamimi-lang-select {
    height: 26px !important;
    min-height: 26px !important;
    padding: 0 28px 0 12px !important;

    color: #050505 !important;
    background: #ffffff !important;
    border: 1px solid rgba(44, 171, 227, 0.75) !important;
    border-radius: 999px !important;

    font-size: 13px !important;
    font-weight: 850 !important;
    line-height: 1 !important;

    cursor: pointer !important;
    outline: none !important;
  }

  html[dir="rtl"] .utility-bar .tamimi-lang-select {
    padding: 0 12px 0 28px !important;
  }
}
/* TAMIMI FIX: desktop touch screen vertical scroll */
@media screen and (min-width: 1024px) {
  html,
  body {
    height: auto !important;
    min-height: 100% !important;

    overflow-x: hidden !important;
    overflow-y: auto !important;

    touch-action: pan-y !important;
    overscroll-behavior-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }

  body,
  .site-main,
  .shopify-section,
  .page-container,
  .site-header,
  .site-header-wrapper,
  .shopify-section-group-header-group {
    touch-action: pan-y !important;
  }

  .site-main,
  .page-container {
    position: relative !important;
    overflow-y: visible !important;
  }
}
/* TAMIMI FIX: remove desktop grey/empty band above footer content */
@media screen and (min-width: 1024px) {
  footer[role="contentinfo"],
  .site-footer {
    padding-top: 0 !important;
  }

  footer[role="contentinfo"] .site-footer-wrapper,
  .site-footer .site-footer-wrapper {
    padding-top: 0 !important;
    margin-top: 0 !important;
  }

  footer[role="contentinfo"] .site-footer-wrapper > .site-footer-item:first-child,
  .site-footer .site-footer-wrapper > .site-footer-item:first-child {
    padding-top: 0 !important;
    margin-top: 0 !important;
  }

  footer[role="contentinfo"] .site-footer-blocks,
  .site-footer .site-footer-blocks {
    padding-top: 0 !important;
    margin-top: 0 !important;
  }
}
/* TAMIMI: desktop page grids - if 9 items or less, show 3 per row */
@media screen and (min-width: 1024px) {
  body.template-page .collection-list__content:has(.collection__item:nth-child(1)):not(:has(.collection__item:nth-child(10))),
  body.template-page .tamimi-brands-grid:has(> *:nth-child(1)):not(:has(> *:nth-child(10))),
  body.template-page .tamimi-gift-grid:has(> *:nth-child(1)):not(:has(> *:nth-child(10))) {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    max-width: 760px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

/* TAMIMI FINAL: compact mobile blue header height only */
@media screen and (max-width: 719px) {
  .site-header-main {
    padding-top: 4px !important;
    padding-bottom: 8px !important;
    min-height: 0 !important;
  }

  .site-header-main-content {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  .site-header-logo {
    min-height: 0 !important;
    margin-top: -4px !important;
    margin-bottom: 4px !important;
  }

  .site-header-logo .site-logo {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 0 !important;
  }

  .site-header-logo .site-logo-image {
    max-height: 74px !important;
    width: auto !important;
    margin: 0 auto !important;
  }

  .site-header-menu-toggle,
  .site-header-mobile-search-button,
  .site-header-cart {
    top: 7px !important;
  }

  .mobile_actions {
    margin-top: -2px !important;
  }

  .site-header-main .live-search {
    height: 40px !important;
    margin-top: 4px !important;
    margin-bottom: 0 !important;
  }

  .site-header-main .live-search-form .form-field {
    height: 40px !important;
  }

  .site-header-main .live-search-button {
    width: 40px !important;
    height: calc(100% - 8px) !important;
    margin: 4px !important;
    border-radius: 12px !important;
  }

  .site-header-main .live-search-form-field {
    font-size: 15px !important;
  }
}
/* TAMIMI FINAL: end mobile page at black copyright bar */
@media screen and (max-width: 719px) {
  .site-footer .site-footer-item-copyright .shopify-cross-border,
  .site-footer .site-footer-item-copyright .shopify-localization-form,
  .site-footer .site-footer-item-copyright .selectors-form,
  .site-footer .site-footer-item-copyright .selectors-form__item,
  .site-footer .site-footer-item-copyright .disclosure,
  .site-footer .site-footer-item-copyright select,
  .site-footer .site-footer-item-copyright [data-disclosure-locale],
  .site-footer .site-footer-item-copyright [data-disclosure-country] {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  .site-footer,
  .site-footer-wrapper,
  .site-footer-item-copyright,
  .site-footer-item-copyright .site-footer-item--information,
  .site-footer-item-copyright .site-footer__row--second {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  .site-footer-item-copyright {
    background: #111111 !important;
    overflow: hidden !important;
  }

  body {
    padding-bottom: 0 !important;
  }
}
/* TAMIMI FINAL: hide extra mobile bottom language selector only */
@media screen and (max-width: 719px) {
  [data-utility-bar-mobile],
  .utility-bar__mobile-disclosure,
  .utility-bar__disclosure--mobile,
  .utility-bar__mobile-disclosure .shopify-cross-border,
  .utility-bar__mobile-disclosure .shopify-localization-form,
  .utility-bar__mobile-disclosure .selectors-form,
  .utility-bar__mobile-disclosure .selectors-form__item,
  .utility-bar__mobile-disclosure .disclosure,
  .utility-bar__mobile-disclosure select {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;

    width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;
    pointer-events: none !important;
  }

  body {
    padding-bottom: 0 !important;
  }
}
/* TAMIMI FIX: mobile logged-in account/cart alignment only */
@media screen and (max-width: 719px) {
  .site-header-main .mobile_actions {
    position: absolute !important;
    top: 14px !important;
    z-index: 35 !important;
    display: block !important;
    width: auto !important;
    max-width: calc(100vw - 120px) !important;
    overflow: visible !important;
  }

  html[dir="rtl"] .site-header-main .mobile_actions {
    left: 10px !important;
    right: auto !important;
  }

  html[dir="ltr"] .site-header-main .mobile_actions {
    right: 18px !important;
    left: auto !important;
  }

  .site-header-main .mobile_actions .site-header-actions {
    position: static !important;
    inset: auto !important;
    transform: none !important;

    width: auto !important;
    max-width: none !important;
    height: 42px !important;

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

    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  .site-header-main .mobile_actions .site-header__account-links,
  .site-header-main .mobile_actions .site-header-actions__account-link {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 42px !important;

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

    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  .site-header-main .mobile_actions .site-header__account-links > a,
  .site-header-main .mobile_actions .site-header-actions__account-link > a,
  .site-header-main .mobile_actions .site-header-cart--button,
  .site-header-main .mobile_actions .site-header_account-link-anchor,
  .site-header-main .mobile_actions .site-header__account-link--account {
    position: relative !important;
    inset: auto !important;
    transform: none !important;

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

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

    margin: 0 !important;
    padding: 0 !important;

    color: #ffffff !important;
    overflow: visible !important;
  }

  .site-header-main .mobile_actions svg {
    width: 28px !important;
    height: 28px !important;
    color: #ffffff !important;
    fill: currentColor !important;
    stroke: currentColor !important;
  }

  .site-header-main .mobile_actions .site-header-cart--count,
  .site-header-main .mobile_actions [data-header-cart-count] {
    top: -5px !important;
    right: -5px !important;
    left: auto !important;
  }
}

/* TAMIMI FIX: premium centered search button only */
.site-header-main .live-search-button {
  position: relative !important;

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

  margin: 3px 4px !important;
  padding: 0 !important;

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

  border-radius: 15px !important;
  border: 1px solid rgba(255, 255, 255, 0.58) !important;

  background:
    linear-gradient(180deg, #48aee0 0%, #238fc5 100%) !important;

  box-shadow:
    0 4px 10px rgba(18, 72, 96, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.32) !important;

  line-height: 0 !important;
  vertical-align: middle !important;
  overflow: hidden !important;
  transform: none !important;
}

.site-header-main .live-search-button:hover,
.site-header-main .live-search-button:focus,
.site-header-main .live-search-button:active {
  background:
    linear-gradient(180deg, #4eb5e7 0%, #238fc5 100%) !important;

  border-color: rgba(255, 255, 255, 0.66) !important;
  box-shadow:
    0 4px 10px rgba(18, 72, 96, 0.12),
    inset 0 1px 0 rgba(255, 255, 255, 0.35) !important;

  outline: none !important;
  transform: none !important;
}

.site-header-main .live-search-button .search-icon,
.site-header-main .live-search-button .search-icon--inactive {
  position: absolute !important;
  inset: 0 !important;

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

  margin: 0 !important;
  padding: 0 !important;

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

  line-height: 0 !important;
  transform: none !important;
}

.site-header-main .live-search-button .search-icon--active {
  top: 50% !important;
  left: 50% !important;
  inset: auto !important;

  width: 24px !important;
  height: 24px !important;

  margin: -12px 0 0 -12px !important;
}

.site-header-main .live-search-button svg {
  display: block !important;

  width: 21px !important;
  height: 21px !important;

  margin: 0 !important;
  padding: 0 !important;

  transform: none !important;
}

.site-header-main .live-search-button .search-icon--inactive svg {
  margin-top: 0 !important;
}

.site-header-main .live-search-button svg,
.site-header-main .live-search-button svg path,
.site-header-main .live-search-button svg circle,
.site-header-main .live-search-button svg line {
  color: #ffffff !important;
  stroke: #ffffff !important;
  fill: none !important;
}

/* Mobile fine tuning only */
@media screen and (max-width: 719px) {
  .site-header-main .live-search-button {
    width: 40px !important;
    min-width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;

    margin: 2px 4px !important;
    border-radius: 13px !important;

    box-shadow:
      0 3px 8px rgba(18, 72, 96, 0.10),
      inset 0 1px 0 rgba(255, 255, 255, 0.30) !important;
  }

  .site-header-main .live-search-button svg {
    width: 20px !important;
    height: 20px !important;
  }
}
/* TAMIMI FIX: mobile search button slightly shorter */
@media screen and (max-width: 719px) {
  .site-header-main .live-search-button {
    width: 38px !important;
    min-width: 38px !important;
    height: 36px !important;
    min-height: 36px !important;

    margin-top: 4px !important;
    margin-bottom: 4px !important;

    border-radius: 12px !important;
  }

  .site-header-main .live-search-button svg {
    width: 19px !important;
    height: 19px !important;
  }
}

/* TAMIMI RESET: Arabic mobile search cancel normal behavior */
@media screen and (max-width: 719px) {
  html[dir="rtl"] .site-header-main .live-search-form-field,
  html[dir="rtl"] .site-header-main input.live-search-form-field,
  html[dir="rtl"] .site-header-main .live-search input[type="text"] {
    font-size: 16px !important;
    line-height: 1.2 !important;
    -webkit-text-size-adjust: 100% !important;
    touch-action: manipulation !important;
  }

  html[dir="rtl"] .site-header-main .live-search:not(.live-search--takeover) .live-search-takeover-cancel {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  html[dir="rtl"] .site-header-main .live-search.live-search--takeover .live-search-takeover-cancel {
    position: absolute !important;

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

    left: 14px !important;
    right: auto !important;
    top: 0 !important;
    bottom: 0 !important;

    width: 64px !important;
    min-width: 64px !important;
    height: 52px !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #1f2328 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;

    font-size: 14px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    white-space: nowrap !important;

    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    z-index: 1200 !important;
  }

  html[dir="rtl"] .site-header-main .live-search.live-search--takeover .live-search-form-field {
    padding-left: 92px !important;
  }
}
/* TAMIMI FIX: align Arabic mobile search cancel inside search row */
@media screen and (max-width: 719px) {
  html[dir="rtl"] .site-header-main .live-search.live-search--takeover .live-search-takeover-cancel {
    top: 50% !important;
    bottom: auto !important;
    left: 16px !important;
    right: auto !important;

    height: 34px !important;
    min-height: 34px !important;
    line-height: 1 !important;

    transform: translateY(-50%) !important;

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

    padding: 0 !important;
    margin: 0 !important;
  }

  html[dir="rtl"] .site-header-main .live-search.live-search--takeover .live-search-form-field {
    padding-left: 96px !important;
  }
}
/* TAMIMI FIX: mobile drawer wider top menu titles only */
@media screen and (max-width: 719px) {
  .site-mobile-nav .mobile-nav-panel {
    width: 82.8% !important;
    max-width: 293px !important;
  }

  .site-mobile-nav .mobile-nav-primary-content .navmenu-depth-1 > .navmenu-item > .navmenu-link,
  .site-mobile-nav .mobile-nav-content .navmenu-depth-1 > .navmenu-item > .navmenu-link {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
}
/* TAMIMI FINAL: premium branches page only */
body.template-page .tamimi-branches-page {
  max-width: 1180px !important;
  margin: 0 auto !important;
  padding: 42px 18px 64px !important;
  background: #f5f6f7 !important;
}

body.template-page .tamimi-branches-intro {
  text-align: center !important;
  margin-bottom: 34px !important;
}

body.template-page .tamimi-branches-intro h1 {
  margin: 0 0 8px !important;
  color: #20242c !important;
  font-size: 42px !important;
  font-weight: 950 !important;
  line-height: 1.1 !important;
}

body.template-page .tamimi-branches-intro p {
  margin: 0 !important;
  color: #5d6670 !important;
  font-size: 16px !important;
  font-weight: 750 !important;
  line-height: 1.45 !important;
}

body.template-page .tamimi-branches-layout {
  display: grid !important;
  grid-template-columns: minmax(0, 0.95fr) minmax(360px, 1.05fr) !important;
  gap: 26px !important;
  align-items: start !important;
}

body.template-page .tamimi-branches-list {
  display: grid !important;
  gap: 14px !important;
}

body.template-page .tamimi-branch-card {
  padding: 20px 22px !important;
  background: #ffffff !important;
  border: 1px solid rgba(32, 36, 44, 0.07) !important;
  border-radius: 18px !important;
  box-shadow: 0 10px 26px rgba(18, 72, 96, 0.07) !important;
}

body.template-page .tamimi-branch-info h2 {
  margin: 0 0 8px !important;
  color: #20242c !important;
  font-size: 25px !important;
  font-weight: 950 !important;
  line-height: 1.15 !important;
}

body.template-page .tamimi-branch-info p {
  margin: 0 0 5px !important;
  color: #59636d !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.45 !important;
}

body.template-page .tamimi-branch-info a {
  display: inline-flex !important;
  margin-top: 7px !important;
  color: #2cabe3 !important;
  font-size: 16px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  text-decoration: none !important;
}

body.template-page .tamimi-branches-map {
  position: sticky !important;
  top: 24px !important;
  overflow: hidden !important;
  min-height: 640px !important;
  background: #ffffff !important;
  border: 1px solid rgba(32, 36, 44, 0.07) !important;
  border-radius: 20px !important;
  box-shadow: 0 14px 34px rgba(18, 72, 96, 0.10) !important;
}

body.template-page .tamimi-branches-map iframe {
  display: block !important;
  width: 100% !important;
  height: 640px !important;
  border: 0 !important;
}

@media screen and (max-width: 719px) {
  body.template-page .tamimi-branches-page {
    padding: 28px 14px 42px !important;
  }

  body.template-page .tamimi-branches-intro {
    margin-bottom: 22px !important;
  }

  body.template-page .tamimi-branches-intro h1 {
    font-size: 34px !important;
  }

  body.template-page .tamimi-branches-intro p {
    font-size: 14px !important;
  }

  body.template-page .tamimi-branches-layout {
    display: flex !important;
    flex-direction: column !important;
    gap: 18px !important;
  }

  body.template-page .tamimi-branches-list {
    order: 1 !important;
    gap: 12px !important;
    width: 100% !important;
  }

  body.template-page .tamimi-branches-map {
    order: 2 !important;
    position: relative !important;
    top: auto !important;

    width: 100% !important;
    min-height: 0 !important;
    aspect-ratio: 1 / 1 !important;

    border-radius: 18px !important;
  }

  body.template-page .tamimi-branches-map iframe {
    width: 100% !important;
    height: 100% !important;
  }

  body.template-page .tamimi-branch-card {
    padding: 17px 18px !important;
    border-radius: 16px !important;
  }

  body.template-page .tamimi-branch-info h2 {
    font-size: 24px !important;
  }

  body.template-page .tamimi-branch-info p {
    font-size: 14px !important;
  }
}
/* TAMIMI FIX: mobile account/cart icons 5% smaller only */
@media screen and (max-width: 719px) {
  .site-header-main .mobile_actions .site-header__account-links > a,
  .site-header-main .mobile_actions .site-header-actions__account-link > a,
  .site-header-main .mobile_actions .site-header-cart--button,
  .site-header-main .mobile_actions .site-header_account-link-anchor,
  .site-header-main .mobile_actions .site-header__account-link--account {
    width: 34.2px !important;
    min-width: 34.2px !important;
    height: 34.2px !important;
    min-height: 34.2px !important;
  }

  .site-header-main .mobile_actions svg {
    width: 26.6px !important;
    height: 26.6px !important;
  }

  .site-header-main .mobile_actions .site-header-actions {
    gap: 9px !important;
  }
}
/* TAMIMI CORRECT FIX: hide only footer language selector, keep payment icons */
@media screen and (max-width: 719px) {
  footer[role="contentinfo"] .site-footer-item-copyright {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    background: #111111 !important;
    overflow: hidden !important;
  }

  /* Hide only the extra language/country selector inside copyright area */
  footer[role="contentinfo"] .site-footer-item-copyright .shopify-cross-border,
  footer[role="contentinfo"] .site-footer-item-copyright .shopify-localization-form,
  footer[role="contentinfo"] .site-footer-item-copyright .selectors-form,
  footer[role="contentinfo"] .site-footer-item-copyright .selectors-form__item,
  footer[role="contentinfo"] .site-footer-item-copyright .disclosure,
  footer[role="contentinfo"] .site-footer-item-copyright [data-disclosure-locale],
  footer[role="contentinfo"] .site-footer-item-copyright [data-disclosure-country],
  footer[role="contentinfo"] .site-footer-item-copyright select {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
  }

  /* Keep payment icons visible */
  footer[role="contentinfo"] .site-footer-item-copyright .payment-icons,
  footer[role="contentinfo"] .site-footer-item-copyright .payment-icons-list,
  footer[role="contentinfo"] .site-footer-item-copyright .site-footer__payment-icons,
  footer[role="contentinfo"] .site-footer-item-copyright .site-footer-payment-icons {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 auto 12px !important;
    padding: 0 !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 10px !important;
  }

  footer[role="contentinfo"] .site-footer-item-copyright .payment-icons li,
  footer[role="contentinfo"] .site-footer-item-copyright .payment-icons-list li {
    display: inline-flex !important;
  }

  footer[role="contentinfo"] .site-footer-item-copyright .payment-icons svg,
  footer[role="contentinfo"] .site-footer-item-copyright .payment-icons-list svg {
    display: block !important;
    height: 25px !important;
    width: auto !important;
  }

  footer[role="contentinfo"],
  footer[role="contentinfo"] .site-footer-wrapper,
  footer[role="contentinfo"] .site-footer-item-copyright,
  footer[role="contentinfo"] .site-footer-item--information {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  html,
  body {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
  }
}
/* TAMIMI ULTRA FIX: mobile Digital Gift Cards true center */
@media screen and (max-width: 719px) {
  body.template-index #shopify-section-dynamic_collection_list_Abfe8Q .collection__item-image,
  body.template-index [id*="dynamic_collection_list_Abfe8Q"] .collection__item-image {
    position: relative !important;

    width: 100% !important;
    aspect-ratio: 1 / 1 !important;
    height: auto !important;

    padding: 0 !important;
    margin: 0 !important;

    display: grid !important;
    place-items: center !important;

    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  body.template-index #shopify-section-dynamic_collection_list_Abfe8Q .collection__item-image picture,
  body.template-index #shopify-section-dynamic_collection_list_Abfe8Q .collection__item-image .rimg,
  body.template-index #shopify-section-dynamic_collection_list_Abfe8Q .collection__item-image [data-rimg],
  body.template-index #shopify-section-dynamic_collection_list_Abfe8Q .collection__item-image [data-collection-image],
  body.template-index [id*="dynamic_collection_list_Abfe8Q"] .collection__item-image picture,
  body.template-index [id*="dynamic_collection_list_Abfe8Q"] .collection__item-image .rimg,
  body.template-index [id*="dynamic_collection_list_Abfe8Q"] .collection__item-image [data-rimg],
  body.template-index [id*="dynamic_collection_list_Abfe8Q"] .collection__item-image [data-collection-image] {
    position: absolute !important;

    top: 50% !important;
    left: 50% !important;
    right: auto !important;
    bottom: auto !important;

    width: 86% !important;
    height: 86% !important;
    max-width: 86% !important;
    max-height: 86% !important;

    min-width: 0 !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit: contain !important;
    object-position: center center !important;

    transform: translate(-50%, -50%) !important;
  }

  body.template-index #shopify-section-dynamic_collection_list_Abfe8Q .collection__item-image img,
  body.template-index [id*="dynamic_collection_list_Abfe8Q"] .collection__item-image img {
    display: block !important;

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

    object-fit: contain !important;
    object-position: center center !important;
  }

  body.template-index #shopify-section-dynamic_collection_list_Abfe8Q .collection__item-image [data-rimg-canvas],
  body.template-index [id*="dynamic_collection_list_Abfe8Q"] .collection__item-image [data-rimg-canvas] {
    display: none !important;
  }
}
/* TAMIMI ULTRA FIX: mobile Apple Collection true center */
@media screen and (max-width: 719px) {
  body.template-index #shopify-section-dynamic_collection_list .collection__item-image,
  body.template-index [id$="__dynamic_collection_list"] .collection__item-image {
    position: relative !important;

    width: 100% !important;
    aspect-ratio: 1 / 1 !important;
    height: auto !important;

    padding: 0 !important;
    margin: 0 !important;

    display: grid !important;
    place-items: center !important;

    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  body.template-index #shopify-section-dynamic_collection_list .collection__item-image picture,
  body.template-index #shopify-section-dynamic_collection_list .collection__item-image .rimg,
  body.template-index #shopify-section-dynamic_collection_list .collection__item-image [data-rimg],
  body.template-index #shopify-section-dynamic_collection_list .collection__item-image [data-collection-image],
  body.template-index [id$="__dynamic_collection_list"] .collection__item-image picture,
  body.template-index [id$="__dynamic_collection_list"] .collection__item-image .rimg,
  body.template-index [id$="__dynamic_collection_list"] .collection__item-image [data-rimg],
  body.template-index [id$="__dynamic_collection_list"] .collection__item-image [data-collection-image] {
    position: absolute !important;

    top: 50% !important;
    left: 50% !important;
    right: auto !important;
    bottom: auto !important;

    width: 86% !important;
    height: 86% !important;
    max-width: 86% !important;
    max-height: 86% !important;

    min-width: 0 !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit: contain !important;
    object-position: center center !important;

    transform: translate(-50%, -50%) !important;
  }

  body.template-index #shopify-section-dynamic_collection_list .collection__item-image img,
  body.template-index [id$="__dynamic_collection_list"] .collection__item-image img {
    display: block !important;

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

    object-fit: contain !important;
    object-position: center center !important;
  }

  body.template-index #shopify-section-dynamic_collection_list .collection__item-image [data-rimg-canvas],
  body.template-index [id$="__dynamic_collection_list"] .collection__item-image [data-rimg-canvas] {
    display: none !important;
  }
}
/* TAMIMI FIX: mobile footer social icons compact premium row only */
@media screen and (max-width: 719px) {
  .site-footer .tamimi-footer-social-mobile-block {
    width: 100% !important;

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

    min-height: 82px !important;
    padding: 12px 14px !important;
    margin: 0 !important;

    border-top: 1px solid rgba(255, 255, 255, 0.18) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.18) !important;

    background: rgba(255, 255, 255, 0.035) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.08),
      inset 0 -1px 0 rgba(0, 0, 0, 0.04) !important;
  }

  .site-footer .tamimi-footer-social-mobile-block .tamimi-social-list-content,
  .site-footer .tamimi-footer-social-mobile-block .tamimi-social-icons-row,
  .site-footer .tamimi-footer-social-mobile-block .social-icons,
  .site-footer .tamimi-footer-social-mobile-block .social-links {
    width: 100% !important;

    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: nowrap !important;

    gap: 18px !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
  }

  .site-footer .tamimi-footer-social-mobile-block a,
  .site-footer .tamimi-footer-social-mobile-block .social-link {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    min-height: 38px !important;

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

    margin: 0 !important;
    padding: 0 !important;

    border-radius: 11px !important;
  }

  .site-footer .tamimi-footer-social-mobile-block img,
  .site-footer .tamimi-footer-social-mobile-block img.tamimi-social-3d-icon,
  .site-footer .tamimi-footer-social-mobile-block svg {
    width: 34px !important;
    height: 34px !important;
    max-width: 34px !important;
    max-height: 34px !important;

    display: block !important;
    margin: 0 !important;
    object-fit: contain !important;
  }
}
/* TAMIMI FIX: footer social icons layout after removing inline styles */
.site-footer .tamimi-social-list-content {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;

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

  overflow: visible !important;
  box-sizing: border-box !important;
}

.site-footer .tamimi-social-icons-row {
  width: 100% !important;
  max-width: 420px !important;

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

  margin: 0 auto !important;
  padding: 0 !important;

  box-sizing: border-box !important;
  overflow: visible !important;
}

/* Mobile only: compact premium social row */
@media screen and (max-width: 719px) {
  .site-footer .tamimi-footer-social-mobile-block {
    padding: 10px 12px !important;
    margin: 0 !important;
    min-height: 72px !important;

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

    border-top: 1px solid rgba(255, 255, 255, 0.16) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.16) !important;
  }

  .site-footer .tamimi-social-list-content {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 0 !important;
  }

  .site-footer .tamimi-social-icons-row {
    max-width: 360px !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    justify-content: center !important;
    gap: 16px !important;

    transform: none !important;
  }

  .site-footer .tamimi-social-icons-row a,
  .site-footer .social-link.tamimi-social-link--image {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;

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

    margin: 0 !important;
    padding: 0 !important;
  }

  .site-footer .tamimi-social-icons-row img.tamimi-social-3d-icon {
    width: 32px !important;
    height: 32px !important;
    max-width: 32px !important;
    max-height: 32px !important;

    display: block !important;
    object-fit: contain !important;
  }
}
/* TAMIMI SAFE FIX: desktop trackpad scroll stays working */
@media screen and (min-width: 1024px) {
  html {
    min-height: 100% !important;
    background-color: #2cabe3 !important;
    overscroll-behavior-y: auto !important;
  }

  body {
    min-height: 100% !important;
    height: auto !important;

    overflow-x: hidden !important;
    overflow-y: auto !important;

    background-color: #f5f6f7 !important;
    overscroll-behavior-y: auto !important;

    -webkit-overflow-scrolling: touch !important;
  }

  .site-main,
  .page-container {
    min-height: 1px !important;
    overflow-y: visible !important;
    touch-action: auto !important;
  }

  footer[role="contentinfo"],
  .site-footer {
    margin-bottom: 0 !important;
  }
}

/* TAMIMI FIX: mobile WHOOP collection image slightly larger only */
@media screen and (max-width: 719px) {
  body.template-index [id*="dynamic_collection_list_Wt9nWq"] .collection__item-image img,
  body.template-index [id*="dynamic_collection_list_Wt9nWq"] .collection__item-image [data-rimg],
  body.template-index [id*="dynamic_collection_list_Wt9nWq"] .collection__item-image [data-collection-image] {
    width: 104% !important;
    height: 104% !important;
    max-width: 104% !important;
    max-height: 104% !important;

    object-fit: contain !important;
    object-position: center center !important;

    transform: scale(1.08) !important;
    transform-origin: center center !important;
  }
}
/* TAMIMI FIX: mobile WHOOP collection image bigger only */
@media screen and (max-width: 719px) {
  body.template-index #shopify-section-dynamic_collection_list_43xTLh .collection__item-image,
  body.template-index [id*="dynamic_collection_list_43xTLh"] .collection__item-image {
    position: relative !important;
    overflow: hidden !important;
  }

  body.template-index #shopify-section-dynamic_collection_list_43xTLh .collection__item-image img[data-collection-image],
  body.template-index #shopify-section-dynamic_collection_list_43xTLh .collection__item-image img[data-rimg],
  body.template-index [id*="dynamic_collection_list_43xTLh"] .collection__item-image img[data-collection-image],
  body.template-index [id*="dynamic_collection_list_43xTLh"] .collection__item-image img[data-rimg] {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    right: auto !important;
    bottom: auto !important;

    width: 112% !important;
    height: 112% !important;
    max-width: 112% !important;
    max-height: 112% !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit: contain !important;
    object-position: center center !important;

    transform: translate(-50%, -50%) scale(1.08) !important;
    transform-origin: center center !important;
  }

  body.template-index #shopify-section-dynamic_collection_list_43xTLh .collection__item-image [data-rimg-canvas],
  body.template-index [id*="dynamic_collection_list_43xTLh"] .collection__item-image [data-rimg-canvas] {
    display: none !important;
  }
}
/* TAMIMI FIX: desktop WHOOP collection square cards only */
@media screen and (min-width: 720px) {
  body.template-index #shopify-section-dynamic_collection_list_43xTLh .collection__item > a,
  body.template-index [id*="dynamic_collection_list_43xTLh"] .collection__item > a {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-decoration: none !important;
  }

  body.template-index #shopify-section-dynamic_collection_list_43xTLh .collection__item-image,
  body.template-index [id*="dynamic_collection_list_43xTLh"] .collection__item-image {
    width: 100% !important;
    aspect-ratio: 1 / 1 !important;
    height: auto !important;

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

    padding: 14px !important;
    margin: 0 !important;

    background: #ffffff !important;
    border: 1px solid rgba(32, 36, 44, 0.07) !important;
    border-radius: 16px !important;
    box-shadow: 0 10px 24px rgba(18, 72, 96, 0.08) !important;

    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  body.template-index #shopify-section-dynamic_collection_list_43xTLh .collection__item-image img,
  body.template-index #shopify-section-dynamic_collection_list_43xTLh .collection__item-image [data-rimg],
  body.template-index #shopify-section-dynamic_collection_list_43xTLh .collection__item-image [data-collection-image],
  body.template-index [id*="dynamic_collection_list_43xTLh"] .collection__item-image img,
  body.template-index [id*="dynamic_collection_list_43xTLh"] .collection__item-image [data-rimg],
  body.template-index [id*="dynamic_collection_list_43xTLh"] .collection__item-image [data-collection-image] {
    width: 94% !important;
    height: 94% !important;
    max-width: 94% !important;
    max-height: 94% !important;

    object-fit: contain !important;
    object-position: center center !important;

    display: block !important;
    margin: auto !important;
  }

  body.template-index #shopify-section-dynamic_collection_list_43xTLh .collection__item-title,
  body.template-index [id*="dynamic_collection_list_43xTLh"] .collection__item-title {
    display: block !important;
    margin: 12px 0 0 !important;
    padding: 0 4px !important;

    color: #20242c !important;
    font-size: 17px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
    text-align: center !important;
  }
}
/* TAMIMI FIX: desktop WHOOP square frame 20% smaller only */
@media screen and (min-width: 720px) {
  body.template-index #shopify-section-dynamic_collection_list_43xTLh .collection__item-image,
  body.template-index [id*="dynamic_collection_list_43xTLh"] .collection__item-image {
    width: 80% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body.template-index #shopify-section-dynamic_collection_list_43xTLh .collection__item-image img,
  body.template-index #shopify-section-dynamic_collection_list_43xTLh .collection__item-image [data-rimg],
  body.template-index #shopify-section-dynamic_collection_list_43xTLh .collection__item-image [data-collection-image],
  body.template-index [id*="dynamic_collection_list_43xTLh"] .collection__item-image img,
  body.template-index [id*="dynamic_collection_list_43xTLh"] .collection__item-image [data-rimg],
  body.template-index [id*="dynamic_collection_list_43xTLh"] .collection__item-image [data-collection-image] {
    width: 118% !important;
    height: 118% !important;
    max-width: 118% !important;
    max-height: 118% !important;
  }
}
/* TAMIMI FINAL: mobile collection product titles slightly larger only */
@media screen and (max-width: 719px) {
  body.template-collection .productgrid--outer .productitem--title,
  body.template-collection .productgrid--outer .productitem--title a {
    font-size: 11.2px !important;
    font-weight: 950 !important;
    line-height: 1.22 !important;
    letter-spacing: 0 !important;

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

  body.template-collection .productgrid--outer .productitem--title {
    min-height: 27.4px !important;
    max-height: 27.4px !important;
    margin-bottom: 6px !important;
  }
}
/* TAMIMI FINAL: WHOOP page featured products 3 per row on mobile only */
@media screen and (max-width: 719px) {
  body.template-page [id*="dynamic_featured_collection_CRqCRT"] .featured-collection__container {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 18px 10px 34px !important;
    box-sizing: border-box !important;
  }

  body.template-page [id*="dynamic_featured_collection_CRqCRT"] .featured-collection__content,
  body.template-page [id*="dynamic_featured_collection_CRqCRT"] .featured-collection__content[data-layout="grid"],
  body.template-page [id*="dynamic_featured_collection_CRqCRT"] .featured-collection__content[data-mobile-layout="grid"] {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px !important;

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

    margin: 0 auto !important;
    padding: 0 !important;

    overflow: visible !important;
    box-sizing: border-box !important;
  }

  body.template-page [id*="dynamic_featured_collection_CRqCRT"] .productgrid--item {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  body.template-page [id*="dynamic_featured_collection_CRqCRT"] .productitem {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;

    padding: 7px 5px 8px !important;

    background: #ffffff !important;
    border: 1px solid rgba(32, 36, 44, 0.07) !important;
    border-radius: 8px !important;
    box-shadow: 0 6px 14px rgba(18, 72, 96, 0.06) !important;

    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  body.template-page [id*="dynamic_featured_collection_CRqCRT"] .productitem__container {
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
  }

  body.template-page [id*="dynamic_featured_collection_CRqCRT"] .productitem--image {
    width: 100% !important;
    aspect-ratio: 1 / 1 !important;
    height: auto !important;

    margin: 0 0 6px !important;
    padding: 0 !important;

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

    overflow: hidden !important;
  }

  body.template-page [id*="dynamic_featured_collection_CRqCRT"] .productitem--image img {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;

    object-fit: contain !important;
    object-position: center center !important;

    display: block !important;
    margin: auto !important;
  }

  body.template-page [id*="dynamic_featured_collection_CRqCRT"] .productitem--info {
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
  }

  body.template-page [id*="dynamic_featured_collection_CRqCRT"] .productitem--title,
  body.template-page [id*="dynamic_featured_collection_CRqCRT"] .productitem--title a {
    font-size: 10.2px !important;
    font-weight: 900 !important;
    line-height: 1.22 !important;
    letter-spacing: 0 !important;
    text-align: center !important;

    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow: hidden !important;

    min-height: 24.8px !important;
    max-height: 24.8px !important;

    margin: 0 0 5px !important;
    padding: 0 !important;
  }

  body.template-page [id*="dynamic_featured_collection_CRqCRT"] .productitem--price,
  body.template-page [id*="dynamic_featured_collection_CRqCRT"] .price {
    margin: 0 0 7px !important;
    padding: 0 !important;

    font-size: 10.8px !important;
    font-weight: 900 !important;
    line-height: 1.15 !important;
    text-align: center !important;
  }

  body.template-page [id*="dynamic_featured_collection_CRqCRT"] .price__compare-at {
    font-size: 9.5px !important;
  }

  body.template-page [id*="dynamic_featured_collection_CRqCRT"] .productitem--actions {
    margin: 0 !important;
    padding: 0 !important;
  }

  body.template-page [id*="dynamic_featured_collection_CRqCRT"] .productitem--action-trigger,
  body.template-page [id*="dynamic_featured_collection_CRqCRT"] .productitem--action-atc {
    width: 100% !important;
    min-width: 0 !important;

    height: 28px !important;
    min-height: 28px !important;

    margin: 0 auto !important;
    padding: 0 4px !important;

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

    border-radius: 7px !important;

    font-size: 10px !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }
}
/* TAMIMI FINAL: WHOOP page featured products match collection mobile cards only */
@media screen and (max-width: 719px) {
  body.template-page [id*="dynamic_featured_collection_CRqCRT"] .featured-collection__container {
    width: 100% !important;
    max-width: 100% !important;

    margin: 0 auto !important;
    padding: 8px 0 34px !important;

    background: #f6f7f8 !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
  }

  body.template-page [id*="dynamic_featured_collection_CRqCRT"] .featured-collection__content,
  body.template-page [id*="dynamic_featured_collection_CRqCRT"] .featured-collection__content[data-layout="grid"],
  body.template-page [id*="dynamic_featured_collection_CRqCRT"] .featured-collection__content[data-mobile-layout="grid"] {
    display: flex !important;
    flex-wrap: wrap !important;

    gap: 8px !important;

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

    margin: 0 !important;
    padding: 8px !important;

    background: #f6f7f8 !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  body.template-page [id*="dynamic_featured_collection_CRqCRT"] .productgrid--item {
    flex: 0 0 calc(33.333% - 6px) !important;
    width: calc(33.333% - 6px) !important;
    max-width: calc(33.333% - 6px) !important;
    min-width: calc(33.333% - 6px) !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
    box-sizing: border-box !important;
  }

  body.template-page [id*="dynamic_featured_collection_CRqCRT"] .productitem {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;

    height: auto !important;
    min-height: 0 !important;

    padding-bottom: 4px !important;

    background: #ffffff !important;
    border-radius: 14px !important;
    overflow: hidden !important;

    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.045) !important;

    box-sizing: border-box !important;
  }

  body.template-page [id*="dynamic_featured_collection_CRqCRT"] .productitem__container {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;

    background: #ffffff !important;
    border-radius: inherit !important;
    overflow: hidden !important;
  }

  body.template-page [id*="dynamic_featured_collection_CRqCRT"] .productitem--info {
    flex: 0 0 auto !important;
    margin: 0 !important;
    padding: 0 4px !important;
    text-align: center !important;
  }

  body.template-page [id*="dynamic_featured_collection_CRqCRT"] .productitem--title,
  body.template-page [id*="dynamic_featured_collection_CRqCRT"] .productitem--title a {
    font-size: 11.2px !important;
    font-weight: 950 !important;
    line-height: 1.22 !important;
    letter-spacing: 0 !important;

    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow: hidden !important;

    min-height: 27.4px !important;
    max-height: 27.4px !important;

    margin: 0 0 6px !important;
    padding: 0 !important;

    text-align: center !important;
  }

  html[dir="rtl"] body.template-page [id*="dynamic_featured_collection_CRqCRT"] .productitem--title,
  html[dir="rtl"] body.template-page [id*="dynamic_featured_collection_CRqCRT"] .productitem--title a {
    direction: rtl !important;
    unicode-bidi: plaintext !important;
    text-align: center !important;
  }

  body.template-page [id*="dynamic_featured_collection_CRqCRT"] .productitem--price,
  body.template-page [id*="dynamic_featured_collection_CRqCRT"] .price,
  body.template-page [id*="dynamic_featured_collection_CRqCRT"] .price__current,
  body.template-page [id*="dynamic_featured_collection_CRqCRT"] .price__current .money {
    font-size: 13px !important;
    line-height: 1.15 !important;
    font-weight: 900 !important;

    margin-bottom: -3px !important;
    text-align: center !important;
  }

  body.template-page [id*="dynamic_featured_collection_CRqCRT"] .productitem--actions {
    margin-top: 2px !important;
    margin-bottom: 2px !important;
    padding-bottom: 0 !important;

    background: transparent !important;
    box-shadow: none !important;
    filter: none !important;
  }

  body.template-page [id*="dynamic_featured_collection_CRqCRT"] .productitem--actions button,
  body.template-page [id*="dynamic_featured_collection_CRqCRT"] .productitem--actions a,
  body.template-page [id*="dynamic_featured_collection_CRqCRT"] .productitem--actions .button-primary,
  body.template-page [id*="dynamic_featured_collection_CRqCRT"] .productitem--actions .productitem--action-trigger {
    margin-bottom: 0 !important;
    box-shadow: none !important;
    filter: none !important;
    text-shadow: none !important;
  }
}
/* TAMIMI FINAL: compact WHOOP page section spacing on mobile only */
@media screen and (max-width: 719px) {
  body.template-page #shopify-section-template--19007206621255__main,
  body.template-page .shopify-section:has(.page-content):has(h1),
  body.template-page .shopify-section:has(.page-title) {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  body.template-page #shopify-section-dynamic_collection_list_H9e4mJ {
    margin-top: -48px !important;
    padding-top: 0 !important;
    margin-bottom: 22px !important;
    padding-bottom: 0 !important;
  }

  body.template-page #shopify-section-dynamic_collection_list_H9e4mJ .collection-list__container {
    padding-top: 0 !important;
    padding-bottom: 18px !important;
  }

  body.template-page #shopify-section-dynamic_collection_list_H9e4mJ .collection-list__content {
    margin-top: 0 !important;
  }

  body.template-page #shopify-section-dynamic_featured_collection_CRqCRT {
    margin-top: -18px !important;
    padding-top: 0 !important;
  }

  body.template-page #shopify-section-dynamic_featured_collection_CRqCRT .featured-collection__container {
    padding-top: 0 !important;
  }
}
/* TAMIMI FINAL: WHOOP mobile title to collection-list spacing */
@media screen and (max-width: 719px) {
  body.template-page:has(#shopify-section-dynamic_collection_list_H9e4mJ) .site-page {
    margin-bottom: 0 !important;
  }

  body.template-page:has(#shopify-section-dynamic_collection_list_H9e4mJ) .page-masthead {
    margin-bottom: 12px !important;
  }

  body.template-page:has(#shopify-section-dynamic_collection_list_H9e4mJ) .page-title {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  body.template-page #shopify-section-dynamic_collection_list_H9e4mJ {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  body.template-page #shopify-section-dynamic_collection_list_H9e4mJ .collection-list__container {
    padding-top: 0 !important;
  }
}
/* TAMIMI FIX: prevent iPhone zoom on English mobile search focus only */
@media screen and (max-width: 719px) {
  html[dir="ltr"] .site-header-main .live-search-form-field,
  html[dir="ltr"] .site-header-main input.live-search-form-field,
  html[dir="ltr"] .site-header-main .live-search input[type="text"],
  html[dir="ltr"] .site-header-main .live-search input[type="search"] {
    font-size: 16px !important;
    line-height: 1.2 !important;
    -webkit-text-size-adjust: 100% !important;
    touch-action: manipulation !important;
  }
}
/* TAMIMI FINAL: mobile search results same as collection product grid */
@media screen and (max-width: 719px) {
  body.template-search,
  body.template-search .site-main,
  body.template-search .search--section,
  body.template-search .productgrid--outer,
  body.template-search .productgrid--wrapper,
  body.template-search .productgrid--items {
    background: #f6f7f8 !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
  }

  /* Top search/filter area */
  body.template-search .productgrid--masthead {
    margin: 0 !important;
    padding: 12px 10px 10px !important;
    background: #f6f7f8 !important;
    border: 0 !important;
  }

  body.template-search .productgrid--masthead .search-form,
  body.template-search .productgrid--masthead form {
    margin: 0 0 10px !important;
  }

  body.template-search .productgrid--masthead input[type="search"],
  body.template-search .productgrid--masthead input[type="text"] {
    min-height: 44px !important;
    height: 44px !important;

    padding: 0 48px 0 14px !important;

    background: #ffffff !important;
    border: 1px solid rgba(32, 36, 44, 0.12) !important;
    border-radius: 12px !important;

    color: #20242c !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    line-height: 1 !important;

    box-shadow: none !important;
  }

  html[dir="rtl"] body.template-search .productgrid--masthead input[type="search"],
  html[dir="rtl"] body.template-search .productgrid--masthead input[type="text"] {
    padding: 0 14px 0 48px !important;
    direction: rtl !important;
  }

  body.template-search .productgrid--utils {
    min-height: 38px !important;
    margin: 0 !important;
    padding: 0 4px !important;

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

    background: transparent !important;
  }

  body.template-search .utils-filter-button {
    min-height: 36px !important;
    padding: 0 8px !important;

    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;

    color: #20242c !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;

    font-size: 14px !important;
    font-weight: 900 !important;
  }

  /* Product grid: exactly like collection mobile */
  body.template-search .productgrid--items {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;

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

    margin: 0 !important;
    padding: 8px !important;

    background: #f6f7f8 !important;
    box-sizing: border-box !important;
  }

  body.template-search .productgrid--item {
    flex: 0 0 calc(33.333% - 6px) !important;
    width: calc(33.333% - 6px) !important;
    max-width: calc(33.333% - 6px) !important;
    min-width: calc(33.333% - 6px) !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
    box-sizing: border-box !important;
  }

  body.template-search .productitem {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;

    height: auto !important;
    min-height: 0 !important;

    padding-bottom: 4px !important;

    background: #ffffff !important;
    border-radius: 14px !important;
    overflow: hidden !important;

    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.045) !important;

    box-sizing: border-box !important;
  }

  body.template-search .productitem__container {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;

    background: #ffffff !important;
    border-radius: inherit !important;
    overflow: hidden !important;
  }

  body.template-search .productitem--info {
    flex: 0 0 auto !important;
    margin: 0 !important;
    padding: 0 4px !important;
    text-align: center !important;
  }

  body.template-search .productitem--title,
  body.template-search .productitem--title a {
    font-size: 11.2px !important;
    font-weight: 950 !important;
    line-height: 1.22 !important;
    letter-spacing: 0 !important;

    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow: hidden !important;

    min-height: 27.4px !important;
    max-height: 27.4px !important;

    margin: 0 0 6px !important;
    padding: 0 !important;

    text-align: center !important;
  }

  html[dir="rtl"] body.template-search .productitem--title,
  html[dir="rtl"] body.template-search .productitem--title a {
    direction: rtl !important;
    unicode-bidi: plaintext !important;
    text-align: center !important;
  }

  body.template-search .productitem--price,
  body.template-search .price,
  body.template-search .price__current,
  body.template-search .price__current .money {
    font-size: 13px !important;
    line-height: 1.15 !important;
    font-weight: 900 !important;

    margin-bottom: -3px !important;
    text-align: center !important;
  }

  body.template-search .productitem--actions {
    margin-top: 2px !important;
    margin-bottom: 2px !important;
    padding-bottom: 0 !important;

    background: transparent !important;
    box-shadow: none !important;
    filter: none !important;
  }

  body.template-search .productitem--actions button,
  body.template-search .productitem--actions a,
  body.template-search .productitem--actions .button-primary,
  body.template-search .productitem--actions .productitem--action-trigger {
    margin-bottom: 0 !important;
    box-shadow: none !important;
    filter: none !important;
    text-shadow: none !important;
  }
}
/* TAMIMI FINAL: polished mobile search results search box */
@media screen and (max-width: 719px) {
  body.template-search .productgrid--masthead {
    padding: 18px 14px 14px !important;
    background: #f6f7f8 !important;
  }

  body.template-search .productgrid--masthead form,
  body.template-search .productgrid--masthead .search-form,
  body.template-search .productgrid--masthead .search-form__form,
  body.template-search .productgrid--masthead .form-field {
    position: relative !important;

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

    margin: 0 !important;
    padding: 0 !important;

    display: block !important;
    box-sizing: border-box !important;
  }

  body.template-search .productgrid--masthead input[type="search"],
  body.template-search .productgrid--masthead input[type="text"] {
    width: 100% !important;
    height: 48px !important;
    min-height: 48px !important;

    margin: 0 !important;

    color: #20242c !important;
    background: #ffffff !important;

    border: 1px solid rgba(32, 36, 44, 0.10) !important;
    border-radius: 18px !important;

    box-shadow: 0 6px 18px rgba(18, 72, 96, 0.06) !important;

    font-size: 16px !important;
    font-weight: 850 !important;
    line-height: 1 !important;

    outline: none !important;
    box-sizing: border-box !important;
  }

  html[dir="rtl"] body.template-search .productgrid--masthead input[type="search"],
  html[dir="rtl"] body.template-search .productgrid--masthead input[type="text"] {
    direction: rtl !important;
    text-align: right !important;
    padding: 0 18px 0 58px !important;
  }

  html[dir="ltr"] body.template-search .productgrid--masthead input[type="search"],
  html[dir="ltr"] body.template-search .productgrid--masthead input[type="text"] {
    direction: ltr !important;
    text-align: left !important;
    padding: 0 58px 0 18px !important;
  }

  body.template-search .productgrid--masthead button[type="submit"],
  body.template-search .productgrid--masthead .search-form__submit,
  body.template-search .productgrid--masthead .search-submit,
  body.template-search .productgrid--masthead .live-search-button {
    position: absolute !important;
    top: 50% !important;

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

    margin: 0 !important;
    padding: 0 !important;

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

    color: #ffffff !important;
    background: linear-gradient(180deg, #4eb5e7 0%, #238fc5 100%) !important;

    border: 1px solid rgba(255, 255, 255, 0.55) !important;
    border-radius: 14px !important;

    box-shadow:
      0 4px 10px rgba(18, 72, 96, 0.12),
      inset 0 1px 0 rgba(255, 255, 255, 0.30) !important;

    line-height: 0 !important;
    transform: translateY(-50%) !important;

    overflow: hidden !important;
    z-index: 3 !important;
  }

  html[dir="rtl"] body.template-search .productgrid--masthead button[type="submit"],
  html[dir="rtl"] body.template-search .productgrid--masthead .search-form__submit,
  html[dir="rtl"] body.template-search .productgrid--masthead .search-submit,
  html[dir="rtl"] body.template-search .productgrid--masthead .live-search-button {
    left: 4px !important;
    right: auto !important;
  }

  html[dir="ltr"] body.template-search .productgrid--masthead button[type="submit"],
  html[dir="ltr"] body.template-search .productgrid--masthead .search-form__submit,
  html[dir="ltr"] body.template-search .productgrid--masthead .search-submit,
  html[dir="ltr"] body.template-search .productgrid--masthead .live-search-button {
    right: 4px !important;
    left: auto !important;
  }

  body.template-search .productgrid--masthead button[type="submit"] svg,
  body.template-search .productgrid--masthead .search-form__submit svg,
  body.template-search .productgrid--masthead .search-submit svg,
  body.template-search .productgrid--masthead .live-search-button svg {
    width: 20px !important;
    height: 20px !important;

    display: block !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #ffffff !important;
    stroke: #ffffff !important;
  }

  body.template-search .productgrid--utils {
    margin-top: 12px !important;
    padding: 0 4px !important;
    justify-content: flex-start !important;
  }

  html[dir="rtl"] body.template-search .productgrid--utils {
    justify-content: flex-start !important;
    direction: rtl !important;
  }

  body.template-search .utils-filter-button {
    min-height: 34px !important;
    padding: 0 2px !important;

    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;

    color: #20242c !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;

    font-size: 15px !important;
    font-weight: 950 !important;
  }

  body.template-search .utils-filter-icon svg {
    width: 25px !important;
    height: 25px !important;
  }
}
/* TAMIMI FIX: center search icon in mobile search results button only */
@media screen and (max-width: 719px) {
  body.template-search .productgrid--search .productgrid--search-button {
    position: absolute !important;
    top: 50% !important;

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

    margin: 0 !important;
    padding: 0 !important;

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

    transform: translateY(-50%) !important;
    line-height: 0 !important;
    overflow: hidden !important;
  }

  html[dir="rtl"] body.template-search .productgrid--search .productgrid--search-button {
    left: 4px !important;
    right: auto !important;
  }

  html[dir="ltr"] body.template-search .productgrid--search .productgrid--search-button {
    right: 4px !important;
    left: auto !important;
  }

  body.template-search .productgrid--search .productgrid--search-button .search-icon,
  body.template-search .productgrid--search .productgrid--search-button .search-icon--inactive {
    position: absolute !important;
    inset: 0 !important;

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

    margin: 0 !important;
    padding: 0 !important;

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

    line-height: 0 !important;
    transform: none !important;
  }

  body.template-search .productgrid--search .productgrid--search-button .search-icon--active {
    display: none !important;
  }

  body.template-search .productgrid--search .productgrid--search-button svg {
    position: static !important;

    width: 20px !important;
    height: 20px !important;

    margin: 0 !important;
    padding: 0 !important;

    display: block !important;

    transform: none !important;

    color: #ffffff !important;
    stroke: #ffffff !important;
  }
}
/* TAMIMI FIX: desktop product add-to-cart button clarity only */
@media screen and (min-width: 1024px) {
  .productitem--actions {
    opacity: 1 !important;
    filter: none !important;
    box-shadow: none !important;
  }

  .productitem--actions .productitem--action-trigger:not(.disabled):not([disabled]),
  .productitem--actions .button-primary:not(.disabled):not([disabled]),
  .productitem--actions button:not(.disabled):not([disabled]) {
    opacity: 1 !important;
    filter: none !important;

    color: #ffffff !important;
    background: #2cabe3 !important;
    border: 1px solid #2cabe3 !important;
    border-radius: 10px !important;

    box-shadow: none !important;
    text-shadow: none !important;

    font-weight: 850 !important;
  }

  .productitem--actions .productitem--action-trigger:not(.disabled):not([disabled]):hover,
  .productitem--actions .button-primary:not(.disabled):not([disabled]):hover,
  .productitem--actions button:not(.disabled):not([disabled]):hover {
    color: #ffffff !important;
    background: #239bd0 !important;
    border-color: #239bd0 !important;

    box-shadow: none !important;
    filter: none !important;
    transform: none !important;
  }

  .productitem--actions .productitem--action-trigger.disabled,
  .productitem--actions .productitem--action-trigger[disabled],
  .productitem--actions .button-primary.disabled,
  .productitem--actions .button-primary[disabled],
  .productitem--actions button.disabled,
  .productitem--actions button[disabled] {
    opacity: 0.45 !important;
    filter: grayscale(0.15) !important;
    box-shadow: none !important;
  }
}
/* TAMIMI FINAL: product page related + recently viewed same premium cards */
body.template-product .product-recommendations--section,
body.template-product .recently-viewed--section {
  width: 100% !important;
  margin: 0 !important;
  background: #eceff1 !important;
  box-sizing: border-box !important;
}

body.template-product .product-recommendations--container,
body.template-product .product-recently-viewed--section {
  background: #eceff1 !important;
  box-sizing: border-box !important;
}

body.template-product .product-recommendations--title,
body.template-product .product-recently-viewed__heading {
  color: #20242c !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  text-transform: none !important;
}

body.template-product .product-recently-viewed__clear {
  display: none !important;
}

body.template-product .product-recommendations--section .productitem,
body.template-product .recently-viewed--section .productitem {
  background: #ffffff !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  border-radius: 14px !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.045) !important;
  overflow: hidden !important;
}

body.template-product .product-recommendations--section .productitem--title,
body.template-product .product-recommendations--section .productitem--title a,
body.template-product .recently-viewed--section .productitem--title,
body.template-product .recently-viewed--section .productitem--title a {
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  overflow: hidden !important;

  font-weight: 900 !important;
  line-height: 1.35 !important;
  text-align: center !important;
  letter-spacing: 0 !important;
}

/* Desktop */
@media screen and (min-width: 720px) {
  body.template-product .product-recommendations--section,
  body.template-product .recently-viewed--section {
    padding: 34px 24px 42px !important;
  }

  body.template-product .product-recommendations--container,
  body.template-product .product-recently-viewed__wrapper {
    max-width: 1240px !important;
    margin: 0 auto !important;
    padding: 0 !important;
  }

  body.template-product .product-recommendations--title,
  body.template-product .product-recently-viewed__heading {
    margin: 0 0 22px !important;
    font-size: 28px !important;
    line-height: 1.2 !important;
  }

  body.template-product .product-recommendations--section .product-row,
  body.template-product .recently-viewed--section .product-recently-viewed__content {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 18px !important;

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

    margin: 0 auto !important;
    padding: 0 4px 8px !important;

    overflow-x: auto !important;
    overflow-y: hidden !important;

    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch !important;
  }

  body.template-product .product-recommendations--section .product-row::-webkit-scrollbar,
  body.template-product .recently-viewed--section .product-recently-viewed__content::-webkit-scrollbar {
    display: none !important;
  }

  body.template-product .product-recommendations--section .productgrid--item,
  body.template-product .recently-viewed--section .productgrid--item {
    flex: 0 0 220px !important;
    width: 220px !important;
    min-width: 220px !important;
    max-width: 220px !important;
    margin: 0 !important;
    padding: 0 !important;
    scroll-snap-align: start !important;
  }

  body.template-product .product-recommendations--section .productitem--title,
  body.template-product .product-recommendations--section .productitem--title a,
  body.template-product .recently-viewed--section .productitem--title,
  body.template-product .recently-viewed--section .productitem--title a {
    min-height: 2.7em !important;
    max-height: 2.7em !important;
    font-size: 14px !important;
  }
}

/* Mobile */
@media screen and (max-width: 719px) {
  body.template-product .product-recommendations--section,
  body.template-product .recently-viewed--section {
    padding: 22px 0 24px !important;
  }

  body.template-product .product-recommendations--title,
  body.template-product .product-recently-viewed__heading {
    margin: 0 0 12px !important;
    font-size: 22px !important;
    line-height: 1.2 !important;
  }

  body.template-product .product-recommendations--section .product-row,
  body.template-product .recently-viewed--section .product-recently-viewed__content {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;

    width: 100% !important;
    margin: 0 !important;
    padding: 0 10px 6px !important;

    overflow-x: auto !important;
    overflow-y: hidden !important;

    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch !important;
  }

  body.template-product .product-recommendations--section .product-row::-webkit-scrollbar,
  body.template-product .recently-viewed--section .product-recently-viewed__content::-webkit-scrollbar {
    display: none !important;
  }

  body.template-product .product-recommendations--section .productgrid--item,
  body.template-product .recently-viewed--section .productgrid--item {
    flex: 0 0 30.5% !important;
    width: 30.5% !important;
    min-width: 30.5% !important;
    max-width: 30.5% !important;
    margin: 0 !important;
    padding: 0 !important;
    scroll-snap-align: start !important;
  }

  body.template-product .product-recommendations--section .productitem,
  body.template-product .recently-viewed--section .productitem {
    border-radius: 14px !important;
    padding-bottom: 4px !important;
  }

  body.template-product .product-recommendations--section .productitem--title,
  body.template-product .product-recommendations--section .productitem--title a,
  body.template-product .recently-viewed--section .productitem--title,
  body.template-product .recently-viewed--section .productitem--title a {
    min-height: 27px !important;
    max-height: 27px !important;
    font-size: 11px !important;
    line-height: 1.22 !important;
    font-weight: 950 !important;
  }
}
/* TAMIMI FINAL: product page recommendations + recently viewed match collection recently viewed */

/* Shared product page sections */
body.template-product .product-recommendations--section,
body.template-product .recently-viewed--section,
body.template-product .product-recommendations--container,
body.template-product .product-recently-viewed--section,
body.template-product .product-recently-viewed__wrapper {
  background: #eceff1 !important;
  box-sizing: border-box !important;
}

/* Hide actions to match collection recently viewed design */
body.template-product .product-recommendations--section .productitem--actions {
  display: none !important;
}

/* Headings */
body.template-product .product-recommendations--title,
body.template-product .product-recently-viewed__heading {
  color: #20242c !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
  line-height: 1.2 !important;
  text-align: center !important;
  text-transform: none !important;
}

body.template-product .product-recently-viewed__header {
  display: block !important;
  text-align: center !important;
}

body.template-product .product-recently-viewed__clear {
  display: none !important;
}

/* Card look */
body.template-product .product-recommendations--section .productitem,
body.template-product .recently-viewed--section .productitem {
  background: #ffffff !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.045) !important;
}

body.template-product .product-recommendations--section .productitem__container,
body.template-product .recently-viewed--section .productitem__container {
  background: #ffffff !important;
  border-radius: inherit !important;
  overflow: hidden !important;
}

body.template-product .product-recommendations--section .productitem--title,
body.template-product .product-recommendations--section .productitem--title a,
body.template-product .recently-viewed--section .productitem--title,
body.template-product .recently-viewed--section .productitem--title a {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;

  overflow: hidden !important;

  color: #20242c !important;
  font-weight: 900 !important;
  line-height: 1.4 !important;
  text-align: center !important;
  text-decoration: none !important;
  letter-spacing: 0 !important;
}

body.template-product .product-recommendations--section .productitem--price,
body.template-product .product-recommendations--section .price,
body.template-product .recently-viewed--section .productitem--price,
body.template-product .recently-viewed--section .price {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: baseline !important;
  justify-content: center !important;
  gap: 2px !important;

  white-space: nowrap !important;
  overflow: hidden !important;
  direction: ltr !important;
}

/* Desktop: same as collection recently viewed */
@media screen and (min-width: 720px) {
  body.template-product .product-recommendations--section,
  body.template-product .recently-viewed--section {
    margin-top: 42px !important;
    padding: 32px 24px 38px !important;
  }

  body.template-product .product-recommendations--container,
  body.template-product .product-recently-viewed__wrapper {
    max-width: none !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
  }

  body.template-product .product-recommendations--title,
  body.template-product .product-recently-viewed__heading {
    margin: 0 0 24px !important;
    font-size: 28px !important;
  }

  body.template-product .product-recommendations--section .product-row,
  body.template-product .recently-viewed--section .product-recently-viewed__content {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;

    width: auto !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 20px !important;

    overflow-x: auto !important;
    overflow-y: hidden !important;

    gap: 0 !important;
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch !important;
  }

  body.template-product .product-recommendations--section .product-row::-webkit-scrollbar,
  body.template-product .recently-viewed--section .product-recently-viewed__content::-webkit-scrollbar {
    display: none !important;
  }

  body.template-product .product-recommendations--section .productgrid--item,
  body.template-product .recently-viewed--section .productgrid--item,
  body.template-product .recently-viewed--section .product-recently-viewed-card {
    flex: 0 0 220px !important;
    width: 220px !important;
    min-width: 220px !important;
    max-width: 220px !important;

    margin: 0 10px !important;
    padding: 0 !important;

    background: transparent !important;
    scroll-snap-align: start !important;
  }

  body.template-product .product-recommendations--section .productitem--title,
  body.template-product .product-recommendations--section .productitem--title a,
  body.template-product .recently-viewed--section .productitem--title,
  body.template-product .recently-viewed--section .productitem--title a {
    min-height: 2.8em !important;
    max-height: 2.8em !important;
    font-size: 14px !important;
  }
}

/* Mobile: same as collection recently viewed */
@media screen and (max-width: 719px) {
  body.template-product .product-recommendations--section,
  body.template-product .recently-viewed--section {
    width: 100vw !important;
    max-width: 100vw !important;

    margin-top: 0 !important;
    margin-bottom: 0 !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;

    padding: 18px 0 18px !important;
    background: #eef0f2 !important;
    overflow: hidden !important;
  }

  body.template-product .product-recommendations--container,
  body.template-product .product-recently-viewed__wrapper {
    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 10px !important;

    background: #eef0f2 !important;
  }

  body.template-product .product-recommendations--title,
  body.template-product .product-recently-viewed__heading {
    margin: 0 0 8px !important;
    padding: 0 !important;

    font-size: 22px !important;
  }

  body.template-product .product-recommendations--section .product-row,
  body.template-product .recently-viewed--section .product-recently-viewed__content {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;

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

    margin: 0 !important;
    padding: 0 !important;

    overflow-x: auto !important;
    overflow-y: hidden !important;

    gap: 0 !important;
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch !important;
  }

  body.template-product .product-recommendations--section .product-row::-webkit-scrollbar,
  body.template-product .recently-viewed--section .product-recently-viewed__content::-webkit-scrollbar {
    display: none !important;
  }

  body.template-product .product-recommendations--section .productgrid--item,
  body.template-product .recently-viewed--section .productgrid--item,
  body.template-product .recently-viewed--section .product-recently-viewed-card {
    flex: 0 0 30.5% !important;
    width: 30.5% !important;
    min-width: 30.5% !important;
    max-width: 30.5% !important;

    margin-inline: 6px !important;
    padding: 0 !important;

    background: transparent !important;
    scroll-snap-align: start !important;
  }

  body.template-product .product-recommendations--section .productitem,
  body.template-product .recently-viewed--section .productitem {
    border-radius: 14px !important;
  }

  body.template-product .product-recommendations--section .productitem--price,
  body.template-product .product-recommendations--section .price,
  body.template-product .recently-viewed--section .productitem--price,
  body.template-product .recently-viewed--section .price {
    width: calc(100% + 18px) !important;
    max-width: calc(100% + 18px) !important;
    min-width: calc(100% + 18px) !important;

    margin-left: -9px !important;
    margin-right: -9px !important;
    padding: 0 2px !important;
  }

  body.template-product .product-recommendations--section .price__current,
  body.template-product .product-recommendations--section .price__current .money,
  body.template-product .recently-viewed--section .price__current,
  body.template-product .recently-viewed--section .price__current .money {
    font-size: 9.5px !important;
    line-height: 1.1 !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
  }

  body.template-product .product-recommendations--section .price__compare-at,
  body.template-product .product-recommendations--section .price__compare-at .money,
  body.template-product .recently-viewed--section .price__compare-at,
  body.template-product .recently-viewed--section .price__compare-at .money {
    font-size: 7px !important;
    line-height: 1.1 !important;
    color: #949494 !important;
    white-space: nowrap !important;
  }
}
/* TAMIMI FINAL: product page mobile sliders for related + recently viewed */
@media screen and (max-width: 719px) {
  body.template-product .product-recommendations--section,
  body.template-product .recently-viewed--section {
    width: 100vw !important;
    max-width: 100vw !important;

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

    overflow: hidden !important;
    background: #eef0f2 !important;
    box-sizing: border-box !important;
  }

  body.template-product .product-recommendations--container,
  body.template-product .product-recently-viewed__wrapper {
    width: 100% !important;
    max-width: 100% !important;

    margin: 0 auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;

    overflow: hidden !important;
    background: #eef0f2 !important;
    box-sizing: border-box !important;
  }

  body.template-product .product-recommendations--section .product-row,
  body.template-product .recently-viewed--section .product-recently-viewed__content {
    width: 100% !important;
    max-width: 100% !important;

    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;

    gap: 10px !important;

    margin: 0 !important;
    padding: 0 12px 10px !important;

    overflow-x: auto !important;
    overflow-y: hidden !important;

    scroll-snap-type: x mandatory !important;
    scroll-padding-inline: 12px !important;
    -webkit-overflow-scrolling: touch !important;

    overscroll-behavior-x: contain !important;

    box-sizing: border-box !important;
  }

  body.template-product .product-recommendations--section .product-row::-webkit-scrollbar,
  body.template-product .recently-viewed--section .product-recently-viewed__content::-webkit-scrollbar {
    display: none !important;
  }

  body.template-product .product-recommendations--section .productgrid--item,
  body.template-product .recently-viewed--section .productgrid--item,
  body.template-product .recently-viewed--section .product-recently-viewed-card {
    flex: 0 0 calc((100vw - 44px) / 3) !important;
    width: calc((100vw - 44px) / 3) !important;
    min-width: calc((100vw - 44px) / 3) !important;
    max-width: calc((100vw - 44px) / 3) !important;

    margin: 0 !important;
    padding: 0 !important;

    scroll-snap-align: start !important;
    box-sizing: border-box !important;
  }

  body.template-product .recently-viewed--section .flickity-viewport,
  body.template-product .recently-viewed--section .flickity-slider {
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
  }

  body.template-product .recently-viewed--section .flickity-slider {
    display: flex !important;
    gap: 10px !important;
  }

  body.template-product .recently-viewed--section .flickity-slider .productgrid--item,
  body.template-product .recently-viewed--section .flickity-slider .product-recently-viewed-card {
    left: auto !important;
    position: relative !important;
    margin: 0 !important;
  }

  body.template-product .product-recommendations--section .productitem,
  body.template-product .recently-viewed--section .productitem {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
  }
}
/* TAMIMI FIX: product related products desktop contained width only */
@media screen and (min-width: 1024px) {
  body.template-product .product-recommendations--section {
    width: 100% !important;
    max-width: none !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    padding-left: 0 !important;
    padding-right: 0 !important;

    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  body.template-product .product-recommendations--container {
    width: 100% !important;
    max-width: 1240px !important;

    margin-left: auto !important;
    margin-right: auto !important;

    padding-left: 24px !important;
    padding-right: 24px !important;

    box-sizing: border-box !important;
  }

  body.template-product .product-recommendations--section .product-row {
    width: 100% !important;
    max-width: 100% !important;

    margin-left: auto !important;
    margin-right: auto !important;

    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 22px !important;

    overflow: visible !important;
    box-sizing: border-box !important;
  }

  body.template-product .product-recommendations--section .productgrid--item {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;

    margin: 0 !important;
  }
}
/* TAMIMI FIX: mobile product recently viewed scroll without side blanks */
@media screen and (max-width: 719px) {
  body.template-product .recently-viewed--section {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    padding: 18px 0 22px !important;
    overflow: hidden !important;
    background: #eef0f2 !important;
    box-sizing: border-box !important;
  }

  body.template-product .recently-viewed--section .product-recently-viewed__wrapper {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  body.template-product .recently-viewed--section .product-recently-viewed__content {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  body.template-product .recently-viewed--section .flickity-viewport {
    overflow: hidden !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  body.template-product .recently-viewed--section .flickity-slider {
    touch-action: pan-y pan-x !important;
  }

  body.template-product .recently-viewed--section .productgrid--item,
  body.template-product .recently-viewed--section .product-recently-viewed-card {
    width: calc((100vw - 42px) / 3) !important;
    min-width: calc((100vw - 42px) / 3) !important;
    max-width: calc((100vw - 42px) / 3) !important;

    margin-left: 4px !important;
    margin-right: 4px !important;

    box-sizing: border-box !important;
  }

  body.template-product .recently-viewed--section .productitem {
    width: 100% !important;
    max-width: 100% !important;
  }

  body.template-product .recently-viewed--section .flickity-page-dots {
    display: none !important;
  }
}


/* TAMIMI CUSTOM FINAL END */