/* Safqa Amazon CSS Bundle - Auto-generated */
/* ── amazon_header_footer.css ── */
/* ============================================================
   SAFQA — Amazon-Style Header & Footer  v6
   Minimal, surgical overrides only on header/footer zones.
   NO broad .tygh-header a/span rules — target only the
   specific elements that need Amazon colors.
   ============================================================ */

:root {
  --amazon-dark:   #131921;
  --amazon-nav:    #232f3e;
  --amazon-mid:    #37475a;
  --amazon-yellow: #febd69;
  --amazon-hover:  #f3a847;
}

/* ── TRUST BAR ──────────────────────────────────────────────── */
.safqa-trust-bar {
  background: var(--amazon-nav) !important;
  color: #ccc;
  font-size: 13px;
  text-align: center;
  padding: 6px 16px;
  border-bottom: 1px solid var(--amazon-mid);
}
.safqa-trust-bar__inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0 24px;
}
.safqa-trust-item {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: #ccc;
  white-space: nowrap;
}
.safqa-trust-item__icon { font-size: 14px; }

/* ── TOP PANEL ─────────────────────────────────────────────── */
.tygh-top-panel {
  background: var(--amazon-dark) !important;
  border-bottom: none !important;
}
/* Only text-link elements directly in top panel — not dropdowns */
.tygh-top-panel > [class*=container] .ty-text-links__a,
.tygh-top-panel > [class*=container] .ty-geo-maps__geolocation__opener,
.tygh-top-panel > [class*=container] .ty-geo-maps__geolocation__opener-text {
  color: #ccc !important;
}
.tygh-top-panel > [class*=container] .ty-text-links__a:hover { color: #fff !important; }

/* ── HEADER BACKGROUND ONLY ─────────────────────────────────── */
/* Sets background without touching any text/links */
.tygh-header,
#tygh_main_container .tygh-header,
body.floating-header #tygh_main_container .tygh-header,
body.fixed-header   #tygh_main_container .tygh-header {
  background: var(--amazon-dark) !important;
  border-bottom: none !important;
  box-shadow: none !important;
}

/* Row 1 (logo + search) */
.tygh-header > [class*=container] > div:nth-child(1) {
  background: var(--amazon-dark) !important;
}
/* Row 2 (nav bar) — Safqa_Amazon.less already compiles this correctly */
body #tygh_main_container .tygh-header > [class*=container] > div:nth-child(2) {
  background: var(--amazon-nav) !important;
}

/* ── SPECIFIC HEADER ELEMENTS (no broad a/span rules) ───────── */
/* Logo area */
.tygh-header .ty-logo-container a { color: inherit !important; }

/* Cart icon count badge */
.ty-minicart-count {
  background: var(--amazon-yellow) !important;
  color: var(--amazon-dark) !important;
}
/* Cart/account icon text — only the label spans, not dropdowns */
.tygh-header .ty-minicart-title { color: #fff !important; }
.tygh-header .ut2-top-my-account > a > span,
.tygh-header .ut2-top-compared-products > a > span,
.tygh-header .ut2-top-wishlist-count > a > span { color: #fff !important; }

/* ── SEARCH ─────────────────────────────────────────────────── */
.tygh-header .ty-search-block__input {
  background: #fff !important;
  color: #0f1111 !important;
  border: 2px solid var(--amazon-yellow) !important;
}
.tygh-header .ty-search-magnifier,
.tygh-header .ut2-btn-search {
  background: var(--amazon-yellow) !important;
  color: var(--amazon-dark) !important;
  border: 2px solid var(--amazon-yellow) !important;
}
.tygh-header .ty-search-magnifier:hover,
.tygh-header .ut2-btn-search:hover {
  background: var(--amazon-hover) !important;
}

/* ── NAV BAR — scoped to row 2 div only (never matches sidebar) ── */
/* div:nth-child(2) is the nav bar row; sidebar is in .ut2-sw-w outside this div */
.tygh-header > [class*=container] > div:nth-child(2) .ut2-fm > .ut2-fmw > .ut2-lfl > p > a,
.tygh-header > [class*=container] > div:nth-child(2) .ut2-fm > .ut2-fmw > .ut2-lfl > p > a > span {
  color: #fff !important;
}
/* Nav item hover — Amazon mid-tone pill, row 2 only */
.tygh-header > [class*=container] > div:nth-child(2) .ut2-fm > .ut2-fmw > .ut2-lfl:hover > p,
.tygh-header > [class*=container] > div:nth-child(2) .ut2-fm > .ut2-fmw > .ut2-lfl.open > p {
  background: var(--amazon-mid) !important;
  border-radius: 3px;
}

/* Flyout dropdown panel — white background */
.tygh-header .ut2-lfl > div {
  background-color: #fff !important;
  box-shadow: 0 6px 20px rgba(0,0,0,0.18) !important;
}

/* Flyout panel text — dark on white (UT2's --color-link is teal, override it) */
/* Column header links — dark bold, like Amazon's mega-menu headings */
.tygh-header .ut2-lfl > div .ut2-lsl > p > a,
.tygh-header .ut2-lfl > div .ut2-lsl > p > span {
  color: #0f1111 !important;
  font-weight: 700 !important;
}
/* Sub-item links inside flyout columns */
.tygh-header .ut2-lfl > div .ut2-lsl li > a,
.tygh-header .ut2-lfl > div .ut2-lsl ul > li > a {
  color: #0f1111 !important;
  font-weight: normal !important;
}
/* Hover — Amazon orange-brown */
.tygh-header .ut2-lfl > div .ut2-lsl a:hover {
  color: #c7511f !important;
  text-decoration: underline !important;
}
/* "See more" / المزيد — Amazon teal for secondary action links */
.tygh-header .ut2-lfl > div .ut2-see-more,
.tygh-header .ut2-lfl > div .ut2-see-more a,
.tygh-header .ut2-lfl > div p > a[href*="categories"],
.tygh-header .ut2-lfl > div .ut2-lsl > p + a {
  color: #007185 !important;
  font-weight: normal !important;
}

/* ── FOOTER ─────────────────────────────────────────────────── */
.ty-footer-grid,
.container-fluid.ty-footer-grid {
  background: var(--amazon-nav) !important;
}
.ty-footer-grid h3,
.ty-footer-grid h4,
.ty-footer-grid .ty-footer-general__header { color: #fff !important; }
.ty-footer-grid a,
.ty-footer-menu a { color: #ddd !important; }
.ty-footer-grid a:hover,
.ty-footer-menu a:hover { color: #fff !important; }

/* ── FOOTER FULL-WIDTH FIX ──────────────────────────────────── */
/* Remove container padding so footer zones are truly edge-to-edge */
.ty-footer-grid.container-fluid {
  padding-left: 0 !important;
  padding-right: 0 !important;
  max-width: none !important;
}

/* ── BACK TO TOP ─────────────────────────────────────────────── */
.amazon-back-to-top,
.amazon-back-to-top .row-fluid,
.amazon-back-to-top .span16,
.amazon-back-to-top .ty-wysiwyg-content {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  display: block !important;
  background: var(--amazon-mid) !important;
}
.amazon-back-to-top a {
  display: block !important;
  background: var(--amazon-mid) !important;
  color: #fff !important;
  text-align: center !important;
  padding: 14px 0 !important;
  font-size: 13px !important;
  text-decoration: none !important;
  cursor: pointer !important;
  width: 100% !important;
}
.amazon-back-to-top a:hover { background: #485769 !important; }

/* ── FOOTER COLUMNS ─────────────────────────────────────────── */
.ty-footer-menu.b-top,
.ty-footer-menu.b-top .row-fluid,
.ty-footer-menu.b-top > .row-fluid > .span16 {
  background: var(--amazon-nav) !important;
  width: 100% !important;
  margin: 0 !important;
  float: none !important;
  display: block !important;
  box-sizing: border-box !important;
}
/* Footer columns — Amazon-style: max 1200px centered, 4 tight columns */
.ty-footer-menu.b-top > .row-fluid > .span16 > .row-fluid {
  display: flex !important;
  justify-content: flex-start !important;
  flex-wrap: nowrap !important;
  gap: 0 !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 36px 20px 28px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
.ty-footer-menu.b-top .span4 {
  width: 25% !important;
  flex: 0 0 25% !important;
  float: none !important;
  box-sizing: border-box !important;
  padding-inline-end: 20px !important;
}
.ty-footer-menu.b-top .span4 .ty-float-left {
  float: none !important;
  width: 100% !important;
}
.ty-footer-menu.b-top h3,
.ty-footer-menu.b-top h4 {
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  margin: 0 0 10px !important;
}
.ty-footer-menu.b-top ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.ty-footer-menu.b-top li a,
.ty-footer-menu.b-top a {
  color: #ccc !important;
  font-size: 13px !important;
  line-height: 2 !important;
  display: block !important;
  text-decoration: none !important;
}
.ty-footer-menu.b-top li a:hover,
.ty-footer-menu.b-top a:hover { color: #fff !important; }

/* Language/currency mid bar — centered, max 1200px */
.amazon-footer-mid .ty-wysiwyg-content > div {
  text-align: center !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
  /* Fix: the inline HTML uses display:inline-flex for the switcher row —
     don't override display on the wysiwyg content wrapper */
  display: block !important;
}
/* The inner switcher row (inline-flex div with language buttons) must stay inline-flex */
.amazon-footer-mid .ty-wysiwyg-content > div > div {
  display: block !important;
}
.amazon-footer-mid .ty-wysiwyg-content > div > div > div[style*="inline-flex"] {
  display: inline-flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 10px !important;
}
/* Each switcher button/link */
.amazon-footer-mid .ty-wysiwyg-content a[style*="border"],
.amazon-footer-mid .ty-wysiwyg-content span[style*="border"] {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  border: 1px solid #848484 !important;
  border-radius: 3px !important;
  padding: 6px 12px !important;
  color: #ccc !important;
  font-size: 12px !important;
  text-decoration: none !important;
  transition: border-color .15s !important;
  background: transparent !important;
}
.amazon-footer-mid .ty-wysiwyg-content a[style*="border"]:hover {
  border-color: #fff !important;
  color: #fff !important;
}

/* Back to top — center text, full-width */
.amazon-back-to-top .ty-wysiwyg-content a,
.amazon-back-to-top a[onclick] {
  text-align: center !important;
  display: block !important;
  width: 100% !important;
}

/* ── FOOTER MID (language/currency) ─────────────────────────── */
.amazon-footer-mid,
.amazon-footer-mid .row-fluid,
.amazon-footer-mid .span16,
.amazon-footer-mid .ty-wysiwyg-content {
  background: var(--amazon-nav) !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  display: block !important;
}

/* ── COPYRIGHT BAR ───────────────────────────────────────────── */
.footer-copyright,
.ty-footer-grid__full-width.footer-copyright,
.ty-footer-grid .container-fluid-row:last-child,
.ty-footer-grid .container-fluid-row:last-child .row-fluid,
.footer-copyright .row-fluid,
.footer-copyright .span16,
.footer-copyright .span24,
.footer-copyright .ty-float-left,
.footer-copyright .ty-wysiwyg-content,
.footer-copyright .ty-wysiwyg-content > div {
  background: var(--amazon-dark) !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  display: block !important;
  box-sizing: border-box !important;
  max-width: none !important;
}
.footer-copyright .ty-wysiwyg-content > div {
  padding: 15px 20px !important;
  text-align: center !important;
  border-top: 1px solid #3a4553 !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
  box-sizing: border-box !important;
}
.footer-copyright,
.footer-copyright a,
.footer-copyright span,
.footer-copyright p { color: #999 !important; }
.footer-copyright a { font-size: 12px !important; text-decoration: none !important; margin: 0 8px !important; }
.footer-copyright a:hover { color: #fff !important; }

/* Float fix for footer-mid and copyright inner divs */
.amazon-footer-mid .ty-float-left,
.amazon-footer-mid .span16,
.footer-copyright .ty-float-left,
.footer-copyright .span16,
.footer-copyright .span24 {
  float: none !important;
  display: block !important;
  width: 100% !important;
  text-align: center !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Override max-width constraint inside footer full-width rows */
.ty-footer-grid .container-fluid-row-full-width > .row-fluid,
.ty-footer-grid .container-fluid-row > .row-fluid,
.amazon-back-to-top > .row-fluid,
.ty-footer-menu.b-top > .row-fluid,
.amazon-footer-mid > .row-fluid,
.footer-copyright > .row-fluid {
  max-width: none !important;
  width: 100% !important;
  margin: 0 !important;
}

body { font-family: "Inter", "Amazon Ember", Arial, sans-serif !important; }


/* ── FIX: GLOBAL PAGE SPACING GAPS ─────────────────────────────────────────
   Sources identified from compiled standalone CSS:
   1. html { padding: var(--gap-s) 0 }   → white strip above header
   2. .container-fluid-row > .row-fluid { padding-inline: var(--gap) }
      where --gap = 16px  → 16px side gaps inside every content row
   3. --fluidContainerPadding = var(--gap-l) = 32px → extra side padding var
   4. .tygh-content > div { padding-bottom: 40px } → gap before footer
   5. .footer-content-grid { margin: 30px 0px }    → gap inside footer
   6. Empty .container-fluid-row skeletons above footer inherit UT2 row gap
   ─────────────────────────────────────────────────────────────────────────── */

/* 1. Kill UT2's html padding — removes white strip above header */
html {
    padding: 0 !important;
}

/* 2+3. Side padding: handled by amazon_product_listing.css container rules.
   The row-fluid padding-inline is reset there to 0 (padding moves to container-fluid-row).
   Here we only ensure header/top-panel rows keep a reasonable gutter. */
.tygh-header .container-fluid-row > .row-fluid,
.tygh-top-panel .container-fluid-row > .row-fluid {
    padding-inline: 12px !important;
}

/* 4. Kill content bottom padding — removes gap between last block and footer */
.tygh-content > div {
    padding-bottom: 0 !important;
}

/* 5. Tighten footer-content-grid margin */
.footer-content-grid {
    margin: 0 !important;
    padding: 20px 0 0 !important;
}

/* -- FIX: SPACING BELOW HEADER ------------------------------- */
.tygh-header { margin-bottom: 0 !important; }
.tygh-content { padding-top: 0 !important; }
.ty-breadcrumbs { margin-top: 0 !important; padding-top: 15px !important; margin-bottom: 5px !important; }

/* -- FIX: GRID BLEED IN CATEGORY PAGES ------------------------------- */
.grid-list .ut2-gl__item { height: auto !important; min-height: 100% !important; }
.grid-list .ut2-gl__body { height: 100% !important; min-height: 100% !important; background: #fff !important; }

.tygh-content { background-color: #fff !important; }
.cat-content-grid { padding-top: 0 !important; }

/* ── Hide empty sticky filter bar ─────────────────────────────────────────
   Use .ut2-hidden-sticky-panel class added by JS instead of :has() selectors
   which cause forced layout recalculations and browser freezes.             */
.top-sticky-panel__filters:empty { display: none !important; }
.top-sticky-panel__filters.ut2-hidden-sticky-panel {
    height: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    overflow: hidden !important;
    background: transparent !important;
}


/* ── amazon_product_listing.css ── */
/* ============================================================
   SAFQA — Amazon-Style Category / Product Listing Page  v1
   Targets: .ut2-gl__* product grid cards on category pages
   Goals:
     - White card on white/light page background (no grey)
     - Image fills card edge-to-edge, no white padding/border
     - Subtle card shadow + hover lift (professional depth)
     - Amazon-style add-to-cart button
     - Clean price / title typography
   ============================================================ */

/* ── PAGE BACKGROUND ─────────────────────────────────────── */
/* Replace the dull grey #f3f4f4 with a very light warm white */
.tygh-main,
#tygh_main_container .tygh-main {
  background: #f8f8f8 !important;
}

/* Grid list inside main-content-grid must not overflow */
.main-content-grid .grid-list,
.main-content-grid .ut2-load-more-wrap {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow: visible !important;
}
.main-content-grid .grid-list .ut2-gl__wrap,
.main-content-grid .grid-list > div[id*="pagination"]:not(.ut2-load-more-container) {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* ── FULL-WIDTH LAYOUT: Override UT2's 1500px max-width cap ─────────────
   UT2 compiles:
     - .container-fluid-row { max-width:1500px; margin:0 auto }
     - .tygh-header > container > div:nth-child(1) { max-width:var(--fluid-container-_max-width_-calc) }
     - .tygh-top-panel > container > div { max-width:var(--fluid-container-_max-width_-calc) }
   On a 2560px monitor this creates ~530px of white/grey side gutter.
   Fix: use CSS variable overrides that cascade into ALL compiled rules simultaneously.
   ─────────────────────────────────────────────────────────────────────── */
/* CSS custom properties ignore !important — override via direct rules only.
   All elements using these vars are targeted explicitly below. */

/* Belt-and-suspenders: also directly override max-width on all container rows */
.container-fluid-row {
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-inline: 10px !important;
}
/* Header and top-panel inner divs also use max-width:var(--fluid-container-_max-width_-calc) */
.tygh-header > [class*=container] > div,
.tygh-top-panel > [class*=container] > div {
    max-width: 100% !important;
}
/* Full-width rows: edge-to-edge */
.container-fluid-row-full-width,
.container-fluid-row.container-fluid-row-full-width {
    max-width: 100% !important;
    padding-inline: 0 !important;
}
/* row-fluid inside rows: no extra padding */
.container-fluid-row > .row-fluid {
    padding-inline: 0 !important;
    max-width: 100% !important;
}
.container-fluid-row-full-width > .row-fluid {
    padding-inline: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 !important;
}
/* no-limit rows: edge-to-edge (hero banners etc) */
.container-fluid-row-no-limit,
.container-fluid-row.container-fluid-row-no-limit {
    max-width: 100% !important;
    padding-inline: 0 !important;
}
.container-fluid-row-no-limit > .row-fluid {
    padding-inline: 0 !important;
}
/* span16 inside no-limit WITHOUT a banner: add 10px content gutter */
.container-fluid > .container-fluid-row.container-fluid-row-no-limit > .row-fluid > [class="span16"]:not(:has(.ut2-banner)):not(:has(.banners)) {
    padding-inline: 10px !important;
}
/* .container-fluid itself: full viewport */
.container-fluid,
.container-fluid.content-grid,
.container-fluid.ty-footer-grid {
    max-width: 100% !important;
    width: 100% !important;
}

/* ── PRODUCT GRID WRAPPER ────────────────────────────────── */
.grid-list {
  gap: 12px;
}

/* ── RESPONSIVE AUTO-FILL COLUMNS (Amazon style) ─────────────
   Two layout contexts:
   A) WITH sidebar: span9.main-content-grid beside span7.side-grid
      → max 4 columns at all breakpoints (sidebar eats ~400px)
   B) WITHOUT sidebar: span16 full-width product grid
      → 5+ columns at wider breakpoints

   --gl-cols is set inline on the grid element; CSS vars can't
   override inline styles, so we target grid-template-columns directly
   on the pagination wrapper / ut2-gl__wrap.
   ────────────────────────────────────────────────────────────── */

/* ── A: WITH SIDEBAR — cap at 4 columns always ── */
/*
 * Confirmed layout: .span9.main-content-grid sits next to .span7.side-grid
 * inside the same .row-fluid. .main-content-grid has width:100% which makes
 * it fluid, but the grid still needs to be capped or cards overflow.
 */
.main-content-grid .grid-list .ut2-gl__wrap,
.main-content-grid .grid-list > div[id*="pagination"]:not(.ut2-load-more-container),
.main-content-grid .grid-list.ut2-wl__grid .ut2-gl,
.main-content-grid .ut2-load-more-wrap {
    grid-template-columns: repeat(4, 1fr) !important;
}

@media (max-width: 1100px) {
    .main-content-grid .grid-list .ut2-gl__wrap,
    .main-content-grid .grid-list > div[id*="pagination"]:not(.ut2-load-more-container),
    .main-content-grid .ut2-load-more-wrap {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

@media (max-width: 767px) {
    .main-content-grid .grid-list .ut2-gl__wrap,
    .main-content-grid .grid-list > div[id*="pagination"]:not(.ut2-load-more-container),
    .main-content-grid .ut2-load-more-wrap {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

/* ── B: WITHOUT SIDEBAR — full-width grid, more columns allowed ── */
/*
 * When there's no sidebar the product grid is in a span16 column.
 * These rules only apply when the grid is NOT inside .main-content-grid.
 */
@media (min-width: 1280px) {
    :not(.main-content-grid) > .grid-list .ut2-gl__wrap,
    :not(.main-content-grid) > .grid-list > div[id*="pagination"]:not(.ut2-load-more-container),
    :not(.main-content-grid) .grid-list.ut2-wl__grid .ut2-gl {
        grid-template-columns: repeat(5, 1fr) !important;
    }
}
@media (min-width: 1440px) {
    :not(.main-content-grid) > .grid-list .ut2-gl__wrap,
    :not(.main-content-grid) > .grid-list > div[id*="pagination"]:not(.ut2-load-more-container) {
        grid-template-columns: repeat(6, 1fr) !important;
    }
}
@media (min-width: 1600px) {
    :not(.main-content-grid) > .grid-list .ut2-gl__wrap,
    :not(.main-content-grid) > .grid-list > div[id*="pagination"]:not(.ut2-load-more-container) {
        grid-template-columns: repeat(7, 1fr) !important;
    }
}
@media (min-width: 1920px) {
    :not(.main-content-grid) > .grid-list .ut2-gl__wrap,
    :not(.main-content-grid) > .grid-list > div[id*="pagination"]:not(.ut2-load-more-container) {
        grid-template-columns: repeat(8, 1fr) !important;
    }
}
@media (min-width: 2400px) {
    :not(.main-content-grid) > .grid-list .ut2-gl__wrap,
    :not(.main-content-grid) > .grid-list > div[id*="pagination"]:not(.ut2-load-more-container) {
        grid-template-columns: repeat(10, 1fr) !important;
    }
}

/* ── PRODUCT CARD ────────────────────────────────────────── */
.ut2-gl__item {
  border-radius: 8px !important;
  overflow: hidden !important;
}

/* Kill ALL box-shadow/border states — Amazon cards are borderless white on white */
.ut2-gl__body,
.fill--color .ut2-gl__item .ut2-gl__body,
.ut2-gray-box .ut2-gl__body,
.ut2-border-box .ut2-gl__body,
.ut2-color-box .ut2-gl__body {
  background: #ffffff !important;
  border: none !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  overflow: hidden !important;
  transition: box-shadow 0.18s ease !important;
}

/* Hover: subtle shadow only — NO teal/orange inset border */
.ut2-gl__item:hover .ut2-gl__body,
.fill--color .ut2-gl__item:hover .ut2-gl__body,
[class*="grid-list"] > [class*="column"] > .ut2-gl__item:hover .ut2-gl__body,
.grid-list > [id] > [class*="column"] > .ut2-gl__item:hover .ut2-gl__body,
.ut2-gl__wrap > [class*="column"] > .ut2-gl__item:hover .ut2-gl__body {
  box-shadow: 0 2px 16px rgba(0,0,0,0.12) !important;
  position: relative !important;
  width: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
}

/* ── PRODUCT IMAGE AREA — edge-to-edge, no white border ──── */
.ut2-gl__image {
  background: #fff !important;
  padding: 0 !important;
  border-bottom: 1px solid #eef0f2 !important;
  overflow: hidden !important;
  border-radius: 8px 8px 0 0 !important;
}

.ut2-gl__image img,
.ut2-gl__image .ty-pict {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  padding: 8px !important;
  background: #fff !important;
  transition: transform 0.22s ease !important;
}

/* no image scale — keep clean like Amazon */

/* ── CARD BODY PADDING — kill UT2's large var(--gap-sm) padding ── */
/* UT2 sets padding:var(--gap-sm) on .ut2-gl__body which puts gaps around image.
   We want edge-to-edge image like Amazon, so body has no padding.
   Content padding is applied separately on .ut2-gl__content. */
.ut2-gl__body {
  padding: 0 !important;
}

/* ── CONTENT AREA (title, rating, price, button) ─────────── */
.ut2-gl__content {
  padding: 8px 10px 10px !important;
  background: #fff !important;
}

/* ── PRODUCT NAME ────────────────────────────────────────── */
.ut2-gl__name .product-title,
.ut2-gl__name .product-title span {
  color: #0f1111 !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

.ut2-gl__name .product-title:hover span {
  color: #c7511f !important;
  text-decoration: underline !important;
}

/* ── STAR RATING ─────────────────────────────────────────── */
.ut2-rating-stars .ty-product-review-reviews-stars,
.ut2-gl__content .ty-product-review-reviews-stars {
  color: #f0a500 !important;
}

.ut2-rating-stars-num,
.cn-reviews {
  font-size: 12px !important;
  color: #007185 !important;
}

/* ── STOCK STATUS ────────────────────────────────────────── */
.ty-qty-in-stock {
  color: #007600 !important;
  font-size: 12px !important;
  font-weight: 500 !important;
}

/* ── PRICE — remove fixed min-height that causes gap ─────── */
/* UniTheme2 sets min-height inline on .ut2-gl__price to equalise
   card heights. This causes a large gap between stars and price
   when cards in the same row have different content heights.
   Override to 0 so each card is only as tall as its content.   */
.ut2-gl__price {
  min-height: 0 !important;
}

/* ── PRICE ───────────────────────────────────────────────── */
.ut2-gl__price .ty-price-num,
.ut2-gl__price bdi,
.ut2-gl__price .ty-price bdi {
  color: #0f1111 !important;
  font-size: 18px !important;
  font-weight: 700 !important;
}

/* List price strikethrough */
.ut2-gl__price .ty-list-price .ty-price-num,
.ut2-gl__price .ty-list-price bdi {
  color: #888 !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  text-decoration: line-through !important;
}

/* Discount badge */
.ty-discount-label,
.ut2-gl__price .ty-discount-label {
  background: #cc0c39 !important;
  color: #fff !important;
  border-radius: 3px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  padding: 1px 5px !important;
}

/* ── STICKER LABELS (تخفيض %, الأعلى تقييماً) ───────────── */
/* Source: ab__stickers addon — text stickers on product images */
.ab-stickers-container .ab-sticker {
  border-radius: 3px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  padding: 2px 6px !important;
  line-height: 1.4 !important;
  white-space: nowrap !important;
  max-width: none !important;
  overflow: visible !important;
}
/* Ensure sticker text doesn't overflow/double in RTL */
html[dir="rtl"] .ab-stickers-container .ab-sticker {
  direction: rtl !important;
  text-align: right !important;
}
html[dir="rtl"] .ab-stickers-container .ab-sticker span:not(.tfs):not(.tss) {
  display: inline !important;
}
/* Position sticker at top of image — Amazon corner badge style */
.ty-product-labels {
  position: absolute !important;
  top: 0 !important;
  inset-inline-start: 0 !important;
  z-index: 2 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 3px !important;
  padding: 4px !important;
}

/* ── ADD TO CART BUTTON ──────────────────────────────────── */
.ut2-gl__control .ty-btn__primary,
.ut2-gl__control .ty-btn__add-to-cart,
.ut2-gl__control .cm-dialog-opener.ty-btn__primary,
.ut2-gl__body .ty-btn__primary,
.ut2-gl__body .ty-btn__add-to-cart {
  background: #ffd814 !important;
  border: 1px solid #fcd200 !important;
  color: #0f1111 !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  border-radius: 20px !important;
  padding: 8px 14px !important;
  width: 100% !important;
  box-shadow: none !important;
  transition: background 0.12s ease, border-color 0.12s ease !important;
}

.ut2-gl__control .ty-btn__primary:hover,
.ut2-gl__control .ty-btn__add-to-cart:hover,
.ut2-gl__control .cm-dialog-opener.ty-btn__primary:hover,
.ut2-gl__body .ty-btn__primary:hover,
.ut2-gl__body .ty-btn__add-to-cart:hover {
  background: #f7ca00 !important;
  border-color: #f2b600 !important;
}

/* ── WISHLIST / COMPARE ICONS ────────────────────────────── */
.ut2-gl__control.icon {
  background: rgba(255,255,255,0.9) !important;
  border: 1px solid #dde0e4 !important;
  border-radius: 50% !important;
  box-shadow: 0 1px 4px rgba(0,0,0,0.12) !important;
  transition: background 0.15s !important;
}

.ut2-gl__control.icon:hover {
  background: #fff !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.18) !important;
}

/* ── CATEGORY BREADCRUMB / PAGE TITLE AREA ───────────────── */
.ty-breadcrumbs {
  font-size: 12.5px !important;
}

/* ── SUBCATEGORY THUMBNAILS ROW ──────────────────────────── */
.ut2__subcategories .ut2-lfl__item {
  border: 1px solid #dde0e4 !important;
  border-radius: 8px !important;
  background: #fff !important;
  transition: box-shadow 0.15s !important;
}

.ut2__subcategories .ut2-lfl__item:hover {
  box-shadow: 0 3px 10px rgba(0,0,0,0.1) !important;
  border-color: #aab7c4 !important;
}

/* ── SIDEBAR CARDS (Categories + Product filters) ────────── */
/*
 * Base theme sets: overflow:hidden on .ut2-sidebox-important
 * This clips long filter labels (e.g. "ABBEY ROAD STUDIOS", "android 4.0 ice cream sandwich")
 * Fix: allow overflow so text is never invisibly cut.
 * Also fix RTL direction on the whole sidebar filter context.
 */
.ut2-sidebox-important {
    background: #fff !important;
    border: 1px solid #dde0e4 !important;
    border-radius: 8px !important;
    overflow: visible !important;   /* CRITICAL: base sets overflow:hidden which clips labels */
    width: 100% !important;
    box-sizing: border-box !important;
}

.ut2-sidebox-important__title {
    background: #fff !important;
    border-bottom: 1px solid #eef0f2 !important;
    padding: 10px 12px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #0f1111 !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.ut2-sidebox-important__title span {
    color: #0f1111 !important;
    font-weight: 700 !important;
}

.ut2-sidebox-important__body {
    background: #fff !important;
    padding: 6px 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
    overflow: visible !important;
}

/* Filter block padding already handled by grid_override.css (12px 14px) */

/* ── Filter wrapper inside sidebox: no overflow clip ── */
.side-grid .cm-product-filters,
.side-grid .ty-product-filters__wrapper {
    width: 100% !important;
    box-sizing: border-box !important;
    overflow: visible !important;
}

/* Sidebar category links */
.ut2-sidebox-important .ut2-item a,
.ut2-sidebox-important .ut2-subcategories a {
    color: #0f1111 !important;
    font-size: 13px !important;
    padding: 4px 12px !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: unset !important;
}

.ut2-sidebox-important .ut2-item a:hover,
.ut2-sidebox-important .ut2-subcategories a:hover {
    color: #c7511f !important;
    text-decoration: underline !important;
}

/* Price filter inputs */
.ut2-sidebox-important input[type="text"],
.ut2-sidebox-important .ty-price-slider input {
  border: 1px solid #dde0e4 !important;
  border-radius: 4px !important;
  background: #fff !important;
  color: #0f1111 !important;
}

/* Filter slider track */
.ut2-sidebox-important .ui-slider {
  background: #e7e7e7 !important;
}

.ut2-sidebox-important .ui-slider .ui-slider-range {
  background: #febd69 !important;
}

.ut2-sidebox-important .ui-slider .ui-slider-handle {
  border-color: #febd69 !important;
  background: #febd69 !important;
}

/* ── SORT BAR (sort + pagination row above product grid) ─── */
.span16.b-top.ut2-top-bottom,
.b-top.ut2-top-bottom {
  background: #fff !important;
  border: 1px solid #dde0e4 !important;
  border-top: 1px solid #dde0e4 !important;
  border-radius: 8px !important;
  padding: 10px 14px !important;
  margin-bottom: 12px !important;
}

/* ── BESTSELLERS BLOCK ────────────────────────────────────── */
.ut2-bestsellers-block,
.ty-mainbox-container.ut2-bestsellers-block {
  background: #fff !important;
  border: 1px solid #dde0e4 !important;
  border-radius: 8px !important;
  padding: 16px !important;
}

.ut2-bestsellers-block .ty-mainbox-title,
.ut2-bestsellers-block .ty-mainbox-title * {
  color: #0f1111 !important;
  font-weight: 700 !important;
}

/* ══════════════════════════════════════════════════════════════
   SMALL ITEMS TEMPLATE — Amazon "Top Deals" style
   Template: products_small_items.tpl → small_items.tpl
   Used in: mix-grid columns, bestsellers, sidebar product lists
   ══════════════════════════════════════════════════════════════ */

/* Grid container — tighter gap, clean background */
.ut2-template-small {
  gap: 0 !important;
  background: #fff !important;
  border-radius: 8px !important;
  overflow: hidden !important;
}

/* Each product item — card row with subtle separator */
.ut2-template-small__item {
  background: #fff !important;
  border-bottom: 1px solid #f0f2f2 !important;
  padding: 12px 10px !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  transition: background .12s ease !important;
  align-items: flex-start !important;
}
.ut2-template-small__item:last-child {
  border-bottom: none !important;
}
.ut2-template-small__item:hover {
  background: #f7fafe !important;
}

/* Image area — clean white, rounded, consistent size */
.ut2-template-small__item-img {
  flex: 0 0 80px !important;
  width: 80px !important;
  height: 80px !important;
  border-radius: 6px !important;
  overflow: hidden !important;
  border: 1px solid #e3e6e6 !important;
  background: #fff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.ut2-template-small__item-img > a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
}
.ut2-template-small__item-img img,
.ut2-template-small__item-img .ty-pict {
  max-width: 72px !important;
  max-height: 72px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  display: block !important;
}

/* Description area — compact, well-spaced */
.ut2-template-small__item-description {
  gap: 3px !important;
  padding-top: 0 !important;
}

/* Product title — Amazon link style */
.ut2-template-small .product-title,
.ut2-template-small .product-title a,
.ut2-template-small .product-title span {
  color: #0f1111 !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  text-decoration: none !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}
.ut2-template-small .product-title:hover,
.ut2-template-small .product-title:hover a,
.ut2-template-small .product-title:hover span,
.ut2-template-small .product-title a:hover {
  color: #c7511f !important;
  text-decoration: underline !important;
}

/* Rating stars — Amazon gold */
.ut2-template-small .ty-product-review-reviews-stars,
.ut2-template-small .ut2-rating-stars {
  color: #f0a500 !important;
  font-size: 13px !important;
}
.ut2-template-small .ut2-rating-stars-num,
.ut2-template-small .cn-reviews {
  font-size: 11px !important;
  color: #007185 !important;
}

/* Hide stock status — Amazon doesn't show "متوفر" in deal lists */
.ut2-template-small .stock-wrap,
.ut2-template-small .ty-control-group.product-list-field {
  display: none !important;
}
.ut2-template-small .stock-wrap:has(.ty-qty-out-of-stock) {
  display: block !important;
}
.ut2-template-small .ty-qty-out-of-stock {
  color: #b12704 !important;
  font-size: 11px !important;
  font-weight: 500 !important;
}

/* Price — bold, prominent */
.ut2-template-small__item-price {
  min-height: 0 !important;
  min-width: 0 !important;
  margin-top: 2px !important;
}
.ut2-template-small__item-price .ty-price-num,
.ut2-template-small__item-price bdi {
  color: #0f1111 !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
}
/* Currency symbol/text */
.ut2-template-small__item-price .ut2-currency-sup,
.ut2-template-small__item-price .ty-price span:not(.ty-price-num) {
  font-size: 11px !important;
  color: #565959 !important;
  font-weight: 400 !important;
}
/* Old price strikethrough */
.ut2-template-small__item-price .ty-list-price .ty-price-num,
.ut2-template-small__item-price .ty-list-price bdi {
  color: #888 !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  text-decoration: line-through !important;
}
/* Discount label */
.ut2-template-small__item-price .ty-discount-label {
  background: none !important;
  color: #cc0c39 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  padding: 0 !important;
  display: inline !important;
}

/* Add to cart button — Amazon yellow pill */
.ut2-template-small__control .ty-btn__add-to-cart,
.ut2-template-small__control .ty-btn__primary,
.ut2-template-small__control .ty-btn {
  background: linear-gradient(to bottom, #f8e367, #ffd814) !important;
  border: 1px solid #fcd200 !important;
  color: #0f1111 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  border-radius: 20px !important;
  padding: 5px 14px !important;
  height: auto !important;
  min-height: 0 !important;
  box-shadow: 0 2px 5px rgba(213,177,0,.2) !important;
  transition: background .12s ease !important;
  white-space: nowrap !important;
  text-align: center !important;
}
.ut2-template-small__control .ty-btn__add-to-cart:hover,
.ut2-template-small__control .ty-btn__primary:hover,
.ut2-template-small__control .ty-btn:hover {
  background: linear-gradient(to bottom, #fdf09d, #f7ca00) !important;
}

/* Rank number badge — Amazon orange circle */
.ut2-template-small span.ut2-hit {
  background: #ff9900 !important;
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  width: 22px !important;
  height: 22px !important;
  line-height: 22px !important;
  border-radius: 50% !important;
  box-shadow: 0 1px 3px rgba(0,0,0,.2) !important;
}

/* ── Inside mix-grid: slightly more compact ────────────────── */
.mix-grid .ut2-template-small__item {
  padding: 10px 8px !important;
}
.mix-grid .ut2-template-small__item-img {
  flex: 0 0 70px !important;
  width: 70px !important;
  height: 70px !important;
}
.mix-grid .ut2-template-small__item-img img,
.mix-grid .ut2-template-small__item-img .ty-pict {
  max-width: 62px !important;
  max-height: 62px !important;
}
.mix-grid .ut2-template-small .product-title,
.mix-grid .ut2-template-small .product-title a,
.mix-grid .ut2-template-small .product-title span {
  font-size: 12.5px !important;
}
.mix-grid .ut2-template-small__item-price .ty-price-num,
.mix-grid .ut2-template-small__item-price bdi {
  font-size: 14px !important;
}
.mix-grid .ut2-template-small__control .ty-btn {
  font-size: 11px !important;
  padding: 4px 12px !important;
}

/* ── Bestsellers block specifics ───────────────────────────── */
.ut2-bestsellers-block .ut2-template-small {
  border: 1px solid #e3e6e6 !important;
}

/* Bestseller rank badge (the orange circle numbers) */
.ut2-bestsellers-block .ut2-bestsellers-number,
.ut2-bestsellers-block [class*="bestsellers-num"] {
  background: #ff9900 !important;
  color: #fff !important;
  border-radius: 50% !important;
}

/* ── RTL ───────────────────────────────────────────────────── */
html[dir="rtl"] .ut2-template-small .product-title,
html[dir="rtl"] .ut2-template-small .product-title a {
  text-align: right !important;
  direction: rtl !important;
}
html[dir="rtl"] .ut2-template-small__item-price {
  direction: rtl !important;
}

/* ── Mobile ────────────────────────────────────────────────── */
@media (max-width: 767px) {
  .ut2-template-small__item {
    padding: 10px 6px !important;
  }
  .ut2-template-small__item-img {
    flex: 0 0 64px !important;
    width: 64px !important;
    height: 64px !important;
  }
  .ut2-template-small__item-img img,
  .ut2-template-small__item-img .ty-pict {
    max-width: 56px !important;
    max-height: 56px !important;
  }
  .ut2-template-small .product-title,
  .ut2-template-small .product-title a {
    font-size: 12px !important;
  }
  .ut2-template-small__item-price .ty-price-num,
  .ut2-template-small__item-price bdi {
    font-size: 14px !important;
  }
}

/* ── MOBILE SIDEBAR ──────────────────────────────────────── */
.ut2-sw-w {
  background: #fff !important;
}

/* ── MOBILE ──────────────────────────────────────────────── */
@media (max-width: 767px) {
  .ut2-gl__body {
    border-radius: 6px !important;
  }
  .ut2-gl__image img,
  .ut2-gl__image .ty-pict {
    padding: 6px !important;
  }
  .ut2-gl__content {
    padding: 8px 10px 10px !important;
  }
}

/* ============================================================
   PRODUCT SCROLLER / CAROUSEL — Amazon-style compact cards
   Targets: .ty-scroller-list__item (homepage "مستوحى من تصفحك")
   ============================================================ */

/* ── SCROLLER CARD ──────────────────────────────────────── */
.ty-scroller-list__item {
  background: #fff !important;
  border: none !important;
  border-radius: 0 !important;
  overflow: hidden !important;
  transition: none !important;
  padding: 0 !important;
  box-shadow: none !important;
}

.ty-scroller-list__item:hover {
  box-shadow: none !important;
}

/* ── SCROLLER IMAGE ─────────────────────────────────────── */
.ty-scroller-list__img-block {
  background: #fff !important;
  padding: 8px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  margin-bottom: 0 !important;
}

.ty-scroller-list__img-block img {
  object-fit: contain !important;
  max-height: 180px !important;
  max-width: 100% !important;
}

/* ── SCROLLER DESCRIPTION AREA ──────────────────────────── */
.ty-scroller-list__description {
  padding: 0 8px 8px !important;
  background: #fff !important;
}

.ty-scroller-list__description .ut2-simple-list__wrap {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
}

/* ── TITLE — 2 lines max, Amazon style ─────────────────── */
.ty-scroller-list__description .product-title {
  color: #0f1111 !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  margin: 0 0 2px !important;
  padding: 0 !important;
  text-decoration: none !important;
}

.ty-scroller-list__description .product-title:hover {
  color: #c7511f !important;
}

/* ── HIDE STOCK STATUS on listing cards (Amazon doesn't show "متوفر") ── */
.ty-scroller-list__description .stock-wrap,
.ty-scroller-list__description .product-list-field,
.ut2-gl__content .stock-wrap,
.ut2-gl__content .ty-control-group.product-list-field,
.ut2-simple-list__wrap .stock-wrap {
  display: none !important;
}

/* Show only for OUT OF STOCK items (red text) */
.ty-scroller-list__description .stock-wrap:has(.ty-qty-out-of-stock),
.ut2-gl__content .stock-wrap:has(.ty-qty-out-of-stock),
.ut2-simple-list__wrap .stock-wrap:has(.ty-qty-out-of-stock) {
  display: block !important;
}

.ty-qty-out-of-stock {
  color: #b12704 !important;
  font-size: 12px !important;
  font-weight: 500 !important;
}

/* ── PRICE — bold, compact, Amazon style ────────────────── */
.ty-scroller-list__description .ut2-simple-list__price {
  margin: 0 !important;
  padding: 0 !important;
}

.ty-scroller-list__description .ut2-simple-list__price .ty-price-num,
.ty-scroller-list__description .ut2-simple-list__price bdi {
  color: #0f1111 !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
}

.ty-scroller-list__description .ut2-simple-list__price .ty-list-price .ty-price-num,
.ty-scroller-list__description .ut2-simple-list__price .ty-list-price bdi {
  color: #888 !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  text-decoration: line-through !important;
}

/* Currency label (جنيه) — small, muted */
.ty-scroller-list__description .ut2-currency-sup {
  font-size: 11px !important;
  color: #565959 !important;
  font-weight: 400 !important;
}

/* "اتصل بنا لمعرفة السعر" — compact */
.ty-scroller-list__description .ty-no-price {
  font-size: 12px !important;
  color: #565959 !important;
}

/* ── STICKER BADGE ON SCROLLER ──────────────────────────── */
.ty-scroller-list__description .ab-stickers-container {
  margin-bottom: 4px !important;
}

/* ── REMOVE EXTRA SPACING ───────────────────────────────── */
.ty-scroller-list__description .ut2-simple-list {
  margin: 0 !important;
  padding: 0 !important;
}

.ty-scroller-list__description .ut2-simple-list__wrap .ut2-simple-list__price {
  margin: 0 !important;
  padding: 0 !important;
}

/* Kill any min-height or fixed heights from owl-carousel */
.ty-scroller .owl-item,
.ty-scroller-list .owl-item {
  height: auto !important;
}

.ty-scroller-list__item {
  height: auto !important;
  min-height: 0 !important;
}

/* ── ALSO HIDE "متوفر" label on category grid cards ─────── */
.ut2-gl__content .ty-qty-in-stock {
  display: none !important;
}

/* ── SECTION TITLE (مستوحى من تصفحك) — Amazon style ─────── */
.ty-mainbox-title {
  font-size: 20px !important;
  font-weight: 700 !important;
  color: #0f1111 !important;
  padding: 0 0 12px !important;
  border-bottom: none !important;
}

.ty-mainbox-title span,
.ty-mainbox-title a {
  color: #0f1111 !important;
  font-weight: 700 !important;
}

/* ── OVERRIDE GREY BACKGROUNDS from --color-general ──────── */
/* UniTheme2 sets --color-general:#f3f4f4 in compiled LESS which we can't override
   via :root (it comes after). Target the elements directly. */
.ty-mainbox-body,
.ut2-sidebox__body,
.ab-mix-center .ty-mainbox-body,
.ab-mix-first .ty-mainbox-body,
.ab-mix-last .ty-mainbox-body,
[style*="--color-general"],
.ty-product-block,
.ut2-gl__body,
.mix-grid .ty-mainbox-body {
  background: #fff !important;
}

/* Additional grey background overrides */
.ab__pb--item,
.ut2-a__products .grid-list.ut2-scroll-container .ut2-gl__body,
.ut2-a__products .ut2-thumbnail-list__item {
  background: #fff !important;
}

/* ── HIDE IN-STOCK TEXT ON LISTING CARDS (correct selector) ── */
.ty-scroller-list__description .ty-control-group.product-list-field {
  display: none !important;
}
.ty-scroller-list__description .ty-control-group.product-list-field:has(.ty-qty-out-of-stock) {
  display: block !important;
}

/* ═══════════════════════════════════════════════════════════════
   LIST & COMPACT LAYOUT FIXES — Amazon style
   Fixes: grey backgrounds, ugly orange icon button, bad spacing
   Targets: short_list (ty-compact-list) + products_without_options (ut2-pl)
   ═══════════════════════════════════════════════════════════════ */

/* ── SHORT LIST (ty-compact-list) ───────────────────────────── */

/* Kill the grey card background + box-shadow border hack */
.ty-compact-list__content {
    background: #fff !important;
    box-shadow: none !important;
    border-bottom: 1px solid #e7e7e7 !important;
    padding: 16px 12px !important;
    column-gap: 16px !important;
    row-gap: 8px !important;
}
.ty-compact-list__item:last-child .ty-compact-list__content {
    border-bottom: none !important;
}

/* Image area — white bg, constrained, no grey */
.ty-compact-list__image {
    background: #fff !important;
    flex-shrink: 0 !important;
    width: 120px !important;
    max-width: 120px !important;
    padding: 0 !important;
}
.ty-compact-list__image img {
    width: 100% !important;
    height: auto !important;
    max-height: 120px !important;
    object-fit: contain !important;
    background: #fff !important;
}

/* Title — Amazon link color + size */
.ty-compact-list .product-title,
.ty-compact-list .ty-compact-list__title a {
    color: #0f1111 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-decoration: none !important;
}
.ty-compact-list .product-title:hover {
    color: #c7511f !important;
    text-decoration: underline !important;
}

/* Price */
.ty-compact-list__price .ty-price-num,
.ty-compact-list__price bdi {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #0f1111 !important;
}
.ty-compact-list__price .ty-list-price .ty-price-num,
.ty-compact-list__price .ty-list-price bdi {
    font-size: 13px !important;
    font-weight: 400 !important;
    color: #888 !important;
    text-decoration: line-through !important;
}

/* Stock status */
.ty-compact-list .ty-qty-in-stock { color: #007600 !important; font-size: 12px !important; }
.ty-compact-list .ty-qty-out-of-stock,
.ty-compact-list .ty-low-stock { color: #b12704 !important; font-size: 12px !important; }

/* Add to cart button — Amazon yellow pill */
.ty-compact-list__controls .ty-btn__add-to-cart,
.ty-compact-list__controls .ty-btn__primary {
    background: linear-gradient(to bottom, #f8e367, #ffd814) !important;
    border: 1px solid #fcd200 !important;
    color: #0f1111 !important;
    border-radius: 20px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    padding: 6px 14px !important;
    height: auto !important;
    box-shadow: none !important;
    min-width: 100px !important;
    text-align: center !important;
}
.ty-compact-list__controls .ty-btn__add-to-cart:hover,
.ty-compact-list__controls .ty-btn__primary:hover {
    background: linear-gradient(to bottom, #fdf09d, #f7ca00) !important;
}

/* Kill the orange icon-only button style on compact layouts */
.ty-compact-list__controls .ut2-pl__control .ty-btn__add-to-cart[class*="icon"],
.ty-compact-list__controls .ty-btn__add-to-cart.icon_button {
    border-radius: 20px !important;
    background: linear-gradient(to bottom, #f8e367, #ffd814) !important;
    padding: 6px 12px !important;
    width: auto !important;
    min-width: 80px !important;
}

/* ── PRODUCTS WITHOUT OPTIONS (ut2-pl) ──────────────────────── */

/* Outer container - white bg */
.ut2-pl__wrap,
.ty-product-list .ut2-pl__wrap {
    background: transparent !important;
    gap: 0 !important;
}

/* Each item row — white card with bottom border like Amazon list */
.ut2-pl__item {
    background: #fff !important;
    border-bottom: 1px solid #e7e7e7 !important;
    padding: 16px 12px !important;
    transition: background .1s !important;
}
.ut2-pl__item:last-child { border-bottom: none !important; }
.ut2-pl__item:hover { background: #fafafa !important; }

/* Image — white, no grey swatch */
.ut2-pl__image > a,
.ut2-pl__image .cm-item-gallery > a,
.ut2-pl__image .ut2-image-reload > a {
    background: #fff !important;
    border: 1px solid #f0f0f0 !important;
    border-radius: 4px !important;
}
.ut2-pl__image img {
    background: #fff !important;
    object-fit: contain !important;
    padding: 4px !important;
}

/* Info panel — no border-right divider on the left (RTL: right becomes left) */
.ut2-pl__info {
    border-right: none !important;
    border-inline-end: none !important;
    padding-inline-end: 0 !important;
    margin-inline-end: 0 !important;
}

/* Title */
.ut2-pl__item-name a,
.ut2-pl__item-name .product-title {
    color: #0f1111 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
    text-decoration: none !important;
}
.ut2-pl__item-name a:hover { color: #c7511f !important; text-decoration: underline !important; }

/* Price */
.ut2-pl__price .ty-price-num,
.ut2-pl__price bdi {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #0f1111 !important;
}
.ut2-pl__price .ty-list-price .ty-price-num,
.ut2-pl__price .ty-list-price bdi {
    font-size: 13px !important;
    color: #888 !important;
    text-decoration: line-through !important;
    font-weight: 400 !important;
}

/* Add to cart — Amazon yellow pill, NOT orange icon square */
.ut2-pl__control .ty-btn__add-to-cart,
.ut2-pl__control .ty-btn__primary,
.ut2-pl__control [class*="add-to-cart"] {
    background: linear-gradient(to bottom, #f8e367, #ffd814) !important;
    border: 1px solid #fcd200 !important;
    color: #0f1111 !important;
    border-radius: 20px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    padding: 7px 16px !important;
    height: auto !important;
    min-height: 0 !important;
    box-shadow: none !important;
    width: auto !important;
    min-width: 120px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
}
.ut2-pl__control .ty-btn__add-to-cart:hover { background: linear-gradient(to bottom, #fdf09d, #f7ca00) !important; }

/* Kill the icon-only button style that gives the orange square */
.ut2-pl__control .ty-btn.icon_button.ty-btn__add-to-cart {
    width: auto !important;
    height: auto !important;
    min-width: 120px !important;
    border-radius: 20px !important;
    padding: 7px 16px !important;
}
/* Show the button text, hide cart icon when in icon_button mode */
.ut2-pl__control .ty-btn.icon_button.ty-btn__add-to-cart bdi { display: inline !important; }

/* Discount badge */
.ut2-pl__price .ty-discount-label,
.ut2-pl__price .ty-discount-label__item {
    background: none !important;
    color: #cc0c39 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    padding: 0 !important;
    position: static !important;
    display: inline !important;
    float: none !important;
}

/* ── OVERALL PAGE BACKGROUND ────────────────────────────────── */
/* Make sure list pages have clean white backgrounds too */
.ty-compact-list,
.ty-product-list {
    background: transparent !important;
}

/* ══════════════════════════════════════════════════════════════
   BLOCK 5 — SEASON DEALS MIX LAYOUT (.mix-grid / .ut2-wrap-container)
   Structure: title + 3-column mix (ab-mix-first | ab-mix-center | ab-mix-last)
   Each column contains: banners (ut2-banner) + products_small_items blocks
   ══════════════════════════════════════════════════════════════ */

/* Section outer wrapper — top separator, white bg, breathing room */
.ut2-wrap-container.ut2-bottom {
    margin-top: 8px !important;
    border-top: 1px solid #e7e7e7 !important;
    padding-top: 0 !important;
    background: #fff !important;
}

/* Inner wrapper that holds title + mix-grid */
.ut2-wrap-container .ut2-bottom {
    padding: 20px 20px 24px !important;
    background: #fff !important;
    box-shadow: none !important;
}

/* ── Box style overrides — undo UniTheme2 coloured backgrounds ─
 * ut2-color-box: rgba(255,153,0,0.1) orange tint → white
 * ut2-gray-box:  var(--fill-gray) = #f0f2f2 → white
 * ut2-border-box: var(--color-general) = #f3f4f4 + border → white + thin border
 */
.mix-grid .ut2-color-box,
.mix-grid .ut2-gray-box,
.mix-grid .ut2-border-box,
.ab-mix-first .ut2-color-box,
.ab-mix-first .ut2-gray-box,
.ab-mix-first .ut2-border-box,
.ab-mix-center .ut2-color-box,
.ab-mix-center .ut2-gray-box,
.ab-mix-center .ut2-border-box,
.ab-mix-last .ut2-color-box,
.ab-mix-last .ut2-gray-box,
.ab-mix-last .ut2-border-box {
    background: #fff !important;
    border-color: #e7e7e7 !important;
}

/* ── Mix-grid column gap — tighten from default --gap (20px) ── */
.mix-grid > div {
    gap: 12px !important;
}
.mix-grid > div [class*="span"] {
    gap: 12px !important;
}

/* ── Banners inside mix columns — constrained height, rounded ── */
.mix-grid .ut2-banner {
    border-radius: 6px !important;
    overflow: hidden !important;
}
.mix-grid .ut2-a__bg-banner {
    border-radius: 6px !important;
    min-height: 160px !important;
}
.mix-grid .ut2-a__title {
    font-size: clamp(14px, 2vw, 22px) !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
}
.mix-grid .ut2-a__button .ty-btn,
.mix-grid .ut2-a__button a {
    background: #ffd814 !important;
    border: 1px solid #fcd200 !important;
    color: #0f1111 !important;
    border-radius: 20px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    padding: 7px 18px !important;
    box-shadow: 0 2px 5px rgba(213,177,0,.3) !important;
    transition: background .12s !important;
    text-decoration: none !important;
}
.mix-grid .ut2-a__button .ty-btn:hover,
.mix-grid .ut2-a__button a:hover {
    background: #f7ca00 !important;
}

/* ── Products_small_items inside mix columns ────────────────── */
/* The mainbox title inside each column sub-block */
.mix-grid .ty-mainbox-title {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #0f1111 !important;
    padding: 0 0 8px !important;
    margin-bottom: 8px !important;
    border-bottom: none !important;
    /* Kill line-decoration inside mix columns */
    display: block !important;
}
.mix-grid .ty-mainbox-title::after {
    display: none !important;
    content: none !important;
}
.mix-grid .ty-mainbox-title span {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #0f1111 !important;
    background: none !important;
    padding: 0 !important;
}
.mix-grid .ty-mainbox-title mark {
    background: none !important;
    color: #007185 !important;
    font-style: normal !important;
}

/* Scroller list (products_scroller.tpl) inside grey box */
.mix-grid .ty-scroller-list {
    background: #fff !important;
}
.mix-grid .owl-carousel.ty-scroller-list {
    background: #fff !important;
}

/* Compact list items inside mix columns */
.mix-grid .ty-compact-list__content {
    background: #fff !important;
    border-bottom: 1px solid #f0f2f2 !important;
    padding: 10px 8px !important;
}
.mix-grid .ty-compact-list__image {
    width: 80px !important;
    max-width: 80px !important;
}
.mix-grid .ty-compact-list__image img {
    max-height: 80px !important;
}
.mix-grid .ty-compact-list .product-title,
.mix-grid .ty-compact-list .ty-compact-list__title a {
    font-size: 13px !important;
    -webkit-line-clamp: 2 !important;
}
.mix-grid .ty-compact-list__price .ty-price-num,
.mix-grid .ty-compact-list__price bdi {
    font-size: 14px !important;
    color: #b12704 !important;
}

/* ── Mobile: stack columns vertically below 768px ──────────── */
@media (max-width: 767px) {
    .mix-grid .ut2-a__bg-banner {
        min-height: 120px !important;
    }
    .mix-grid .ut2-a__title {
        font-size: 16px !important;
    }
    .mix-grid .ty-compact-list__image {
        width: 60px !important;
        max-width: 60px !important;
    }
}

/* ── RTL ────────────────────────────────────────────────────── */
html[dir="rtl"] .mix-grid .ty-mainbox-title {
    text-align: right !important;
    direction: rtl !important;
}
html[dir="rtl"] .mix-grid .ty-compact-list__content {
    direction: rtl !important;
    text-align: right !important;
}
html[dir="rtl"] .mix-grid .ty-compact-list .product-title,
html[dir="rtl"] .mix-grid .ty-compact-list__title a {
    text-align: right !important;
}

/* ══════════════════════════════════════════════════════════════
   BLOCKS 6 + 7 + 8 — PRODUCT SCROLLER SECTIONS
   (.ut2-bottom-sm + products_scroller_advanced / ab__grid_list)
   Block 6: "مطلوب بكثرة"   — FULL-WIDTH, scroller_advanced + banners
   Block 7: "الأكثر شعبية" — standard width, ab__grid_list 6 cols
   Block 8: "أفضل الكاميرات" — standard width, scroller_advanced
   ══════════════════════════════════════════════════════════════ */

/* ── Title fixes: ut2-big-size-title + ut2-title-opacity ───────
 * These two classes together produce a muted, centred, oversized title.
 * ut2-title-opacity  → color: var(--color-font-lighten) = grey
 * ut2-big-size-title → font-size: var(--font-size-extra-big) ≈ 28-32px
 * ut2-center-title   → justify-content: center
 * All three need full override to Amazon left-aligned bold black.
 * (ut2-biggest-size-title already fixed in amazon_related_products.css)
 */
.ty-mainbox-title.ut2-big-size-title,
.ty-mainbox-title.ut2-big-size-title.ut2-title-opacity {
    color: #0f1111 !important;
    font-size: 20px !important;
}
.ty-mainbox-title.ut2-big-size-title span,
.ty-mainbox-title.ut2-big-size-title > span:first-child,
.ty-mainbox-title.ut2-big-size-title.ut2-title-opacity span {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #0f1111 !important;
    letter-spacing: -0.2px !important;
    line-height: 1.2 !important;
    background: none !important;
    padding: 0 !important;
}
/* ut2-title-opacity specifically: override the muted --color-font-lighten */
.ty-mainbox-title.ut2-title-opacity {
    color: #0f1111 !important;
}
.ty-mainbox-title.ut2-title-opacity span {
    color: #0f1111 !important;
}

/* ── Section separator for ut2-bottom-sm sections ────────────── */
/* Each .ut2-bottom-sm section gets a top border as visual divider */
.container-fluid-row > .row-fluid > .span16.ut2-bottom-sm {
    border-top: 1px solid #e7e7e7 !important;
    padding-top: 20px !important;
    background: #fff !important;
}
/* Also for the full-width variant */
.container-fluid-row-full-width > .row-fluid > .span16.ut2-bottom-sm {
    border-top: 1px solid #e7e7e7 !important;
    padding-top: 20px !important;
    background: #fff !important;
}

/* ── Full-width block: edge-to-edge on all viewport sizes ────── */
.container-fluid-row-full-width {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.container-fluid-row-full-width > .row-fluid {
    max-width: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 20px !important;
    box-sizing: border-box !important;
}

/* ── products_scroller_advanced: owl carousel + item numbers ─── */
/* Hide the rank numbers (1. 2. 3.) — Amazon doesn't show these */
.ty-scroller-list .item-number,
.ty-scroller-list .ut2-gl__name .item-number {
    display: none !important;
}

/* Owl controls-outside for scroller_advanced outside sqz-row ── */
/* .ty-owl-controls floats right at z-index:100 by default —
   undo the float so it doesn't collapse the container */
.ut2-bottom-sm .ty-owl-controls {
    float: none !important;
    position: relative !important;
    z-index: 10 !important;
    overflow: visible !important;
    margin: 0 !important;
    padding: 0 !important;
}
.ut2-bottom-sm .owl-controls.clickable.owl-controls-outside {
    position: absolute !important;
    top: 50% !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    transform: translateY(-50%) !important;
    pointer-events: none !important;
    z-index: 20 !important;
    margin: 0 !important;
}
.ut2-bottom-sm .owl-prev,
.ut2-bottom-sm .owl-next {
    position: absolute !important;
    pointer-events: all !important;
    width: 36px !important;
    height: 52px !important;
    background: rgba(255,255,255,.95) !important;
    border: 1px solid #d5d9d9 !important;
    border-radius: 4px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    box-shadow: 0 2px 8px rgba(0,0,0,.12) !important;
    transition: box-shadow .15s, background .15s !important;
    z-index: 20 !important;
    top: 0 !important;
}
.ut2-bottom-sm .owl-prev { left: -18px !important; right: auto !important; }
.ut2-bottom-sm .owl-next { right: -18px !important; left: auto !important; }
html[dir="rtl"] .ut2-bottom-sm .owl-prev { left: auto !important; right: -18px !important; }
html[dir="rtl"] .ut2-bottom-sm .owl-next { left: -18px !important; right: auto !important; }

.ut2-bottom-sm .owl-prev:hover,
.ut2-bottom-sm .owl-next:hover {
    background: #f7f8f8 !important;
    box-shadow: 0 4px 12px rgba(0,0,0,.2) !important;
}
/* Arrow icon colour */
.ut2-bottom-sm .owl-prev i,
.ut2-bottom-sm .owl-next i {
    font-size: 20px !important;
    color: #0f1111 !important;
}
/* Grid needs relative positioning so arrows are anchored to it */
.ut2-bottom-sm > .row-fluid > .span16 {
    position: relative !important;
}

/* ── Banner block (id=116) following Block 6 products ────────── */
/* abt__ut2_banner_multiple with height 450px, navigation arrows  */
/* Scoped to NOT affect the homepage hero (.homepage-banners)      */
.container-fluid-row-full-width .banners.owl-carousel:not(.homepage-banners .banners),
.ut2-bottom .banners.owl-carousel,
.ut2-bottom-sm + .row-fluid .banners.owl-carousel {
    border-radius: 0 !important;
}
/* Banner carousel dots — same style as hero */
.container-fluid-row-full-width .owl-controls .owl-pagination,
.ut2-bottom .owl-controls .owl-pagination {
    text-align: center !important;
}
.container-fluid-row-full-width .owl-controls .owl-page span,
.ut2-bottom .owl-controls .owl-page span {
    background: rgba(0,0,0,.3) !important;
    border: 1px solid rgba(255,255,255,.5) !important;
    width: 8px !important;
    height: 8px !important;
    border-radius: 50% !important;
    opacity: 1 !important;
    transition: background .2s !important;
}
.container-fluid-row-full-width .owl-controls .owl-page.active span,
.ut2-bottom .owl-controls .owl-page.active span {
    background: #fff !important;
}

/* ── Grid scroller (ty-scroller-list) card styling ───────────── */
/* Cards inside all ut2-bottom-sm product scrollers              */
.ut2-bottom-sm .ty-scroller-list .ut2-gl__body,
.ut2-bottom .ty-scroller-list .ut2-gl__body {
    background: #fff !important;
    border: 1px solid #e3e6e6 !important;
    border-radius: 4px !important;
    box-shadow: none !important;
    transition: border-color .15s, box-shadow .15s !important;
    overflow: hidden !important;
}
.ut2-bottom-sm .ty-scroller-list .ut2-gl__item:hover .ut2-gl__body,
.ut2-bottom .ty-scroller-list .ut2-gl__item:hover .ut2-gl__body {
    border-color: #007185 !important;
    box-shadow: 0 2px 8px rgba(0,113,133,.1) !important;
    margin: 0 !important;
    padding: 0 !important;
    min-height: 0 !important;
    width: 100% !important;
}

/* Image */
.ut2-bottom-sm .ty-scroller-list .ut2-gl__image,
.ut2-bottom .ty-scroller-list .ut2-gl__image {
    background: #fff !important;
    padding: 10px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-bottom: 1px solid #f0f2f2 !important;
}
.ut2-bottom-sm .ty-scroller-list .ut2-gl__image img,
.ut2-bottom .ty-scroller-list .ut2-gl__image img {
    max-height: 180px !important;
    max-width: 100% !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    display: block !important;
    margin: 0 auto !important;
}

/* Content */
.ut2-bottom-sm .ty-scroller-list .ut2-gl__content,
.ut2-bottom .ty-scroller-list .ut2-gl__content {
    padding: 10px 12px 12px !important;
    background: #fff !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
}

/* Product name */
.ut2-bottom-sm .ty-scroller-list .ut2-gl__name a,
.ut2-bottom .ty-scroller-list .ut2-gl__name a {
    font-size: 13px !important;
    font-weight: 400 !important;
    color: #0f1111 !important;
    line-height: 1.4 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-decoration: none !important;
}
.ut2-bottom-sm .ty-scroller-list .ut2-gl__name a:hover,
.ut2-bottom .ty-scroller-list .ut2-gl__name a:hover {
    color: #c7511f !important;
    text-decoration: underline !important;
}

/* Stars */
.ut2-bottom-sm .ty-scroller-list .ut2-rating-stars,
.ut2-bottom .ty-scroller-list .ut2-rating-stars {
    color: #f0a500 !important;
    font-size: 13px !important;
}
.ut2-bottom-sm .ty-scroller-list .ut2-rating-stars-num,
.ut2-bottom .ty-scroller-list .ut2-rating-stars-num {
    font-size: 12px !important;
    color: #007185 !important;
}

/* Price */
.ut2-bottom-sm .ty-scroller-list .ut2-gl__price .ty-price-num,
.ut2-bottom-sm .ty-scroller-list .ut2-gl__price bdi,
.ut2-bottom .ty-scroller-list .ut2-gl__price .ty-price-num,
.ut2-bottom .ty-scroller-list .ut2-gl__price bdi {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #0f1111 !important;
}
.ut2-bottom-sm .ty-scroller-list .ty-list-price .ty-price-num,
.ut2-bottom-sm .ty-scroller-list .ty-list-price bdi,
.ut2-bottom .ty-scroller-list .ty-list-price .ty-price-num,
.ut2-bottom .ty-scroller-list .ty-list-price bdi {
    font-size: 12px !important;
    color: #888 !important;
    text-decoration: line-through !important;
    font-weight: 400 !important;
}

/* Add to cart */
.ut2-bottom-sm .ty-scroller-list .ty-btn__add-to-cart,
.ut2-bottom-sm .ty-scroller-list .ty-btn__primary,
.ut2-bottom .ty-scroller-list .ty-btn__add-to-cart,
.ut2-bottom .ty-scroller-list .ty-btn__primary {
    background: linear-gradient(to bottom, #f8e367, #ffd814) !important;
    border: 1px solid #fcd200 !important;
    color: #0f1111 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    border-radius: 20px !important;
    padding: 7px 10px !important;
    width: 100% !important;
    text-align: center !important;
    margin-top: auto !important;
    box-shadow: 0 2px 5px rgba(213,177,0,.2) !important;
    height: auto !important;
    min-height: 0 !important;
}
.ut2-bottom-sm .ty-scroller-list .ty-btn__add-to-cart:hover,
.ut2-bottom .ty-scroller-list .ty-btn__add-to-cart:hover {
    background: linear-gradient(to bottom, #fdf09d, #f7ca00) !important;
}

/* Hide noise */
.ut2-bottom-sm .ty-scroller-list .ut2-gl__bottom,
.ut2-bottom-sm .ty-scroller-list .ut2-gl__amount,
.ut2-bottom .ty-scroller-list .ut2-gl__bottom,
.ut2-bottom .ty-scroller-list .ut2-gl__amount {
    display: none !important;
}

/* ── RTL ────────────────────────────────────────────────────── */
html[dir="rtl"] .ut2-bottom-sm .ty-scroller-list .ut2-gl__name a,
html[dir="rtl"] .ut2-bottom .ty-scroller-list .ut2-gl__name a {
    text-align: right !important;
    direction: rtl !important;
}
html[dir="rtl"] .ut2-bottom-sm .ty-scroller-list .ut2-gl__price,
html[dir="rtl"] .ut2-bottom .ty-scroller-list .ut2-gl__price {
    direction: rtl !important;
}

/* ── Mobile ─────────────────────────────────────────────────── */
@media (max-width: 767px) {
    .ut2-bottom-sm .owl-prev { left: -8px !important; }
    .ut2-bottom-sm .owl-next { right: -8px !important; }
    html[dir="rtl"] .ut2-bottom-sm .owl-prev { right: -8px !important; left: auto !important; }
    html[dir="rtl"] .ut2-bottom-sm .owl-next { left: -8px !important; right: auto !important; }
    .ut2-bottom-sm .ty-scroller-list .ut2-gl__image img { max-height: 130px !important; }
}

/* ══════════════════════════════════════════════════════════════
   BLOCK 9 — "اكتشف عروض صفقه" PROMO BANNER GRID
   Structure: .banners-grid.hidden-phone (NOT resizable)
   3 columns: span5 (2 stacked) | span6 (1 tall) | span5 (2 stacked)
   Uses: abt__ut2_banner_carousel_combined.tpl
   ══════════════════════════════════════════════════════════════ */

/* Section top separator */
.ut2-bottom > .row-fluid > .span16.banners-grid {
    border-top: 1px solid #e7e7e7 !important;
    padding-top: 0 !important;
}

/* The grid row — use CSS gap instead of Bootstrap gutters */
.banners-grid:not(.banners-grid-resizable) > .row-fluid {
    display: grid !important;
    grid-template-columns: 5fr 6fr 5fr !important;
    gap: 10px !important;
    align-items: stretch !important;
}
.banners-grid:not(.banners-grid-resizable) > .row-fluid::after,
.banners-grid:not(.banners-grid-resizable) > .row-fluid::before {
    display: none !important;
}
/* Each column spans full height */
.banners-grid:not(.banners-grid-resizable) > .row-fluid > [class*="span"] {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    width: 100% !important;
    margin: 0 !important;
    flex: none !important;
}

/* Individual banner inside the grid — rounded corners, overflow hidden */
.banners-grid:not(.banners-grid-resizable) .ut2-banner {
    border-radius: 6px !important;
    overflow: hidden !important;
    flex: 1 !important;
}
.banners-grid:not(.banners-grid-resizable) .ut2-a__bg-banner {
    border-radius: 6px !important;
    height: 100% !important;
    min-height: 140px !important;
}

/* Banner content inside grid — compact padding */
.banners-grid:not(.banners-grid-resizable) .ut2-a__content {
    padding: var(--ab-banner-content-padding, 16px) !important;
}
.banners-grid:not(.banners-grid-resizable) .ut2-a__title {
    font-size: clamp(13px, 1.6vw, 22px) !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    color: var(--ab-banner-title-color, #0f1111) !important;
}
.banners-grid:not(.banners-grid-resizable) .ut2-a__bg-banner.dark .ut2-a__title {
    color: #fff !important;
}
.banners-grid:not(.banners-grid-resizable) .ut2-a__button .ty-btn,
.banners-grid:not(.banners-grid-resizable) .ut2-a__button a {
    background: #ffd814 !important;
    border: 1px solid #fcd200 !important;
    color: #0f1111 !important;
    border-radius: 20px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    padding: 6px 14px !important;
    box-shadow: 0 2px 5px rgba(213,177,0,.3) !important;
    transition: background .12s !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}
.banners-grid:not(.banners-grid-resizable) .ut2-a__button .ty-btn:hover,
.banners-grid:not(.banners-grid-resizable) .ut2-a__button a:hover {
    background: #f7ca00 !important;
}

/* Owl dots on these carousels */
.banners-grid:not(.banners-grid-resizable) .owl-controls .owl-page span {
    width: 6px !important;
    height: 6px !important;
    border-radius: 50% !important;
    background: rgba(0,0,0,.3) !important;
    opacity: 1 !important;
    transition: background .2s !important;
}
.banners-grid:not(.banners-grid-resizable) .owl-controls .owl-page.active span {
    background: #0f1111 !important;
}

/* Mobile: stack all columns */
@media (max-width: 767px) {
    .banners-grid:not(.banners-grid-resizable) > .row-fluid {
        grid-template-columns: 1fr !important;
        gap: 8px !important;
    }
    .banners-grid:not(.banners-grid-resizable) .ut2-a__bg-banner {
        min-height: 160px !important;
    }
}

/* ══════════════════════════════════════════════════════════════
   BLOCK 10 — "أفضل صفقات اليوم" DEAL OF THE DAY
   Template: ab__deal_of_the_day.tpl → .ab__deal_of_the_day
   Has countdown timer, product scroller, price prominence
   ══════════════════════════════════════════════════════════════ */

/* Section wrapper */
.ab__deal_of_the_day:not(.pd-dp) {
    background: #fff !important;
    border-top: 1px solid #e7e7e7 !important;
    padding-top: 20px !important;
}

/* Title — already fixed by ut2-big-size-title rules above */

/* Countdown timer — Amazon red urgency */
.ab__deal_of_the_day .js-counter,
.ab__deal_of_the_day .ab-dotd-countdown {
    background: transparent !important;
    border: none !important;
}
.ab__deal_of_the_day .js-counter .countdown-section,
.ab__deal_of_the_day .ab-dotd-countdown-item {
    background: #232f3e !important;
    color: #fff !important;
    border-radius: 4px !important;
    padding: 4px 8px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    margin: 0 2px !important;
}
.ab__deal_of_the_day .js-counter .countdown-amount,
.ab__deal_of_the_day .ab-dotd-countdown-number {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #fff !important;
    display: block !important;
}
.ab__deal_of_the_day .js-counter .countdown-period,
.ab__deal_of_the_day .ab-dotd-countdown-label {
    font-size: 10px !important;
    color: rgba(255,255,255,.7) !important;
    text-transform: lowercase !important;
    display: block !important;
}

/* Deal product cards */
.ab__deal_of_the_day .ab-scroller-pd .ut2-gl__body {
    background: #fff !important;
    border: 1px solid #e3e6e6 !important;
    border-radius: 4px !important;
    box-shadow: none !important;
    transition: border-color .15s, box-shadow .15s !important;
}
.ab__deal_of_the_day .ab-scroller-pd .ut2-gl__item:hover .ut2-gl__body {
    border-color: #007185 !important;
    box-shadow: 0 2px 8px rgba(0,113,133,.1) !important;
    margin: 0 !important;
    padding: 0 !important;
    min-height: 0 !important;
    width: 100% !important;
}
.ab__deal_of_the_day .ab-scroller-pd .ut2-gl__image {
    background: #fff !important;
    padding: 10px !important;
    border-bottom: 1px solid #f0f2f2 !important;
}
.ab__deal_of_the_day .ab-scroller-pd .ut2-gl__image img {
    max-height: 160px !important;
    object-fit: contain !important;
    width: auto !important;
}
.ab__deal_of_the_day .ab-scroller-pd .ut2-gl__content {
    padding: 10px 12px 12px !important;
    background: #fff !important;
}
.ab__deal_of_the_day .ab-scroller-pd .ut2-gl__name a {
    font-size: 13px !important;
    color: #0f1111 !important;
    font-weight: 400 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-decoration: none !important;
}
.ab__deal_of_the_day .ab-scroller-pd .ut2-gl__price .ty-price-num,
.ab__deal_of_the_day .ab-scroller-pd .ut2-gl__price bdi {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #b12704 !important;
}
.ab__deal_of_the_day .ab-scroller-pd .ty-list-price .ty-price-num,
.ab__deal_of_the_day .ab-scroller-pd .ty-list-price bdi {
    font-size: 12px !important;
    color: #888 !important;
    text-decoration: line-through !important;
    font-weight: 400 !important;
}
/* Add to cart on deal cards */
.ab__deal_of_the_day .ab-scroller-pd .ty-btn__add-to-cart,
.ab__deal_of_the_day .ab-scroller-pd .ty-btn__primary {
    background: linear-gradient(to bottom, #f8e367, #ffd814) !important;
    border: 1px solid #fcd200 !important;
    color: #0f1111 !important;
    border-radius: 20px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    padding: 7px 10px !important;
    width: 100% !important;
    margin-top: auto !important;
    box-shadow: none !important;
    height: auto !important;
    min-height: 0 !important;
}
.ab__deal_of_the_day .ab-scroller-pd .ty-btn__add-to-cart:hover {
    background: linear-gradient(to bottom, #fdf09d, #f7ca00) !important;
}

/* ══════════════════════════════════════════════════════════════
   BLOCK 11 — "استكشف العروض الحالية" PROMOTIONS SCROLLER
   Template: ab__dotd_scroller.tpl → .ab__dotd_promotions
   Similar card layout to deal-of-the-day but without timer
   ══════════════════════════════════════════════════════════════ */

.ab__dotd_promotions {
    background: #fff !important;
    border-top: 1px solid #e7e7e7 !important;
    padding-top: 4px !important;
}

/* Promo cards — same treatment as deal cards */
.ab__dotd_promotions .ut2-gl__body {
    background: #fff !important;
    border: 1px solid #e3e6e6 !important;
    border-radius: 4px !important;
    box-shadow: none !important;
    transition: border-color .15s, box-shadow .15s !important;
}
.ab__dotd_promotions .ut2-gl__item:hover .ut2-gl__body {
    border-color: #007185 !important;
    box-shadow: 0 2px 8px rgba(0,113,133,.1) !important;
    margin: 0 !important;
    padding: 0 !important;
    min-height: 0 !important;
    width: 100% !important;
}
.ab__dotd_promotions .ut2-gl__image {
    background: #fff !important;
    padding: 10px !important;
    border-bottom: 1px solid #f0f2f2 !important;
}
.ab__dotd_promotions .ut2-gl__image img {
    max-height: 160px !important;
    object-fit: contain !important;
    width: auto !important;
    max-width: 100% !important;
}
.ab__dotd_promotions .ut2-gl__content {
    padding: 10px 12px 12px !important;
    background: #fff !important;
}
.ab__dotd_promotions .ut2-gl__name a {
    font-size: 13px !important;
    color: #0f1111 !important;
    font-weight: 400 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-decoration: none !important;
    line-height: 1.4 !important;
}
.ab__dotd_promotions .ut2-gl__name a:hover { color: #c7511f !important; text-decoration: underline !important; }
.ab__dotd_promotions .ut2-gl__price .ty-price-num,
.ab__dotd_promotions .ut2-gl__price bdi {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #b12704 !important;
}
.ab__dotd_promotions .ty-list-price .ty-price-num,
.ab__dotd_promotions .ty-list-price bdi {
    font-size: 12px !important;
    color: #888 !important;
    text-decoration: line-through !important;
    font-weight: 400 !important;
}
.ab__dotd_promotions .ty-btn__add-to-cart,
.ab__dotd_promotions .ty-btn__primary {
    background: linear-gradient(to bottom, #f8e367, #ffd814) !important;
    border: 1px solid #fcd200 !important;
    color: #0f1111 !important;
    border-radius: 20px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    padding: 7px 10px !important;
    width: 100% !important;
    margin-top: 8px !important;
    box-shadow: none !important;
    height: auto !important;
    min-height: 0 !important;
}
.ab__dotd_promotions .ty-btn__add-to-cart:hover {
    background: linear-gradient(to bottom, #fdf09d, #f7ca00) !important;
}
/* Discount badge on promo cards */
.ab__dotd_promotions .ty-discount-label {
    background: none !important;
    color: #cc0c39 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    padding: 0 !important;
    position: static !important;
    display: inline !important;
}

/* ══════════════════════════════════════════════════════════════
   BLOCK 12 — "مستوحى من تصفحك" BROWSING HISTORY SIDEBOX
   Template: .ut2-sidebox with owl-carousel .ty-scroller-list
   Shows recently browsed products — Amazon "Keep shopping for" style
   ══════════════════════════════════════════════════════════════ */

/* Sidebox wrapper */
.ut2-sidebox {
    background: #fff !important;
    border-top: 1px solid #e7e7e7 !important;
    padding: 20px 0 !important;
    margin-bottom: 0 !important;
}

/* Sidebox title — inline with external owl arrows */
.ut2-sidebox__title {
    padding: 0 0 14px !important;
    border-bottom: none !important;
}
.ut2-sidebox__title-wrapper,
.ut2-sidebox__title span {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #0f1111 !important;
    text-transform: none !important;
    letter-spacing: -0.2px !important;
}

/* Owl controls position — already in .ut2-sidebox__title.outside-controls padding-right:85px */
/* We just need to ensure the arrow buttons are styled */
.ut2-sidebox .owl-prev,
.ut2-sidebox .owl-next {
    background: rgba(255,255,255,.95) !important;
    border: 1px solid #d5d9d9 !important;
    border-radius: 4px !important;
    width: 28px !important;
    height: 28px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    box-shadow: 0 1px 4px rgba(0,0,0,.1) !important;
    transition: background .12s !important;
}
.ut2-sidebox .owl-prev:hover,
.ut2-sidebox .owl-next:hover {
    background: #f7f8f8 !important;
}
.ut2-sidebox .owl-prev i,
.ut2-sidebox .owl-next i,
.ut2-sidebox .owl-prev span[class*="icon"],
.ut2-sidebox .owl-next span[class*="icon"] {
    font-size: 16px !important;
    color: #0f1111 !important;
}

/* Scroller list items */
.ut2-sidebox .ty-scroller-list__item {
    background: #fff !important;
    border: 1px solid #e3e6e6 !important;
    border-radius: 4px !important;
    overflow: hidden !important;
    transition: border-color .15s, box-shadow .15s !important;
    padding: 0 !important;
    box-shadow: none !important;
}
.ut2-sidebox .ty-scroller-list__item:hover {
    border-color: #007185 !important;
    box-shadow: 0 2px 8px rgba(0,113,133,.1) !important;
}
.ut2-sidebox .ty-scroller-list__img-block {
    background: #fff !important;
    padding: 8px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-bottom: 1px solid #f0f2f2 !important;
}
.ut2-sidebox .ty-scroller-list__img-block img {
    max-height: 120px !important;
    max-width: 100% !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
}
.ut2-sidebox .ty-scroller-list__description {
    padding: 8px 10px 10px !important;
    background: #fff !important;
}
.ut2-sidebox .ty-scroller-list__description .product-title,
.ut2-sidebox .ty-scroller-list__description .product-title span {
    font-size: 12px !important;
    color: #0f1111 !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-decoration: none !important;
}
.ut2-sidebox .ty-scroller-list__description .product-title:hover span {
    color: #c7511f !important;
    text-decoration: underline !important;
}
.ut2-sidebox .ut2-simple-list__price .ty-price-num,
.ut2-sidebox .ut2-simple-list__price bdi {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #0f1111 !important;
}
.ut2-sidebox .ut2-simple-list__price .ty-list-price .ty-price-num,
.ut2-sidebox .ut2-simple-list__price .ty-list-price bdi {
    font-size: 11px !important;
    color: #888 !important;
    text-decoration: line-through !important;
}

/* Hide noise */
.ut2-sidebox .ut2-gl__bottom,
.ut2-sidebox .ut2-gl__amount,
.ut2-sidebox .stock-wrap { display: none !important; }

/* ── RTL for all remaining blocks ──────────────────────────── */
html[dir="rtl"] .banners-grid:not(.banners-grid-resizable) .ut2-a__content.align-right {
    justify-content: flex-end !important;
    text-align: right !important;
}
html[dir="rtl"] .ab__deal_of_the_day .ut2-gl__name a,
html[dir="rtl"] .ab__dotd_promotions .ut2-gl__name a {
    text-align: right !important;
    direction: rtl !important;
}
html[dir="rtl"] .ut2-sidebox { direction: rtl !important; text-align: right !important; }
html[dir="rtl"] .ut2-sidebox__title { text-align: right !important; }
html[dir="rtl"] .ut2-sidebox .ty-scroller-list__description .product-title {
    text-align: right !important;
    direction: rtl !important;
}

/* ── Mobile for remaining blocks ───────────────────────────── */
@media (max-width: 767px) {
    .ab__deal_of_the_day .ab-scroller-pd .ut2-gl__image img { max-height: 120px !important; }
    .ab__dotd_promotions .ut2-gl__image img { max-height: 120px !important; }
    .ut2-sidebox .ty-scroller-list__img-block img { max-height: 90px !important; }
    .ut2-sidebox__title-wrapper,
    .ut2-sidebox__title span { font-size: 17px !important; }
}

/* ═══════════════════════════════════════════════════════════════
   VENDOR INFO IN PRODUCT GRID — hidden (Amazon doesn't show store
   name/location/rating on grid cards; too noisy, distracts from buy)
   ═══════════════════════════════════════════════════════════════ */
.ut2__vendor-info--list-product {
    display: none !important;
}

/* ── amazon_product_detail.css ── */
/* ============================================================
   SAFQA — Amazon Product Detail Page
   Custom safqa_amazon_template.tpl — sqz-pb__* classes
   ============================================================ */

/* ── PAGE BACKGROUND ─────────────────────────────────────── */
.sqz-pb {
  background: #fff;
  padding-bottom: 40px;
}

/* ── BREADCRUMBS ─────────────────────────────────────────── */
.sqz-pb__breadcrumbs {
  padding: 10px 0 8px;
  font-size: 12.5px;
  border-bottom: none;
  margin-bottom: 0;
}
.sqz-pb__breadcrumbs a {
  color: #007185;
}
.sqz-pb__breadcrumbs a:hover {
  color: #c7511f;
  text-decoration: underline;
}

/* ── 3-COLUMN LAYOUT GRID ────────────────────────────────── */
/* Full width, no outer card — Amazon style */
.sqz-pb__layout {
  display: grid;
  grid-template-columns: minmax(280px, 38%) 1fr minmax(220px, 23%);
  gap: 28px;
  align-items: start;
  background: #fff;
  padding: 0;
  margin-bottom: 24px;
}

@media (max-width: 1280px) {
  .sqz-pb__layout {
    grid-template-columns: minmax(260px, 36%) 1fr minmax(210px, 24%);
    gap: 20px;
  }
}

@media (max-width: 960px) {
  .sqz-pb__layout {
    grid-template-columns: 1fr 1fr;
    gap: 16px;
  }
  .sqz-pb__col-buybox {
    grid-column: 2;
    grid-row: 1;
  }
  .sqz-pb__col-details {
    grid-column: 1 / -1;
    grid-row: 2;
  }
}

@media (max-width: 767px) {
  .sqz-pb__layout {
    grid-template-columns: 1fr;
  }
  .sqz-pb__col-buybox {
    grid-column: auto;
    grid-row: auto;
  }
  .sqz-pb__col-details {
    grid-column: auto;
    grid-row: auto;
  }
}

/* ── COLUMN 1: IMAGE GALLERY ─────────────────────────────── */
.sqz-pb__col-images {
  position: sticky;
  top: 80px;
}

/* Clean image box — no border, white bg */
.sqz-pb__img-box {
  background: #fff;
  border-radius: 4px;
  overflow: hidden;
  padding: 0;
}

.sqz-pb__img-box .ty-product-img,
.sqz-pb__img-box .cm-preview-wrapper {
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Main product image fills column */
.sqz-pb__img-box img.ty-pict {
  object-fit: contain;
  width: 100%;
  height: auto;
  max-height: 500px;
  display: block;
}

/* Zoom icon overlay */
.sqz-pb__img-box .ty-product-img__zoom {
  color: #007185;
}

/* Thumbnail strip */
.sqz-pb__img-box .ty-thumb-mini {
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.sqz-pb__img-box .ty-thumb-mini__item {
  border: 2px solid #dde0e4;
  border-radius: 4px;
  overflow: hidden;
  cursor: pointer;
  transition: border-color 0.15s;
  width: 56px;
  height: 56px;
}
.sqz-pb__img-box .ty-thumb-mini__item.active,
.sqz-pb__img-box .ty-thumb-mini__item:hover {
  border-color: #febd69;
}
.sqz-pb__img-box .ty-thumb-mini__item img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* ── COLUMN 2: PRODUCT DETAILS ───────────────────────────── */
.sqz-pb__col-details {
  padding: 0;
  min-width: 0;
}

/* Brand */
.sqz-pb__brand {
  font-size: 13.5px;
  color: #007185;
  margin-bottom: 6px;
}
.sqz-pb__brand a {
  color: #007185;
  text-decoration: none;
}
.sqz-pb__brand a:hover {
  color: #c7511f;
  text-decoration: underline;
}

/* Title */
.sqz-pb__title {
  font-size: 23px !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
  color: #0f1111 !important;
  margin: 0 0 8px !important;
  padding: 0 !important;
  letter-spacing: -0.2px !important;
}

/* Rating row */
.sqz-pb__rating {
  display: flex;
  align-items: center;
  gap: 8px;
  border-bottom: 1px solid #e7e7e7;
  padding-bottom: 12px;
  margin-bottom: 14px;
}
.sqz-pb__rating .ty-product-review-reviews-stars {
  color: #f0a500;
  font-size: 15px;
}
.sqz-pb__rating .ty-product-review-reviews-total-reviews {
  color: #007185;
  font-size: 13.5px;
}
.sqz-pb__rating .ty-product-review-reviews-total-reviews:hover {
  color: #c7511f;
  text-decoration: underline;
}

/* SKU */
.sqz-pb__sku {
  font-size: 12.5px;
  color: #565959;
  margin-bottom: 10px;
}

/* Promo text */
.sqz-pb__promo {
  background: #fffbf2;
  border: 1px solid #f5b800;
  border-radius: 4px;
  padding: 10px 14px;
  font-size: 13.5px;
  color: #0f1111;
  margin-bottom: 14px;
}

/* Product options (swatches, dropdowns) */
.sqz-pb__options {
  margin-bottom: 14px;
}

/* Features list — Amazon bullet-point style */
.sqz-pb__features {
  margin-bottom: 16px;
}
.sqz-pb__features .ty-product-feature {
  display: flex;
  gap: 8px;
  font-size: 13.5px;
  color: #0f1111;
  padding: 4px 0;
  border-bottom: none;
  line-height: 1.5;
}
.sqz-pb__features .ty-product-feature::before {
  content: "•";
  color: #0f1111;
  flex-shrink: 0;
  margin-top: 1px;
}
.sqz-pb__features .ty-product-feature__label {
  color: #565959;
  min-width: 100px;
  font-weight: 500;
}

/* Short description */
.sqz-pb__short-descr {
  font-size: 13.5px;
  color: #0f1111;
  line-height: 1.65;
  border-top: 1px solid #e7e7e7;
  padding-top: 14px;
  margin-top: 10px;
}

/* ── COLUMN 3: BUY BOX ───────────────────────────────────── */
.sqz-pb__col-buybox {
  position: sticky;
  top: 80px;
}

/* Amazon buy box card */
.sqz-pb__buybox-card {
  background: #fff;
  border: 1px solid #d5d9d9;
  border-radius: 8px;
  box-shadow: rgba(213,217,217,.5) 0 2px 5px 0;
  padding: 20px 18px;
}

/* Price area */
.sqz-pb__price-area {
  margin-bottom: 14px;
  padding-bottom: 14px;
  border-bottom: 1px solid #e7e7e7;
}

/* Sale badge — Amazon-style small pill badge */
.sqz-pb__price-area .ab-stickers-container {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  margin-bottom: 6px !important;
}

.sqz-pb__price-area .ty-discount-label,
.sqz-pb__price-area .ab-sticker.T-sticker {
  background: #cc0c39 !important;
  color: #fff !important;
  border-radius: 4px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  padding: 4px 8px !important;
  box-shadow: none !important;
  display: inline-block !important;
  line-height: 1.3 !important;
}

.sqz-pb__price-area .ab-sticker__name {
  font-size: 12px !important;
  color: #fff !important;
}

.sqz-pb__price-area .ab-sticker__name span {
  color: #fff !important;
}

/* Main price */
.sqz-pb__price-area .ty-price-num,
.sqz-pb__price-area bdi {
  font-size: 28px !important;
  font-weight: 400 !important;
  color: #0f1111 !important;
  line-height: 1.2 !important;
}

/* Original (crossed-out) price */
.sqz-pb__price-area .ty-list-price .ty-price-num,
.sqz-pb__price-area .ty-list-price bdi {
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #565959 !important;
  text-decoration: line-through !important;
}

/* "In Stock" green text */
.sqz-pb__price-area .ty-qty-in-stock,
.sqz-pb__buybox-card .ty-qty-in-stock {
  color: #007600 !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  margin: 0 0 12px !important;
  display: block;
}

/* Low stock warning */
.sqz-pb__buybox-card .ty-low-stock,
.sqz-pb__buybox-card .ut2-stock-warning {
  color: #c7511f;
  font-weight: 600;
  font-size: 14px;
}

/* Vendor block */
.sqz-pb__buybox-card .ut2-vendor-block,
.sqz-pb__buybox-card .ty-company-name {
  font-size: 13px;
  color: #0f1111;
  margin-bottom: 10px;
}
.sqz-pb__buybox-card .ut2-vendor-block__name a,
.sqz-pb__buybox-card .ty-company-name a {
  color: #007185;
}
.sqz-pb__buybox-card .ut2-vendor-block__name a:hover,
.sqz-pb__buybox-card .ty-company-name a:hover {
  color: #c7511f;
  text-decoration: underline;
}

/* Qty stepper */
.sqz-pb__qty {
  margin-bottom: 12px;
}
.sqz-pb__qty .ty-value-changer {
  border: 1px solid #d5d9d9;
  border-radius: 8px;
  background: #f0f2f2;
  display: inline-flex;
  align-items: center;
}
.sqz-pb__qty .ty-value-changer__plus,
.sqz-pb__qty .ty-value-changer__minus {
  background: none;
  border: none;
  padding: 6px 12px;
  color: #0f1111;
  cursor: pointer;
  font-size: 16px;
}
.sqz-pb__qty .ty-value-changer__input {
  background: none;
  border: none;
  text-align: center;
  width: 40px;
  font-size: 14px;
  color: #0f1111;
}

/* Advanced options */
.sqz-pb__adv-options {
  margin-bottom: 12px;
}

/* Button stack */
.sqz-pb__buttons {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* Add to Cart — Amazon yellow */
.sqz-pb__buttons .ty-btn__add-to-cart,
.sqz-pb__buttons .ty-btn__primary,
.sqz-pb__buttons .cm-dialog-opener.ty-btn__primary {
  background: linear-gradient(to bottom, #ffd814 0%, #f7ca00 100%) !important;
  border: 1px solid #fcd200 !important;
  color: #0f1111 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  border-radius: 20px !important;
  width: 100% !important;
  padding: 10px 18px !important;
  box-shadow: rgba(213,177,0,.5) 0 2px 5px 0 !important;
  transition: all 0.12s ease !important;
  text-align: center !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
}
/* Button inner span — flex row to keep icon + text side by side */
.sqz-pb__buttons .ty-btn__add-to-cart > span,
.sqz-pb__buttons .ty-btn__primary > span,
.sqz-pb__buttons .ty-btn__outline > span {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}
/* Icon span and i — force inline so they sit beside text */
.sqz-pb__buttons .ty-btn__add-to-cart i,
.sqz-pb__buttons .ty-btn__primary i,
.sqz-pb__buttons i[class*="icon_cart"],
.sqz-pb__buttons .ty-btn__add-to-cart span[class*="ty-icon"],
.sqz-pb__buttons .ty-btn__add-to-cart span[class*="ut2-icon"],
.sqz-pb__buttons .ty-btn__primary span[class*="ty-icon"],
.sqz-pb__buttons .ty-btn__primary span[class*="ut2-icon"] {
  display: inline-block !important;
  font-size: 18px !important;
  line-height: 1 !important;
  vertical-align: middle !important;
  flex-shrink: 0 !important;
}
/* bdi text inside button — inline, not block */
.sqz-pb__buttons .ty-btn__add-to-cart bdi,
.sqz-pb__buttons .ty-btn__primary bdi {
  display: inline !important;
  vertical-align: middle !important;
}
.sqz-pb__buttons .ty-btn__add-to-cart:hover,
.sqz-pb__buttons .ty-btn__primary:hover {
  background: linear-gradient(to bottom, #f7ca00 0%, #f2b600 100%) !important;
  border-color: #f2b600 !important;
}

/* Buy Now — Amazon orange (targets both ty-btn__secondary AND ty-btn__outline) */
.sqz-pb__buttons .ty-btn__secondary,
.sqz-pb__buttons .ty-btn__outline,
.sqz-pb__buybox-card .ty-btn__outline {
  background: linear-gradient(to bottom, #ffa41c 0%, #ff8f00 100%) !important;
  border: 1px solid #ff8f00 !important;
  color: #0f1111 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  border-radius: 20px !important;
  width: 100% !important;
  padding: 10px 18px !important;
  box-shadow: rgba(255,130,0,.3) 0 2px 5px 0 !important;
  transition: all 0.12s ease !important;
  text-align: center !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.sqz-pb__buttons .ty-btn__secondary:hover,
.sqz-pb__buttons .ty-btn__outline:hover,
.sqz-pb__buybox-card .ty-btn__outline:hover {
  background: linear-gradient(to bottom, #fa8900 0%, #e47911 100%) !important;
}

/* Wishlist / Compare text links */
.sqz-pb__buttons .ty-btn__text,
.sqz-pb__buttons .cm-ajax.ty-btn__text {
  font-size: 13px !important;
  color: #007185 !important;
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  padding: 4px 0 !important;
  text-align: center !important;
  text-decoration: none !important;
}
.sqz-pb__buttons .ty-btn__text:hover,
.sqz-pb__buttons .cm-ajax.ty-btn__text:hover {
  color: #c7511f !important;
  text-decoration: underline !important;
}

/* Divider inside buybox */
.sqz-pb__buybox-card hr,
.sqz-pb__buybox-card .ty-hr {
  border: none;
  border-top: 1px solid #e7e7e7;
  margin: 14px 0;
}

/* ── TABS AREA (Description, Reviews, Specs) ──────────────── */
.sqz-pb__tabs-area {
  background: #fff;
  border-top: 1px solid #ddd;
  padding-top: 24px;
}

.sqz-pb__tabs .ty-tabs {
  border-bottom: 1px solid #ddd !important;
  margin-bottom: 0 !important;
}

.sqz-pb__tabs .ty-tabs__item {
  border: none !important;
  border-bottom: 3px solid transparent !important;
  border-radius: 0 !important;
  background: transparent !important;
  font-weight: 600 !important;
  color: #565959 !important;
  padding: 10px 20px !important;
  font-size: 15px !important;
  margin-bottom: -1px !important;
}
.sqz-pb__tabs .ty-tabs__item.active,
.sqz-pb__tabs .ty-tabs__item:hover {
  border-bottom-color: #e77600 !important;
  color: #0f1111 !important;
  background: transparent !important;
}

.sqz-pb__tabs .ty-tab-container {
  border: none !important;
  border-top: 1px solid #e7e7e7 !important;
  border-radius: 0 !important;
  padding: 24px 0 !important;
  background: #fff !important;
  font-size: 14px !important;
  line-height: 1.7 !important;
  color: #0f1111 !important;
}

/* ── STICKY ADD-TO-CART BAR ──────────────────────────────── */
.ut2-pb__sticky-add-to-cart {
  background: #fff !important;
  border-bottom: 1px solid #dde0e4 !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1) !important;
}

/* Hide sticker badge in sticky bar — it's a side-effect of the shared price capture;
   the badge already shows in the buybox where it belongs */
.ut2-pb__sticky-add-to-cart .ab-stickers-container {
  display: none !important;
}

/* ab__stickers: full-size shows .tfs only; small-size shows .tss only.
   The base rule from responsive/styles.less isn't reaching the compiled CSS. */
.ab-sticker-full_size .tss {
  display: none !important;
}
.ab-sticker-small_size .tfs {
  display: none !important;
}
.ab-sticker-small_size .tss {
  display: inline-block !important;
}

/* ── DIVIDER BELOW PRODUCT BLOCK ─────────────────────────── */
.sqz-pb .ty-product-block__main + * {
  border-top: 1px solid #ddd;
  padding-top: 24px;
}

/* ── RTL ADJUSTMENTS ─────────────────────────────────────── */
html[dir="rtl"] .sqz-pb__title {
  text-align: right;
}
html[dir="rtl"] .sqz-pb__rating {
  flex-direction: row-reverse;
  justify-content: flex-end;
}
html[dir="rtl"] .sqz-pb__features .ty-product-feature::before {
  display: none;
}
html[dir="rtl"] .sqz-pb__features .ty-product-feature {
  flex-direction: row-reverse;
}

/* ── QUANTITY DISCOUNTS (خصومات الكمية) ─────────────────── */
/* Template: safqa/templates/views/products/components/products_qty_discounts.tpl */
.sqz-pb .ut2__qty-discounts {
  margin-inline-end: 0 !important;
}
/* Legacy ut2-qd style reset (fallback) */
.sqz-pb .ut2-qd {
  border: 1px solid #e3a757 !important;
  border-radius: 6px !important;
  padding: 0 !important;
  overflow: hidden;
  min-width: 0 !important;
  margin-top: 12px !important;
}
.sqz-pb .ut2-qd__title {
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #0f1111 !important;
  background: #fef9f0 !important;
  border-bottom: 1px solid #e3a757 !important;
  padding: 6px 10px !important;
  margin-top: 0 !important;
  width: auto !important;
}
.sqz-pb .ut2-qd__item,
.sqz-pb .ut2-qd__price {
  font-size: 13px !important;
  font-weight: 400 !important;
  color: #0f1111 !important;
  padding: 4px 8px !important;
  height: auto !important;
  line-height: 1.4 !important;
}
.sqz-pb .ut2-qd__price .ty-price-num,
.sqz-pb .ut2-qd__price bdi,
.sqz-pb .ut2-qd__price .ut2-cost-base {
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #c7511f !important;
}
/* Amazon-style custom qty discounts table */
.sqz-qty-discounts {
  margin-top: 12px;
  border: 1px solid #e3a757;
  border-radius: 6px;
  overflow: hidden;
}
.sqz-qty-discounts__title {
  font-size: 12px;
  font-weight: 700;
  color: #0f1111;
  background: #fef9f0;
  border-bottom: 1px solid #e3a757;
  padding: 6px 10px;
}
.sqz-qty-discounts__table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}
.sqz-qty-discounts__th {
  background: #f7f8f8;
  color: #565959;
  font-size: 11px;
  font-weight: 700;
  padding: 4px 8px;
  text-align: start;
  border-bottom: 1px solid #e7e7e7;
}
.sqz-qty-discounts__td {
  padding: 5px 8px;
  color: #0f1111;
  vertical-align: middle;
  font-size: 13px;
}
.sqz-qty-discounts__td--price .ty-price-num,
.sqz-qty-discounts__td--price bdi,
.sqz-qty-discounts__td--price .ut2-cost-base {
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #c7511f !important;
}
.sqz-qty-discounts__row:nth-child(even) .sqz-qty-discounts__td {
  background: #fef9f0;
}
.sqz-qty-discounts__row--first .sqz-qty-discounts__td {
  font-weight: 600;
}
.sqz-qty-discounts__badge {
  display: inline-block;
  background: #cc0c39;
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  border-radius: 3px;
  padding: 1px 4px;
  white-space: nowrap;
}

/* ── STICKER (تخفيض) AMAZON STYLE on product cards ─────── */
.ab-sticker.ribbon_style,
.ab-sticker.default_style {
  font-size: 11px !important;
  font-weight: 700 !important;
  border-radius: 3px !important;
  padding: 2px 5px !important;
  line-height: 1.3 !important;
}

/* ── MOBILE ──────────────────────────────────────────────── */
@media (max-width: 767px) {
  .sqz-pb__col-images,
  .sqz-pb__col-buybox {
    position: static;
  }
  .sqz-pb__buybox-card {
    border-radius: 4px;
  }
  .sqz-pb__title {
    font-size: 18px !important;
  }
}

/* ── BUYBOX REFINEMENTS ───────────────────────────────────── */

/* Price in points — hide or make very subtle */
.sqz-pb__buybox-card .ut2-price-in-points,
.sqz-pb__buybox-card [class*="price_points"],
.sqz-pb__buybox-card .ty-price-in-points {
  font-size: 12px !important;
  color: #888 !important;
  margin: 4px 0 8px !important;
}

/* Min qty message — hide when it's just "minimum is 1" (useless info) */
.sqz-pb__buybox-card .ty-min-qty,
.sqz-pb__buybox-card [class*="min_qty"],
.sqz-pb__buttons [class*="min_qty"],
.sqz-pb__qty .ty-product-block__min-qty {
  font-size: 11px !important;
  color: #888 !important;
  margin: 0 0 4px !important;
}

/* Qty stepper — Amazon-style narrow, not full width */
.sqz-pb__qty .ty-value-changer {
  width: auto !important;
  min-width: 120px !important;
  justify-content: center !important;
  border: 1px solid #d5d9d9 !important;
  border-radius: 8px !important;
  background: #f0f2f2 !important;
}

/* Green checkmark (cart success indicator) */
.sqz-pb__buttons .cm-ajax-done-icon,
.sqz-pb__buttons .ty-icon-ok-circle {
  display: none !important;
}

/* Vendor/seller block — Amazon "Sold by" style */
.sqz-pb__buybox-card .ut2-vendor-block {
  border-top: 1px solid #e7e7e7 !important;
  padding-top: 12px !important;
  margin-top: 12px !important;
  font-size: 13px !important;
}

/* Vendor logo — circular, smaller */
.sqz-pb__buybox-card .ut2-vendor-block__logo img {
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
}

/* Stock area — tighter, with separator */
.sqz-pb__stock {
  margin-bottom: 10px !important;
}

.sqz-pb__stock .stock-wrap {
  padding: 0 !important;
}

/* "In Stock" — prominently green */
.sqz-pb__buybox-card .ty-qty-in-stock {
  color: #007600 !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  margin: 0 0 8px !important;
}

/* Qty stepper — Amazon narrow style */
.sqz-pb__qty .ty-value-changer {
  width: auto !important;
  display: inline-flex !important;
}

/* Hide green checkmark on buybox Add to Cart */
.sqz-pb__buttons .ut2-added-to-cart:after,
.sqz-pb__buttons .ty-btn__add-to-cart:after,
.sqz-pb__buybox-card .ut2-added-to-cart:after,
.sqz-pb__buybox-card .ty-btn__add-to-cart:after,
.sqz-pb__buttons .text-button-act:after {
  display: none !important;
  content: none !important;
}


/* ── VENDOR BLOCK: hide from col-details, show in buybox ─── */
.sqz-pb__col-details .ut2-pb__vendor-block,
.sqz-pb__col-details .ut2-vendor-block,
.sqz-pb__col-details [class*="vendor-block"],
.sqz-pb__col-details .ab__vendor_block,
.sqz-pb .sqz-pb__col-details .ut2-vendor-block,
.sqz-pb__layout > .sqz-pb__col-details .ut2-vendor-block {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
}

/* Seller info in buybox — Amazon "Ships from / Sold by" style */
.sqz-pb__seller {
  border-top: 1px solid #e7e7e7 !important;
  padding-top: 12px !important;
  margin-top: 12px !important;
  font-size: 13px !important;
  color: #565959 !important;
}
.sqz-pb__seller .ut2-pb__vendor-block,
.sqz-pb__seller [class*="vendor-block"] {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  background: none !important;
}
.sqz-pb__seller .ut2-pb__vendor-block img,
.sqz-pb__seller [class*="vendor-block"] img {
  width: 28px !important;
  height: 28px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
}
.sqz-pb__seller a {
  color: #007185 !important;
  text-decoration: none !important;
  font-size: 13px !important;
}
.sqz-pb__seller a:hover {
  color: #c7511f !important;
  text-decoration: underline !important;
}

/* ── SELLER INFO TABLE — Amazon "Ships from / Sold by" ────── */
.sqz-pb__seller-info {
  border-top: 1px solid #e7e7e7;
  padding-top: 12px;
  margin-top: 14px;
}
.sqz-pb__seller-table {
  width: auto;
  border-collapse: collapse;
  font-size: 13px;
  line-height: 1.8;
}
.sqz-pb__seller-table td {
  padding: 2px 0;
  vertical-align: top;
}
.sqz-pb__seller-label {
  color: #565959;
  white-space: nowrap;
  padding-inline-end: 8px !important;
  font-size: 13px;
}
.sqz-pb__seller-value {
  color: #0f1111;
}
.sqz-pb__seller-value a {
  color: #007185 !important;
  text-decoration: none !important;
}
.sqz-pb__seller-value a:hover {
  color: #c7511f !important;
  text-decoration: underline !important;
}
.sqz-pb__secure {
  color: #007185 !important;
}
.sqz-pb__lock-icon {
  font-size: 12px;
  margin-inline-end: 2px;
}

/* ── ADD TO LIST (Wishlist) — Amazon outline button ─────────── */
.sqz-pb__add-to-list {
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid #e7e7e7;
}
.sqz-pb__add-to-list .ty-btn,
.sqz-pb__add-to-list a {
  display: block !important;
  width: 100% !important;
  text-align: center !important;
  padding: 8px 16px !important;
  border: 1px solid #d5d9d9 !important;
  border-radius: 8px !important;
  background: #fff !important;
  color: #0f1111 !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  text-decoration: none !important;
  box-shadow: 0 2px 5px rgba(213,217,217,.5) !important;
  cursor: pointer !important;
}
.sqz-pb__add-to-list .ty-btn:hover,
.sqz-pb__add-to-list a:hover {
  background: #f7fafa !important;
  border-color: #c8cdd3 !important;
}

/* Fix: <a> variant of Add to Cart (icon span is direct child, not wrapped) */
.sqz-pb__buttons a.ty-btn__add-to-cart > .ty-icon,
.sqz-pb__buttons a.ty-btn__add-to-cart > [class*="icon"],
.sqz-pb__buybox-card a.ty-btn__add-to-cart > .ty-icon {
  display: inline-flex !important;
  align-items: center !important;
  font-size: 18px !important;
  line-height: 1 !important;
}

/* ── AMAZON-STYLE CENTER COLUMN REFINEMENTS ──────────────── */

/* Brand link — "Visit the [Brand] Store" style */
.sqz-pb__brand {
  margin-bottom: 2px !important;
}
.sqz-pb__brand a {
  color: #007185 !important;
  font-size: 13px !important;
  text-decoration: none !important;
}
.sqz-pb__brand a:hover {
  color: #c7511f !important;
  text-decoration: underline !important;
}

/* Title — Amazon uses ~24px on desktop */
.sqz-pb__title {
  font-size: 22px !important;
  font-weight: 400 !important;
  line-height: 1.3 !important;
  color: #0f1111 !important;
  margin: 0 0 4px !important;
}

/* Rating row — tight, small */
.sqz-pb__rating {
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
  flex-wrap: wrap !important;
  border-bottom: none !important;
  padding-bottom: 4px !important;
  margin-bottom: 4px !important;
  font-size: 13px !important;
}
.sqz-pb__rating .ty-product-review-reviews-stars {
  font-size: 14px !important;
}
.sqz-pb__rating .ut2-rating-stars-num {
  font-size: 13px !important;
  color: #007185 !important;
}
.sqz-pb__rating .ty-product-review-reviews-total-reviews {
  font-size: 13px !important;
  color: #007185 !important;
}
.sqz-pb__rating .ty-product-review-write-product-review-button,
.sqz-pb__col-details .ty-product-review-write-product-review-button,
.sqz-pb__rating .ty-discussion__review-write,
.sqz-pb__col-details .ty-discussion__review-write {
  font-size: 12px !important;
  color: #007185 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  background: none !important;
  box-shadow: none !important;
  display: inline !important;
  vertical-align: middle !important;
}
.sqz-pb__col-details .ty-product-review-write-product-review-button:hover,
.sqz-pb__col-details .ty-discussion__review-write:hover {
  color: #c7511f !important;
  text-decoration: underline !important;
}

/* Vendor block in center column — small text, not big card */
.sqz-pb__col-details .ut2-pb__vendor-block,
.sqz-pb__col-details [class*="vendor-block"] {
  border: 1px solid #e7e7e7 !important;
  border-radius: 8px !important;
  padding: 12px 16px !important;
  margin-bottom: 14px !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  background: #fff !important;
}
.sqz-pb__col-details .ut2-pb__vendor-block img,
.sqz-pb__col-details [class*="vendor-block"] img {
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
}

/* Price in center column (if shown) — Amazon style with discount */
.sqz-pb__col-details .ty-price-num,
.sqz-pb__col-details bdi {
  font-size: 22px !important;
  font-weight: 400 !important;
  color: #0f1111 !important;
}
.sqz-pb__col-details .ty-list-price .ty-price-num,
.sqz-pb__col-details .ty-list-price bdi {
  font-size: 14px !important;
  color: #565959 !important;
  text-decoration: line-through !important;
}

/* Features list — tighter bullet points */
.sqz-pb__features {
  border-top: 1px solid #e7e7e7 !important;
  padding-top: 14px !important;
  margin-top: 10px !important;
}
.sqz-pb__features .ty-product-feature {
  font-size: 14px !important;
  padding: 3px 0 !important;
  line-height: 1.5 !important;
}

/* Short description — muted, with top border */
.sqz-pb__short-descr {
  border-top: 1px solid #e7e7e7 !important;
  padding-top: 14px !important;
  margin-top: 14px !important;
  font-size: 14px !important;
  color: #333 !important;
  line-height: 1.6 !important;
}

/* ── SOCIAL PROOF ("300+ bought in past month") ──────────── */
.sqz-pb__social-proof {
  font-size: 13px;
  color: #0f1111;
  font-weight: 600;
  margin-bottom: 4px;
}

/* ── SEPARATOR LINE ──────────────────────────────────────── */
.sqz-pb__separator {
  border-top: 1px solid #e7e7e7;
  margin: 4px 0 6px;
}

/* ── CENTER COLUMN PRICE — Amazon inline discount + price ── */
.sqz-pb__center-price {
  margin-bottom: 4px;
}
.sqz-pb__discount-pct {
  color: #cc0c39;
  font-size: 22px;
  font-weight: 400;
  margin-inline-end: 8px;
}
.sqz-pb__main-price .ty-price-num,
.sqz-pb__main-price bdi,
.sqz-pb__center-price .ty-price-num,
.sqz-pb__center-price bdi {
  font-size: 28px !important;
  font-weight: 400 !important;
  color: #0f1111 !important;
}
.sqz-pb__list-price {
  font-size: 13px;
  color: #565959;
  margin-top: 2px;
}
.sqz-pb__list-price .ty-price-num,
.sqz-pb__list-price bdi {
  font-size: 13px !important;
  color: #565959 !important;
  text-decoration: line-through !important;
  font-weight: 400 !important;
}

/* ── TRUST ROW (Ships from / Secure / Returns) ──────────── */
.sqz-pb__trust-row {
  display: flex;
  justify-content: flex-start;
  gap: 32px;
  padding: 14px 0;
  border-top: 1px solid #e7e7e7;
  border-bottom: none;
  margin: 8px 0 0;
}
.sqz-pb__trust-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 4px;
  min-width: 70px;
}
.sqz-pb__trust-icon {
  font-size: 28px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
}
.sqz-pb__trust-text {
  font-size: 11px;
  color: #0f1111;
  line-height: 1.3;
  margin-top: 4px;
}
html[dir="rtl"] .sqz-pb__trust-row {
  justify-content: flex-end;
}

/* Trust icons — CSS-drawn professional icons */
.sqz-pb__trust-icon--ship::before {
  content: "";
  display: block;
  width: 28px;
  height: 28px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23555' stroke-width='1.5'%3E%3Cpath d='M20 8h-3V4H3c-1.1 0-2 .9-2 2v11h2c0 1.66 1.34 3 3 3s3-1.34 3-3h6c0 1.66 1.34 3 3 3s3-1.34 3-3h2v-5l-3-4z'/%3E%3Ccircle cx='6' cy='17' r='2'/%3E%3Ccircle cx='18' cy='17' r='2'/%3E%3C/svg%3E") no-repeat center;
  background-size: contain;
}
.sqz-pb__trust-icon--shield::before {
  content: "";
  display: block;
  width: 28px;
  height: 28px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23555' stroke-width='1.5'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'/%3E%3Cpath d='M9 12l2 2 4-4'/%3E%3C/svg%3E") no-repeat center;
  background-size: contain;
}
.sqz-pb__trust-icon--secure::before {
  content: "";
  display: block;
  width: 28px;
  height: 28px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23555' stroke-width='1.5'%3E%3Crect x='3' y='11' width='18' height='11' rx='2' ry='2'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'/%3E%3C/svg%3E") no-repeat center;
  background-size: contain;
}

/* Write a review — force small inline text (both product_reviews and discussion addons) */
.sqz-pb__rating .ty-product-review-write-product-review-button,
.sqz-pb__col-details .ty-product-review-write-product-review-button,
.sqz-pb .ty-product-review-write-product-review-button,
.sqz-pb__rating .ty-discussion__review-write,
.sqz-pb__col-details .ty-discussion__review-write,
.sqz-pb .ty-discussion__review-write {
  font-size: 13px !important;
  padding: 0 4px !important;
  margin: 0 !important;
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  color: #007185 !important;
  display: inline !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  min-height: 0 !important;
  height: auto !important;
  width: auto !important;
  border-radius: 0 !important;
  text-decoration: none !important;
  vertical-align: middle !important;
}

/* Stickers in center column — compact pill badges, not full-width banners */
.sqz-pb__center-price .ab-stickers-container,
.sqz-pb__col-details .ab-stickers-container {
  display: inline-flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  margin-bottom: 6px !important;
}
.sqz-pb__center-price .ab-sticker,
.sqz-pb__center-price .ab-sticker.T-sticker,
.sqz-pb__col-details .ab-sticker,
.sqz-pb__col-details .ab-sticker.T-sticker {
  background: #cc0c39 !important;
  color: #fff !important;
  border-radius: 4px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  padding: 3px 8px !important;
  display: inline-block !important;
  line-height: 1.4 !important;
  max-width: fit-content !important;
  width: auto !important;
}
.sqz-pb__center-price .ab-sticker__name,
.sqz-pb__col-details .ab-sticker__name {
  font-size: 12px !important;
  color: #fff !important;
}
.sqz-pb__center-price .ab-sticker__name span,
.sqz-pb__col-details .ab-sticker__name span {
  color: #fff !important;
}
.sqz-pb__center-price .ab-sticker-full_size,
.sqz-pb__col-details .ab-sticker-full_size {
  display: inline-block !important;
  width: auto !important;
  max-width: fit-content !important;
}

/* ── FIX: Add-to-cart icon beside text (overrides ut2-btn base rules) ── */
/* UniTheme2 sets bdi{display:flex;-webkit-box-orient:vertical} which breaks
   icon+text into separate lines. Override with highest specificity here.   */
.sqz-pb .ty-btn__add-to-cart > span,
.sqz-pb .ty-btn__primary.ty-btn__add-to-cart > span {
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  -webkit-box-orient: horizontal !important;
  overflow: visible !important;
}

.sqz-pb .ty-btn__add-to-cart i,
.sqz-pb .ty-btn__add-to-cart .ty-icon,
.sqz-pb .ty-btn__add-to-cart [class*="ut2-icon"] {
  display: inline-flex !important;
  align-items: center !important;
  height: auto !important;
  line-height: 1 !important;
  font-size: 20px !important;
  flex-shrink: 0 !important;
  -webkit-box-orient: horizontal !important;
}

.sqz-pb .ty-btn__add-to-cart bdi {
  display: inline !important;
  overflow: visible !important;
  -webkit-box-orient: horizontal !important;
  -webkit-line-clamp: unset !important;
  word-break: normal !important;
}

/* ═══════════════════════════════════════════════════════════════
   PRODUCT DETAILS ACCORDION — Amazon.eg style
   ═══════════════════════════════════════════════════════════════ */
.sqz-details {
  margin-top: 24px;
  border-top: 1px solid #e7e7e7;
  padding-top: 20px;
}
.sqz-details__heading {
  font-size: 20px !important;
  font-weight: 700 !important;
  color: #0f1111 !important;
  margin: 0 0 16px !important;
  padding: 0 !important;
}
.sqz-details__item {
  border-bottom: 1px solid #e7e7e7;
}
.sqz-details__toggle {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  padding: 16px 0 !important;
  margin: 0 !important;
  background: none !important;
  border: none !important;
  cursor: pointer !important;
  text-align: inherit !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #0f1111 !important;
  line-height: 1.4 !important;
}
.sqz-details__toggle:hover {
  color: #c7511f !important;
}
.sqz-details__chevron {
  flex-shrink: 0;
  transition: transform 0.2s ease;
  color: #6b7280;
}
.sqz-details__item--open .sqz-details__chevron {
  transform: rotate(180deg);
}
.sqz-details__body {
  overflow: hidden;
  max-height: 2000px;
  transition: max-height 0.3s ease, padding 0.3s ease;
  padding-bottom: 16px;
}
.sqz-details__body--closed {
  max-height: 0 !important;
  padding-bottom: 0 !important;
  overflow: hidden !important;
}
.sqz-details__content {
  font-size: 14px;
  line-height: 1.6;
  color: #333;
}
.sqz-details__content ul,
.sqz-details__content ol {
  padding-inline-start: 20px;
  margin: 0;
}
.sqz-details__content li {
  margin-bottom: 6px;
}
.sqz-details__content p {
  margin: 0 0 10px;
}

/* Specs table */
.sqz-details__specs-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
}
.sqz-details__specs-table tr {
  border-bottom: 1px solid #f0f0f0;
}
.sqz-details__specs-table tr:last-child {
  border-bottom: none;
}
.sqz-details__specs-table th {
  padding: 10px 12px 10px 0;
  font-weight: 600;
  color: #565959;
  white-space: nowrap;
  vertical-align: top;
  text-align: start;
  width: 35%;
}
.sqz-details__specs-table td {
  padding: 10px 0;
  color: #0f1111;
  vertical-align: top;
  text-align: start;
}

/* Options row */
.sqz-details__option-row {
  padding: 8px 0;
  display: flex;
  gap: 8px;
  align-items: baseline;
}
.sqz-details__option-label {
  font-weight: 600;
  color: #565959;
}
.sqz-details__option-value {
  color: #0f1111;
}

/* RTL adjustments are in rtl_noflip.css (loaded via <link>, not compiled by rtlcss) */

/* ═══════════════════════════════════════════════════════════════
   TABS AREA — Amazon.eg style (below 3-column layout)
   ═══════════════════════════════════════════════════════════════ */
.sqz-pb__tabs-area {
  margin-top: 32px;
  border-top: 1px solid #e7e7e7;
  padding-top: 0;
}
.sqz-pb__tabs-area .tab-list-title {
  font-size: 20px !important;
  font-weight: 700 !important;
  color: #0f1111 !important;
  padding: 20px 0 12px !important;
  margin: 0 !important;
  border-bottom: 1px solid #e7e7e7 !important;
}
.sqz-pb__tabs-area .ty-wysiwyg-content {
  font-size: 14px;
  line-height: 1.6;
  color: #333;
  padding: 16px 0;
}

/* ═══════════════════════════════════════════════════════════════
   PRODUCT FEATURES TABLE — minimal overrides only
   The fg-two-col layout uses position:relative + ::after dotted
   connector line + background on label/value to mask it.
   Do NOT touch background, position, display, or ::after.
   ═══════════════════════════════════════════════════════════════ */

/* Hide "Find similar" checkboxes — they clutter the value column */
.abt__ut2--product-features .cm-ab-similar-filter {
  display: none !important;
}

/* "Find similar" button — smaller, less prominent */
.cm-ab-similar-filter-container .ty-btn,
.cm-ab-similar-filter-container button {
  font-size: 13px !important;
  padding: 6px 14px !important;
  height: auto !important;
  min-width: 0 !important;
}

/* ═══════════════════════════════════════════════════════════════
   PDP REFACTOR v2 — 5 layout fixes
   Applied: 2026-07-13
   ═══════════════════════════════════════════════════════════════ */

/* ──────────────────────────────────────────────────────────────
   FIX 1: "About this Item" — Amazon bulleted list
   Target: sqz-details__content inside the Key Highlights accordion
   The full_description may arrive as raw text, HTML <p> or <ul>.
   We normalize it to look like Amazon's bullet points.
   ────────────────────────────────────────────────────────────── */

/* Global content area — better line-height and breathing room */
.sqz-details__content,
.sqz-pb__short-descr,
.sqz-pb__col-details .ty-wysiwyg-content {
  font-size: 14px !important;
  line-height: 1.6 !important;
  color: #0f1111 !important;
}

/* If content arrives as <p> tags, give them bullet styling */
.sqz-details__content > p {
  position: relative !important;
  padding-inline-start: 18px !important;
  margin: 0 0 8px !important;
  font-size: 14px !important;
  line-height: 20px !important;
}
.sqz-details__content > p::before {
  content: "\2022" !important; /* bullet • */
  position: absolute !important;
  inset-inline-start: 0 !important;
  top: 0 !important;
  color: #0f1111 !important;
  font-size: 16px !important;
  line-height: 20px !important;
}
/* Bold the first 1–3 words of each <p> using ::first-line is unreliable;
   instead we bold any leading text before a colon or dash */
.sqz-details__content > p > strong:first-child,
.sqz-details__content > p > b:first-child {
  font-weight: 700 !important;
  color: #0f1111 !important;
}

/* Native <ul>/<li> lists — clean Amazon bullets */
.sqz-details__content ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.sqz-details__content ul li {
  position: relative !important;
  padding-inline-start: 18px !important;
  margin-bottom: 8px !important;
  font-size: 14px !important;
  line-height: 20px !important;
}
.sqz-details__content ul li::before {
  content: "\2022" !important;
  position: absolute !important;
  inset-inline-start: 0 !important;
  top: 0 !important;
  color: #0f1111 !important;
  font-size: 16px !important;
  line-height: 20px !important;
}

/* Bold emphasis inside bullets — simulate Amazon's "Name: value" pattern */
.sqz-details__content li > strong:first-child,
.sqz-details__content li > b:first-child,
.sqz-details__content li em:first-child {
  font-weight: 700 !important;
  font-style: normal !important;
  color: #0f1111 !important;
}

/* Short description — same treatment */
.sqz-pb__short-descr ul,
.sqz-pb__short-descr > ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.sqz-pb__short-descr li {
  position: relative !important;
  padding-inline-start: 18px !important;
  margin-bottom: 6px !important;
  font-size: 14px !important;
  line-height: 20px !important;
}
.sqz-pb__short-descr li::before {
  content: "\2022" !important;
  position: absolute !important;
  inset-inline-start: 0 !important;
  color: #0f1111 !important;
  font-size: 16px !important;
  line-height: 20px !important;
}

/* RTL bullet position */
html[dir="rtl"] .sqz-details__content > p,
html[dir="rtl"] .sqz-details__content li,
html[dir="rtl"] .sqz-pb__short-descr li {
  padding-inline-start: 18px !important;
  padding-inline-end: 0 !important;
}

/* ──────────────────────────────────────────────────────────────
   FIX 2: Buy Box — structured card + seller alignment
   The card border/padding already exists (.sqz-pb__buybox-card).
   These overrides tighten the spec to match the brief exactly.
   ────────────────────────────────────────────────────────────── */

/* Hard match the brief: exact border, radius, padding, bg */
.sqz-pb__buybox-card {
  border: 1px solid #D5D9D9 !important;
  border-radius: 8px !important;
  padding: 16px !important;
  background-color: #FFFFFF !important;
  box-shadow: 0 2px 5px rgba(213,217,217,.5) !important;
}

/* Seller table — flexbox rows, vertically centered, no wrapping */
.sqz-pb__seller-info {
  margin-top: 14px !important;
  border-top: 1px solid #e7e7e7 !important;
  padding-top: 12px !important;
}
.sqz-pb__seller-table {
  width: 100% !important;
  border-collapse: collapse !important;
  font-size: 12.5px !important;
}
.sqz-pb__seller-table tr {
  display: flex !important;
  align-items: center !important; /* vertical center — fixes text wrapping around logo */
  gap: 8px !important;
  border: none !important;
  padding: 3px 0 !important;
}
.sqz-pb__seller-label {
  color: #565959 !important;
  flex-shrink: 0 !important;
  width: 90px !important;
  min-width: 80px !important;
  vertical-align: middle !important;
  padding: 0 !important;
  line-height: 1.4 !important;
}
.sqz-pb__seller-value {
  color: #0f1111 !important;
  flex: 1 !important;
  min-width: 0 !important;
  vertical-align: middle !important;
  padding: 0 !important;
  line-height: 1.4 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.sqz-pb__seller-value a {
  color: #007185 !important;
  text-decoration: none !important;
}
.sqz-pb__seller-value a:hover {
  color: #c7511f !important;
  text-decoration: underline !important;
}
/* Lock icon — inline with text */
.sqz-pb__lock-icon {
  font-size: 11px !important;
  margin-inline-end: 2px !important;
  vertical-align: middle !important;
}
/* Secure transaction row muted */
.sqz-pb__seller-value.sqz-pb__secure {
  font-size: 11.5px !important;
  color: #565959 !important;
}

/* RTL seller table alignment */
html[dir="rtl"] .sqz-pb__seller-label {
  text-align: right !important;
}

/* ──────────────────────────────────────────────────────────────
   FIX 3: Image column — reduce dead space, fill 85% of width
   ────────────────────────────────────────────────────────────── */

/* Tighten image column width — was consuming too much horizontal space */
.sqz-pb__layout {
  grid-template-columns: minmax(260px, 38%) 1fr 260px !important;
}
@media (min-width: 1200px) {
  .sqz-pb__layout {
    grid-template-columns: minmax(300px, 36%) 1fr 276px !important;
  }
}

/* Main image box — fill available space, reduce side padding */
.sqz-pb__img-box {
  padding: 0 !important;
}

/* Primary image fills 85% of its container, centered */
.sqz-pb__img-box .ty-product-img,
.sqz-pb__img-box .cm-preview-wrapper,
.sqz-pb__img-box .ut2-ph__main-img,
.sqz-pb__img-box .ty-previewer {
  width: 85% !important;
  max-width: 85% !important;
  margin: 0 auto !important;
  display: block !important;
}

/* Image itself — contain inside the box with uniform padding */
.sqz-pb__img-box img.ty-pict,
.sqz-pb__img-box .ty-product-img img,
.sqz-pb__img-box .cm-preview-wrapper img {
  width: 100% !important;
  height: auto !important;
  max-height: 520px !important;
  object-fit: contain !important;
  padding: 12px !important;
  display: block !important;
  margin: 0 auto !important;
}

/* Thumbnail strip — keeps vertical layout, slightly smaller */
.sqz-pb__img-box .ty-thumb-mini {
  width: 40px !important;
  max-width: 40px !important;
  flex-shrink: 0 !important;
}
.sqz-pb__img-box .ty-thumb-mini__item {
  width: 38px !important;
  height: 38px !important;
  border: 1px solid #d5d9d9 !important;
  border-radius: 3px !important;
  margin-bottom: 4px !important;
  overflow: hidden !important;
  cursor: pointer !important;
  padding: 2px !important;
}
.sqz-pb__img-box .ty-thumb-mini__item.active,
.sqz-pb__img-box .ty-thumb-mini__item:hover {
  border-color: #ff9900 !important;
}
.sqz-pb__img-box .ty-thumb-mini__item img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  padding: 0 !important;
}

/* ──────────────────────────────────────────────────────────────
   FIX 4: Review filter bar — Amazon-style clean controls
   ────────────────────────────────────────────────────────────── */

/* Navigation bar wrapper */
.ty-product-review-reviews-navigation {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 8px 12px !important;
  padding: 10px 0 12px !important;
  border-bottom: 1px solid #e7e7e7 !important;
  background: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  margin-bottom: 12px !important;
}

/* Sort/Filter select dropdowns */
.ty-product-review-reviews-navigation select,
.ty-product-review-reviews-navigation .ty-select-block select,
.ty-product-review-reviews-navigation .cm-select-wrap select {
  border: 1px solid #D5D9D9 !important;
  border-radius: 4px !important;
  background: #fff !important;
  font-family: "Inter", "Amazon Ember", Arial, sans-serif !important;
  font-size: 13px !important;
  color: #0f1111 !important;
  padding: 5px 28px 5px 8px !important;
  height: auto !important;
  min-height: 32px !important;
  box-shadow: none !important;
  cursor: pointer !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23555'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 8px center !important;
  transition: border-color .15s, background-color .15s !important;
}
.ty-product-review-reviews-navigation select:hover,
.ty-product-review-reviews-navigation .ty-select-block select:hover {
  border-color: #aab7c4 !important;
  background-color: #F0F2F2 !important;
}
.ty-product-review-reviews-navigation select:focus,
.ty-product-review-reviews-navigation .ty-select-block select:focus {
  outline: none !important;
  border-color: #ff9900 !important;
  box-shadow: 0 0 0 2px rgba(255,153,0,.2) !important;
}

/* Checkbox labels — "Only buyers" / "With photo" */
.ty-product-review-reviews-navigation label,
.ty-product-review-reviews-navigation .ty-checkbox label {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  font-size: 13px !important;
  font-family: "Inter", "Amazon Ember", Arial, sans-serif !important;
  color: #0f1111 !important;
  cursor: pointer !important;
  user-select: none !important;
  padding: 4px 8px !important;
  border: 1px solid #D5D9D9 !important;
  border-radius: 4px !important;
  background: #fff !important;
  transition: background .12s, border-color .12s !important;
  white-space: nowrap !important;
}
.ty-product-review-reviews-navigation label:hover,
.ty-product-review-reviews-navigation .ty-checkbox label:hover {
  background: #F0F2F2 !important;
  border-color: #aab7c4 !important;
}
/* Checked state */
.ty-product-review-reviews-navigation input[type="checkbox"]:checked + label,
.ty-product-review-reviews-navigation .ty-checkbox input:checked + label {
  background: #fff3e0 !important;
  border-color: #ff9900 !important;
  color: #0f1111 !important;
}
/* Native checkbox — small, tight */
.ty-product-review-reviews-navigation input[type="checkbox"] {
  width: 14px !important;
  height: 14px !important;
  min-width: 14px !important;
  min-height: 14px !important;
  margin: 0 !important;
  accent-color: #ff9900 !important;
  cursor: pointer !important;
  flex-shrink: 0 !important;
}
/* "We found N reviews" count text */
.ty-product-review-reviews-navigation .ty-product-review-reviews-total-text,
.ty-product-review-reviews-navigation .ty-reviews-count-text {
  font-size: 13px !important;
  color: #565959 !important;
  margin-inline-start: auto !important;
  white-space: nowrap !important;
}

/* RTL review controls */
html[dir="rtl"] .ty-product-review-reviews-navigation select {
  background-position: left 8px center !important;
  padding: 5px 8px 5px 28px !important;
}

/* ──────────────────────────────────────────────────────────────
   FIX 5A: Discount "Save %" badge — move out of breadcrumb,
   position inline next to the price in the pricing block.
   The ab__sticker renders via position:absolute near the breadcrumb.
   We suppress it there and show it natively in the price area.
   ────────────────────────────────────────────────────────────── */

/* 5a: Suppress any sticker that appears absolutely positioned
   overlapping the breadcrumb line */
.sqz-pb__breadcrumbs .ab-stickers-container,
.sqz-pb__breadcrumbs .ab-stickers-wrapper,
.sqz-pb__breadcrumbs ~ .ab-stickers-container,
.sqz-pb > .ab-stickers-container,
.sqz-pb > .ab-stickers-wrapper {
  display: none !important;
}

/* 5b: The discount label in center column is already rendered via
   .sqz-pb__discount-pct (see template line 103).
   Restyle it to Amazon's inline "-30%" typography (dark red, not bold badge) */
.sqz-pb__discount-pct {
  display: inline-block !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  color: #cc0c39 !important;
  margin-inline-end: 6px !important;
  vertical-align: baseline !important;
  line-height: 1.3 !important;
}
/* Strip inner badge styling from the CS-Cart discount_label span */
.sqz-pb__discount-pct .ty-discount-label,
.sqz-pb__discount-pct span {
  background: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
  font-size: inherit !important;
  color: inherit !important;
  font-weight: inherit !important;
  box-shadow: none !important;
  display: inline !important;
}

/* 5c: Also ensure the buy-box price area shows the discount inline
   (for products using ab__sticker discount displays) */
.sqz-pb__price-area {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
}
.sqz-pb__price-area .ty-price-update,
.sqz-pb__price-area .ut2-pb__price {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: baseline !important;
  gap: 6px !important;
}
/* Discount badge inside buy box — compact pill */
.sqz-pb__buybox-card .ty-discount-label,
.sqz-pb__buybox-card .sqz-pb__discount-pct {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #cc0c39 !important;
  background: none !important;
  padding: 0 !important;
  display: inline !important;
}

/* ──────────────────────────────────────────────────────────────
   FIX 5B: Global typography — title + summary breathing room
   ────────────────────────────────────────────────────────────── */

.sqz-pb__title {
  font-size: 22px !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;    /* brief requires 1.5 */
  color: #0f1111 !important;
  margin: 0 0 8px !important;
  letter-spacing: -0.01em !important;
}
@media (max-width: 767px) {
  .sqz-pb__title { font-size: 18px !important; line-height: 1.5 !important; }
}

.sqz-pb__short-descr {
  line-height: 1.5 !important;
  font-size: 14px !important;
}
.sqz-pb__col-details {
  line-height: 1.5 !important;
}
.sqz-pb .ty-wysiwyg-content,
.sqz-pb__tabs-area .ty-wysiwyg-content {
  line-height: 1.5 !important;
}

/* ─ End PDP Refactor v2 ──────────────────────────────────────── */

/* ═══════════════════════════════════════════════════════════════
   REVIEW FOOTER — Amazon-style Helpful + Share actions
   Targets: post_footer.tpl + post_votes.tpl (safqa overrides)
   ═══════════════════════════════════════════════════════════════ */

/* ── Action row container ────────────────────────────────────── */
.safqa-review-footer-actions {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    flex-wrap: wrap !important;
    margin-top: 12px !important;
    padding-top: 10px !important;
    border-top: 1px solid #f0f0f0 !important;
}

/* ── "Helpful?" label — muted, sits before the pill ─────────── */
.safqa-review-helpful-label {
    font-size: 13px !important;
    color: #565959 !important;
    white-space: nowrap !important;
    margin: 0 !important;
}

/* ── Helpful pill button ────────────────────────────────────── */
.safqa-helpful-btn,
.safqa-review-votes .ty-product-review-post-votes__up {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
    padding: 4px 12px !important;
    border: 1px solid #D5D9D9 !important;
    border-radius: 100px !important;
    background-color: #FFFFFF !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    color: #0F1111 !important;
    cursor: pointer !important;
    text-decoration: none !important;
    transition: background-color .12s ease, border-color .12s ease !important;
    line-height: 1.3 !important;
    min-height: 0 !important;
    height: auto !important;
    box-shadow: none !important;
    /* Kill any inherited btn padding/height from UniTheme2 */
    min-width: 0 !important;
}
.safqa-helpful-btn:hover,
.safqa-review-votes .ty-product-review-post-votes__up:hover {
    background-color: #F7F8F8 !important;
    border-color: #A2A6AC !important;
    color: #0F1111 !important;
    text-decoration: none !important;
}
/* Kill UniTheme2 icon override on the btn */
.safqa-review-votes .ty-product-review-post-votes__up .ty-icon,
.safqa-review-votes .ty-product-review-post-votes__up i {
    display: none !important;
}
/* Count number inside pill */
.safqa-review-votes .ty-product-review-post-votes__up bdi {
    font-size: 13px !important;
    color: inherit !important;
}
/* Active/voted state */
.safqa-helpful-btn.active,
.safqa-review-votes .ty-product-review-post-votes__up.active {
    background-color: #FFF3E0 !important;
    border-color: #ff9900 !important;
    color: #0F1111 !important;
}

/* ── Hide vote_down (dislike) — belt-and-suspenders ──────────── */
.safqa-review-votes .ty-product-review-post-votes__down,
.ty-product-review-post-votes__down {
    display: none !important;
}

/* ── Share link — flat text link style ───────────────────────── */
.safqa-review-share-link {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    font-size: 13px !important;
    color: #565959 !important;
    cursor: pointer !important;
    text-decoration: none !important;
    border: none !important;
    background: none !important;
    padding: 0 !important;
    transition: color .12s ease !important;
    line-height: 1.3 !important;
}
.safqa-review-share-link:hover {
    color: #007185 !important;
    text-decoration: none !important;
}
.safqa-review-share-link svg {
    flex-shrink: 0 !important;
    opacity: .75 !important;
    vertical-align: middle !important;
}
.safqa-review-share-link:hover svg {
    opacity: 1 !important;
}
.safqa-review-share-link span {
    vertical-align: middle !important;
}

/* ── "X found this helpful" static count ────────────────────── */
.safqa-helpful-count {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    font-size: 13px !important;
    color: #565959 !important;
    line-height: 1.3 !important;
}
.safqa-helpful-count svg {
    color: #565959 !important;
    flex-shrink: 0 !important;
}

/* ── RTL adjustments ─────────────────────────────────────────── */
html[dir="rtl"] .safqa-review-footer-actions {
    flex-direction: row-reverse !important;
}
html[dir="rtl"] .safqa-review-helpful-label {
    margin-inline-end: 0 !important;
}

/* ── Mobile ──────────────────────────────────────────────────── */
@media (max-width: 767px) {
    .safqa-review-footer-actions {
        gap: 12px !important;
    }
    .safqa-helpful-btn,
    .safqa-review-votes .ty-product-review-post-votes__up {
        padding: 4px 10px !important;
        font-size: 12px !important;
    }
}

/* ═══════════════════════════════════════════════════════════════
   WRITE REVIEW MODAL — Amazon-style redesign
   Targets: .ty-product-review-new-product-review and children
   ═══════════════════════════════════════════════════════════════ */

/* ── Modal dialog container ────────────────────────────────── */
.ty-product-review-new-product-review {
    font-family: "Inter", "Amazon Ember", Arial, sans-serif !important;
}
.ty-product-review-new-product-review__body {
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
    padding: 4px 0 8px !important;
}

/* ── 1. STAR RATING — large, prominent at top ───────────────── */
.ty-product-review-new-product-review-rating {
    order: 1 !important;
}
.ty-product-review-new-product-review-rating .ty-control-group__title {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #0f1111 !important;
    margin-bottom: 10px !important;
    display: block !important;
}
/* Star labels — large interactive stars */
.ty-product-review-rate__stars-label--xlarge {
    font-size: 0 !important;          /* hide text label */
    width: 36px !important;
    height: 36px !important;
    cursor: pointer !important;
    transition: color .1s !important;
}
.ty-product-review-rate__stars-label--xlarge::before {
    content: "★" !important;
    font-size: 34px !important;
    color: #d5d9d9 !important;
    line-height: 1 !important;
    display: block !important;
}
/* Hover/selected states via CSS star trick */
.ty-product-review-rate__stars:not(:has(input:checked)) .ty-product-review-rate__stars-label--xlarge:hover::before,
.ty-product-review-rate__stars:not(:has(input:checked)) .ty-product-review-rate__stars-label--xlarge:hover ~ .ty-product-review-rate__stars-label--xlarge::before {
    color: #ff9900 !important;
}
.ty-product-review-rate__stars-radio:checked ~ .ty-product-review-rate__stars-label--xlarge::before {
    color: #d5d9d9 !important;
}
.ty-product-review-rate__stars-label--xlarge:has(~ input:checked)::before,
.ty-product-review-rate__stars-radio:checked + .ty-product-review-rate__stars-label--xlarge::before {
    color: #ff9900 !important;
}
/* Simpler approach for cross-browser: target parent */
.ty-product-review-rate {
    direction: rtl !important;  /* reverse order so CSS sibling trick works */
    display: inline-flex !important;
    gap: 4px !important;
}
html[dir="ltr"] .ty-product-review-rate { direction: rtl !important; }
html[dir="rtl"] .ty-product-review-rate { direction: ltr !important; }

.ty-product-review-rate .ty-product-review-rate__stars {
    display: inline-flex !important;
    flex-direction: row-reverse !important;
    gap: 4px !important;
}
.ty-product-review-rate__stars-label--xlarge:hover::before,
.ty-product-review-rate__stars-label--xlarge:hover ~ .ty-product-review-rate__stars-label--xlarge::before {
    color: #ff9900 !important;
}
input.ty-product-review-rate__stars-radio:checked ~ label.ty-product-review-rate__stars-label::before {
    color: #ff9900 !important;
}

/* ── 2. TEXT AREA — generous, primary ──────────────────────── */
.ty-product-review-new-product-review-message {
    order: 2 !important;
}
.ty-product-review-new-product-review-message .ty-control-group__title,
.ty-product-review-new-product-review-message__title-label {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #0f1111 !important;
    margin-bottom: 8px !important;
    display: block !important;
}
.ty-product-review-new-product-review-message textarea,
.ty-product-review-new-product-review-message .ty-input-textarea {
    width: 100% !important;
    min-height: 110px !important;
    height: auto !important;
    padding: 10px 12px !important;
    border: 1px solid #D5D9D9 !important;
    border-radius: 4px !important;
    font-size: 14px !important;
    color: #0f1111 !important;
    background: #fff !important;
    resize: vertical !important;
    line-height: 1.5 !important;
    box-shadow: none !important;
    outline: none !important;
    box-sizing: border-box !important;
    transition: border-color .15s !important;
}
.ty-product-review-new-product-review-message textarea:focus {
    border-color: #ff9900 !important;
    box-shadow: 0 0 0 3px rgba(255,153,0,.15) !important;
}

/* ── 3. IMAGE UPLOAD — compact, secondary ──────────────────── */
.ty-product-review-new-product-review__media,
.safqa-review-media {
    order: 3 !important;
}
.safqa-review-media-label {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #565959 !important;
    display: block !important;
    margin-bottom: 8px !important;
}

/* Compact drop zone */
.ty-fileuploader__drop-zone {
    position: relative !important;
    border: 1px dashed #D5D9D9 !important;
    border-radius: 6px !important;
    background: #fafafa !important;
    padding: 12px 16px !important;
    min-height: 0 !important;
    height: auto !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    cursor: pointer !important;
    transition: border-color .15s, background .15s !important;
}
.ty-fileuploader__drop-zone:hover {
    border-color: #A2A6AC !important;
    background: #f7f8f8 !important;
}

/* Stack description + buttons horizontally in compact mode */
.ty-fileuploader__drop-zone-description {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    flex: 1 !important;
    min-width: 0 !important;
}
.ty-fileuploader__drop-zone-description .ty-icon-image {
    font-size: 22px !important;
    color: #aab7c4 !important;
    flex-shrink: 0 !important;
}
.ty-fileuploader__drop-zone-text {
    font-size: 13px !important;
    color: #565959 !important;
    line-height: 1.3 !important;
}
/* Size hint */
.ty-fileuploader__drop-zone .ty-fileuploader__drop-zone-description:last-child {
    font-size: 11px !important;
    color: #aab7c4 !important;
    flex-shrink: 0 !important;
    flex: 0 !important;
    white-space: nowrap !important;
}

/* Upload button — clean pill, not gray block */
.ty-fileuploader__drop-zone-buttons {
    flex-shrink: 0 !important;
    position: relative !important;
    z-index: 2 !important;
}
.ty-fileuploader__a,
.ty-fileuploader__a-another {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    padding: 5px 14px !important;
    border: 1px solid #D5D9D9 !important;
    border-radius: 4px !important;
    background: #fff !important;
    color: #0f1111 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    cursor: pointer !important;
    text-decoration: none !important;
    transition: background .12s, border-color .12s !important;
    white-space: nowrap !important;
}
.ty-fileuploader__a::before {
    content: "📷" !important;
    font-size: 14px !important;
}
.ty-fileuploader__a:hover,
.ty-fileuploader__a-another:hover {
    background: #f7f8f8 !important;
    border-color: #A2A6AC !important;
}

/* File input: transparent overlay covering full drop zone — click anywhere triggers picker */
.ty-fileuploader__file-input {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    opacity: 0 !important;
    cursor: pointer !important;
    z-index: 1 !important;
    overflow: hidden !important;
}

/* ── 4. SUBMIT BUTTON — Amazon yellow pill ──────────────────── */
.ty-product-review-new-product-review__footer {
    margin-top: 4px !important;
    padding-top: 16px !important;
    border-top: 1px solid #f0f0f0 !important;
}
.ty-product-review-new-product-review__footer .ty-btn__primary,
.ty-product-review-new-product-review__footer [name="dispatch[product_reviews.add]"] {
    width: 100% !important;
    background: linear-gradient(to bottom, #f8e367, #ffd814) !important;
    border: 1px solid #fcd200 !important;
    border-radius: 100px !important;
    color: #0f1111 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 10px 20px !important;
    height: auto !important;
    min-height: 0 !important;
    box-shadow: 0 2px 5px rgba(213,177,0,.3) !important;
    transition: background .1s !important;
    cursor: pointer !important;
}
.ty-product-review-new-product-review__footer .ty-btn__primary:hover {
    background: linear-gradient(to bottom, #fdf09d, #f7ca00) !important;
}

/* ── 5. RTL fixes ───────────────────────────────────────────── */
html[dir="rtl"] .ty-product-review-new-product-review-message textarea {
    text-align: right !important;
    direction: rtl !important;
}
/* RTL drop-zone direction handled in v4 RTL block below */

/* ── 6. Customer name/email fields — compact ────────────────── */
.ty-product-review-new-product-review-customer .ty-input-text {
    border: 1px solid #D5D9D9 !important;
    border-radius: 4px !important;
    padding: 8px 10px !important;
    font-size: 13px !important;
    box-shadow: none !important;
}
.ty-product-review-new-product-review-customer .ty-input-text:focus {
    border-color: #ff9900 !important;
    outline: none !important;
}

/* ── 7. Dialog title spacing (X button) ─────────────────────── */
.ui-dialog.ut2-customer_review .ui-dialog-titlebar {
    padding: 14px 16px !important;
    border-bottom: 1px solid #f0f0f0 !important;
}
.ui-dialog.ut2-customer_review .ui-dialog-title {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #0f1111 !important;
}
.ui-dialog.ut2-customer_review .ui-dialog-titlebar-close {
    top: 14px !important;
    border: none !important;
    background: none !important;
    opacity: .6 !important;
}
.ui-dialog.ut2-customer_review .ui-dialog-titlebar-close:hover { opacity: 1 !important; }

/* ═══════════════════════════════════════════════════════════════
   WRITE REVIEW MODAL v2 — Amazon-style full redesign
   safqa/css/addons/safqa_amazon/amazon_product_detail.css
   ═══════════════════════════════════════════════════════════════ */

/* ── Modal max-width + padding override ─────────────────────── */
.ui-dialog.ut2-customer_review,
.ut2-customer_review.ui-dialog {
    max-width: 550px !important;
    width: 550px !important;
}
@media (max-width: 600px) {
    .ui-dialog.ut2-customer_review {
        width: calc(100vw - 24px) !important;
        max-width: 100% !important;
    }
}
.ty-product-review-new-product-review.safqa-review-modal {
    font-family: "Inter", "Amazon Ember", Arial, sans-serif !important;
}

/* ── Dialog titlebar ─────────────────────────────────────────── */
.ui-dialog.ut2-customer_review .ui-dialog-titlebar {
    padding: 16px 20px 14px !important;
    border-bottom: 1px solid #eef0f2 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}
.ui-dialog.ut2-customer_review .ui-dialog-title {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #0f1111 !important;
    line-height: 1.3 !important;
}
/* Close X button — left side in RTL, right side in LTR, easy tap target */
.ui-dialog.ut2-customer_review .ui-dialog-titlebar-close {
    position: static !important;
    top: auto !important;
    right: auto !important;
    left: auto !important;
    width: 36px !important;
    height: 36px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 1px solid #eef0f2 !important;
    border-radius: 50% !important;
    background: #fff !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: none !important;
    transition: background .12s, border-color .12s !important;
    flex-shrink: 0 !important;
}
.ui-dialog.ut2-customer_review .ui-dialog-titlebar-close:hover {
    background: #f7f8f8 !important;
    border-color: #aab7c4 !important;
}
.ui-dialog.ut2-customer_review .ui-dialog-titlebar-close .ui-button-icon {
    font-size: 18px !important;
    color: #565959 !important;
}

/* ── Dialog content padding / flex column — see v4 block below ── */
.safqa-review-body {
    display: flex !important;
    flex-direction: column !important;
    gap: 18px !important;
}

/* ════════════════════════════════════════════════════════════════
   PRODUCT HEADER CARD
   ════════════════════════════════════════════════════════════════ */
.safqa-review-product-header {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding-bottom: 16px !important;
    border-bottom: 1px solid #f0f2f2 !important;
}
html[dir="rtl"] .safqa-review-product-header {
    flex-direction: row-reverse !important;
}

/* Thumbnail */
.safqa-review-product-thumb {
    flex-shrink: 0 !important;
    width: 60px !important;
    height: 60px !important;
    border: 1px solid #D5D9D9 !important;
    border-radius: 4px !important;
    overflow: hidden !important;
    background: #fafafa !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.safqa-review-product-thumb img,
.safqa-review-product-thumb .ty-pict {
    width: 60px !important;
    height: 60px !important;
    object-fit: contain !important;
    display: block !important;
}
.safqa-review-product-thumb-placeholder {
    width: 60px !important;
    height: 60px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Product info */
.safqa-review-product-info {
    flex: 1 !important;
    min-width: 0 !important;
}
.safqa-review-product-name {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #0f1111 !important;
    line-height: 1.4 !important;
    margin: 0 0 3px !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}
.safqa-review-product-label {
    font-size: 12px !important;
    color: #888 !important;
    display: block !important;
}
html[dir="rtl"] .safqa-review-product-info { text-align: right !important; }

/* ════════════════════════════════════════════════════════════════
   STAR RATING
   ════════════════════════════════════════════════════════════════ */
.ty-product-review-new-product-review-rating .ty-control-group__title {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #0f1111 !important;
    margin-bottom: 10px !important;
    display: block !important;
}
html[dir="rtl"] .ty-product-review-new-product-review-rating .ty-control-group__title {
    text-align: right !important;
}
.ty-product-review-rate__stars {
    display: inline-flex !important;
    flex-direction: row-reverse !important;
    gap: 2px !important;
}
.ty-product-review-rate__stars-label--xlarge {
    font-size: 0 !important;
    width: 38px !important;
    height: 38px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: transform .1s !important;
}
.ty-product-review-rate__stars-label--xlarge::before {
    content: "★" !important;
    font-size: 32px !important;
    color: #d5d9d9 !important;
    line-height: 1 !important;
    display: block !important;
}
.ty-product-review-rate__stars-label--xlarge:hover::before,
.ty-product-review-rate__stars-label--xlarge:hover ~ .ty-product-review-rate__stars-label--xlarge::before {
    color: #ff9900 !important;
    transform: scale(1.1) !important;
}
.ty-product-review-rate__stars-radio:checked + .ty-product-review-rate__stars-label--xlarge::before,
.ty-product-review-rate__stars-radio:checked ~ .ty-product-review-rate__stars-label--xlarge::before {
    color: #ff9900 !important;
}

/* ════════════════════════════════════════════════════════════════
   REVIEW TEXT AREA
   ════════════════════════════════════════════════════════════════ */
.ty-product-review-new-product-review-message .ty-control-group__title,
.ty-product-review-new-product-review-message__title-label {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #0f1111 !important;
    margin-bottom: 8px !important;
    display: block !important;
}
html[dir="rtl"] .ty-product-review-new-product-review-message__title-label {
    text-align: right !important;
}
.ty-product-review-new-product-review-message textarea,
.ty-product-review-new-product-review-message .ty-input-textarea {
    width: 100% !important;
    min-height: 100px !important;
    padding: 10px 12px !important;
    border: 1px solid #D5D9D9 !important;
    border-radius: 6px !important;
    font-size: 14px !important;
    color: #0f1111 !important;
    background: #fff !important;
    resize: vertical !important;
    line-height: 1.55 !important;
    box-shadow: none !important;
    outline: none !important;
    box-sizing: border-box !important;
    transition: border-color .15s, box-shadow .15s !important;
}
.ty-product-review-new-product-review-message textarea:focus {
    border-color: #ff9900 !important;
    box-shadow: 0 0 0 3px rgba(255, 153, 0, .15) !important;
}
html[dir="rtl"] .ty-product-review-new-product-review-message textarea {
    text-align: right !important;
    direction: rtl !important;
}

/* ════════════════════════════════════════════════════════════════
   IMAGE UPLOAD — compact dashed zone
   ════════════════════════════════════════════════════════════════ */
.safqa-review-media-label {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #565959 !important;
    margin-bottom: 8px !important;
    display: block !important;
}
html[dir="rtl"] .safqa-review-media-label { text-align: right !important; }

/* Drop zone — compact dashed box (duplicate block removed — canonical block above) */
/* RTL drop-zone direction handled in v4 RTL block below */

/* ════════════════════════════════════════════════════════════════
   CUSTOMER FIELDS
   ════════════════════════════════════════════════════════════════ */
.ty-product-review-new-product-review-customer .ty-input-text,
.ty-product-review-new-product-review-customer input[type="text"],
.ty-product-review-new-product-review-customer input[type="email"] {
    width: 100% !important;
    padding: 9px 12px !important;
    border: 1px solid #D5D9D9 !important;
    border-radius: 6px !important;
    font-size: 13px !important;
    color: #0f1111 !important;
    background: #fff !important;
    box-shadow: none !important;
    outline: none !important;
    box-sizing: border-box !important;
    transition: border-color .15s !important;
}
.ty-product-review-new-product-review-customer input:focus {
    border-color: #ff9900 !important;
    box-shadow: 0 0 0 2px rgba(255,153,0,.15) !important;
}
html[dir="rtl"] .ty-product-review-new-product-review-customer input {
    text-align: right !important;
    direction: rtl !important;
}

/* ════════════════════════════════════════════════════════════════
   SUBMIT BUTTON — Amazon yellow pill
   ════════════════════════════════════════════════════════════════ */
.safqa-review-footer {
    padding: 12px 24px 20px !important;
    border-top: 1px solid #f0f2f2 !important;
    margin: 4px -24px -8px !important;
}
.safqa-review-submit,
.ty-product-review-new-product-review__footer .ty-btn__primary {
    width: 100% !important;
    background: linear-gradient(to bottom, #f8e367, #ffd814) !important;
    border: 1px solid #fcd200 !important;
    border-radius: 100px !important;
    color: #0f1111 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 11px 20px !important;
    height: auto !important;
    min-height: 0 !important;
    box-shadow: 0 2px 5px rgba(213,177,0,.25) !important;
    transition: background .12s !important;
    cursor: pointer !important;
    display: block !important;
    text-align: center !important;
}
.safqa-review-submit:hover,
.ty-product-review-new-product-review__footer .ty-btn__primary:hover {
    background: linear-gradient(to bottom, #fdf09d, #f7ca00) !important;
}

/* ── Mobile ──────────────────────────────────────────────────── */
@media (max-width: 480px) {
    .safqa-review-product-name { font-size: 13px !important; }
    .ty-product-review-rate__stars-label--xlarge { width: 32px !important; height: 32px !important; }
    .ty-product-review-rate__stars-label--xlarge::before { font-size: 28px !important; }
    /* padding/margin for content+footer handled by v4 scrollable layout block */
}

/* ═══════════════════════════════════════════════════════════════
   REVIEW MODAL v3 — UX polish fixes
   ═══════════════════════════════════════════════════════════════ */

/* ── Fix 1: Upload buttons — hide "Upload another file" by default ── */
/* The JS already sets class="hidden" but our earlier CSS
   was overriding display. Enforce the hidden class. */
.ty-fileuploader__a-another.hidden {
    display: none !important;
}
.ty-fileuploader__drop-zone-buttons .ty-fileuploader__a-another:not(.hidden) {
    display: inline-flex !important;
}

/* Single upload button — camera icon, clean white style */
.ty-fileuploader__drop-zone-buttons .ty-fileuploader__a {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 5px 14px !important;
    border: 1px solid #D5D9D9 !important;
    border-radius: 4px !important;
    background: #fff !important;
    font-size: 13px !important;
    color: #0f1111 !important;
    cursor: pointer !important;
    text-decoration: none !important;
    font-weight: 500 !important;
    transition: background .12s, border-color .12s !important;
    white-space: nowrap !important;
}
.ty-fileuploader__drop-zone-buttons .ty-fileuploader__a::before {
    content: "📷" !important;
    font-size: 14px !important;
    line-height: 1 !important;
}
.ty-fileuploader__drop-zone-buttons .ty-fileuploader__a:hover {
    background: #f7f8f8 !important;
    border-color: #A2A6AC !important;
}

/* ── Fix 2: Compact textareas — rows attribute sets intrinsic height ── */
/* Advantages / Disadvantages = rows=2 ≈ 56px */
.safqa-review-field textarea[rows="2"] {
    min-height: 56px !important;
    max-height: 80px !important;
    resize: vertical !important;
}
/* Comment = rows=4 ≈ 100px */
.safqa-review-field textarea[rows="4"],
.ty-product-review-new-product-review-message textarea {
    min-height: 96px !important;
    max-height: 200px !important;
    resize: vertical !important;
}
/* All textareas share the same clean style */
.safqa-review-field textarea {
    width: 100% !important;
    padding: 8px 10px !important;
    border: 1px solid #D5D9D9 !important;
    border-radius: 4px !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
    color: #0f1111 !important;
    background: #fff !important;
    box-shadow: none !important;
    outline: none !important;
    box-sizing: border-box !important;
    font-family: inherit !important;
    transition: border-color .15s !important;
}
.safqa-review-field textarea:focus {
    border-color: #ff9900 !important;
    box-shadow: 0 0 0 2px rgba(255,153,0,.12) !important;
}
html[dir="rtl"] .safqa-review-field textarea {
    text-align: right !important;
    direction: rtl !important;
}

/* ── Fix 3: Moderation notice — small muted text above submit ── */
.safqa-review-moderation-notice {
    font-size: 11px !important;
    color: #565959 !important;
    line-height: 1.5 !important;
    margin: 0 0 10px !important;
    padding: 0 !important;
}
html[dir="rtl"] .safqa-review-moderation-notice {
    text-align: right !important;
}

/* ── Fix 4: Gap between modal body sections ───────────────────── */
.safqa-review-body > *,
.safqa-review-body > section {
    margin-bottom: 0 !important;
}
.safqa-review-body {
    gap: 14px !important;
}

/* ── Fix 5: Star rating section — tighter spacing ─────────────── */
.ty-product-review-new-product-review-rating {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

/* ── Fix 6: Customer header — label + sign-in link inline ──────── */
.ty-product-review-new-product-review-customer__header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-bottom: 8px !important;
}
.ty-product-review-new-product-review-customer__title {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #0f1111 !important;
    margin: 0 !important;
}
/* Sign In link */
.ty-product-review-new-product-review-customer .ty-product-review-write-product-review-button,
.ty-product-review-new-product-review-customer .ty-btn__secondary {
    font-size: 13px !important;
    color: #007185 !important;
    background: none !important;
    border: none !important;
    padding: 0 !important;
    box-shadow: none !important;
    height: auto !important;
    min-height: 0 !important;
    text-decoration: none !important;
}
.ty-product-review-new-product-review-customer .ty-product-review-write-product-review-button:hover {
    text-decoration: underline !important;
    color: #c7511f !important;
}

/* ── Fix 7: Additional checkboxes — safqa-cb-* classes (mixin-free) ─ */
/*
 * The label elements in the template now use .safqa-cb-label instead of
 * the original BEM __write-anonymously-label / __terms-and-conditions-label.
 * Those BEM names are targeted by body[class*=screen] ... :not([class*=hidden])
 * in typs.less with specificity (0,3,1), injecting float:left + display:inline-block
 * which collapses the label to 0px in RTL. By using custom class names we
 * escape the mixin entirely — no specificity fight needed.
 */

.safqa-cb-row {
    margin-bottom: 8px !important;
}
.safqa-cb-row:last-child {
    margin-bottom: 0 !important;
}

.safqa-cb-label {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 0 !important;
    font-size: 13px !important;
    color: #0f1111 !important;
    cursor: pointer !important;
    line-height: 1.4 !important;
    /* Ensure no inherited float layout leaks in */
    float: none !important;
}

html[dir="rtl"] .safqa-cb-label {
    flex-direction: row-reverse !important;
    text-align: right !important;
}

.safqa-cb-input {
    flex-shrink: 0 !important;
    float: none !important;
    margin: 2px 0 0 0 !important;
    margin-inline-start: 0 !important;
    width: 15px !important;
    height: 15px !important;
    min-width: 15px !important;
    position: static !important;
    accent-color: #ff9900 !important;
}

.safqa-cb-text {
    flex: 1 !important;
    min-width: 0 !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    line-height: 1.4 !important;
}

/* Terms link */
.ty-product-review-new-product-review-additional .ty-dashed-link {
    color: #007185 !important;
    text-decoration: underline !important;
}

/* ── Fix 8: Remove the old moderation rules from additional section ─ */
/* We moved it to footer — hide the original location */
.ty-product-review-new-product-review-additional__moderation-rules {
    display: none !important;
}

/* ═══════════════════════════════════════════════════════════════
   REVIEW MODAL v4 — RTL + clipping fixes
   ═══════════════════════════════════════════════════════════════ */

/* ── 1. Scrollable modal body so stars/fields never clip behind footer ── */
.ui-dialog.ut2-customer_review .ui-dialog-content {
    padding: 0 !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
}
.safqa-review-modal {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}
.safqa-review-modal > form {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 !important;
    min-height: 0 !important;
    overflow: hidden !important;
}
.safqa-review-body {
    overflow-y: auto !important;
    overflow-x: hidden !important;
    flex: 1 !important;
    min-height: 0 !important;
    padding: 20px 24px 4px !important;
    scrollbar-width: thin !important;
    scrollbar-color: #D5D9D9 transparent !important;
}
.safqa-review-footer {
    flex-shrink: 0 !important;
    padding: 12px 24px 20px !important;
    border-top: 1px solid #f0f2f2 !important;
    margin: 0 !important;
    background: #fff !important;
}
@media (max-width: 600px) {
    .safqa-review-body { padding: 16px 16px 4px !important; }
    .safqa-review-footer { padding: 12px 16px 16px !important; }
}

/* ── 2. Checkbox labels — handled in Fix 7 above (no duplicate needed) ── */

/* ── 3. Upload zone RTL — correct row direction + no collisions ─── */
html[dir="rtl"] .ty-fileuploader__drop-zone {
    flex-direction: row-reverse !important;
    text-align: right !important;
}
html[dir="rtl"] .ty-fileuploader__drop-zone-description {
    flex-direction: row-reverse !important;
    text-align: right !important;
}
html[dir="rtl"] .ty-fileuploader__drop-zone-text {
    text-align: right !important;
    direction: rtl !important;
}
/* File input overlay: RTL mirrors the anchor, cover from right side too */
html[dir="rtl"] .ty-fileuploader__file-input {
    right: 0 !important;
    left: auto !important;
}

/* ── 4. RTL for all form inputs and textareas in the modal ─────── */
html[dir="rtl"] .safqa-review-modal input[type="text"],
html[dir="rtl"] .safqa-review-modal input[type="email"],
html[dir="rtl"] .safqa-review-modal textarea {
    direction: rtl !important;
    text-align: right !important;
}
html[dir="rtl"] .safqa-review-modal .ty-input-text {
    direction: rtl !important;
    text-align: right !important;
}

/* ═══════════════════════════════════════════════════════════════
   WRITE REVIEW SIDEBAR CARD — Amazon style
   ═══════════════════════════════════════════════════════════════ */
.safqa-write-review-card {
    border-top: 1px solid #e7e7e7 !important;
    padding: 20px 0 !important;
    margin: 4px 0 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    text-align: right !important;
    direction: rtl !important;
}

.safqa-write-review-card__title {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #0f1111 !important;
    margin: 0 0 6px !important;
    padding: 0 !important;
    line-height: 1.3 !important;
}

.safqa-write-review-card__subtitle {
    font-size: 13px !important;
    color: #565959 !important;
    margin: 0 0 16px !important;
    padding: 0 !important;
    line-height: 1.5 !important;
}

/* The pill button — rendered by write_product_review_button.tpl via button.tpl */
.safqa-write-review-card .safqa-write-review-card__btn,
.safqa-write-review-card .ty-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    padding: 9px 16px !important;
    background: #ffffff !important;
    border: 1px solid #888c8c !important;
    border-radius: 100px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #0f1111 !important;
    text-decoration: none !important;
    cursor: pointer !important;
    box-shadow: 0 2px 5px rgba(213,217,217,.5) !important;
    transition: background .12s, border-color .12s !important;
    height: auto !important;
    min-height: 0 !important;
    line-height: 1.4 !important;
    box-sizing: border-box !important;
}
.safqa-write-review-card .safqa-write-review-card__btn:hover,
.safqa-write-review-card .ty-btn:hover {
    background: #f7f8f8 !important;
    border-color: #A2A6AC !important;
    color: #0f1111 !important;
    text-decoration: none !important;
}

/* LTR (English) — left-align text */
html:not([dir="rtl"]) .safqa-write-review-card {
    text-align: left !important;
    direction: ltr !important;
}

/* ── amzv2_product.css ── */
/* ============================================================
   SAFQA — amzv2_product.css  v3
   Amazon.eg product detail — comprehensive rewrite
   ============================================================ */

/* ── RESET / BASE ── */
/* UT2 compiled CSS sets .ty-product-block { display:table } which breaks our grid.
   Override to block so amzv2__cols grid works correctly. */
.amzv2.ty-product-block {
  display: block !important;
  width: 100% !important;
  table-layout: unset !important;
}
.amzv2 {
  background: #fff;
  padding: 0 0 48px;
  font-family: "Inter", "Amazon Ember", Arial, sans-serif;
  font-size: 14px;
  color: #0f1111;
  line-height: 1.6;
}
.amzv2 * { box-sizing: border-box; }

/* ── BREADCRUMBS ── */
.amzv2__breadcrumbs {
  padding: 10px 0 12px;
  font-size: 12px;
  color: #565959;
}
.amzv2__breadcrumbs a { color: #007185; text-decoration: none; }
.amzv2__breadcrumbs a:hover { color: #c7511f; text-decoration: underline; }

/* ── 3-COLUMN GRID ── */
.amzv2__cols {
  display: grid;
  grid-template-columns: minmax(300px, 40%) 1fr 280px;
  gap: 16px 24px;
  align-items: start;
}
@media (max-width: 1200px) {
  .amzv2__cols { grid-template-columns: 35% 1fr 250px; gap: 14px 18px; }
}
@media (max-width: 960px) {
  .amzv2__cols { grid-template-columns: 1fr 260px; }
  .amzv2__col-img { grid-column: 1 / -1; grid-row: 1; }
  .amzv2__col-buy { grid-column: 2; grid-row: 2; }
  .amzv2__col-info { grid-column: 1; grid-row: 2; }
}
@media (max-width: 640px) {
  .amzv2__cols { grid-template-columns: 1fr; gap: 0; }
  .amzv2__col-buy { grid-column: auto; grid-row: auto; }
  .amzv2__col-info { grid-column: auto; grid-row: auto; padding-bottom: 70px; }

  /* Mobile Sticky Buy Actions */
  .amzv2__buybox {
    border: none;
    border-top: 1px solid #d5d9d9;
    border-radius: 0;
    padding: 10px 16px;
    position: fixed;
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    box-shadow: 0 -2px 10px rgba(0,0,0,0.1);
    background: #fff;
  }
  .amzv2__buy-buttons {
    flex-direction: row;
    margin: 0;
    width: 100%;
    gap: 10px;
  }
  .amzv2__buy-buttons .ty-btn {
    flex: 1;
    margin: 0 !important;
  }
  /* Hide non-actionable buybox elements in sticky bar on mobile */
  .amzv2__buy-price, .amzv2__buy-stock, .amzv2__seller-table, .amzv2__wishlist, .amzv2__qty-wrap {
    display: none !important;
  }
}

/* ═══════════════════════════════════════════════════════════════
   COL A — IMAGE GALLERY (vertical thumbs on left like Amazon)
   ═══════════════════════════════════════════════════════════════ */
.amzv2__col-img {
  position: sticky;
  top: 70px;
}
.amzv2__img-wrap {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  gap: 10px;
}
/* Thumbnails strip — vertical */
.amzv2__img-wrap .ty-product-thumbnails_gallery,
.amzv2__img-wrap .ty-product-thumbnails,
.amzv2__img-wrap .cm-image-gallery-wrapper {
  order: -1 !important;
  flex-shrink: 0 !important;
  width: 44px !important;
  max-width: 44px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  overflow-y: auto !important;
  max-height: 460px !important;
}
.amzv2__img-wrap .ty-product-thumbnails.owl-carousel,
.amzv2__img-wrap .ty-product-thumbnails_gallery .owl-carousel,
.amzv2__img-wrap .cm-image-gallery {
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  width: 44px !important;
  gap: 4px !important;
}
/* Each thumbnail */
.amzv2__img-wrap .cm-item-gallery,
.amzv2__img-wrap .ty-product-thumbnails__item {
  float: none !important;
  width: 40px !important;
  height: 40px !important;
  border: 1px solid #d5d9d9 !important;
  border-radius: 3px !important;
  padding: 2px !important;
  cursor: pointer;
  box-sizing: border-box !important;
  transition: border-color 0.15s;
}
.amzv2__img-wrap .cm-item-gallery:hover,
.amzv2__img-wrap .ty-product-thumbnails__item:hover,
.amzv2__img-wrap .cm-item-gallery.active,
.amzv2__img-wrap .ty-product-thumbnails__item.active,
.amzv2__img-wrap .cm-gallery-item.active {
  border-color: #007185 !important;
  box-shadow: 0 0 0 2px rgba(0,113,133,0.15) !important;
}
.amzv2__img-wrap .cm-item-gallery img,
.amzv2__img-wrap .ty-product-thumbnails__item img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}
/* Main image — no border like Amazon */
.amzv2__img-wrap .ty-product-img {
  flex: 1 !important;
  min-width: 0 !important;
  text-align: center;
  background: #fff;
}
.amzv2__col-img .ty-product-img img {
  max-width: 100% !important;
  max-height: 460px !important;
  height: auto !important;
  object-fit: contain !important;
  display: block;
  margin: 0 auto;
}
/* ── Carousel nav ── */
/*
 * DOM fact (from owl.carousel.js buildControls):
 *   .owl-controls is appendTo($elem) — appended DIRECTLY to .cm-image-gallery
 *   (.ty-product-thumbnails.owl-carousel), NOT to .cm-image-gallery-wrapper.
 *
 * Structure:
 *   .cm-image-gallery  (flex col, 44px wide) ← our relative anchor
 *     .owl-wrapper-outer  (the scrolling track)
 *     .owl-controls       (sibling of .owl-wrapper-outer)
 *       .owl-buttons
 *         .owl-prev  (was left arrow)
 *         .owl-next  (was right arrow)
 *
 * Fix: make .cm-image-gallery position:relative + add top/bottom padding.
 * Absolutely position .owl-prev at top:0, .owl-next at bottom:0.
 * .owl-controls/.owl-buttons get width:0; overflow:visible so they don't
 * consume flex space. The arrows escape via absolute positioning.
 */

/* Hide main-image carousel dots/nav entirely */
.amzv2__img-wrap .owl-nav,
.amzv2__img-wrap .owl-dots,
.amzv2__col-img .owl-dots {
  display: none !important;
}
/* Hide the cm-previewer (main big image) carousel controls */
.amzv2__img-wrap .ty-product-img .owl-controls {
  display: none !important;
}

/* ── Thumb strip: vertical nav arrows ── */

/* Carousel element: relative anchor, reserve space for top/bottom arrows */
.amzv2__img-wrap .cm-image-gallery {
  position: relative !important;
  padding-top: 30px !important;
  padding-bottom: 30px !important;
  overflow: visible !important;
}

/* Controls block: pull out of flow, zero height, overflow visible */
.amzv2__img-wrap .cm-image-gallery .owl-controls {
  position: static !important;
  width: 0 !important;
  height: 0 !important;
  overflow: visible !important;
  margin: 0 !important;
  padding: 0 !important;
}
.amzv2__img-wrap .cm-image-gallery .owl-buttons {
  width: 0 !important;
  overflow: visible !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Both arrows: shared base — absolute within .cm-image-gallery */
.amzv2__img-wrap .cm-image-gallery .owl-prev,
.amzv2__img-wrap .cm-image-gallery .owl-next {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  width: 44px !important;
  height: 26px !important;
  margin: 0 auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #ffffff !important;
  border: 1px solid #D5D9D9 !important;
  border-radius: 3px !important;
  cursor: pointer !important;
  box-shadow: 0 1px 2px rgba(0,0,0,.06) !important;
  transition: background .12s, border-color .12s !important;
  z-index: 2 !important;
}

/* UP arrow pinned to top of the carousel */
.amzv2__img-wrap .cm-image-gallery .owl-prev {
  top: 0 !important;
  bottom: auto !important;
}

/* DOWN arrow pinned to bottom of the carousel */
.amzv2__img-wrap .cm-image-gallery .owl-next {
  bottom: 0 !important;
  top: auto !important;
}

/* Hover */
.amzv2__img-wrap .cm-image-gallery .owl-prev:hover,
.amzv2__img-wrap .cm-image-gallery .owl-next:hover {
  background: #f7f8f8 !important;
  border-color: #A2A6AC !important;
}

/* Hide the original left/right icon spans */
.amzv2__img-wrap .cm-image-gallery .owl-prev *,
.amzv2__img-wrap .cm-image-gallery .owl-next * {
  display: none !important;
}

/* Up chevron (border triangle, no icon font needed) */
.amzv2__img-wrap .cm-image-gallery .owl-prev::after {
  content: "" !important;
  display: block !important;
  width: 8px !important;
  height: 8px !important;
  border-top: 2px solid #565959 !important;
  border-right: 2px solid #565959 !important;
  transform: rotate(-45deg) translateY(2px) !important;
}

/* Down chevron */
.amzv2__img-wrap .cm-image-gallery .owl-next::after {
  content: "" !important;
  display: block !important;
  width: 8px !important;
  height: 8px !important;
  border-bottom: 2px solid #565959 !important;
  border-right: 2px solid #565959 !important;
  transform: rotate(45deg) translateY(-2px) !important;
}

/* Hover: darken chevron */
.amzv2__img-wrap .cm-image-gallery .owl-prev:hover::after,
.amzv2__img-wrap .cm-image-gallery .owl-next:hover::after {
  border-color: #0f1111 !important;
}
/* Mobile: horizontal thumbnails below image */
@media (max-width: 640px) {
  .amzv2__img-wrap { flex-direction: column !important; gap: 8px; }
  .amzv2__img-wrap .ty-product-thumbnails_gallery,
  .amzv2__img-wrap .ty-product-thumbnails,
  .amzv2__img-wrap .cm-image-gallery-wrapper {
    order: 1 !important;
    flex-direction: row !important;
    width: 100% !important;
    max-width: 100% !important;
    max-height: none !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
  }
  .amzv2__img-wrap .owl-carousel,
  .amzv2__img-wrap .cm-image-gallery {
    flex-direction: row !important;
    width: 100% !important;
  }
}

/* ═══════════════════════════════════════════════════════════════
   COL B — PRODUCT INFO (center)
   ═══════════════════════════════════════════════════════════════ */
.amzv2__col-info { min-width: 0; padding-top: 4px; }

/* Badges — above title, Amazon Best Seller pill style */
.amzv2__badges {
  margin-bottom: 8px;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
}
.amzv2__badges .ab-stickers-container,
.amzv2__badges .ab-stickers-wrapper {
  display: inline-flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  width: auto !important;
  position: static !important;
  margin: 0 !important;
}
.amzv2__badges .ab-sticker-full_size,
.amzv2__badges .ab-sticker-small_size {
  display: inline-block !important;
  width: auto !important;
  position: static !important;
}
.amzv2__badges .T-sticker,
.amzv2__badges .ab-sticker {
  display: inline-block !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  padding: 4px 10px !important;
  border-radius: 3px !important;
  white-space: nowrap !important;
  width: auto !important;
  max-width: fit-content !important;
}
/* Hide stickers everywhere else in center column — only show in badges area */
.amzv2__price-block .ab-stickers-container,
.amzv2__price-block .ab-stickers-wrapper,
.amzv2__price-block .T-sticker,
.amzv2__about-body .ab-stickers-container { display: none !important; }

/* Brand */
.amzv2__brand { font-size: 13px; margin-bottom: 2px; }
.amzv2__brand a { color: #007185; text-decoration: none; }
.amzv2__brand a:hover { color: #c7511f; text-decoration: underline; }

/* Title */
.amzv2__title {
  font-size: 24px !important;
  font-weight: 400 !important;
  line-height: 1.3 !important;
  color: #0f1111 !important;
  margin: 0 0 8px !important;
  padding: 0 !important;
}

/* Rating row */
.amzv2__rating-row {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 8px;
  font-size: 13px;
}
.amzv2__rating-row a { color: #007185; text-decoration: none; }
.amzv2__rating-row a:hover { color: #c7511f; }
.amzv2__sku { font-size: 12px; color: #565959; }

/* Social proof */
.amzv2__social-proof {
  font-size: 13px;
  color: #0f1111;
  font-weight: 600;
  margin-bottom: 8px;
}

/* Divider */
.amzv2__divider { height: 1px; background: #e7e7e7; margin: 12px 0; }

/* Price block */
.amzv2__price-block {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 4px;
}
.amzv2__badge-pct {
  background: #cc0c39;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  padding: 3px 8px;
  border-radius: 2px;
}
.amzv2__main-price,
.amzv2__main-price .ty-price {
  font-size: 28px;
  font-weight: 400;
  color: #0f1111;
  line-height: 1.2;
}
.amzv2__main-price .ty-price-num { font-size: 28px !important; }
.amzv2__list-price { font-size: 13px; color: #565959; }
.amzv2__list-price .ty-price,
.amzv2__list-price del,
.amzv2__list-price s { text-decoration: line-through; color: #565959; }

/* Points */
.amzv2__points { font-size: 13px; color: #007185; margin: 4px 0 0; }

/* About this item */
.amzv2__about { margin: 16px 0; }
.amzv2__section-heading {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #0f1111 !important;
  margin: 0 0 10px !important;
  padding: 0 0 8px !important;
  border-bottom: 1px solid #e7e7e7 !important;
}
.amzv2__about-body {
  font-size: 14px;
  line-height: 1.7;
  color: #333;
}
.amzv2__about-body ul { padding-inline-start: 20px; margin: 0; list-style: disc; }
.amzv2__about-body li { margin-bottom: 4px; }
.amzv2__about-body p { margin: 0 0 8px; }

/* Options */
/* Options - Premium Pills Style */
.amzv2__options { margin: 16px 0; }
.amzv2__options .ty-product-options__item {
  margin-bottom: 15px;
}
.amzv2__options .ty-control-group__label {
  font-weight: 600 !important;
  color: #0f1111 !important;
  margin-bottom: 8px !important;
  display: block;
}
.amzv2__options .ty-control-group { margin-bottom: 10px; }
.amzv2__options select {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid #d5d9d9;
  border-radius: 8px;
  background: #f8f9fa;
  font-size: 14px;
  color: #0f1111;
  outline: none;
  transition: all 0.2s ease;
}
.amzv2__options select:focus {
  border-color: #007185;
  box-shadow: 0 0 0 2px rgba(0,113,133,0.2);
  background: #fff;
}

/* Promo text */
.amzv2__promo { font-size: 14px; font-weight: 600; color: #c7511f; margin: 12px 0; }

/* Vendor block — hide (info is in buy box seller table) */
.amzv2 .ut2-vendor-block { display: none !important; }

/* ── INFORMATION ACCORDION ── */
.amzv2__accordion { margin-top: 20px; }
.amzv2__acc-item { border-bottom: 1px solid #e7e7e7; }
.amzv2__acc-toggle {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  padding: 14px 0 !important;
  background: none !important;
  border: none !important;
  cursor: pointer !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #0f1111 !important;
  text-align: inherit !important;
}
.amzv2__acc-toggle:hover { color: #c7511f !important; }
.amzv2__chevron { flex-shrink: 0; transition: transform 0.2s ease; color: #6b7280; }
.amzv2__acc-item--open .amzv2__chevron { transform: rotate(180deg); }
.amzv2__acc-body {
  overflow: hidden;
  max-height: 3000px;
  transition: max-height 0.3s ease, padding 0.3s ease;
  padding-bottom: 14px;
}
.amzv2__acc-body--closed { max-height: 0 !important; padding-bottom: 0 !important; overflow: hidden !important; }
.amzv2__acc-content { font-size: 14px; line-height: 1.6; color: #333; }
.amzv2__features-table { font-size: 14px; }

/* ═══════════════════════════════════════════════════════════════
   COL C — BUY BOX (right column like Amazon)
   ═══════════════════════════════════════════════════════════════ */
.amzv2__col-buy { min-width: 0; }
.amzv2__buybox {
  border: 1px solid #eaeaea;
  border-radius: 12px;
  padding: 24px;
  background: #fff;
  position: sticky;
  top: 70px;
  box-shadow: 0 8px 24px rgba(0,0,0,0.04);
  transition: box-shadow 0.3s ease;
}
.amzv2__buybox:hover {
  box-shadow: 0 12px 32px rgba(0,0,0,0.08);
}

/* Buy box price */
.amzv2__buy-price { margin-bottom: 4px; }
.amzv2__buy-price .ty-price-update,
.amzv2__buy-price .ty-price { font-size: 20px; color: #0f1111; font-weight: 400; }
.amzv2__buy-price .ty-price-num { font-size: 20px !important; }
.amzv2__buy-price .ab-stickers-container,
.amzv2__buy-price .ab-stickers-wrapper { display: none !important; }
.amzv2__buy-points { font-size: 12px; color: #007185; margin: 2px 0 6px; }

/* Stock status — custom Amazon style */
.amzv2__buy-stock { margin: 8px 0; }
.amzv2__in-stock {
  color: #007600;
  font-size: 18px;
  font-weight: 600;
  display: block;
}
.amzv2__low-stock {
  color: #b12704;
  font-size: 13px;
  font-weight: 600;
  display: block;
  margin-top: 2px;
}
.amzv2__out-stock {
  color: #b12704;
  font-size: 16px;
  font-weight: 600;
  display: block;
}

/* Advanced options area — hide stock duplication and vendor info */
.amzv2__buy-adv {
  margin: 0;
  font-size: 13px;
  color: #565959;
}
.amzv2__buy-adv .ty-qty-in-stock,
.amzv2__buy-adv .ty-qty-out-of-stock,
.amzv2__buy-adv .ty-control-group__label,
.amzv2__buy-adv .ut2-pb__vendor,
.amzv2__buy-adv .ty-product-company { display: none !important; }
.amzv2__buy-adv .ty-control-group { font-size: 13px !important; margin: 2px 0 !important; }

/* Buy actions wrapper */
.amzv2__buy-actions { margin: 8px 0 0; }

/* Qty — Amazon rounded dropdown */
.amzv2__qty-wrap {
  display: inline-flex;
  align-items: center;
  margin: 10px 0;
  border: 1px solid #d5d9d9;
  border-radius: 7px;
  background: #f0f2f2;
  box-shadow: 0 2px 5px rgba(15,17,17,0.08);
  overflow: hidden;
}
.amzv2__qty-label {
  font-size: 13px;
  color: #0f1111;
  padding: 7px 10px;
  white-space: nowrap;
}
.amzv2__qty-select {
  border: none !important;
  border-radius: 0 !important;
  background: #f0f2f2 !important;
  font-size: 13px !important;
  padding: 7px 10px !important;
  height: auto !important;
  min-height: 0 !important;
  width: auto !important;
  min-width: 40px !important;
  cursor: pointer !important;
  color: #0f1111 !important;
  outline: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5'%3E%3Cpath d='M0 0l4 5 4-5z' fill='%23555'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: left 8px center !important;
  padding-left: 22px !important;
}
.amzv2__qty-select:hover { background-color: #e3e6e6 !important; }

/* Hide old +/- qty */
.amzv2__buybox .ut2-qty__wrap,
.amzv2__buybox .ty-value-changer { display: none !important; }

/* Buttons */
.amzv2__buy-buttons {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 10px 0;
}
.amzv2__buy-buttons .ty-btn__add-to-cart {
  width: 100% !important;
  border-radius: 100px !important;
  background: linear-gradient(to bottom, #f8e367, #ffd814) !important;
  border: 1px solid #fcd200 !important;
  color: #0f1111 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  height: 42px !important;
  line-height: 40px !important;
  padding: 0 16px !important;
  box-shadow: 0 2px 5px rgba(0,0,0,0.05) !important;
  text-align: center !important;
  transition: all 0.2s ease !important;
}
.amzv2__buy-buttons .ty-btn__add-to-cart:hover { 
  background: linear-gradient(to bottom, #fdf09d, #f7ca00) !important; 
  box-shadow: 0 4px 8px rgba(0,0,0,0.1) !important;
  transform: translateY(-1px);
}
.amzv2__buy-buttons .ty-btn__buy-now,
.amzv2__buy-buttons .ty-btn__secondary,
.amzv2__buy-buttons .ty-btn__outline,
.amzv2__buy-buttons .cm-form-submit:not(.ty-btn__add-to-cart):not([class*="wishlist"]),
.amzv2__buy-actions .ty-btn__outline {
  width: 100% !important;
  border-radius: 100px !important;
  background: linear-gradient(to bottom, #ffb84d, #ffa41c) !important;
  border: 1px solid #ff8f00 !important;
  color: #0f1111 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  height: 42px !important;
  line-height: 40px !important;
  padding: 0 16px !important;
  box-shadow: 0 2px 5px rgba(0,0,0,0.05) !important;
  text-align: center !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.2s ease !important;
}
.amzv2__buy-buttons .ty-btn__buy-now:hover,
.amzv2__buy-buttons .ty-btn__secondary:hover,
.amzv2__buy-buttons .ty-btn__outline:hover,
.amzv2__buy-buttons .cm-form-submit:not(.ty-btn__add-to-cart):not([class*="wishlist"]):hover,
.amzv2__buy-actions .ty-btn__outline:hover {
  background: linear-gradient(to bottom, #ffc773, #e89413) !important;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1) !important;
  transform: translateY(-1px);
}

/* Seller table */
.amzv2__seller-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 12px;
  margin: 10px 0 0;
}
.amzv2__seller-table tr { border: none; }
.amzv2__seller-lbl {
  color: #565959;
  padding: 4px 0;
  width: 40%;
  vertical-align: top;
}
.amzv2__seller-val {
  color: #007185;
  padding: 4px 0;
}
.amzv2__seller-val a { color: #007185; }
.amzv2__seller-val a:hover { color: #c7511f; text-decoration: underline; }
.amzv2__seller-secure { font-size: 11px; color: #565959; }

/* Wishlist */
.amzv2__wishlist { margin-top: 8px; }
.amzv2__wishlist .ty-btn {
  width: 100% !important;
  border-radius: 20px !important;
  background: #fff !important;
  border: 1px solid #d5d9d9 !important;
  color: #0f1111 !important;
  font-size: 12px !important;
  height: 32px !important;
  line-height: 30px !important;
  padding: 0 12px !important;
}
.amzv2__wishlist .ty-btn:hover { background: #f7f8f8 !important; }

/* ── TABS AREA ── */
.amzv2__tabs-area {
  margin-top: 36px;
  border-top: 2px solid #e7e7e7;
  padding-top: 0;
}
/* Reviews section inner padding — matches Amazon's content inset */
.amzv2__tabs-area .ty-product-reviews-view {
  padding: 0 !important;
}
.amzv2__tabs-area .ty-product-reviews-view__main-content-right {
  padding-left: 32px !important;
  padding-right: 0 !important;
}
.amzv2__tabs-area .ty-product-review-post {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.amzv2__tabs-area .tab-list-title {
  font-size: 20px !important;
  font-weight: 700 !important;
  color: #0f1111 !important;
  padding: 20px 0 12px !important;
  margin: 0 !important;
  border-bottom: 1px solid #e7e7e7 !important;
}
.amzv2__tabs-area .ty-wysiwyg-content {
  font-size: 14px;
  line-height: 1.7;
  color: #333;
  padding: 16px 0;
}

/* ═══════════════════════════════════════════════════════════════
   STICKER BADGES — small Amazon pills
   ═══════════════════════════════════════════════════════════════ */
.amzv2 .ab-stickers-container {
  display: inline-flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  width: auto !important;
  margin: 0 0 6px !important;
  position: static !important;
}
.amzv2 .ab-sticker-full_size,
.amzv2 .ab-sticker-small_size {
  display: inline-block !important;
  width: auto !important;
  max-width: fit-content !important;
  position: static !important;
}
.amzv2 .ab-sticker-full_size .tss,
.amzv2 .ab-sticker-small_size .tfs { display: none !important; }
.amzv2 .T-sticker,
.amzv2 .ab-sticker,
.amzv2 [class*="ab-sticker"] .ab-sticker__name {
  display: inline-block !important;
  width: auto !important;
  max-width: fit-content !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  padding: 3px 8px !important;
  border-radius: 2px !important;
  line-height: 1.3 !important;
  white-space: nowrap !important;
}
.amzv2 .ab-stickers-wrapper {
  position: static !important;
  display: inline-flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  width: auto !important;
}

/* ═══════════════════════════════════════════════════════════════
   HIDE / CLEAN unwanted elements
   ═══════════════════════════════════════════════════════════════ */
.amzv2 .ty-min-qty-description { display: none !important; }
.amzv2__buybox .ut2-qty__wrap { display: none !important; }

/* RTL rules are in rtl_noflip.css to prevent rtlcss from flipping them */
/* ─────────────────────────────────────────────────────────────
   PRICE ROW — clean Amazon typography
   ───────────────────────────────────────────────────────────── */

/* Outer wrapper: column-flex so list price sits on its own line */
.amzv2__price-row {
  display: flex;
  flex-direction: column;
  gap: 3px;
  margin-bottom: 6px;
}

/* Price + discount on one flex line, vertically centered */
.amzv2__price-block {
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  gap: 8px !important;
  margin-bottom: 0 !important;
}

/* ── Discount percentage — Amazon flat red text, no box ───── */
.amzv2__discount-pct {
  font-size: 28px !important;
  font-weight: 300 !important;
  color: #cc0c39 !important;
  line-height: 1 !important;
  flex-shrink: 0 !important;
  white-space: nowrap !important;
}

/* ── Main price — large, same baseline as discount ─────────── */
.amzv2__main-price {
  display: inline-flex !important;
  align-items: baseline !important;
  font-size: 28px !important;
  font-weight: 500 !important;
  color: #0f1111 !important;
  line-height: 1 !important;
}
.amzv2__main-price .ty-price,
.amzv2__main-price .ty-price-update,
.amzv2__main-price .ut2-cost-base {
  font-size: 28px !important;
  font-weight: 500 !important;
  color: #0f1111 !important;
  line-height: 1 !important;
}
.amzv2__main-price .ty-price-num {
  font-size: 28px !important;
  font-weight: 500 !important;
  color: #0f1111 !important;
  vertical-align: baseline !important;
}
/* Currency symbol (EGP) — small, top-aligned like Amazon */
.amzv2__main-price .ut2-currency-sup {
  font-size: 13px !important;
  font-weight: 400 !important;
  color: #0f1111 !important;
  vertical-align: top !important;
  line-height: 1.8 !important;
  margin-inline-end: 1px !important;
}
/* Cents (.00) — small, top-aligned */
.amzv2__main-price .ty-price-num > sup,
.amzv2__main-price bdi > span > sup {
  font-size: 13px !important;
  font-weight: 400 !important;
  color: #0f1111 !important;
  vertical-align: top !important;
  line-height: 1.8 !important;
}
/* Kill sticker noise inside the price span */
.amzv2__main-price .ab-stickers-container,
.amzv2__main-price .ab-stickers-wrapper,
.amzv2__main-price .ab-sticker-full_size,
.amzv2__main-price input[type="hidden"],
.amzv2__main-price .pc-inline-debug {
  display: none !important;
}

/* ── List price — muted, strikethrough, below the main row ── */
.amzv2__list-price {
  font-size: 13px !important;
  color: #565959 !important;
  display: block !important;
  margin-top: 0 !important;
}
.amzv2__list-price .ty-list-price,
.amzv2__list-price .ty-strike {
  text-decoration: line-through !important;
  color: #565959 !important;
}
.amzv2__list-price .ty-price-num,
.amzv2__list-price bdi {
  font-size: 13px !important;
  color: #565959 !important;
  text-decoration: line-through !important;
  font-weight: 400 !important;
}
.amzv2__list-price .ut2-currency-sup,
.amzv2__list-price .ty-price-num sup {
  font-size: 11px !important;
  color: #565959 !important;
  vertical-align: baseline !important;
}

/* ── Brand line — below title like Amazon ────────────────── */
.amzv2__brand {
  font-size: 13px !important;
  color: #565959 !important;
  margin: 3px 0 4px !important;
}
.amzv2__brand a {
  color: #007185 !important;
  text-decoration: none !important;
  font-size: 13px !important;
}
.amzv2__brand a:hover {
  color: #c7511f !important;
  text-decoration: underline !important;
}

/* ═══════════════════════════════════════════════════════════════
   PRICING FINAL POLISH — Amazon exact match
   ═══════════════════════════════════════════════════════════════ */

/* ── PDP: Kill empty ab-sticker div inside price span ─────── */
.amzv2__main-price .ab-sticker-full_size:empty,
.amzv2__main-price .ab-stickers-container:empty,
.amzv2__main-price .ab-stickers-container .ab-sticker-full_size:empty {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}
/* Kill the entire stickers container inside price if it has no rendered stickers */
.amzv2__main-price .ab-stickers-container {
  display: none !important;
}

/* ── PDP: Price row exact Amazon layout ─────────────────────
   -19% [flat red] + EGP14,499.00 [large dark] on one line
   List Price: EGP17,999.00 [small grey strikethrough] below  */

.amzv2__price-row {
  display: flex !important;
  flex-direction: column !important;
  gap: 3px !important;
  margin-bottom: 8px !important;
}
.amzv2__price-block {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-wrap: nowrap !important;
}

/* Discount % — flat crimson, 28px light weight, no box */
.amzv2__discount-pct {
  font-size: 28px !important;
  font-weight: 300 !important;
  color: #cc0c39 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
  display: inline !important;
  background: none !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 0 !important;
}

/* Main price — large, dark, Amazon weight */
.amzv2__main-price {
  display: inline-flex !important;
  align-items: baseline !important;
  gap: 1px !important;
  flex-shrink: 0 !important;
}
.amzv2__main-price .ty-price-num {
  font-size: 28px !important;
  font-weight: 500 !important;
  color: #0f1111 !important;
  line-height: 1 !important;
}
.amzv2__main-price .ut2-currency-sup {
  font-size: 13px !important;
  font-weight: 400 !important;
  color: #0f1111 !important;
  vertical-align: top !important;
  line-height: 1.8 !important;
}
.amzv2__main-price .ty-price-num > sup {
  font-size: 13px !important;
  font-weight: 400 !important;
  vertical-align: top !important;
  line-height: 1.8 !important;
  color: #0f1111 !important;
}
/* Kill any red price color from sqz-amazon-block leaking in */
.amzv2__main-price .ty-price-num,
.amzv2__main-price bdi,
.amzv2__main-price .ty-price bdi,
.amzv2__main-price .ut2-cost-base {
  color: #0f1111 !important;
}

/* List price — muted grey, smaller, strikethrough */
.amzv2__list-price {
  font-size: 13px !important;
  color: #565959 !important;
  display: block !important;
  line-height: 1.4 !important;
}
.amzv2__list-price .ty-price-num,
.amzv2__list-price bdi {
  font-size: 13px !important;
  color: #565959 !important;
  text-decoration: line-through !important;
  font-weight: 400 !important;
}

/* ── GRID CARD: Amazon-style discount display ───────────────
   Replace the red pill badge (.ty-discount-label) with flat
   inline text "-19%" in dark red, positioned above/beside price  */

/* 1. Kill the pill badge entirely on grid cards */
.ut2-gl__price .ty-discount-label,
.ut2-gl__price .ty-discount-label__item,
.ut2-gl__price .ty-discount-label__value {
  background: none !important;
  background-color: transparent !important;
  color: #cc0c39 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  position: static !important;
  float: none !important;
  height: auto !important;
  line-height: 1.4 !important;
  display: inline !important;
  white-space: nowrap !important;
}
/* Hide the "Save" word, keep only the percentage */
.ut2-gl__price .ty-discount-label__value em {
  display: none !important;
}
/* Add the minus sign before the percentage */
.ut2-gl__price .ty-discount-label__value::before {
  content: "-" !important;
  color: #cc0c39 !important;
}

/* 2. Grid price layout — price + discount % on same row */
.ut2-gl__price-wrap {
  display: flex !important;
  flex-direction: column !important;
  gap: 1px !important;
}
.ut2-gl__price {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: baseline !important;
  gap: 6px !important;
  min-height: 0 !important;
}

/* 3. Main price on grid — prominent dark */
.ut2-gl__price .ty-price-num,
.ut2-gl__price bdi,
.ut2-gl__price .ty-price bdi {
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #0f1111 !important;
}

/* 4. List/original price — small grey strikethrough */
.ut2-gl__price .ty-list-price {
  display: block !important;
  width: 100% !important;
  order: 1 !important;
}
.ut2-gl__price .ty-list-price .ty-price-num,
.ut2-gl__price .ty-list-price bdi {
  font-size: 12px !important;
  font-weight: 400 !important;
  color: #888 !important;
  text-decoration: line-through !important;
}

/* 5. Currency symbol on grid — small superscript */
.ut2-gl__price .ut2-currency-sup {
  font-size: 11px !important;
  color: #0f1111 !important;
  vertical-align: top !important;
  line-height: 1.8 !important;
  font-weight: 400 !important;
}

/* ── Product image sticker (Save X%) — Amazon pill style ──── */
/* Keep it visible but position it cleanly in the image corner  */
.ut2-gl__image .ab-stickers-container,
.ut2-gl__image .ab-stickers-wrapper {
  position: absolute !important;
  top: 6px !important;
  inset-inline-start: 6px !important;
  z-index: 2 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 3px !important;
}
.ut2-gl__image .ab-sticker {
  background: #cc0c39 !important;
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  padding: 2px 6px !important;
  border-radius: 3px !important;
  display: inline-block !important;
  line-height: 1.4 !important;
}

/* ── PDP image sticker — clean corner position ──────────────── */
/* The "Save 30%" badge on product detail page image area        */
.amzv2__col-img .ab-stickers-container__product_labels,
.amzv2__img-wrap .ab-stickers-container__product_labels {
  position: absolute !important;
  top: 8px !important;
  inset-inline-start: 8px !important;
  z-index: 3 !important;
  display: inline-flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  /* NOT overlapping the breadcrumb area */
  max-width: 80px !important;
}
.amzv2__col-img .ab-sticker,
.amzv2__img-wrap .ab-sticker {
  background: #cc0c39 !important;
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  padding: 3px 8px !important;
  border-radius: 3px !important;
  line-height: 1.4 !important;
  white-space: nowrap !important;
  display: inline-block !important;
  max-width: fit-content !important;
}
/* Hide the ab-sticker that's outside the image area (floating on breadcrumb) */
.amzv2__breadcrumbs .ab-stickers-container,
.amzv2__breadcrumbs ~ .ab-stickers-container,
.amzv2 > .ab-stickers-container {
  display: none !important;
}

/* ── amazon_promo_banners.css ── */
/* ============================================================
   SAFQA — Hero Carousel + Promo Banners
   Block 1: .homepage-banners (hero owl-carousel)
   Block 2: .banners-grid-resizable (category tiles)
   Block 3+: .banners.ut2-scroll-container (promo rows)
   ============================================================ */

/* ══════════════════════════════════════════════════════════════
   BLOCK 1 — HERO FULL-WIDTH CAROUSEL
   ══════════════════════════════════════════════════════════════ */

/* Reset legacy margin from responsive theme, handle floating header */
.homepage-banners {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  overflow: hidden !important;
  position: relative !important;
}

/* When floating header is active, pull banner up behind it exactly */
body.floating-header .homepage-banners {
  margin-top: calc(
    (var(--ut2-top-panel-height, 0px) + var(--ut2-header-height, 0px) + var(--ut2-header-menu-height, 0px)) * -1
  ) !important;
}

/* Each slide — use CSS custom property for height, clamp for responsiveness */
.homepage-banners .ut2-banner {
  width: 100% !important;
  overflow: hidden !important;
}

.homepage-banners .ut2-a__bg-banner {
  min-height: var(--ab-banner-height, 500px) !important;
  height: var(--ab-banner-height, 500px) !important;
  border-radius: 0 !important;
  display: flex !important;
  align-items: stretch !important;
  background-size: cover !important;
  background-position: center center !important;
  position: relative !important;
}

/* ── Hero: content layout ── */
.homepage-banners .ut2-a__content {
  display: flex !important;
  align-items: center !important;
  padding: var(--ab-banner-content-padding, 40px 5%) !important;
  height: 100% !important;
  min-height: inherit !important;
  width: 100% !important;
  box-sizing: border-box !important;
  position: relative !important;
  z-index: 2 !important;
}

/* valign variants */
.homepage-banners .ut2-a__content.valign-top    { align-items: flex-start !important; }
.homepage-banners .ut2-a__content.valign-center { align-items: center !important; }
.homepage-banners .ut2-a__content.valign-bottom { align-items: flex-end !important; }

/* halign variants — text + content side */
.homepage-banners .ut2-a__content.align-right {
  justify-content: flex-end !important;
  text-align: right !important;
  direction: rtl !important;
}
.homepage-banners .ut2-a__content.align-left {
  justify-content: flex-start !important;
  text-align: left !important;
}
.homepage-banners .ut2-a__content.align-center {
  justify-content: center !important;
  text-align: center !important;
}

/* width-half limits the text column to 50% of slide */
.homepage-banners .ut2-a__content.width-half .ut2-a__description {
  max-width: 50% !important;
}

/* ── Hero: internal-image layout (text + product image side by side) ── */
.homepage-banners .ut2-a__content.internal-image {
  gap: 24px !important;
  overflow: visible !important;
}
.homepage-banners .ut2-a__content.internal-image .ut2-a__img {
  flex-shrink: 0 !important;
  max-width: 45% !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: center !important;
}
.homepage-banners .ut2-a__content.internal-image .ut2-a__img img {
  max-height: calc(var(--ab-banner-height, 500px) * 0.9) !important;
  width: auto !important;
  object-fit: contain !important;
  display: block !important;
}
.homepage-banners .ut2-a__content.internal-image .ut2-a__description {
  flex: 1 !important;
  min-width: 0 !important;
  overflow: visible !important;
}

/* ── Hero: text elements ── */
.homepage-banners .ut2-a__title small {
  display: block !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  opacity: 0.8 !important;
  margin-bottom: 4px !important;
  letter-spacing: 0.3px !important;
}

.homepage-banners .ut2-a__title {
  font-size: var(--ab-banner-title-size, 36px) !important;
  color: var(--ab-banner-title-color, #0f1111) !important;
  line-height: 1.15 !important;
  font-weight: 900 !important;
  margin-bottom: 10px !important;
}

.homepage-banners .ut2-a__descr {
  font-size: var(--ab-banner-description-size, 15px) !important;
  color: var(--ab-banner-description-color, #444) !important;
  line-height: 1.55 !important;
  margin-bottom: 20px !important;
}

/* Dark/light variants */
.homepage-banners .ut2-a__bg-banner.dark .ut2-a__title  { color: #fff !important; }
.homepage-banners .ut2-a__bg-banner.dark .ut2-a__descr  { color: rgba(255,255,255,.85) !important; }
.homepage-banners .ut2-a__bg-banner.light .ut2-a__title { color: var(--ab-banner-title-color, #0f1111) !important; }

/* ── Hero: CTA button ── */
.homepage-banners .ut2-a__button .ty-btn,
.homepage-banners .ut2-a__button a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #ffd814 !important;
  border: 1px solid #fcd200 !important;
  color: #0f1111 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  border-radius: 20px !important;
  padding: 9px 22px !important;
  box-shadow: 0 2px 5px rgba(213,177,0,.4) !important;
  transition: background .12s, border-color .12s, box-shadow .12s !important;
  text-decoration: none !important;
  cursor: pointer !important;
  white-space: nowrap !important;
}
.homepage-banners .ut2-a__button .ty-btn:hover,
.homepage-banners .ut2-a__button a:hover {
  background: #f7ca00 !important;
  border-color: #f2b600 !important;
  box-shadow: 0 3px 8px rgba(213,177,0,.6) !important;
  color: #0f1111 !important;
}
/* ty-btn__text / ty-btn__outline override */
.homepage-banners .ut2-a__button .ty-btn__text,
.homepage-banners .ut2-a__button .ty-btn__outline {
  background: transparent !important;
  border-color: rgba(255,255,255,.7) !important;
  color: #fff !important;
  box-shadow: none !important;
}
.homepage-banners .ut2-a__button .ty-btn__text:hover,
.homepage-banners .ut2-a__button .ty-btn__outline:hover {
  background: rgba(255,255,255,.15) !important;
  border-color: #fff !important;
}
/* --tc --bc color-scheme buttons (dark bg) */
.homepage-banners .ut2-a__button .ty-btn.--tc,
.homepage-banners .ut2-a__button .ty-btn.--bc {
  background: #ffd814 !important;
  border-color: #fcd200 !important;
  color: #0f1111 !important;
}

/* ── Hero owl-carousel: left/right navigation arrows ── */
.homepage-banners .owl-controls {
  position: absolute !important;
  top: 50% !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  transform: translateY(-50%) !important;
  pointer-events: none !important;
  z-index: 10 !important;
  margin: 0 !important;
}
.homepage-banners .owl-buttons {
  display: flex !important;
  justify-content: space-between !important;
  padding: 0 12px !important;
  pointer-events: none !important;
}
.homepage-banners .owl-prev,
.homepage-banners .owl-next {
  pointer-events: all !important;
  width: 40px !important;
  height: 40px !important;
  background: rgba(255,255,255,.9) !important;
  border: 1px solid rgba(0,0,0,.1) !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.18) !important;
  transition: background .15s, box-shadow .15s !important;
  position: static !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
}
.homepage-banners .owl-prev:hover,
.homepage-banners .owl-next:hover {
  background: #fff !important;
  box-shadow: 0 4px 14px rgba(0,0,0,.25) !important;
}
/* Hide the original icon spans, use CSS chevrons */
.homepage-banners .owl-prev *,
.homepage-banners .owl-next * {
  display: none !important;
}
.homepage-banners .owl-prev::after {
  content: "" !important;
  display: block !important;
  width: 10px !important;
  height: 10px !important;
  border-top: 2px solid #0f1111 !important;
  border-right: 2px solid #0f1111 !important;
  transform: rotate(225deg) translateX(2px) !important;
}
.homepage-banners .owl-next::after {
  content: "" !important;
  display: block !important;
  width: 10px !important;
  height: 10px !important;
  border-top: 2px solid #0f1111 !important;
  border-right: 2px solid #0f1111 !important;
  transform: rotate(45deg) translateX(-2px) !important;
}
/* RTL: flip chevron directions */
html[dir="rtl"] .homepage-banners .owl-prev::after {
  transform: rotate(45deg) translateX(-2px) !important;
}
html[dir="rtl"] .homepage-banners .owl-next::after {
  transform: rotate(225deg) translateX(2px) !important;
}

/* ── Hero owl-carousel: dot pagination ── */
.homepage-banners .owl-controls .owl-pagination {
  position: absolute !important;
  bottom: 14px !important;
  left: 0 !important;
  right: 0 !important;
  text-align: center !important;
  pointer-events: all !important;
  z-index: 11 !important;
}
.homepage-banners .owl-controls .owl-page {
  display: inline-block !important;
  vertical-align: middle !important;
}
.homepage-banners .owl-controls .owl-page span {
  display: block !important;
  width: 8px !important;
  height: 8px !important;
  margin: 0 4px !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,.55) !important;
  border: 1px solid rgba(255,255,255,.4) !important;
  opacity: 1 !important;
  transition: background .2s, transform .2s !important;
}
.homepage-banners .owl-controls .owl-page.active span {
  background: #fff !important;
  border-color: #fff !important;
  transform: scale(1.35) !important;
  opacity: 1 !important;
}

/* ── Hero: responsive height ── */
@media (max-width: 1024px) {
  .homepage-banners .ut2-a__bg-banner {
    min-height: clamp(300px, 45vw, 500px) !important;
    height: clamp(300px, 45vw, 500px) !important;
  }
  .homepage-banners .ut2-a__content.width-half .ut2-a__description {
    max-width: 60% !important;
  }
}
@media (max-width: 767px) {
  .homepage-banners .ut2-a__bg-banner {
    min-height: 260px !important;
    height: 260px !important;
  }
  .homepage-banners .ut2-a__title {
    font-size: clamp(20px, 5vw, 32px) !important;
  }
  .homepage-banners .ut2-a__descr {
    display: none !important;
  }
  .homepage-banners .ut2-a__content.width-half .ut2-a__description {
    max-width: 100% !important;
  }
  .homepage-banners .ut2-a__content.internal-image .ut2-a__img {
    display: none !important;
  }
  .homepage-banners .owl-prev,
  .homepage-banners .owl-next {
    width: 32px !important;
    height: 32px !important;
  }
}
@media (max-width: 480px) {
  .homepage-banners .ut2-a__bg-banner {
    min-height: 200px !important;
    height: 200px !important;
  }
  .homepage-banners .ut2-a__button .ty-btn,
  .homepage-banners .ut2-a__button a {
    font-size: 12px !important;
    padding: 7px 16px !important;
  }
}

/* ══════════════════════════════════════════════════════════════
   BLOCK 2 — CATEGORY BANNER GRID (.banners-grid-resizable)
   Amazon-style: white card, image centred, label below, hover lift.

   Base UniTheme2 sets:
     display:grid; grid-auto-rows:1fr; gap:var(--gap)
     .ut2-banner { height:100% }           ← keeps equal row heights
     .ut2-a__img { flex-grow:1 }           ← image fills available space
   We MUST NOT override height:100% or flex-grow:1 — it breaks equal rows.
   We only restyle colours, spacing, typography and hover.
   ══════════════════════════════════════════════════════════════ */

/* Section spacing — sits directly after the hero */
.span16.banners-grid-resizable {
  margin-top: 12px !important;
  margin-bottom: 0 !important;
}

/* Card shell — white background, subtle border, rounded, pointer */
.banners-grid-resizable .ut2-banner {
  background: #fff !important;
  border-radius: 8px !important;
  border: 1px solid #e3e6e6 !important;
  overflow: hidden !important;
  /* height:100% is set by base — do NOT override */
  transition: box-shadow .15s, border-color .15s !important;
  cursor: pointer !important;
}
.banners-grid-resizable .ut2-banner:hover {
  box-shadow: 0 2px 12px rgba(0,0,0,.12) !important;
  border-color: #c8cccc !important;
}

/* bg-banner: vertical flex column, no height override (let grid row drive it) */
.banners-grid-resizable .ut2-a__bg-banner {
  background-color: #fff !important;
  background-image: none !important;       /* no background image on category cards */
  border-radius: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  height: 100% !important;                 /* fill the card shell */
  min-height: 0 !important;
  overflow: hidden !important;
}

/* Content area: column, centred, full height */
.banners-grid-resizable .ut2-banner .ut2-a__content {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 16px 12px 14px !important;
  height: 100% !important;
  min-height: 0 !important;
  width: 100% !important;
  box-sizing: border-box !important;
  text-align: center !important;
}

/* Image area: flex-grow:1 (base rule) fills space — we only control alignment */
.banners-grid-resizable .ut2-banner .ut2-a__img {
  /* flex-grow:1 is set by base — do NOT override with flex-grow:0 */
  flex-shrink: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  padding: 4px 8px !important;
  box-sizing: border-box !important;
  transition: transform .15s !important;
}
.banners-grid-resizable .ut2-banner:hover .ut2-a__img {
  transform: scale(1.04) !important;
}

/* Image: contain within its flex box, never overflow */
.banners-grid-resizable .ut2-banner .ut2-a__img img {
  max-width: 100% !important;
  max-height: 130px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  display: block !important;
  margin: 0 auto !important;
}

/* Description: fixed at bottom, no flex-grow */
.banners-grid-resizable .ut2-banner .ut2-a__description {
  flex-shrink: 0 !important;
  width: 100% !important;
}
.banners-grid-resizable .ut2-banner .ut2-a__description .box {
  padding: 0 !important;
  width: 100% !important;
  min-width: 0 !important;
}

/* Category label — clean, centered, Amazon-weight */
.banners-grid-resizable .ut2-a__title {
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #0f1111 !important;
  line-height: 1.35 !important;
  text-align: center !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: unset !important;
  margin: 0 !important;
}

/* "Shop now" micro-link — Amazon shows this below the label */
.banners-grid-resizable .ut2-a__button {
  margin-top: 6px !important;
}
.banners-grid-resizable .ut2-a__button a {
  font-size: 12px !important;
  color: #007185 !important;
  text-decoration: none !important;
  font-weight: 400 !important;
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}
.banners-grid-resizable .ut2-a__button a:hover {
  text-decoration: underline !important;
  color: #c7511f !important;
}

/* RTL: flip text alignment inside cards */
html[dir="rtl"] .banners-grid-resizable .ut2-banner .ut2-a__content {
  text-align: center !important;   /* centred looks correct in both directions */
}
html[dir="rtl"] .banners-grid-resizable .ut2-a__title {
  text-align: center !important;
}

/* Mobile: 2-column grid (base already sets this at ≤576px) — just tighten padding */
@media (max-width: 576px) {
  .banners-grid-resizable .ut2-banner .ut2-a__content {
    padding: 12px 8px 10px !important;
  }
  .banners-grid-resizable .ut2-banner .ut2-a__img img {
    max-height: 90px !important;
  }
  .banners-grid-resizable .ut2-a__title {
    font-size: 12px !important;
  }
}

/* ══════════════════════════════════════════════════════════════
   BLOCK 3+ — PROMO BANNER ROWS (.banners.ut2-scroll-container)
   ══════════════════════════════════════════════════════════════ */

.banners.ut2-scroll-container {
  margin: 32px 0 8px !important;
  padding: 0 !important;
  position: relative;
}

.banners.ut2-scroll-container > .ut2-scroll-content {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(var(--ab-banner-min-width, 260px), 1fr)) !important;
  gap: 12px !important;
  overflow: visible !important;
}

.ut2-banner.ut2-banner-desktop.ut2-scroll-item {
  border-radius: 10px !important;
  overflow: hidden !important;
  box-shadow: 0 1px 5px rgba(0,0,0,.10) !important;
  transition: box-shadow .18s, transform .18s !important;
  min-height: 220px !important;
}
.ut2-banner.ut2-banner-desktop.ut2-scroll-item:hover {
  box-shadow: 0 4px 18px rgba(0,0,0,.18) !important;
  transform: translateY(-2px) !important;
}

/* Generic banner background (non-hero) */
.banners.ut2-scroll-container .ut2-a__bg-banner {
  min-height: 220px !important;
  height: 100% !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: stretch !important;
}

.banners.ut2-scroll-container .ut2-a__content {
  padding: 22px 20px !important;
  display: flex !important;
  align-items: flex-end !important;
  height: 100% !important;
}
.banners.ut2-scroll-container .ut2-a__content.align-right,
.banners.ut2-scroll-container .ut2-a__content.valign-bottom.align-right {
  justify-content: flex-end !important;
  text-align: right !important;
}

.banners.ut2-scroll-container .ut2-a__description .box {
  padding: 0 !important;
  max-width: none;
  min-width: 0;
}

.banners.ut2-scroll-container .ut2-a__title small {
  display: block !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  opacity: 0.75 !important;
  margin-bottom: 2px !important;
}
.banners.ut2-scroll-container .ut2-a__title {
  font-size: var(--ab-banner-title-size, 26px) !important;
  color: var(--ab-banner-title-color, #0f1111) !important;
  line-height: 1.2 !important;
  margin-bottom: 6px !important;
}
.banners.ut2-scroll-container .ut2-a__descr {
  font-size: var(--ab-banner-description-size, 13.5px) !important;
  color: var(--ab-banner-description-color, #444) !important;
  line-height: 1.5 !important;
  margin-bottom: 14px !important;
}

/* Promo row CTA button */
.banners.ut2-scroll-container .ut2-a__button .ty-btn,
.banners.ut2-scroll-container .ut2-a__button a.ty-btn {
  display: inline-block !important;
  background: #ffd814 !important;
  border: 1px solid #fcd200 !important;
  color: #0f1111 !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  border-radius: 20px !important;
  padding: 8px 20px !important;
  box-shadow: rgba(213,177,0,.4) 0 2px 5px 0 !important;
  transition: background .12s, border-color .12s !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}
.banners.ut2-scroll-container .ut2-a__button .ty-btn:hover,
.banners.ut2-scroll-container .ut2-a__button a.ty-btn:hover {
  background: #f7ca00 !important;
  border-color: #f2b600 !important;
  color: #0f1111 !important;
}

/* Promo row image */
.banners.ut2-scroll-container .ut2-a__img { flex-shrink: 0; }
.banners.ut2-scroll-container .ut2-a__img img {
  max-height: 200px !important;
  width: auto !important;
  object-fit: contain !important;
  display: block !important;
}

/* Promo row scroll arrows */
.banners.ut2-scroll-container .ut2-scroll-left,
.banners.ut2-scroll-container .ut2-scroll-right {
  background: rgba(255,255,255,.9) !important;
  border: 1px solid #d5d9d9 !important;
  border-radius: 50% !important;
  width: 36px !important;
  height: 36px !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.14) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  z-index: 10 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}
.banners.ut2-scroll-container .ut2-scroll-left:hover,
.banners.ut2-scroll-container .ut2-scroll-right:hover {
  background: #fff !important;
  box-shadow: 0 3px 12px rgba(0,0,0,.2) !important;
}

/* Dark/light variants */
.banners.ut2-scroll-container .ut2-a__bg-banner.dark .ut2-a__title { color: #fff !important; }
.banners.ut2-scroll-container .ut2-a__bg-banner.dark .ut2-a__descr { color: rgba(255,255,255,.85) !important; }
.banners.ut2-scroll-container .ut2-a__bg-banner.dark .ut2-a__button .ty-btn {
  background: #ffd814 !important;
  color: #0f1111 !important;
}

/* Divider above promo rows */
.sqz-pb__tabs-area + div .banners.ut2-scroll-container,
.tygh-content .banners.ut2-scroll-container {
  border-top: 1px solid #e7e7e7;
  padding-top: 28px !important;
  margin-top: 24px !important;
}

/* Internal-image layout in promo rows */
.banners.ut2-scroll-container .ut2-a__content.internal-image {
  overflow: visible !important;
}
.banners.ut2-scroll-container .ut2-a__content.internal-image .ut2-a__description {
  overflow: visible !important;
  min-width: 0 !important;
  flex: 1 1 auto !important;
}
.banners.ut2-scroll-container .ut2-a__content.internal-image .ut2-a__description .box {
  max-width: none !important;
  width: auto !important;
}
.banners.ut2-scroll-container .ut2-a__content.internal-image .ut2-a__img {
  flex-shrink: 0 !important;
  max-width: 50% !important;
}

/* ── RTL ── */
html[dir="rtl"] .ut2-a__content.align-right {
  justify-content: flex-start !important;
  text-align: right !important;
}
html[dir="rtl"] .ut2-a__content.align-left  { justify-content: flex-end !important; }
html[dir="rtl"] .ut2-a__description .box    { text-align: right !important; }
html[dir="rtl"] .homepage-banners .ut2-a__content.align-right {
  justify-content: flex-end !important;
}

/* ── Promo row mobile ── */
@media (max-width: 767px) {
  .banners.ut2-scroll-container > .ut2-scroll-content {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }
  .ut2-banner.ut2-banner-desktop.ut2-scroll-item { min-height: 160px !important; }
  .banners.ut2-scroll-container .ut2-a__bg-banner { min-height: 160px !important; }
  .banners.ut2-scroll-container .ut2-a__title { font-size: 20px !important; }
}

/* ══════════════════════════════════════════════════════════════
   GRID BANNERS — equal-height columns (.banners-grid, not resizable)
   ══════════════════════════════════════════════════════════════ */
.banners-grid:not(.banners-grid-resizable) .row-fluid > div[class^="span"] {
  display: flex !important;
  flex-direction: column !important;
}
.banners-grid:not(.banners-grid-resizable) .row-fluid > div[class^="span"] > * {
  flex: 1 !important;
}
.banners-grid:not(.banners-grid-resizable) .banners.owl-carousel,
.banners-grid:not(.banners-grid-resizable) .banners .owl-wrapper-outer,
.banners-grid:not(.banners-grid-resizable) .banners .owl-wrapper,
.banners-grid:not(.banners-grid-resizable) .banners .owl-item,
.banners-grid:not(.banners-grid-resizable) .ut2-banner,
.banners-grid:not(.banners-grid-resizable) .ut2-a__bg-banner {
  height: 100% !important;
}

/* ── amazon_related_products.css ── */
/* ============================================================
   SAFQA — Amazon-Style "You May Be Interested" Section
   Matches Amazon's "What other items do customers buy" block
   ============================================================ */

/* ── SECTION OUTER WRAPPER ───────────────────────────────── */
.b-top {
  border-top: 1px solid #ddd !important;
  padding-top: 24px !important;
  margin-top: 8px !important;
}

/* ── SECTION HEADING — override ALL ut2 title decoration variants ─ */
/*
 * Block 4 title uses: ut2-center-title ut2-title-line-decoration ut2-biggest-size-title
 * Problems:
 *   ut2-center-title    → centres text (Amazon aligns start/end)
 *   ut2-title-line-decoration → ::after draws a horizontal divider line across the title
 *   ut2-biggest-size-title   → font-size ~36-40px (too large)
 * Fix: override all three + ut2-big-size-title to Amazon standard.
 */

/* Kill the decorative ::after horizontal line */
.ty-mainbox-title.ut2-title-line-decoration::after {
  display: none !important;
  content: none !important;
}
/* Kill the background on the span that floats above the line */
.ty-mainbox-title.ut2-title-line-decoration > span {
  background: none !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
  z-index: auto !important;
}

/* Left-align section titles (Amazon standard — not centred) */
.ty-mainbox-title.ut2-center-title {
  justify-content: flex-start !important;
  text-align: start !important;
}
html[dir="rtl"] .ty-mainbox-title.ut2-center-title {
  justify-content: flex-end !important;
  text-align: right !important;
}

/* Normalise over-sized title */
.ty-mainbox-title.ut2-biggest-size-title,
.ty-mainbox-title.ut2-biggest-size-title span,
.ty-mainbox-title.ut2-biggest-size-title > span:first-child {
  font-size: 20px !important;
  font-weight: 700 !important;
  color: #0f1111 !important;
  letter-spacing: -0.2px !important;
  line-height: 1.2 !important;
}

.ty-mainbox-title.ut2-big-size-title {
  background: none !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 0 12px 0 !important;
  margin: 0 !important;
}

.ty-mainbox-title.ut2-big-size-title span,
.ty-mainbox-title.ut2-big-size-title > span:first-child {
  font-size: 20px !important;
  font-weight: 700 !important;
  color: #0f1111 !important;
  background: none !important;
  border: none !important;
  padding: 0 !important;
  letter-spacing: -0.2px !important;
  text-transform: none !important;
}

/* ── TABS ROW (Most Popular / On Sale / Recently Viewed) ─── */
.ty-tabs.cm-j-tabs.ut2-scroll-container {
  background: none !important;
  border: none !important;
  border-bottom: 1px solid #ddd !important;
  margin-bottom: 16px !important;
  padding: 0 !important;
  overflow: visible !important;
  /* hide the scroll arrows — tabs are short enough */
}

/* Hide scroll arrows on tab row */
.ty-tabs.cm-j-tabs.ut2-scroll-container > .ut2-scroll-left,
.ty-tabs.cm-j-tabs.ut2-scroll-container > .ut2-scroll-right {
  display: none !important;
}

/* Tab list — LTR default: left-to-right */
.ty-tabs.cm-j-tabs.ut2-scroll-container .ty-tabs__list {
  display: flex !important;
  flex-direction: row !important;
  gap: 0 !important;
  border: none !important;
  background: none !important;
  padding: 0 !important;
  overflow: visible !important;
  list-style: none !important;
}

/* Individual tab item */
.ty-tabs.cm-j-tabs.ut2-scroll-container .ty-tabs__item {
  border: none !important;
  border-bottom: 3px solid transparent !important;
  border-radius: 0 !important;
  background: transparent !important;
  padding: 8px 16px !important;
  margin-bottom: -1px !important;
  cursor: pointer !important;
  transition: border-color 0.15s !important;
}

.ty-tabs.cm-j-tabs.ut2-scroll-container .ty-tabs__item .ty-tabs__span {
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #565959 !important;
  white-space: nowrap !important;
}

/* Active tab — Amazon exact orange underline */
.ty-tabs.cm-j-tabs.ut2-scroll-container .ty-tabs__item.active {
  border-bottom-color: #e47911 !important;
  background: transparent !important;
}

.ty-tabs.cm-j-tabs.ut2-scroll-container .ty-tabs__item.active .ty-tabs__span {
  color: #0f1111 !important;
  font-weight: 700 !important;
}

.ty-tabs.cm-j-tabs.ut2-scroll-container .ty-tabs__item:hover .ty-tabs__span {
  color: #0f1111 !important;
}

/* ── PRODUCT GRID WITHIN SECTION ─────────────────────────── */
/* Grid: single row, gap between cards — no visible gutters */
.cm-tabs-content .ut2-gl .grid-list,
.ty-tabs__content .ut2-gl .grid-list {
  gap: 8px !important;
}

/* Kill background on the grid container that shows as lines in gaps */
.cm-tabs-content .ut2-gl,
.ty-tabs__content .ut2-gl,
.cm-tabs-content .ut2-gl .grid-list,
.ty-tabs__content .ut2-gl .grid-list {
  background: #fff !important;
}

/* Also kill any column background that shows as gutters */
.cm-tabs-content .ut2-gl .grid-list > [class*="ty-column"],
.ty-tabs__content .ut2-gl .grid-list > [class*="ty-column"] {
  background: #fff !important;
  border: none !important;
  padding: 0 !important;
}

/* Each card — no fixed width, let CSS columns drive the width */
.cm-tabs-content .ut2-gl__item,
.ty-tabs__content .ut2-gl__item {
  border-radius: 4px !important;
  overflow: hidden !important;
  /* reset fixed widths from amazon_product_listing.css */
  flex: unset !important;
  min-width: unset !important;
}

.cm-tabs-content .ut2-gl__body,
.ty-tabs__content .ut2-gl__body {
  background: #fff !important;
  border: none !important;              /* kill the card border — no lines */
  border-radius: 4px !important;
  box-shadow: none !important;
  transition: none !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
}

.cm-tabs-content .ut2-gl__item:hover .ut2-gl__body,
.ty-tabs__content .ut2-gl__item:hover .ut2-gl__body {
  box-shadow: rgba(0,0,0,0.12) 0 1px 6px !important;
  transform: none !important;
  border-color: transparent !important;
}

/* Image: square, centered, white bg — kill all borders and grey bg */
.cm-tabs-content .ut2-gl__image,
.ty-tabs__content .ut2-gl__image {
  background: #fff !important;
  padding: 8px !important;
  border: none !important;
  border-bottom: none !important;
  border-radius: 4px 4px 0 0 !important;
  height: 175px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
}

/* UT2 core sets background:#f3f4f4 on image links — override it */
.cm-tabs-content .ut2-gl__image a,
.cm-tabs-content .ut2-gl__image a:has(.ty-pict),
.ty-tabs__content .ut2-gl__image a,
.ty-tabs__content .ut2-gl__image a:has(.ty-pict) {
  background: #fff !important;
  border: none !important;
  border-radius: 4px !important;
}

.cm-tabs-content .ut2-gl__image img,
.cm-tabs-content .ut2-gl__image .ty-pict,
.ty-tabs__content .ut2-gl__image img,
.ty-tabs__content .ut2-gl__image .ty-pict {
  max-width: 100% !important;
  max-height: 160px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  padding: 0 !important;
  display: block !important;
  transform: none !important;
  transition: none !important;
  background: #fff !important;
}

/* Content padding */
.cm-tabs-content .ut2-gl__content,
.ty-tabs__content .ut2-gl__content {
  padding: 6px 8px 10px !important;
  background: #fff !important;
  display: block !important;       /* block flow — no stretch gaps */
  flex: unset !important;
}

/* Title — blue Amazon link, 3 lines max */
.cm-tabs-content .ut2-gl__name .product-title,
.cm-tabs-content .ut2-gl__name .product-title span,
.ty-tabs__content .ut2-gl__name .product-title,
.ty-tabs__content .ut2-gl__name .product-title span {
  color: #007185 !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-decoration: none !important;
}

.cm-tabs-content .ut2-gl__name .product-title:hover span,
.ty-tabs__content .ut2-gl__name .product-title:hover span {
  color: #c7511f !important;
  text-decoration: underline !important;
}

/* Rating stars */
.cm-tabs-content .ut2-gl__content .ty-product-review-reviews-stars,
.ty-tabs__content .ut2-gl__content .ty-product-review-reviews-stars {
  color: #f0a500 !important;
  font-size: 13px !important;
}

.cm-tabs-content .ut2-gl__content .cn-reviews,
.ty-tabs__content .ut2-gl__content .cn-reviews {
  font-size: 12px !important;
  color: #007185 !important;
}

/* In stock */
.cm-tabs-content .ut2-gl__content .ty-qty-in-stock,
.ty-tabs__content .ut2-gl__content .ty-qty-in-stock {
  color: #007600 !important;
  font-size: 12px !important;
  font-weight: 400 !important;
}

/* Price */
.cm-tabs-content .ut2-gl__price .ty-price-num,
.cm-tabs-content .ut2-gl__price bdi,
.ty-tabs__content .ut2-gl__price .ty-price-num,
.ty-tabs__content .ut2-gl__price bdi {
  color: #0f1111 !important;
  font-size: 16px !important;
  font-weight: 700 !important;
}

/* Strikethrough list price */
.cm-tabs-content .ut2-gl__price .ty-list-price .ty-price-num,
.cm-tabs-content .ut2-gl__price .ty-list-price bdi,
.ty-tabs__content .ut2-gl__price .ty-list-price .ty-price-num,
.ty-tabs__content .ut2-gl__price .ty-list-price bdi {
  color: #888 !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  text-decoration: line-through !important;
}

/* Add to cart button — Amazon yellow pill */
.cm-tabs-content .ut2-gl__content .ty-btn__primary,
.cm-tabs-content .ut2-gl__content .ty-btn__add-to-cart,
.ty-tabs__content .ut2-gl__content .ty-btn__primary,
.ty-tabs__content .ut2-gl__content .ty-btn__add-to-cart {
  background: #ffd814 !important;
  border: 1px solid #fcd200 !important;
  color: #0f1111 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  border-radius: 20px !important;
  padding: 6px 12px !important;
  width: 100% !important;
  box-shadow: none !important;
  margin-top: 8px !important;
  transition: background 0.12s !important;
}

.cm-tabs-content .ut2-gl__content .ty-btn__primary:hover,
.cm-tabs-content .ut2-gl__content .ty-btn__add-to-cart:hover,
.ty-tabs__content .ut2-gl__content .ty-btn__primary:hover,
.ty-tabs__content .ut2-gl__content .ty-btn__add-to-cart:hover {
  background: #f7ca00 !important;
  border-color: #f2b600 !important;
}

/* ── SCROLL ARROWS ON PRODUCT GRID ──────────────────────── */
/* These are NOT on the tab bar — they appear on the grid block */
.ut2-bottom-sm > div > .ut2-scroll-container .ut2-scroll-left,
.ut2-bottom-sm > div > .ut2-scroll-container .ut2-scroll-right {
  background: rgba(255,255,255,0.95) !important;
  border: 1px solid #d5d9d9 !important;
  border-radius: 50% !important;
  width: 40px !important;
  height: 40px !important;
  box-shadow: rgba(0,0,0,0.2) 0 2px 8px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  z-index: 20 !important;
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  cursor: pointer !important;
  transition: box-shadow 0.15s !important;
}

.ut2-bottom-sm > div > .ut2-scroll-container .ut2-scroll-left:hover,
.ut2-bottom-sm > div > .ut2-scroll-container .ut2-scroll-right:hover {
  box-shadow: rgba(0,0,0,0.35) 0 3px 14px !important;
}

/* ── RTL ADJUSTMENTS ─────────────────────────────────────── */
html[dir="rtl"] .ty-mainbox-title.ut2-big-size-title {
  text-align: right !important;
}

/* RTL: tabs read right-to-left — first tab anchors to the right */
html[dir="rtl"] .ty-tabs.cm-j-tabs.ut2-scroll-container .ty-tabs__list {
  flex-direction: row-reverse !important;
}

/* ── SAFQA VIEWED CAROUSEL SECTION WRAPPER ───────────────── */
.sqz-viewed-section {
  border-top: 1px solid #ddd;
  padding-top: 28px;
  margin-top: 4px;
  background: #fff;
}

/* Ensure the carousel section has proper spacing from banners below */
.sqz-viewed-section + div {
  margin-top: 12px;
}

/* ── MOBILE ──────────────────────────────────────────────── */
@media (max-width: 767px) {
  .cm-tabs-content .ut2-gl__item,
  .ty-tabs__content .ut2-gl__item {
    flex: 0 0 150px !important;
    width: 150px !important;
    min-width: 150px !important;
  }

  .cm-tabs-content .ut2-gl__image,
  .ty-tabs__content .ut2-gl__image {
    height: 140px !important;
  }

  .ty-mainbox-title.ut2-big-size-title span {
    font-size: 18px !important;
  }

  /* sqz-car responsive — show 2 cards on mobile */
  .sqz-car__card {
    flex: 0 0 calc(100% / 2) !important;
  }

  .sqz-car-head__title {
    font-size: 16px !important;
  }
}

/* ═══════════════════════════════════════════════════════════════
   HOMEPAGE SCROLLER BLOCKS — Amazon carousel redesign
   Targets: products_scroller_advanced.tpl → ut2-gl__item inside owl-carousel
   ═══════════════════════════════════════════════════════════════ */

/* ── SECTION WRAPPER ─────────────────────────────────────── */
.sqz-row .ut2-bottom {
  background: #fff !important;
  padding: 20px 20px 24px !important;
  margin-bottom: 8px !important;
  box-shadow: none !important;           /* Amazon flat — no card shadow */
  border-top: 1px solid #e7e7e7 !important;
}

/* ── SECTION HEADING (inside sqz-row) ───────────────────── */
/* No bottom border — the tab row below acts as natural separator.
   The ut2-title-line-decoration ::after is already killed above.   */
.sqz-row .ty-mainbox-title {
  padding: 0 0 12px !important;
  border-bottom: none !important;        /* remove double-border */
  margin-bottom: 0 !important;           /* tab row provides spacing */
}
.sqz-row .ty-mainbox-title span,
.sqz-row .ty-mainbox-title > span:first-child {
  font-size: 20px !important;
  font-weight: 700 !important;
  color: #0f1111 !important;
  letter-spacing: -0.2px !important;
}
.sqz-row .ty-mainbox-title mark {
  background: none !important;
  color: #007185 !important;             /* teal, matching Block 3 */
  font-style: normal !important;
}

/* ── OWL CAROUSEL NAVIGATION ARROWS ─────────────────────── */
.sqz-row .owl-controls.clickable.owl-controls-outside {
  position: absolute;
  top: 50%;
  width: 100%;
  transform: translateY(-50%);
  pointer-events: none;
  z-index: 10;
}
.sqz-row .owl-prev,
.sqz-row .owl-next {
  position: absolute;
  top: 0;
  pointer-events: all;
  width: 36px;
  height: 52px;
  background: #fff !important;
  border: 1px solid #d5d9d9 !important;
  border-radius: 4px !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 2px 8px rgba(0,0,0,.12);
  transition: box-shadow .15s, background .15s;
  z-index: 10;
}
.sqz-row .owl-prev { left: -18px; }
.sqz-row .owl-next { right: -18px; }
html[dir="rtl"] .sqz-row .owl-prev { left: auto; right: -18px; }
html[dir="rtl"] .sqz-row .owl-next { left: -18px; right: auto; }

.sqz-row .owl-prev:hover,
.sqz-row .owl-next:hover {
  background: #f7f8f8 !important;
  box-shadow: 0 4px 12px rgba(0,0,0,.18);
}
.sqz-row .owl-prev i,
.sqz-row .owl-next i {
  font-size: 18px !important;
  color: #0f1111 !important;
}

/* ── SCROLLER CARD — Amazon product tile ─────────────────── */

/* Card body */
.sqz-row .ut2-gl__item .ut2-gl__body {
  background: #fff !important;
  border: 1px solid #d5d9d9 !important;
  border-radius: 4px !important;
  box-shadow: none !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  transition: box-shadow .18s, border-color .18s !important;
}
.sqz-row .ut2-gl__item:hover .ut2-gl__body {
  border-color: #ff9900 !important;
  box-shadow: 0 2px 10px rgba(0,0,0,.12) !important;
  /* Kill UniTheme2's expand-on-hover */
  position: relative !important;
  margin: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
  width: 100% !important;
  inset: unset !important;
  z-index: 2 !important;
}

/* Image area — white, clean padding, no border */
.sqz-row .ut2-gl__image {
  background: #fff !important;
  padding: 12px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 200px !important;
  border-bottom: 1px solid #f0f0f0 !important;
  border-radius: 0 !important;
  overflow: hidden !important;
  position: relative !important;
}
.sqz-row .ut2-gl__image img,
.sqz-row .ut2-gl__image .ty-pict {
  max-height: 185px !important;
  max-width: 100% !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  display: block !important;
  margin: 0 auto !important;
  background: transparent !important;
  transition: transform .22s ease !important;
}
.sqz-row .ut2-gl__item:hover .ut2-gl__image img,
.sqz-row .ut2-gl__item:hover .ut2-gl__image .ty-pict {
  transform: scale(1.04) !important;
}

/* Content area */
.sqz-row .ut2-gl__content {
  padding: 10px 12px 12px !important;
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  background: #fff !important;
}

/* Product title — 2 lines max */
.sqz-row .ut2-gl__name a,
.sqz-row .ut2-gl__name .product-title {
  font-size: 13.5px !important;
  font-weight: 400 !important;
  color: #0f1111 !important;
  line-height: 1.45 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  min-height: 40px !important;
  text-decoration: none !important;
}
.sqz-row .ut2-gl__name a:hover {
  color: #c7511f !important;
  text-decoration: underline !important;
}

/* Star rating */
.sqz-row .ty-product-review-reviews-stars,
.sqz-row .ut2-rating-stars {
  color: #f0a500 !important;
  font-size: 13px !important;
}
.sqz-row .ut2-rating-stars-num,
.sqz-row .ty-product-review-reviews-total-reviews {
  font-size: 12px !important;
  color: #007185 !important;
}

/* Price block */
.sqz-row .ut2-gl__price {
  margin-top: 4px !important;
  min-height: 0 !important;
}
/* Main price — dark, prominent */
.sqz-row .ut2-gl__price .ty-price-num,
.sqz-row .ut2-gl__price bdi {
  font-size: 20px !important;
  font-weight: 700 !important;
  color: #0f1111 !important;
}
/* Currency symbol small + superscript */
.sqz-row .ut2-gl__price .ut2-currency-sup {
  font-size: 12px !important;
  font-weight: 400 !important;
  vertical-align: top !important;
  line-height: 1.8 !important;
  color: #0f1111 !important;
}
/* Cents */
.sqz-row .ut2-gl__price .ty-price-num sup {
  font-size: 12px !important;
  font-weight: 400 !important;
  vertical-align: top !important;
  line-height: 1.8 !important;
}
/* Strikethrough original price */
.sqz-row .ut2-gl__price .ty-list-price .ty-price-num,
.sqz-row .ut2-gl__price .ty-list-price bdi {
  font-size: 12px !important;
  color: #888 !important;
  text-decoration: line-through !important;
  font-weight: 400 !important;
}
/* Inline discount percentage — flat red text */
.sqz-row .ty-discount-label,
.sqz-row .ty-discount-label__item,
.sqz-row .ty-discount-label__value {
  background: none !important;
  color: #cc0c39 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  position: static !important;
  float: none !important;
  display: inline !important;
  height: auto !important;
  line-height: 1.4 !important;
}
.sqz-row .ty-discount-label__value em { display: none !important; }
.sqz-row .ty-discount-label__value::before { content: "-" !important; color: #cc0c39 !important; }

/* Add to cart button — Amazon yellow pill */
.sqz-row .ut2-gl__control .ty-btn__add-to-cart,
.sqz-row .ty-btn__add-to-cart,
.sqz-row .ty-btn__primary {
  display: block !important;
  width: 100% !important;
  background: linear-gradient(to bottom, #f8e367, #ffd814) !important;
  border: 1px solid #fcd200 !important;
  color: #0f1111 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  border-radius: 20px !important;
  padding: 8px 12px !important;
  text-align: center !important;
  margin-top: auto !important;
  box-shadow: 0 2px 5px rgba(213,177,0,.2) !important;
  transition: background .1s !important;
  cursor: pointer !important;
  height: auto !important;
  min-height: 0 !important;
}
.sqz-row .ty-btn__add-to-cart:hover,
.sqz-row .ty-btn__primary:hover {
  background: linear-gradient(to bottom, #fdf09d, #f7ca00) !important;
}
/* Make icon+text inline on button */
.sqz-row .ty-btn__add-to-cart bdi,
.sqz-row .ty-btn__primary bdi { display: inline !important; }
.sqz-row .ty-btn__add-to-cart i,
.sqz-row .ty-btn__primary i { display: inline !important; margin-inline-end: 4px !important; }

/* ── "Show More" button ──────────────────────────────────── */
.sqz-row .ut2-load-more__btn,
.sqz-row .cm-load-more-btn,
.sqz-row [class*="load-more"] .ty-btn {
  display: inline-block !important;
  background: transparent !important;
  border: 1px solid #d5d9d9 !important;
  border-radius: 4px !important;
  color: #0f1111 !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  padding: 8px 32px !important;
  margin: 20px auto 0 !important;
  cursor: pointer !important;
  transition: background .12s, border-color .12s !important;
}
.sqz-row .ut2-load-more__btn:hover,
.sqz-row [class*="load-more"] .ty-btn:hover {
  background: #f7f8f8 !important;
  border-color: #aab7c4 !important;
}

/* ── Hide noise elements ─────────────────────────────────── */
.sqz-row .ut2-gl__bottom,
.sqz-row .ut2-gl__amount { display: none !important; }

/* ── STICKER BADGE on scroller cards — clean corner position */
.sqz-row .ut2-gl__image .ab-stickers-container {
  position: absolute !important;
  top: 6px !important;
  inset-inline-start: 6px !important;
  z-index: 3 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 3px !important;
}
.sqz-row .ab-sticker {
  background: #cc0c39 !important;
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  padding: 2px 6px !important;
  border-radius: 3px !important;
  line-height: 1.4 !important;
  display: inline-block !important;
  white-space: nowrap !important;
}

/* ── RTL adjustments ─────────────────────────────────────── */
html[dir="rtl"] .sqz-row .ut2-gl__name a,
html[dir="rtl"] .sqz-row .ut2-gl__content { text-align: right !important; }
html[dir="rtl"] .sqz-row .ut2-gl__price { direction: rtl !important; }

/* ── Mobile responsive ───────────────────────────────────── */
@media (max-width: 767px) {
  .sqz-row .ut2-bottom { padding: 14px !important; }
  .sqz-row .ut2-gl__image { min-height: 140px !important; padding: 8px !important; }
  .sqz-row .ut2-gl__image img { max-height: 130px !important; }
  .sqz-row .ut2-gl__content { padding: 8px 10px 10px !important; }
}

/* ── sqz_amazon_card.css ── */
/* ============================================================
   SAFQA — Amazon-Style Product Blocks
   Strategy: use UniTheme2's native grid (ut2-load-more-wrap)
   Only override VISUAL styles. No grid/display hacks.
   ============================================================ */

/* ── SECTION ROW — space from category grid above ─────────── */
.sqz-row {
  display: block !important;
  width: 100% !important;
  float: none !important;
  clear: both !important;
  box-sizing: border-box !important;
  margin-top: 16px !important;
}
.sqz-row .ut2-bottom,
.sqz-amazon-block,
.sqz-compact-block {
  display: block !important;
  width: 100% !important;
  float: none !important;
  clear: both !important;
  box-sizing: border-box !important;
}

/* ── SECTION TITLE — override ut2-title-opacity muted colour ─ */
/* ut2-title-opacity uses --color-font-lighten (grey) which is too muted.
   Override with full-strength #0f1111 + Amazon section header layout.   */
.sqz-row .ty-mainbox-title,
.sqz-amazon-block .ty-mainbox-title,
.sqz-compact-block .ty-mainbox-title {
  display: flex !important;
  align-items: baseline !important;
  justify-content: space-between !important;
  color: #0f1111 !important;       /* override --color-font-lighten */
  margin-bottom: 14px !important;
  padding-bottom: 0 !important;
  border-bottom: none !important;
}
.sqz-row .ty-mainbox-title span,
.sqz-row .ty-mainbox-title h1,
.sqz-row .ty-mainbox-title h2,
.sqz-amazon-block .ty-mainbox-title span,
.sqz-compact-block .ty-mainbox-title span {
  font-size: 20px !important;
  font-weight: 700 !important;
  color: #0f1111 !important;
  line-height: 1.2 !important;
  letter-spacing: -0.2px !important;
}
/* <mark> in title — teal not orange (Amazon's section highlight colour) */
.sqz-row .ty-mainbox-title mark,
.sqz-amazon-block .ty-mainbox-title mark {
  background: none !important;
  color: #007185 !important;
  font-style: normal !important;
}
.sqz-compact-block .ty-mainbox-title mark {
  background: none !important;
  color: #c7511f !important;
  font-style: normal !important;
}

/* ── FIX ty-column* WIDTH — let CSS grid control sizing ─── */
/* ty-column7 = 14.28% width; ty-column6 = 16.67% — these fight
   the CSS grid. Reset to 100% so the grid cell width wins.    */
.sqz-amazon-block .grid-list [class*="ty-column"],
.sqz-compact-block .grid-list [class*="ty-column"] {
  width: 100% !important;
  display: block !important;
  vertical-align: unset !important;
  margin-right: 0 !important;
}

/* ── HIDE NOISE ELEMENTS ─────────────────────────────────── */
.sqz-amazon-block .ut2-gl__bottom,
.sqz-compact-block .ut2-gl__bottom,
.sqz-amazon-block .ut2-gl__amount,
.sqz-compact-block .ut2-gl__amount {
  display: none !important;
}

.sqz-amazon-block .ut2-gl__price-wrap,
.sqz-compact-block .ut2-gl__price-wrap {
  padding: 0 !important;
  margin: 0 !important;
}

/* ── CANCEL UNITHEME2's HOVER EXPAND ON OUR BLOCKS ──────── */
/* UniTheme2 expands cards on hover with negative margin + padding
   which looks terrible with our flat grid. Cancel it completely. */
.sqz-amazon-block .ut2-gl__item:hover .ut2-gl__body,
.sqz-compact-block .ut2-gl__item:hover .ut2-gl__body {
  margin: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
  width: auto !important;
}

/* Also cancel image zoom-in on hover for compact block */
.sqz-compact-block .ut2-gl__item:hover .ut2-gl__image img,
.sqz-compact-block .ut2-gl__item:hover .ut2-gl__image .ty-pict {
  transform: none !important;
}

/* ============================================================
   BLOCK 1 — "OUR TOP PICKS" (.sqz-amazon-block)
   White section card, Amazon flat-card product style
   ============================================================ */

/* Section wrapper — white panel, no shadow (Amazon uses no card-level shadow) */
.sqz-amazon-block {
  margin: 0 0 12px !important;
  padding: 16px 20px 20px !important;
  background: #fff !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.sqz-amazon-block .ty-mainbox-container {
  background: transparent !important;
  padding: 0 !important;
  box-shadow: none !important;
  border: none !important;
  border-radius: 0 !important;
}

/* Section title */
.sqz-amazon-block .ty-mainbox-title {
  margin-bottom: 16px !important;
  padding-bottom: 0 !important;
  border-bottom: none !important;
}
.sqz-amazon-block .ty-mainbox-title h1,
.sqz-amazon-block .ty-mainbox-title h2,
.sqz-amazon-block .ty-mainbox-title span {
  font-size: 22px !important;
  font-weight: 700 !important;
  color: #0f1111 !important;
  letter-spacing: -0.3px !important;
}
.sqz-amazon-block .ty-mainbox-title mark {
  background: none !important;
  color: #c7511f !important;
  font-style: normal !important;
}

/* Product card — white, thin border, subtle radius, no shadow by default */
.sqz-amazon-block .ut2-gl__body {
  background: #fff !important;
  border: 1px solid #d5d9d9 !important;
  border-radius: 4px !important;
  box-shadow: none !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  transition: border-color .15s, box-shadow .15s !important;
}
.sqz-amazon-block .ut2-gl__item:hover .ut2-gl__body {
  border-color: #007185 !important;
  box-shadow: 0 2px 8px rgba(0,113,133,.12) !important;
  transform: none !important;
  margin: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
  width: auto !important;
  z-index: 1 !important;
}

/* Image area — no gray bg, no border-bottom separator */
.sqz-amazon-block .ut2-gl__image {
  background: transparent !important;
  padding: 12px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 180px !important;
  border-bottom: none !important;
  border-radius: 0 !important;
  overflow: hidden !important;
}
.sqz-amazon-block .ut2-gl__image img,
.sqz-amazon-block .ut2-gl__image .ty-pict {
  max-height: 170px !important;
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
  display: block !important;
  background: transparent !important;
  padding: 0 !important;
  transition: transform 0.2s ease !important;
}
.sqz-amazon-block .ut2-gl__item:hover .ut2-gl__image img,
.sqz-amazon-block .ut2-gl__item:hover .ut2-gl__image .ty-pict {
  transform: scale(1.05) !important;
}

/* Content area */
.sqz-amazon-block .ut2-gl__content {
  padding: 10px 12px 12px !important;
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  min-height: 0 !important;
  height: auto !important;
  background: #fff !important;
}

/* Product title */
.sqz-amazon-block .ut2-gl__name a {
  font-size: 13px !important;
  font-weight: 400 !important;
  color: #0f1111 !important;
  line-height: 1.45 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  min-height: 38px !important;
  text-decoration: none !important;
}
.sqz-amazon-block .ut2-gl__name a:hover {
  color: #c7511f !important;
  text-decoration: underline !important;
}

/* Stars */
.sqz-amazon-block .ty-product-review-reviews-stars,
.sqz-amazon-block .ut2-rating-stars {
  color: #f0a500 !important;
  font-size: 13px !important;
}
.sqz-amazon-block .ut2-rating-stars-num,
.sqz-amazon-block .ty-product-review-reviews-total-reviews {
  font-size: 12px !important;
  color: #007185 !important;
}

/* Price — Amazon's deep red */
.sqz-amazon-block .ut2-gl__price {
  margin-top: auto !important;
  min-height: 0 !important;
}
.sqz-amazon-block .ut2-gl__price .ty-price-num,
.sqz-amazon-block .ut2-gl__price bdi {
  font-size: 20px !important;
  font-weight: 700 !important;
  color: #b12704 !important;
}
.sqz-amazon-block .ut2-gl__price .ty-price .ty-currency {
  font-size: 12px !important;
  font-weight: 400 !important;
  vertical-align: super !important;
  color: #b12704 !important;
}
/* Strikethrough */
.sqz-amazon-block .ut2-gl__price .ty-list-price .ty-price-num,
.sqz-amazon-block .ut2-gl__price .ty-list-price bdi {
  font-size: 12px !important;
  color: #565959 !important;
  text-decoration: line-through !important;
  font-weight: 400 !important;
}
/* Discount badge */
.sqz-amazon-block .ty-discount-label {
  background: #cc0c39 !important;
  color: #fff !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  border-radius: 2px !important;
  padding: 2px 5px !important;
}

/* Add to cart — Amazon yellow */
.sqz-amazon-block .ut2-gl__control .ty-btn__add-to-cart,
.sqz-amazon-block .ty-btn__add-to-cart,
.sqz-amazon-block .ty-btn__primary {
  display: block !important;
  width: 100% !important;
  background: #ffd814 !important;
  border: 1px solid #fca600 !important;
  color: #0f1111 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  border-radius: 20px !important;
  padding: 7px 10px !important;
  text-align: center !important;
  margin-top: 8px !important;
  box-shadow: 0 2px 5px rgba(213,177,0,.3) !important;
  transition: background 0.1s !important;
}
.sqz-amazon-block .ty-btn__add-to-cart:hover,
.sqz-amazon-block .ty-btn__primary:hover {
  background: #f7ca00 !important;
}

/* ============================================================
   BLOCK 2 — "QUICK BROWSE" COMPACT (.sqz-compact-block)
   Light gray strip, tiny white cards, image + title + price
   Looks like Amazon's "Trending" compact row
   ============================================================ */

/* Section wrapper — light strip, no border (clean Amazon compact row) */
.sqz-compact-block {
  margin: 0 0 12px !important;
  padding: 14px 20px 16px !important;
  background: #f7f8f8 !important;
  border: none !important;
  border-top: 1px solid #e7e7e7 !important;
  border-bottom: 1px solid #e7e7e7 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.sqz-compact-block .ty-mainbox-container {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  padding: 0 !important;
}

/* Section title */
.sqz-compact-block .ty-mainbox-title {
  margin-bottom: 12px !important;
  padding-bottom: 0 !important;
  border-bottom: none !important;
}
.sqz-compact-block .ty-mainbox-title h1,
.sqz-compact-block .ty-mainbox-title h2,
.sqz-compact-block .ty-mainbox-title span {
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #0f1111 !important;
}
.sqz-compact-block .ty-mainbox-title mark {
  background: none !important;
  color: #007185 !important;
  font-style: normal !important;
}

/* Compact card — white, no border, no shadow, clean */
.sqz-compact-block .ut2-gl__body {
  background: #fff !important;
  border: none !important;
  border-radius: 4px !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.08) !important;
  overflow: hidden !important;
  text-align: center !important;
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  transition: box-shadow 0.15s ease !important;
}
.sqz-compact-block .ut2-gl__item:hover .ut2-gl__body {
  box-shadow: 0 3px 10px rgba(0,0,0,0.13) !important;
  transform: none !important;
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
  width: auto !important;
}

/* Square image — no gray bg, no border */
.sqz-compact-block .ut2-gl__image {
  background: transparent !important;
  padding: 8px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  aspect-ratio: 1 !important;
  border-bottom: none !important;
  border-radius: 0 !important;
  overflow: hidden !important;
}
.sqz-compact-block .ut2-gl__image img,
.sqz-compact-block .ut2-gl__image .ty-pict {
  max-height: 100px !important;
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
  background: transparent !important;
  padding: 0 !important;
}

/* Tight content */
.sqz-compact-block .ut2-gl__content {
  padding: 6px 8px 8px !important;
  min-height: 0 !important;
  height: auto !important;
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
}

/* Title — small, centered */
.sqz-compact-block .ut2-gl__name a {
  font-size: 12px !important;
  font-weight: 400 !important;
  color: #0f1111 !important;
  line-height: 1.3 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-decoration: none !important;
  text-align: center !important;
}
.sqz-compact-block .ut2-gl__name a:hover {
  color: #c7511f !important;
  text-decoration: underline !important;
}

/* Price */
.sqz-compact-block .ut2-gl__price {
  min-height: 0 !important;
  margin-top: auto !important;
  text-align: center !important;
}
.sqz-compact-block .ut2-gl__price .ty-price-num,
.sqz-compact-block .ut2-gl__price bdi {
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #b12704 !important;
}
.sqz-compact-block .ut2-gl__price .ty-currency {
  font-size: 10px !important;
  vertical-align: super !important;
  color: #b12704 !important;
}

/* Hide noise elements */
.sqz-compact-block .ut2-gl__control,
.sqz-compact-block .ty-stars,
.sqz-compact-block .ut2-rating-stars,
.sqz-compact-block .ty-product-review-reviews-stars,
.sqz-compact-block .ut2-rating-stars-num,
.sqz-compact-block .ty-product-review-reviews-total-reviews,
.sqz-compact-block .ty-list-price,
.sqz-compact-block .ty-discount-label {
  display: none !important;
}

/* ── RTL ─────────────────────────────────────────────────── */
html[dir="rtl"] .sqz-row .ty-mainbox-title,
html[dir="rtl"] .sqz-amazon-block .ty-mainbox-title,
html[dir="rtl"] .sqz-compact-block .ty-mainbox-title {
  text-align: right !important;
  direction: rtl !important;
  flex-direction: row-reverse !important;
}
html[dir="rtl"] .sqz-amazon-block .ut2-gl__name a,
html[dir="rtl"] .sqz-amazon-block .ut2-gl__content {
  text-align: right !important;
  direction: rtl !important;
}
html[dir="rtl"] .sqz-amazon-block .ut2-gl__price {
  direction: rtl !important;
}
html[dir="rtl"] .sqz-compact-block .ut2-gl__name a {
  text-align: center !important;
}

/* ── MOBILE ──────────────────────────────────────────────── */
@media (max-width: 767px) {
  .sqz-amazon-block,
  .sqz-compact-block {
    padding: 12px !important;
  }
  .sqz-amazon-block .ut2-gl__image {
    min-height: 120px !important;
  }
  .sqz-amazon-block .ut2-gl__image img {
    max-height: 110px !important;
  }
}

/* ============================================================
   BLOCK 3 � V2 AMAZON CARD (.sqz-amz-block / .sqz-amz-card)
   ============================================================ */
.sqz-amz-block {
  background: #fff;
  padding: 16px 20px;
  margin-bottom: 12px;
}
.sqz-amz-block__title {
  font-size: 20px;
  font-weight: 700;
  color: #0f1111;
  margin-bottom: 12px;
}
.sqz-amz-block__grid {
  display: grid;
  grid-template-columns: repeat(var(--sqz-cols, 6), 1fr);
  gap: 16px;
}
.sqz-amz-card {
  display: flex;
  flex-direction: column;
  background: #fff;
  border: 1px solid transparent;
  transition: border-color 0.15s ease;
  position: relative;
  height: 100%;
}
.sqz-amz-card:hover {
  border-color: #007185;
}
.sqz-amz-card__img-wrap {
  position: relative;
  display: block;
  padding: 10px;
  text-align: center;
  background: #f7f8f8;
  margin-bottom: 8px;
}
.sqz-amz-card__img-wrap img {
  max-width: 100%;
  height: auto;
  object-fit: contain;
  mix-blend-mode: multiply;
}
.sqz-amz-card__body {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 4px;
}
.sqz-amz-card__title {
  font-size: 13px;
  line-height: 1.4;
  color: #0f1111;
  text-decoration: none;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-bottom: 4px;
  min-height: 36px;
}
.sqz-amz-card__title:hover {
  color: #c7511f;
  text-decoration: underline;
}
.sqz-amz-card__price-row {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 4px;
}
.sqz-amz-card__price .ty-price-num {
  font-size: 18px;
  font-weight: 700;
  color: #0f1111;
}
.sqz-amz-card__prime {
  color: #007185;
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 4px;
}
.sqz-amz-card__btn {
  margin-top: auto;
}
.sqz-amz-card__btn .ty-btn__add-to-cart,
.sqz-amz-card__btn .ty-btn__primary,
.sqz-amz-card__btn button {
  width: 100%;
  border-radius: 20px !important;
  background: #ffd814 !important;
  border: 1px solid #fca600 !important;
  color: #0f1111 !important;
  font-size: 13px !important;
  padding: 8px 10px !important;
  text-align: center !important;
  box-shadow: none !important;
}
.sqz-amz-card__btn .ty-btn__add-to-cart:hover,
.sqz-amz-card__btn .ty-btn__primary:hover,
.sqz-amz-card__btn button:hover {
  background: #f7ca00 !important;
}
@media (max-width: 960px) {
  .sqz-amz-block__grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 640px) {
  .sqz-amz-block__grid { grid-template-columns: repeat(2, 1fr); gap: 8px; }
}


/* ── grid_override.css ── */
/* ============================================================
   SAFQA — grid_override.css
   NOTE: UniTheme2 sets --gl-cols via inline style which cannot
   be overridden by CSS (inline styles beat any CSS selector).
   The grid-template-columns is calculated from --gl-cols.
   Columns are controlled via DB block settings (number_of_columns).
   ============================================================ */

/* ── FORCE WHITE BACKGROUNDS: override --color-general grey ─────────────
   CSS custom properties don't support !important; target elements directly */
.ut2-sidebox__body,
.ut2-sidebox-important,
.ty-mainbox-body,
[style*="--color-general"] {
    background: #fff !important;
}

/* ── ADD-TO-CART BUTTON FIX: icon inline with text ────────────────────── */
/* This file loads via <link> in <body>, after <head> compiled CSS, so it  */
/* wins over UniTheme2's .ty-btn bdi{display:flex;-webkit-box-orient:vert} */
button.ty-btn__add-to-cart > span,
a.ty-btn__add-to-cart > span {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
}
button.ty-btn__add-to-cart i,
a.ty-btn__add-to-cart i,
button.ty-btn__add-to-cart .ty-icon,
a.ty-btn__add-to-cart .ty-icon {
    display: inline-flex !important;
    height: auto !important;
    line-height: 1 !important;
    font-size: 20px !important;
    flex-shrink: 0 !important;
}
button.ty-btn__add-to-cart bdi,
a.ty-btn__add-to-cart bdi {
    display: inline !important;
    -webkit-box-orient: horizontal !important;
    -webkit-line-clamp: unset !important;
    overflow: visible !important;
}
/* ── WRITE A REVIEW button: reset from ty-btn giant size ─────────────── */
/* The base .ty-btn sets height:var(--height-button)=40px, min-width:40px, */
/* display:inline-flex. We must reset ALL of those + font-size.            */
a.ty-btn.ty-product-review-write-product-review-button,
.ty-btn.ty-product-review-write-product-review-button,
a.ty-product-review-write-product-review-button.ty-btn__text,
a.ty-product-review-write-product-review-button.ty-btn__secondary,
.sqz-pb__rating .ty-product-review-write-product-review-button,
.ty-product-review-write-product-review .ty-btn {
    height: auto !important;
    min-height: 0 !important;
    min-width: 0 !important;
    width: auto !important;
    padding: 0 4px !important;
    margin: 0 !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    display: inline !important;
    line-height: 1.4 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    color: #007185 !important;
    text-decoration: none !important;
    border-radius: 0 !important;
    vertical-align: middle !important;
}
a.ty-btn.ty-product-review-write-product-review-button:hover,
.ty-product-review-write-product-review .ty-btn:hover {
    text-decoration: underline !important;
    color: #c7511f !important;
    background: transparent !important;
}

/* ── IMAGE COLUMN: constrain all content to column width ───── */
/* UniTheme2 sets inline width:570px on thumbnails gallery;     */
/* this can overflow the grid column. Force max-width:100%.     */
.sqz-pb__col-images {
    overflow: hidden !important;
    max-width: 100% !important;
}
.sqz-pb__col-images .ty-product-img,
.sqz-pb__col-images .ty-previewer,
.sqz-pb__col-images .ty-product-thumbnails,
.sqz-pb__col-images .cm-image-gallery {
    max-width: 100% !important;
    width: 100% !important;
}
.sqz-pb__col-images img {
    max-width: 100% !important;
    height: auto !important;
}

/* ── LIGHTBOX: ensure it covers sticky bar and header ────── */
html #jquery-lightbox,
html #jquery-overlay,
.ty-previewer-wrap,
.fancybox-overlay,
.fancybox-wrap {
    z-index: 9999 !important;
}
/* ── STICKY BAR: hide when lightbox is open ──────────────── */
body.lightbox-active .ut2-pb__sticky-add-to-cart,
body.cm-previewer-active .ut2-pb__sticky-add-to-cart {
    z-index: 1 !important;
    visibility: hidden !important;
}

/* ── FIX: Product grid spacing ─────────────────────────────────────────── */
/* grid-auto-rows: 1fr forces all rows to same height → huge gaps for short */
/* items. Use auto to let each row size to its content.                     */
.grid-list.ut2-gl > div[id*="pagination"],
.grid-list.ut2-gl > .ut2-gl__wrap,
#products_search_pagination_contents,
[id*="category_products"] {
    grid-auto-rows: auto !important;
}

/* ── FIX: Product card - let grid rows size naturally ───────────────────*/
/* grid-auto-rows:auto (set above) sizes each row to its tallest card.     */
/* align-self:stretch makes all cards in a row fill to the same height.    */
/* We keep the inline min-height from UniTheme2 (via CSS var) as a floor.  */
.ut2-gl__item {
    align-self: stretch !important;
}
/* The form/body should fill full card height so buttons align at bottom */
.ut2-gl__item > form {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}
.ut2-gl__item .ut2-gl__body {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 !important;
    height: 100% !important;
}
.ut2-gl__item .ut2-gl__content {
    flex: 1 !important;
}
.ut2-gl__item .ut2-gl__price-wrap {
    margin-top: auto !important;
}

/* ── CRITICAL: Kill hover popup expansion (UniTheme2 float-card effect) ── */
/* Cover all selector paths: direct column, through pagination wrapper, any */
@media (hover: hover) {
    [class*="grid-list"] > [class*="column"] > .ut2-gl__item:hover .ut2-gl__body,
    [class*="grid-list"] .ut2-gl > [class*="column"] > .ut2-gl__item:hover .ut2-gl__body,
    [class*="grid-list"].ut2-gl > [class*="column"] > .ut2-gl__item:hover .ut2-gl__body,
    .grid-list > [id] > [class*="column"] > .ut2-gl__item:hover .ut2-gl__body,
    .grid-list.ut2-gl > [id] > [class*="column"] > .ut2-gl__item:hover .ut2-gl__body,
    .ut2-gl__item:hover .ut2-gl__body,
    .ut2-gl__item:hover > form {
        position: relative !important;
        width: 100% !important;
        min-height: 0 !important;
        margin: 0 !important;
        inset: unset !important;
        box-shadow: 0 4px 20px rgba(0,0,0,0.13) !important;
        z-index: auto !important;
    }
}
.ut2-gl__item:hover {
    position: relative !important;
    z-index: 2 !important;
}

/* ── WHITE FILTER BAR + SORT BAR (remove grey @base/#e7e7e7 background) ─ */
.ty-sort-container {
    background: #fff !important;
    border: 1px solid #dde0e4 !important;
    border-radius: 8px !important;
}
.ty-sort-container__views-a.active {
    background: #f0f0f0 !important;
}
.ty-sort-dropdown__wrapper:hover {
    background: #f0f0f0 !important;
}
/* Filter panel wrapper (sidebar + horizontal) */
.ty-product-filters__wrapper,
.ty-dropdown-box__content .ty-product-filters__wrapper {
    background: #fff !important;
    border: none !important;
    border-radius: 0 !important;
}
/* Horizontal filter bar (sticky under header) */
.ty-horizontal-filters-content,
.ty-horizontal-filters,
.ut2-horizontal-filters,
.ty-horizontal-product-filters,
.ty-horizontal-product-filters .ty-product-filters__wrapper,
[class*="horizontal-filter"] {
    background: #fff !important;
    border-bottom: 1px solid #e0e0e0 !important;
}
/* ── HORIZONTAL FILTER DROPDOWN ────────────────────────────────────────── */
/* z-index must stay BELOW the nav fly menu (tygh-header z-index:6 → nav dropdowns inherit).
   Use z-index:2 so filter bar stacks above page content but below the navigation. */
.ty-horizontal-product-filters {
    position: relative !important;
    z-index: 2 !important;
    overflow: visible !important;
}
.ty-horizontal-product-filters .ty-product-filters__wrapper {
    overflow: visible !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    align-items: center !important;
    padding: 8px 12px !important;
}
.ty-horizontal-product-filters-dropdown {
    position: relative !important;
    z-index: 3 !important;
    overflow: visible !important;
}

/* ── Trigger button ─────────────────────────────────────────────────────── */
.ty-horizontal-product-filters-dropdown__wrapper {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    padding: 6px 14px !important;
    border: 1px solid #dde0e4 !important;
    border-radius: 6px !important;
    background: #fff !important;
    cursor: pointer !important;
    font-size: 13.5px !important;
    font-weight: 500 !important;
    color: #0f1111 !important;
    white-space: nowrap !important;
    user-select: none !important;
    transition: background .12s, border-color .12s !important;
    line-height: 1.4 !important;
}
.ty-horizontal-product-filters-dropdown__wrapper.active,
.ty-horizontal-product-filters-dropdown__wrapper.open {
    background: #ff9900 !important;
    border-color: #e68900 !important;
    color: #0f1111 !important;
}
.ty-horizontal-product-filters-dropdown__wrapper:hover { background: #f5f5f5 !important; }
.ty-horizontal-product-filters-dropdown__wrapper.active:hover,
.ty-horizontal-product-filters-dropdown__wrapper.open:hover { background: #e68900 !important; }

/* ── Dropdown panel — kill UniTheme2's padding-block:45px + inline-size:285px ── */
.ty-horizontal-product-filters-dropdown__content {
    background: #fff !important;
    z-index: 9999 !important;
    position: absolute !important;
    overflow: hidden !important;
    /* Kill the 45px arrow gap and fixed 285px width */
    padding-block: 4px !important;
    padding-block-start: 4px !important;
    padding-block-end: 4px !important;
    padding-inline: 0 !important;
    padding-inline-start: 0 !important;
    padding-inline-end: 0 !important;
    padding: 4px 0 !important;
    inline-size: auto !important;
    width: auto !important;
    min-width: 240px !important;
    max-width: min(400px, 92vw) !important;
    box-shadow: 0 4px 14px rgba(0,0,0,.16) !important;
    border: 1px solid #dde0e4 !important;
    border-radius: 6px !important;
    margin-block-start: 2px !important;
    /* Direction: let inherits RTL from html[dir=rtl] */
}

/* ── Variant list — scrollable, scrollbar always at inline-end ─────────── */
.ty-horizontal-product-filters-dropdown__content .ty-product-filters__variants {
    max-height: 260px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding: 2px 0 !important;
    /* Force scrollbar to always appear on the visual RIGHT
       regardless of RTL/LTR — achieved by setting direction:ltr on
       the scroll container, then direction:rtl on the inner list */
    direction: ltr !important;
    scrollbar-width: thin !important;
    scrollbar-color: #ccc transparent !important;
}
.ty-horizontal-product-filters-dropdown__content .ty-product-filters__variants::-webkit-scrollbar {
    width: 5px !important;
}
.ty-horizontal-product-filters-dropdown__content .ty-product-filters__variants::-webkit-scrollbar-thumb {
    background: #ccc !important;
    border-radius: 3px !important;
}
/* Restore RTL direction for the content inside the scroll container */
.ty-horizontal-product-filters-dropdown__content .ty-product-filters__variants ul,
.ty-horizontal-product-filters-dropdown__content .ty-product-filters__variants .ty-product-filters__group {
    direction: rtl !important;
}
/* For LTR pages keep the scroll content LTR */
html[dir="ltr"] .ty-horizontal-product-filters-dropdown__content .ty-product-filters__variants {
    direction: ltr !important;
}
html[dir="ltr"] .ty-horizontal-product-filters-dropdown__content .ty-product-filters__variants ul,
html[dir="ltr"] .ty-horizontal-product-filters-dropdown__content .ty-product-filters__variants .ty-product-filters__group {
    direction: ltr !important;
}

/* ── Each filter row (li) ───────────────────────────────────────────────── */
.ty-horizontal-product-filters-dropdown__content .ty-product-filters__group {
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
}

/* checkbox + label — horizontal flex, checkbox on inline-start (left in LTR, right in RTL) */
.ty-horizontal-product-filters-dropdown__content .cm-product-filters-checkbox-container {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 5px 14px !important;
    min-height: 36px !important;
    cursor: pointer !important;
    transition: background .1s !important;
    /* Ensure correct RTL text alignment */
    direction: inherit !important;
    text-align: start !important;
}
.ty-horizontal-product-filters-dropdown__content .cm-product-filters-checkbox-container:hover {
    background: #f6f6f6 !important;
}

/* Label: fills remaining space, wraps on long values */
.ty-horizontal-product-filters-dropdown__content .cm-product-filters-checkbox-container label,
.ty-horizontal-product-filters-dropdown__content .ty-product-filters__group label {
    flex: 1 !important;
    font-size: 13px !important;
    color: #0f1111 !important;
    cursor: pointer !important;
    line-height: 1.5 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: unset !important;
    word-break: break-word !important;
    padding: 0 !important;
    padding-inline: 0 !important;
    margin: 0 !important;
    text-align: start !important;
    /* Kill UniTheme2's check-radio-inline-gap padding that pushes text */
    padding-inline-end: 0 !important;
    padding-inline-start: 0 !important;
}

/* Checkbox — static position, accent-colored, correct size */
.ty-horizontal-product-filters-dropdown__content input[type="checkbox"].cm-product-filters-checkbox {
    position: static !important;
    inset: unset !important;
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    min-height: 16px !important;
    max-width: 16px !important;
    max-height: 16px !important;
    flex-shrink: 0 !important;
    margin: 0 !important;
    top: auto !important;
    accent-color: #ff9900 !important;
    cursor: pointer !important;
    order: 0 !important;   /* always first in flex row (inline-start) */
}

/* ── Close / Apply button row ───────────────────────────────────────────── */
.ty-horizontal-product-filters-dropdown__content .ty-product-filters__tools {
    background: #fff !important;
    padding: 6px 12px !important;
    border-top: 1px solid #eef0f2 !important;
    margin-top: 2px !important;
    display: flex !important;
    justify-content: flex-start !important;
    direction: inherit !important;
}
.ty-horizontal-product-filters-dropdown__content .ty-product-filters__tools .ty-btn {
    font-size: 12.5px !important;
    padding: 4px 14px !important;
    height: auto !important;
    min-height: 0 !important;
    min-width: 0 !important;
    border-radius: 4px !important;
}
/* Selected filters tools area */
.ty-product-filters__tools {
    background: #fff !important;
}
/* Sidebar block background */
.ty-column3 .ty-dropdown-box__content,
.ty-column4 .ty-dropdown-box__content,
.ty-sidebox .ty-dropdown-box__content {
    background: #fff !important;
}
/* ab-mix block bodies */
.ab-mix-center .ty-mainbox-body,
.ab-mix-first .ty-mainbox-body,
.ab-mix-last .ty-mainbox-body {
    background: #fff !important;
}

/* ── FILTER "products found" TOOLTIP — plain text, no teal badge ──────── */
/* UniTheme2 shows a floating teal pill (--color-link) when filter changes.
   Restyle to a compact neutral chip matching Amazon's inline count text.   */
#tygh_container ~ .ty-tooltip--filter,
.ty-tooltip--filter {
    background: #fff !important;
    color: #0f1111 !important;
    border: 1px solid #dde0e4 !important;
    border-radius: 4px !important;
    box-shadow: 0 2px 8px rgba(0,0,0,.12) !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    padding: 4px 10px !important;
    height: auto !important;
}
/* The arrow pointer — hide it, plain tooltip doesn't need it */
#tygh_container ~ .ty-tooltip--filter .tooltip-arrow,
.ty-tooltip--filter .tooltip-arrow {
    display: none !important;
}
/* The "show (N)" button inside the tooltip */
#tygh_container ~ .ty-tooltip--filter .ty-btn,
.ty-tooltip--filter .ty-btn,
.ut2-products_found_message {
    background: #ff9900 !important;
    border: 1px solid #e68900 !important;
    color: #0f1111 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    padding: 3px 10px !important;
    height: auto !important;
    min-height: 0 !important;
    min-width: 0 !important;
    border-radius: 4px !important;
    box-shadow: none !important;
}

/* ══════════════════════════════════════════════════════════════
   SIDEBAR PRODUCT FILTERS — Amazon-style vertical filter panel
   Selector scope: #product_filters_397 / .ty-product-filters__wrapper
   ══════════════════════════════════════════════════════════════ */

/*
 * Confirmed DOM structure (from live HTML audit):
 *   .ty-product-filters__wrapper
 *     .ty-product-filters__block  (one per filter group)
 *       .ty-product-filters__switch  (collapsible header)
 *         span.ty-product-filters__title
 *       .ty-product-filters / ul
 *         li.cm-product-filters-checkbox-container.ty-product-filters__group.ut2-product-filters__variant
 *           input.cm-product-filters-checkbox  ← checkbox FIRST in DOM
 *           label > span > span.ut2-product-filters__variant__value
 *         .ut2-more-btn  ← "اعرض الكل (53)" toggle
 *     .ty-price-slider
 *       .ty-price-slider__inputs
 *         .ty-price-slider__bidi-container (x2)
 *       .ty-range-slider
 *         .ty-range-slider__wrapper > li.ty-range-slider__item
 */

/* ── 1. Sidebar wrapper — white, no border, padding ─────────── */
.side-grid .ty-product-filters__wrapper,
#product_filters_397 .ty-product-filters__wrapper {
    background: #fff !important;
    border: none !important;
    padding: 0 !important;
}

/* ── 2. Each filter group block ──────────────────────────────── */
.side-grid .ty-product-filters__block,
#product_filters_397 .ty-product-filters__block {
    border-bottom: 1px solid #f0f2f2 !important;
    padding: 14px 18px !important;
    margin: 0 !important;
}
.side-grid .ty-product-filters__block:last-child,
#product_filters_397 .ty-product-filters__block:last-child {
    border-bottom: none !important;
}

/* ── 3. Filter group title ───────────────────────────────────── */
.side-grid .ty-product-filters__switch,
#product_filters_397 .ty-product-filters__switch {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    cursor: pointer !important;
    padding: 0 0 10px 0 !important;
    gap: 8px !important;
}
html[dir="rtl"] .side-grid .ty-product-filters__switch,
html[dir="rtl"] #product_filters_397 .ty-product-filters__switch {
    flex-direction: row !important;
    direction: rtl !important;
}
.side-grid .ty-product-filters__title,
#product_filters_397 .ty-product-filters__title {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #0f1111 !important;
    line-height: 1.3 !important;
}
/* +/− toggle: show only ONE icon at a time.
   switch-down = "+" (collapsed state icon)
   switch-right = "−" (expanded/open state icon)
   The .open class on .ty-product-filters__switch controls which is visible. */
.side-grid .ty-product-filters__switch .ty-product-filters__switch-right,
.side-grid .ty-product-filters__switch .ty-product-filters__switch-down {
    flex-shrink: 0 !important;
    color: #565959 !important;
}
/* Default (collapsed): show +, hide − */
.side-grid .ty-product-filters__switch .ty-product-filters__switch-right {
    display: none !important;
}
.side-grid .ty-product-filters__switch .ty-product-filters__switch-down {
    display: inline-block !important;
}
/* Open (expanded): show −, hide + */
.side-grid .open.ty-product-filters__switch .ty-product-filters__switch-right {
    display: inline-block !important;
}
.side-grid .open.ty-product-filters__switch .ty-product-filters__switch-down {
    display: none !important;
}

/* ── 4. Filter variant list — override overflow clipping ─────── */
/*
 * UniTheme2 compiled CSS applies:
 *   .ty-product-filters__variants:not(.none-overflow) {
 *       max-block-size: var(--ut2-product-filter-variant-list-_max-height_-shortened);
 *       overflow-y: hidden !important;
 *   }
 * This clips the filter list vertically. Our selector adds .side-grid
 * ancestor for higher specificity (0,3,0 vs 0,2,0) + later source order.
 */
.side-grid .ty-product-filters__variants:not(.none-overflow),
.side-grid .ty-product-filters__variants {
    overflow-y: visible !important;
    overflow: visible !important;
    max-block-size: none !important;
    max-height: none !important;
}
/* When "show all" is toggled (none-overflow added), allow scroll */
.side-grid .ty-product-filters__variants.none-overflow {
    overflow-y: auto !important;
    max-block-size: min(60vh, 400px) !important;
    scrollbar-width: thin !important;
    scrollbar-color: #ccc transparent !important;
}

/* ── 4b. Checkbox + label rows ─────────────────────────────────── */
/*
 * UniTheme2 checkbox system:
 *   - Real <input> is display:none
 *   - label::before = checkbox box (24×24px, absolute right:0 top:0)
 *   - label::after = checkmark icon (same position)
 *   - label has padding-right:30px to make room for pseudo-checkbox
 *   - In RTL: padding-right is the START side → checkbox on right = correct
 *
 * We DON'T fight this system. We fix:
 *   1. li container overflow and spacing
 *   2. label line-height (base sets line-height:0 which collapses text)
 *   3. label text wrapping for long values
 *   4. Inner span overflow
 */
.side-grid .cm-product-filters-checkbox-container,
.side-grid .ty-product-filters__group.ut2-product-filters__variant,
.side-grid li.ty-product-filters__group {
    display: block !important;
    padding: 2px 0 !important;
    margin: 0 0 2px 0 !important;
    list-style: none !important;
    overflow: visible !important;
    width: 100% !important;
    box-sizing: border-box !important;
}
.side-grid .cm-product-filters-checkbox-container:hover {
    background: #f7f8f8 !important;
    border-radius: 3px !important;
}

/* Label — the ENTIRE clickable row (pseudo-checkbox + text) ────
 * Base CSS: display:flex; align-items:center; padding-right:30px;
 *           position:relative; min-height:24px; line-height:0
 * Problems: line-height:0 collapses text; no text wrapping allowed.
 */
.side-grid .ty-product-filters__group [type="checkbox"]:not(:checked) + label,
.side-grid .ty-product-filters__group [type="checkbox"]:checked + label {
    line-height: 1.4 !important;
    min-height: 22px !important;
    /* LTR: checkbox at LEFT (inline-start), 26px = 18px box + 8px gap */
    padding-left: 26px !important;
    padding-right: 0 !important;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    font-size: 12.5px !important;
    color: #0f1111 !important;
    white-space: normal !important;
    overflow: visible !important;
    word-break: normal !important;
    overflow-wrap: anywhere !important;
    display: flex !important;
    align-items: center !important;
    position: relative !important;
    cursor: pointer !important;
}

/* Pseudo-checkbox box (::before) — LTR: inline-start = physical LEFT */
.side-grid .ty-product-filters__group [type="checkbox"]:not(:checked) + label:before,
.side-grid .ty-product-filters__group [type="checkbox"]:checked + label:before {
    position: absolute !important;
    left: 0 !important;
    right: auto !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 18px !important;
    height: 18px !important;
    border: 1px solid #d5d9d9 !important;
    background: #fff !important;
    border-radius: 3px !important;
}
/* Pseudo-checkbox checkmark (::after) — same position */
.side-grid .ty-product-filters__group [type="checkbox"]:not(:checked) + label:after,
.side-grid .ty-product-filters__group [type="checkbox"]:checked + label:after {
    position: absolute !important;
    left: 0 !important;
    right: auto !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 18px !important;
    height: 18px !important;
    line-height: 18px !important;
    border-radius: 3px !important;
}
/* Checked state — Amazon orange */
.side-grid .ty-product-filters__group [type="checkbox"]:checked + label:after {
    background: #ff9900 !important;
    border: 1px solid #ff9900 !important;
    color: #fff !important;
}
/* Hover — slight highlight on box */
.side-grid .ty-product-filters__group label:hover:before {
    border-color: #ff9900 !important;
    box-shadow: none !important;
}

/* Inner span (wraps the text) — must allow wrapping */
.side-grid .ty-product-filters__group label > span {
    line-height: 1.4 !important;
    white-space: normal !important;
    overflow: visible !important;
    overflow-wrap: anywhere !important;
    display: inline !important;
}
.side-grid .ut2-product-filters__variant__value {
    display: inline !important;
    overflow: visible !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
}

/* RTL: inline-start = physical RIGHT — checkbox on right, text on left */
html[dir="rtl"] .side-grid .ty-product-filters__group [type="checkbox"]:not(:checked) + label,
html[dir="rtl"] .side-grid .ty-product-filters__group [type="checkbox"]:checked + label {
    direction: rtl !important;
    text-align: right !important;
    padding-right: 26px !important;   /* space for checkbox at right:0 */
    padding-left: 0 !important;
    flex-direction: row !important;   /* keep row, direction:rtl flips it */
    justify-content: flex-start !important;
}
/* RTL pseudo-checkbox: physical RIGHT (inline-start in RTL) */
html[dir="rtl"] .side-grid .ty-product-filters__group [type="checkbox"]:not(:checked) + label:before,
html[dir="rtl"] .side-grid .ty-product-filters__group [type="checkbox"]:checked + label:before,
html[dir="rtl"] .side-grid .ty-product-filters__group [type="checkbox"]:not(:checked) + label:after,
html[dir="rtl"] .side-grid .ty-product-filters__group [type="checkbox"]:checked + label:after {
    right: 0 !important;
    left: auto !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}
html[dir="rtl"] .side-grid .ty-product-filters__group label > span {
    direction: rtl !important;
    text-align: right !important;
}

/* RTL: filter section header — title on right, +/- icon on left */
html[dir="rtl"] .side-grid .ty-product-filters__switch {
    direction: rtl !important;
    flex-direction: row !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
/* Fix compiled padding-left:20px from CSSJanus flip on .ut2-filters switch */
html[dir="rtl"] .ut2-filters > div .ty-product-filters__switch {
    direction: rtl !important;
    flex-direction: row !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-inline: 0 !important;
}

/* Kill the fade gradient overlay on collapsed filter lists */
.side-grid .items-more:not(.none-overflow)::after,
.side-grid .ty-product-filters__variants:not(.none-overflow)::after {
    display: none !important;
    content: none !important;
}

/* ── 5. "اعرض الكل / طي" toggle (ut2-more-btn in sidebar) ───── */
.side-grid .ty-product-filters .ut2-more-btn,
#product_filters_397 .ty-product-filters .ut2-more-btn,
.side-grid .ty-product-filters__item-more .ut2-more-btn,
#product_filters_397 .ty-product-filters__item-more .ut2-more-btn {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
    color: #007185 !important;
    font-size: 12.5px !important;
    font-weight: 500 !important;
    cursor: pointer !important;
    margin-top: 6px !important;
    padding: 0 !important;
    background: none !important;
    border: none !important;
    text-decoration: none !important;
    direction: rtl !important;
}
.side-grid .ty-product-filters .ut2-more-btn:hover,
#product_filters_397 .ty-product-filters .ut2-more-btn:hover {
    color: #c7511f !important;
    text-decoration: underline !important;
}
.side-grid .ty-product-filters .ut2-more-btn i,
#product_filters_397 .ty-product-filters .ut2-more-btn i {
    font-size: 14px !important;
    color: inherit !important;
}
/* The "طي" (collapse) span — visible only when expanded */
.side-grid .ty-product-filters .ut2-more-btn .more,
#product_filters_397 .ty-product-filters .ut2-more-btn .more {
    display: inline !important;
}
.side-grid .ty-product-filters .ut2-more-btn.open .more,
#product_filters_397 .ty-product-filters .ut2-more-btn.open .more {
    display: none !important;
}
.side-grid .ty-product-filters .ut2-more-btn .hidden,
#product_filters_397 .ty-product-filters .ut2-more-btn .hidden {
    display: none !important;
}
.side-grid .ty-product-filters .ut2-more-btn.open .hidden,
#product_filters_397 .ty-product-filters .ut2-more-btn.open .hidden {
    display: inline !important;
}

/* ── 6. Price slider — fix RTL number reversal ───────────────── */
/*
 * Problem: in RTL the price inputs show "1561363 — 0" (max left, min right)
 * because the flex container flows right-to-left.
 * Fix: force the inputs container to LTR so min stays on the left / right
 * of the slider track in the correct visual order, then re-align text inside.
 */
.side-grid .ty-price-slider__inputs,
#product_filters_397 .ty-price-slider__inputs {
    display: flex !important;
    flex-direction: row !important;   /* LTR order: min [—] max */
    align-items: center !important;
    gap: 6px !important;
    direction: ltr !important;        /* force left→right: min on left, max on right */
    margin-bottom: 10px !important;
}
/* Re-align individual input text to match Arabic RTL */
.side-grid .ty-price-slider__input-text,
#product_filters_397 .ty-price-slider__input-text {
    direction: rtl !important;
    text-align: center !important;
    width: 80px !important;
    padding: 5px 8px !important;
    border: 1px solid #D5D9D9 !important;
    border-radius: 4px !important;
    font-size: 12px !important;
    color: #0f1111 !important;
    background: #fff !important;
    box-sizing: border-box !important;
}
/* Suffix (جنيه) */
.side-grid .ty-price-slider__filter-suffix,
#product_filters_397 .ty-price-slider__filter-suffix {
    font-size: 11px !important;
    color: #565959 !important;
    white-space: nowrap !important;
}
/* Separator (–) */
.side-grid .ab__ut2--price-slider__sep,
#product_filters_397 .ab__ut2--price-slider__sep {
    flex-shrink: 0 !important;
    color: #565959 !important;
    font-size: 13px !important;
}

/* Price range slider track labels */
.side-grid .ty-range-slider__num,
#product_filters_397 .ty-range-slider__num {
    font-size: 11px !important;
    color: #565959 !important;
    direction: ltr !important;    /* keep numbers reading left-to-right */
    white-space: nowrap !important;
}
/* The track itself — accent bar */
.side-grid .ty-range-slider,
#product_filters_397 .ty-range-slider {
    direction: ltr !important;
}

/* ── 7. Reset / apply tools bar ──────────────────────────────── */
.side-grid .ty-product-filters__tools,
#product_filters_397 .ty-product-filters__tools {
    padding: 10px 0 0 !important;
    border-top: 1px solid #f0f2f2 !important;
    margin-top: 4px !important;
    display: flex !important;
    direction: rtl !important;
}
.side-grid .ty-product-filters__reset-button,
#product_filters_397 .ty-product-filters__reset-button {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    color: #007185 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    cursor: pointer !important;
    padding: 4px 8px !important;
    border-radius: 4px !important;
    transition: background .1s, color .1s !important;
}
.side-grid .ty-product-filters__reset-button:hover,
#product_filters_397 .ty-product-filters__reset-button:hover {
    background: #f7f8f8 !important;
    color: #c7511f !important;
    text-decoration: underline !important;
}
.side-grid .ty-product-filters__reset-icon,
#product_filters_397 .ty-product-filters__reset-icon {
    font-size: 14px !important;
    color: inherit !important;
}

/* ── 8. No-items-found message ───────────────────────────────── */
.side-grid .ty-product-filters__no-items-found,
#product_filters_397 .ty-product-filters__no-items-found {
    font-size: 12px !important;
    color: #888 !important;
    padding: 4px 0 !important;
    direction: rtl !important;
    text-align: right !important;
}

/* ── Mobile: hide sidebar, show horizontal filter only ──────── */
@media (max-width: 767px) {
    .span7.side-grid {
        display: none !important;
    }
}
/* Desktop: horizontal filter is in main column, sidebar is in span7.
   Both are visible by default. The horizontal one is already styled
   correctly via the existing ty-horizontal-product-filters rules.   */

/* ── savings_corner.css ── */
/* ============================================================
   SAFQA — Savings Corner Block (ركن التوفير)
   Matches Amazon.eg circular category showcase style.
   ============================================================ */

.safqa-sc {
    direction: rtl;
    font-family: inherit;
    margin-bottom: 24px;
}

/* ── Header bar ─────────────────────────────────────────────── */
.safqa-sc__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 4px 14px;
    direction: rtl;
}
.safqa-sc__title {
    font-size: 20px;
    font-weight: 700;
    color: #0f1111;
    direction: rtl;
}
.safqa-sc__title em {
    font-style: normal;
    color: #c7511f;
}
.safqa-sc__more {
    font-size: 13px;
    color: #007185;
    text-decoration: none;
    white-space: nowrap;
    flex-shrink: 0;
    margin-right: 12px;
}
.safqa-sc__more:hover {
    text-decoration: underline;
    color: #c7511f;
}

/* ── Scrollable track ───────────────────────────────────────── */
.safqa-sc__track {
    display: flex;
    flex-direction: row;
    gap: 10px;
    overflow-x: auto;
    padding-bottom: 12px;
    padding-top: 4px;
    direction: rtl;
    scrollbar-width: none;
    -ms-overflow-style: none;
    scroll-behavior: smooth;
    /* allow slight overflow so shadows show */
    padding-inline: 4px;
}
.safqa-sc__track::-webkit-scrollbar {
    display: none;
}

/* ── Each item ──────────────────────────────────────────────── */
.safqa-sc__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 7px;
    text-decoration: none !important;
    flex: 0 0 auto;
    width: 128px;
    cursor: pointer;
    transition: transform 0.15s ease;
}
.safqa-sc__item:hover {
    transform: translateY(-2px);
}

/* ── Circle ─────────────────────────────────────────────────── */
.safqa-sc__circle {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background: #f0c14b;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,0.10);
    transition: box-shadow 0.15s ease, transform 0.15s ease;
    flex-shrink: 0;
    position: relative;
}
.safqa-sc__item:hover .safqa-sc__circle {
    box-shadow: 0 6px 18px rgba(0,0,0,0.18);
    transform: scale(1.04);
}
.safqa-sc__circle img {
    width: 82%;
    height: 82%;
    object-fit: contain;
    display: block;
}

/* ── Text-only circle (price deal) ─────────────────────────── */
.safqa-sc__circle--text {
    flex-direction: column;
    gap: 0;
    padding: 8px;
}
.safqa-sc__big {
    font-size: 38px;
    font-weight: 900;
    color: #0f1111;
    line-height: 1;
    text-align: center;
}
.safqa-sc__unit {
    font-size: 13px;
    font-weight: 700;
    color: #0f1111;
    text-align: center;
    line-height: 1.3;
}

/* ── Labels below circle ────────────────────────────────────── */
.safqa-sc__price {
    font-size: 11.5px;
    color: #565959;
    text-align: center;
    direction: rtl;
    line-height: 1.3;
    min-height: 16px;
    white-space: nowrap;
}
.safqa-sc__label {
    font-size: 13px;
    font-weight: 700;
    color: #0f1111;
    text-align: center;
    direction: rtl;
    line-height: 1.3;
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ── Mobile: smaller circles ────────────────────────────────── */
@media (max-width: 767px) {
    .safqa-sc__circle {
        width: 90px;
        height: 90px;
    }
    .safqa-sc__item {
        width: 96px;
    }
    .safqa-sc__title {
        font-size: 16px;
    }
    .safqa-sc__big {
        font-size: 28px;
    }
    .safqa-sc__unit {
        font-size: 11px;
    }
}

/* ── homepage_polish.css ── */
/* ============================================================
   SAFQA — Homepage Polish Overrides  v1
   Scoped under body.theme-safqa for child-theme safety.
   Fixes: price wrapping, out-of-stock labels, promo banner
   height equalization, and main slider button contrast.
   ============================================================ */

/* ── Task 1: Inline Currency + Price (no "جنيه" wrapping) ────── */
body.theme-safqa .ut2-gl__price {
    display: inline-flex !important;
    align-items: baseline !important;
    gap: 3px !important;
    flex-wrap: nowrap !important;
    white-space: nowrap !important;
}
body.theme-safqa .ut2-gl__price .ty-price,
body.theme-safqa .ut2-gl__price .ty-price-num {
    display: inline !important;
    white-space: nowrap !important;
}
body.theme-safqa .ut2-cost-multi,
body.theme-safqa .ut2-cost-base,
body.theme-safqa .ut2-cost-opted {
    display: inline !important;
    white-space: nowrap !important;
}
body.theme-safqa .ut2-gl__price .ty-price span,
body.theme-safqa .ut2-gl__price bdi {
    white-space: nowrap !important;
    display: inline !important;
}
/* Old price (strikethrough) */
body.theme-safqa .ut2-gl__price .ty-list-price,
body.theme-safqa .ut2-gl__price .ty-strike {
    white-space: nowrap !important;
    display: inline !important;
}
/* RTL: keep price numbers reading correctly */
html[dir="rtl"] body.theme-safqa .ut2-gl__price {
    direction: rtl !important;
}

/* ── Task 2: Out-of-Stock Label — no cramping ────────────────── */
body.theme-safqa .ut2-gl__out-of-stock,
body.theme-safqa .ty-qty-out-of-stock {
    white-space: nowrap !important;
    font-size: 11px !important;
    display: block !important;
    margin-bottom: 4px !important;
    color: #b12704 !important;
}
body.theme-safqa .ut2-gl__price-wrap .ty-price-call {
    white-space: nowrap !important;
    font-size: 12px !important;
    display: block !important;
    margin-top: 2px !important;
}

/* ── Task 3: Equalize Promo Banner Heights (عروض الموسم) ─────── */
/* SAFE approach: only target .owl-item inner content, never the
   carousel container or .owl-stage — those need their absolute/
   translate positioning intact for the slider to function. */
body.theme-safqa .owl-item .ut2-banner {
    height: 100% !important;
}
body.theme-safqa .owl-item .ut2-banner img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 8px !important;
}

/* ── Task 4: Main Banner Button Contrast ─────────────────────── */
/* Real class: .ut2-a__button > a.ty-btn.ty-btn__outline
   Compiled standalone-rtl.css: .ty-btn__outline { background:transparent !important }
   This file loads via <link> in <body> AFTER compiled <head> CSS, so same
   !important + higher specificity = we win regardless of JS body class. */
.ut2-a__button .ty-btn__outline,
.ut2-a__button .ty-btn__outline.--tc,
.ut2-a__button .ty-btn__outline.--bc {
    background: rgba(255,255,255,0.95) !important;
    color: #0F1111 !important;
    box-shadow: inset 0 0 0 2px #888C8C !important;
    border-radius: 8px !important;
    padding: 8px 24px !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    text-decoration: none !important;
    backdrop-filter: blur(4px) !important;
    transition: background 0.15s ease, box-shadow 0.15s ease, color 0.15s ease !important;
}
.ut2-a__button .ty-btn__outline:hover {
    background: #F7F8F8 !important;
    color: #0F1111 !important;
    box-shadow: inset 0 0 0 2px #0F1111 !important;
}

/* ── Bonus: Price container min-height reset ─────────────────── */
/* UniTheme2 sets a min-height on .ut2-gl__price via inline style
   calculated from JS. When currency doesn't wrap, we don't need
   the extra vertical space it reserves. */
body.theme-safqa .ut2-gl__price-wrap {
    min-height: 0 !important;
}
body.theme-safqa .ut2-gl__price[style*="min-height"] {
    min-height: auto !important;
}

/* ══════════════════════════════════════════════════════════════════
   PRODUCT GRID CARDS — Amazon-style disciplined alignment
   Forces price + button to always sit at card bottom regardless
   of title length. Works on homepage grid blocks.
   ══════════════════════════════════════════════════════════════════ */

/* ── Task 5: Flex Column Card Layout ────────────────────────────── */
body.theme-safqa .ut2-gl__item > form {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}
body.theme-safqa .ut2-gl__body {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 !important;
}
body.theme-safqa .ut2-gl__content {
    flex: 1 !important;
}
body.theme-safqa .ut2-gl__price-wrap {
    margin-top: auto !important;
}

/* ── Task 6: Standardize Image Box ──────────────────────────────── */
body.theme-safqa .ut2-gl__image {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 180px !important;
    margin-bottom: 12px !important;
    overflow: hidden !important;
}
body.theme-safqa .ut2-gl__image img {
    max-height: 180px !important;
    width: auto !important;
    object-fit: contain !important;
}

/* ── Task 7: Title Line-Clamping (exactly 2 lines) ──────────────── */
body.theme-safqa .ut2-gl__name {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    min-height: 38px !important;
    line-height: 19px !important;
    margin-bottom: 8px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    color: #0F1111 !important;
}
html[dir="rtl"] body.theme-safqa .ut2-gl__name {
    text-align: right !important;
}

/* ── Task 8: Button Alignment + Amazon Gold Style ───────────────── */
body.theme-safqa .ut2-gl__control {
    margin-top: auto !important;
    width: 100% !important;
    padding-top: 8px !important;
}
body.theme-safqa .ut2-gl__control .ty-btn__add-to-cart {
    width: 100% !important;
    border-radius: 100px !important;
    padding: 8px 16px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    background-color: #FFD814 !important;
    border: 1px solid #FCD200 !important;
    color: #0F1111 !important;
    justify-content: center !important;
}
body.theme-safqa .ut2-gl__control .ty-btn__add-to-cart:hover {
    background-color: #F7CA00 !important;
    border-color: #F2C200 !important;
}

/* ── Task 9: "Show More" Button — clean pill ────────────────────── */
body.theme-safqa .ty-mainbox-body + .ty-center .ty-btn,
body.theme-safqa .ut2-show-more-btn,
body.theme-safqa .ty-mainbox-body ~ .ty-center .ty-btn {
    display: inline-flex !important;
    align-items: center !important;
    border-radius: 100px !important;
    border: 1px solid #888C8C !important;
    background-color: #FFFFFF !important;
    padding: 8px 32px !important;
    color: #0F1111 !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    transition: background-color 0.15s ease, border-color 0.15s ease !important;
    text-decoration: none !important;
}
body.theme-safqa .ty-mainbox-body + .ty-center .ty-btn:hover,
body.theme-safqa .ut2-show-more-btn:hover,
body.theme-safqa .ty-mainbox-body ~ .ty-center .ty-btn:hover {
    background-color: #F7F8F8 !important;
    border-color: #A2A6AC !important;
}

/* ── Task 10: Compact Vendor Info in Product Cards ──────────────── */
body.theme-safqa .ut2__vendor-info--list-product {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 8px 0 0 !important;
    margin-top: 8px !important;
    border-top: 1px solid #f0f2f2 !important;
}
body.theme-safqa .ut2__vendor-info--logo {
    flex-shrink: 0 !important;
}
body.theme-safqa .ut2__vendor-info--logo img {
    width: 28px !important;
    height: 28px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
}
body.theme-safqa .ut2__vendor-info--wrap {
    flex: 1 !important;
    min-width: 0 !important;
}
body.theme-safqa .ut2__vendor-info--name {
    font-size: 12px !important;
    font-weight: 500 !important;
    color: #007185 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}
body.theme-safqa .ut2__vendor-info--name a {
    color: #007185 !important;
    text-decoration: none !important;
}
body.theme-safqa .ut2__vendor-info--name a:hover {
    color: #c7511f !important;
    text-decoration: underline !important;
}
body.theme-safqa .ut2__vendor-info--location {
    font-size: 11px !important;
    color: #565959 !important;
}
body.theme-safqa .ut2__vendor-info--rating {
    font-size: 11px !important;
    color: #565959 !important;
}

/* ══════════════════════════════════════════════════════════════════
   AMAZON COMPACT BLOCK SKIN — .sqz-amazon-block
   Scoped tightly: only affects blocks with user_class="sqz-amazon-block"
   Target: Amazon.eg "متابعة التسوق" style —
   dark header bar, borderless compact cards, shadow on hover only.
   ══════════════════════════════════════════════════════════════════ */

/* Dark section header bar */
body.theme-safqa .sqz-amazon-block .ty-mainbox-title {
    background: #232f3e !important;
    border-radius: 8px 8px 0 0 !important;
    padding: 12px 16px !important;
    margin: 0 !important;
}
body.theme-safqa .sqz-amazon-block .ty-mainbox-title,
body.theme-safqa .sqz-amazon-block .ty-mainbox-title * {
    color: #fff !important;
}
/* "اختياراتنا المميزة" — colored part stays orange-ish, rest white */
body.theme-safqa .sqz-amazon-block .ty-mainbox-title .ty-mainbox-title__colored {
    color: #febd69 !important;
}

/* White body area below the dark bar */
body.theme-safqa .sqz-amazon-block .ty-mainbox-body {
    background: #fff !important;
    border-radius: 0 0 8px 8px !important;
    padding: 12px 8px 8px !important;
    border: 1px solid #e7e7e7 !important;
    border-top: none !important;
}

/* Remove card borders — only hover shadow */
body.theme-safqa .sqz-amazon-block .ut2-gl__body {
    border: none !important;
    box-shadow: none !important;
    padding: 10px !important;
    border-radius: 6px !important;
    background: #fff !important;
    transition: box-shadow 0.15s ease !important;
}
body.theme-safqa .sqz-amazon-block .ut2-gl__item:hover .ut2-gl__body {
    box-shadow: 0 2px 12px rgba(0,0,0,0.11) !important;
}

/* Compact image box: 160px tall, centered, contained */
body.theme-safqa .sqz-amazon-block .ut2-gl__image {
    min-height: 160px !important;
    max-height: 160px !important;
    height: 160px !important;
    padding: 8px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
}
body.theme-safqa .sqz-amazon-block .ut2-gl__image img {
    max-height: 144px !important;
    width: auto !important;
    object-fit: contain !important;
}

/* Hide rating stars — add height variance between cards */
body.theme-safqa .sqz-amazon-block .ut2-gl__rating,
body.theme-safqa .sqz-amazon-block .ut2-stars {
    display: none !important;
}

/* Tighter content padding */
body.theme-safqa .sqz-amazon-block .ut2-gl__content {
    padding: 0 2px !important;
}

/* Price: compact bold, no extra vertical gap */
body.theme-safqa .sqz-amazon-block .ut2-gl__price-wrap {
    padding-top: 4px !important;
    margin-top: auto !important;
}
body.theme-safqa .sqz-amazon-block .ut2-gl__price .ty-price-num,
body.theme-safqa .sqz-amazon-block .ut2-gl__price bdi {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #0f1111 !important;
}

/* "Show more" button — tighter margin in this block */
body.theme-safqa .sqz-amazon-block ~ .ty-center,
body.theme-safqa .sqz-amazon-block + .ty-center {
    margin-top: 8px !important;
}

/* RTL */
html[dir="rtl"] body.theme-safqa .sqz-amazon-block .ty-mainbox-title {
    text-align: right !important;
}

/* ── inline_styles.css ── */
/* Safqa Amazon inline styles — extracted from body.pre.tpl to avoid LESS compilation */

.ab-sticker-full_size .tss,
.ab-sticker-small_size .tfs {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
}
.sqz-amazon-block .ut2-gl__item:hover .ut2-gl__body,
.sqz-compact-block .ut2-gl__item:hover .ut2-gl__body {
    margin: 0 !important;
    padding: 0 !important;
    min-height: 0 !important;
    width: auto !important;
}
/* Add-to-cart: icon stays beside text on all button variants */
a.ty-btn__add-to-cart,
button.ty-btn__add-to-cart {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    flex-direction: row !important;
}
/* The inner <span> wrapping <i>+<bdi> must also be flex */
button.ty-btn__add-to-cart > span,
a.ty-btn__add-to-cart > span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    flex-direction: row !important;
}
button.ty-btn__add-to-cart i,
a.ty-btn__add-to-cart i,
button.ty-btn__add-to-cart span[class*="ty-icon"],
a.ty-btn__add-to-cart span[class*="ty-icon"] {
    display: inline-block !important;
    flex-shrink: 0 !important;
    line-height: 1 !important;
    vertical-align: middle !important;
}
button.ty-btn__add-to-cart bdi,
a.ty-btn__add-to-cart bdi {
    display: inline !important;
    vertical-align: middle !important;
}
/* WRITE REVIEW BUTTON — force small inline text (not giant .ty-btn box) */
a.ty-btn.ty-product-review-write-product-review-button,
.ty-btn.ty-product-review-write-product-review-button,
a.ty-product-review-write-product-review-button.ty-btn__text,
a.ty-product-review-write-product-review-button.ty-btn__secondary,
.sqz-pb__rating .ty-product-review-write-product-review-button,
.ty-product-review-write-product-review .ty-btn {
    height: auto !important;
    min-height: 0 !important;
    min-width: 0 !important;
    width: auto !important;
    padding: 0 4px !important;
    margin: 0 !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    display: inline !important;
    line-height: 1.4 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    color: #007185 !important;
    border-radius: 0 !important;
}
/* ══════════════════════════════════════════════════
   REVIEWS SECTION — Amazon.eg style
   ══════════════════════════════════════════════════ */
.ty-product-reviews-view {
    font-size: 14px !important;
    max-width: 1150px !important;
    margin: 0 auto !important;
    padding: 0 16px !important;
    box-sizing: border-box !important;
}

/* ── Filter/navigation bar — remove grey bg, clean it up ── */
.ty-product-review-reviews-navigation {
    background: none !important;
    background-color: transparent !important;
    border-radius: 0 !important;
    padding: 0 0 12px 0 !important;
    border-bottom: 1px solid #e7e7e7 !important;
    gap: 8px !important;
    margin-bottom: 0 !important;
}

/* ── Review message: kill large gap between sections ── */
.ty-product-review-post-message {
    gap: 0 !important;
}
.ty-product-review-post-message-section {
    margin-bottom: 4px !important;
    padding: 0 !important;
}
.ty-product-review-post-message-section__body .ty-content-more__text {
    line-height: 1.5 !important;
    float: none !important;
}

/* ── Reviews layout: override compiled flex/grid with grid approach ── */
.ty-product-reviews-view__main {
    display: block !important;
    grid-template-columns: unset !important;
    isolation: auto !important;
}
.ty-product-reviews-view__main-content {
    display: grid !important;
    grid-template-columns: 260px 1fr !important;
    grid-template-rows: auto !important;
    align-items: start !important;
    gap: 0 !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
}
.ty-product-reviews-view__main-content-left {
    grid-column: 1 !important;
    display: flex !important;
    flex-flow: column !important;
    gap: 12px !important;
    width: 260px !important;
    min-width: 260px !important;
    max-width: 260px !important;
    padding-block: 0 !important;
    padding-inline-end: 24px !important;
    padding-inline-start: 0 !important;
    border-inline-end: 1px solid #e7e7e7 !important;
    border-inline-start: none !important;
    box-sizing: border-box !important;
    overflow: visible !important;
}
.ty-product-reviews-view__main-content-right {
    grid-column: 2 !important;
    min-width: 0 !important;
    padding-block: 0 !important;
    padding-inline-start: 28px !important;
    padding-inline-end: 0 !important;
    box-sizing: border-box !important;
}
/* Prevent tabs from spanning full grid width */
.ty-product-reviews-view__main-content .ty-tabs {
    flex-basis: auto !important;
    width: auto !important;
    margin: 0 !important;
    grid-column: unset !important;
}
/* Time period tabs inside left column — wrap properly */
.ty-product-reviews-view__main-content-left .ty-tabs {
    width: 100% !important;
    overflow: visible !important;
}
.ty-product-reviews-view__main-content-left .ty-tabs__list {
    flex-wrap: wrap !important;
    gap: 4px !important;
}

/* ── Left: rating block — vertical stack like Amazon ── */
.ty-product-review-product-rating {
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    flex: none !important;
    max-width: 100% !important;
    gap: 6px !important;
    margin-bottom: 0 !important;
}
/* Overview: big number on its own line, then stars below */
.ty-product-review-product-rating-overview {
    flex-direction: column !important;
    gap: 2px !important;
    align-items: flex-start !important;
    margin-bottom: 0 !important;
}
.ty-product-review-product-rating-overview__primary {
    align-self: auto !important;
    justify-content: flex-start !important;
}
.ty-product-review-product-rating-overview__rating-current,
.ty-product-review-product-rating-overview__rating strong {
    font-size: 48px !important;
    font-weight: 400 !important;
    color: #0f1111 !important;
    line-height: 1 !important;
    display: block !important;
}
/* Total reviews count */
.ty-product-review-product-rating-overview .ty-product-review-reviews-total-reviews {
    font-size: 13px !important;
    color: #565959 !important;
}

/* ── Left: star bars ── */
.ty-product-review-product-stars-details {
    width: 100% !important;
    margin: 0 !important;
    display: block !important;
}
.ty-product-review-product-star-line {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
    margin-bottom: 3px !important;
    font-size: 12px !important;
    white-space: nowrap !important;
    width: 100% !important;
}
.ty-product-review-product-star-line__quantity {
    display: inline !important;
    visibility: visible !important;
    color: #007185 !important;
    font-size: 12px !important;
    flex-shrink: 0 !important;
    min-width: 46px !important;
    text-decoration: none !important;
}
.ty-product-review-product-star-line__quantity a,
.ty-product-review-product-star-line__quantity span { color: #007185 !important; }
/* The progress bar */
.ty-product-review-product-star-line a { flex: 1 1 auto !important; display: flex !important; }
.ty-product-review-product-star-line__line {
    flex: 1 1 auto !important;
    width: 100% !important;
    height: 12px !important;
    min-width: 40px !important;
    border: none !important;
    border-radius: 2px !important;
    background: #e7e7e7 !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    display: block !important;
}
.ty-product-review-product-star-line__line::-webkit-progress-bar { background: #e7e7e7 !important; border-radius: 2px !important; }
.ty-product-review-product-star-line__line::-webkit-progress-value { background: #e47911 !important; border-radius: 2px !important; }
.ty-product-review-product-star-line__line::-moz-progress-bar { background: #e47911 !important; border-radius: 2px !important; }
.ty-product-review-product-star-line__percentage {
    color: #565959 !important;
    font-size: 12px !important;
    flex-shrink: 0 !important;
    min-width: 28px !important;
    text-align: right !important;
}

/* ── Left: write review block ── */
.ty-product-review-reviews-sidebar {
    padding: 12px 0 0 !important;
    margin: 0 !important;
    border-top: 1px solid #e7e7e7 !important;
    border-right: none !important;
    border-left: none !important;
}
.ty-product-review-write-product-review {
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
.ty-product-review-write-product-review__title {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #0f1111 !important;
    margin: 0 0 3px !important;
    padding: 0 !important;
}
.ty-product-review-write-product-review__description p {
    font-size: 12px !important;
    color: #565959 !important;
    margin: 0 0 8px !important;
    line-height: 1.4 !important;
}
/* "Write a review" button — Amazon wide rounded outline */
.ty-product-review-write-product-review a,
.ty-product-review-write-product-review button,
.ty-product-review-write-product-review .ty-btn,
.ty-product-review-write-product-review a.ty-product-review-write-product-review-button,
.ty-product-review-write-product-review .ty-product-review-write-product-review-button,
a.ty-product-review-write-product-review-button.cm-dialog-opener {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    border-radius: 8px !important;
    border: 1px solid #888c8c !important;
    background: #fff !important;
    color: #0f1111 !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    padding: 8px 12px !important;
    height: auto !important;
    min-height: 0 !important;
    min-width: 0 !important;
    box-shadow: none !important;
    line-height: 1.4 !important;
    cursor: pointer !important;
    text-decoration: none !important;
}
.ty-product-review-write-product-review a:hover,
.ty-product-review-write-product-review .ty-btn:hover,
.ty-product-review-write-product-review .ty-product-review-write-product-review-button:hover { background: #f7f8f8 !important; }

/* ── Kill compiled gap between posts and override border-top ── */
.ty-product-review-view__posts {
    gap: 0 !important;
    display: block !important;
}
:not(.ty-discussion-posts-most-rated) > .ty-product-review-post {
    border-top: none !important;
}

/* ══════════════════════════════════════════════════════
   REVIEW POSTS — Amazon.eg exact match
   Structure per post:
   [avatar] Name                          date
            Reviewed in [country]
            Verified Purchase
   ★★★★★  Review Title
   Review body text...
   N people found this helpful   [Helpful] [Report]
   ══════════════════════════════════════════════════════ */
.ty-product-review-view__posts { margin-top: 8px !important; }

/* Post wrapper */
.ty-product-review-post {
    display: block !important;
    border-bottom: 1px solid #e7e7e7 !important;
    border-top: none !important;
    padding: 8px 0 !important;
    margin: 0 !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    color: #0f1111 !important;
}
.ty-product-review-post-message-section__body p {
    margin: 0 0 4px !important;
    line-height: 1.45 !important;
}
.ty-product-review-post:last-child { border-bottom: none !important; }

/* ── 1. Customer section: name (left) + date (right), verified below ── */
.ty-product-review-post-customer {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 8px !important;
    margin-bottom: 4px !important;
}
.ty-product-review-post-customer__address {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 1px !important;
    flex: 1 !important;
}
.ty-product-review-post-customer__name {
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #0f1111 !important;
    margin: 0 !important;
    width: auto !important;
    overflow: visible !important;
}
/* Verified Purchase — orange, below name */
.ty-product-review-post-customer__verified {
    font-size: 12px !important;
    color: #c45500 !important;
    font-weight: 400 !important;
    white-space: normal !important;
    display: block !important;
    margin-top: 1px !important;
}
.ty-product-review-post-customer__verified::before {
    content: none !important;
}
/* Date — top right */
.ty-product-review-post-customer__date {
    font-size: 12px !important;
    color: #565959 !important;
    font-weight: 400 !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
    margin-top: 2px !important;
}

/* ── 2. Content: stars → title → body ── */
.ty-product-review-post__content {
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
}

/* Stars row — float so text wraps next to it */
.ty-product-review-post-header {
    display: block !important;
    float: left !important;
    margin: 2px 8px 4px 0 !important;
}
/* Hide the numeric rating beside stars in post header */
.ty-product-review-post-header .ut2-rating-stars-num,
.ty-product-review-post-header .ty-product-review-reviews-stars__num { display: none !important; }

/* ── 3. Review body text ── */
.ty-product-review-post-message {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    color: #0f1111 !important;
    display: block !important;
}
.ty-product-review-post-message-section { margin: 0 !important; padding: 0 !important; }
.ty-product-review-post-message-section__body { font-size: 14px !important; }

/* ── 4. Footer: helpful + vote buttons — compact Amazon style ── */
.ty-product-review-post-footer {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin-top: 8px !important;
    padding-top: 0 !important;
    border-top: none !important;
    font-size: 12px !important;
    color: #565959 !important;
}
.ty-product-review-post-footer__primary {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    flex-wrap: wrap !important;
}
.ty-product-review-post-footer__secondary {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    margin-top: 0 !important;
    min-width: 0 !important;
}
/* All buttons in footer — small Amazon style */
.ty-product-review-post-footer .ty-btn,
.ty-product-review-post-footer a.ty-btn,
.ty-product-review-post-footer .ty-btn__outline {
    border-radius: 4px !important;
    border: 1px solid #d5d9d9 !important;
    background: #fff !important;
    color: #0f1111 !important;
    font-size: 13px !important;
    padding: 4px 12px !important;
    height: auto !important;
    min-height: 0 !important;
    min-width: 0 !important;
    box-shadow: 0 2px 5px rgba(213,217,217,0.5) !important;
    line-height: 1.2 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    transition: background 0.1s !important;
}
.ty-product-review-post-footer .ty-btn:hover { background: #f7f8f8 !important; }
/* Vote icons — smaller */
.ty-product-review-post-footer .ty-btn .ty-icon,
.ty-product-review-post-footer .ty-btn .ty-icon-arrow-up,
.ty-product-review-post-footer .ty-btn .ty-icon-arrow-down,
.ty-product-review-post-footer__secondary .ty-icon-arrow-up,
.ty-product-review-post-footer__secondary .ty-icon-arrow-down {
    font-size: 14px !important;
    top: 0 !important;
}
/* Share link */
.ut2-customer_review-copy-link {
    font-size: 12px !important;
    color: #565959 !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
}
.ut2-customer_review-copy-link svg { width: 14px !important; height: 14px !important; }

/* ── 5. Vendor reply ── */
.ty-product-review-post-vendor-reply {
    background: #f7f8f8 !important;
    border-radius: 4px !important;
    border-left: 3px solid #e7e7e7 !important;
    padding: 12px 14px !important;
    margin-top: 10px !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    font-size: 13px !important;
    color: #0f1111 !important;
}

/* ── 6. Post images ── */
.ty-product-review-post-images {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin-top: 10px !important;
}
.ty-product-review-post-images__item {
    width: 72px !important;
    height: 72px !important;
    border: 1px solid #e7e7e7 !important;
    border-radius: 4px !important;
    overflow: hidden !important;
    object-fit: cover !important;
}

/* ── RTL review posts ── */
html[dir="rtl"] .ty-product-review-post {
    direction: rtl !important;
    text-align: right !important;
}
html[dir="rtl"] .ty-product-review-post-customer {
    flex-direction: row-reverse !important;
}
html[dir="rtl"] .ty-product-review-post-customer__address {
    align-items: flex-start !important;
    text-align: right !important;
    direction: rtl !important;
}
html[dir="rtl"] .ty-product-review-post-customer__name {
    text-align: right !important;
}
html[dir="rtl"] .ty-product-review-post-customer__verified {
    text-align: right !important;
    direction: rtl !important;
}
html[dir="rtl"] .ty-product-review-post__content {
    direction: rtl !important;
    text-align: right !important;
}
html[dir="rtl"] .ty-product-review-post-header {
    flex-direction: row-reverse !important;
    justify-content: flex-start !important;
}
html[dir="rtl"] .ty-product-review-post-message {
    text-align: right !important;
    direction: rtl !important;
}
html[dir="rtl"] .ty-product-review-post-message-section__body .ty-content-more__text {
    text-align: right !important;
    direction: rtl !important;
    float: none !important;
}
html[dir="rtl"] .ty-product-review-post-footer {
    flex-direction: row-reverse !important;
    justify-content: flex-start !important;
}
html[dir="rtl"] .ty-product-review-post-footer__primary,
html[dir="rtl"] .ty-product-review-post-footer__secondary {
    flex-direction: row !important;
}
html[dir="rtl"] .ty-product-review-post-header {
    float: right !important;
    margin: 2px 0 4px 8px !important;
    direction: rtl !important;
}
html[dir="rtl"] .ty-stars,
html[dir="rtl"] .ut2-rating-stars {
    direction: rtl !important;
    display: inline-flex !important;
}
html[dir="rtl"] .ty-product-review-post-vendor-reply {
    border-left: none !important;
    border-right: 3px solid #e7e7e7 !important;
    direction: rtl !important;
    text-align: right !important;
}

/* ── RTL ── */
html[dir="rtl"] .ty-product-reviews-view__main-content-left {
    padding: 0 0 0 24px !important;
    border-right: none !important;
    border-left: 1px solid #e7e7e7 !important;
    direction: rtl !important;
}
html[dir="rtl"] .ty-product-reviews-view__main-content-right {
    padding: 0 28px 0 0 !important;
    direction: rtl !important;
    text-align: right !important;
}
html[dir="rtl"] .ty-product-review-product-star-line { flex-direction: row-reverse !important; }
html[dir="rtl"] .ty-product-review-product-star-line__percentage { text-align: left !important; min-width: 28px !important; }
html[dir="rtl"] .ty-product-review-post { text-align: right !important; direction: rtl !important; }
html[dir="rtl"] .ty-product-review-reviews-sidebar { text-align: right !important; direction: rtl !important; }
/* ── AMZV2 PRODUCT PAGE OVERRIDES ── */
/* Remove border from main product image (base CSS adds it) */
.amzv2 .ty-product-img,
.amzv2 .cm-preview-wrapper,
.amzv2__col-img .ty-product-img {
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}
/* Remove owl carousel arrows — both from thumbnail strip and main image */
.amzv2__col-img .owl-nav,
.amzv2__col-img .owl-prev,
.amzv2__col-img .owl-next,
.amzv2__col-img .owl-dots,
.amzv2__col-img .owl-controls,
.amzv2__col-img [class*="owl-nav"],
.amzv2__col-img [class*="owl-dot"],
.amzv2__col-img .ty-owl-previewer__prev-icon,
.amzv2__col-img .ty-owl-previewer__next-icon,
.amzv2__img-wrap .owl-nav,
.amzv2__img-wrap .owl-prev,
.amzv2__img-wrap .owl-next,
.amzv2__img-wrap .owl-dots,
.amzv2__img-wrap [class*="owl-nav"],
.amzv2__img-wrap [class*="owl-dot"] {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    visibility: hidden !important;
    pointer-events: none !important;
}
.amzv2 .ty-min-qty-description { display: none !important; }
/* Hide ALL CS-Cart built-in stock text — we use our own amzv2__buy-stock */
.amzv2__buy-buttons .ty-qty-in-stock,
.amzv2__buy-buttons .ty-qty-out-of-stock,
.amzv2__buy-buttons .ty-control-group,
.amzv2__buy-buttons .ut2-stock-warning,
.amzv2__buy-buttons .ty-low-stock,
.amzv2__buy-buttons .stock-wrap,
.amzv2__buy-buttons .product-list-field,
.amzv2__buy-actions .ty-qty-in-stock,
.amzv2__buy-actions .ty-qty-out-of-stock,
.amzv2__buy-actions .ty-control-group,
.amzv2__buy-actions .ut2-stock-warning,
.amzv2__buy-actions .ty-low-stock,
.amzv2__buy-actions .stock-wrap,
.amzv2__buy-actions .product-list-field,
.amzv2 .stock-wrap,
.amzv2 .ut2-stock-warning { display: none !important; }
/* Hide sticker inside buy box price — show only in center column */
.amzv2__buy-price .ab-stickers-container,
.amzv2__buy-price .ab-stickers-wrapper,
.amzv2__buy-price .T-sticker,
.amzv2__col-buy .ab-stickers-container { display: none !important; }
.amzv2__col-img .owl-nav,
.amzv2__col-img .owl-dots,
.amzv2__col-img .owl-prev,
.amzv2__col-img .owl-next,
.amzv2__col-img .owl-controls,
.amzv2__col-img .ty-owl-controls,
.amzv2__img-wrap .owl-nav,
.amzv2__img-wrap .owl-prev,
.amzv2__img-wrap .owl-next {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
}
/* ── FULL-WIDTH BREAK-OUT: sticky filter bar & footer sections ── */
/* These elements must span 100vw edge-to-edge regardless of container padding */

/* Prevent horizontal overflow on the whole page */
html, body {
    overflow-x: hidden !important;
    max-width: 100% !important;
}

/* The sticky filter panel must break out of container-fluid padding */
.container-fluid-row.top-sticky-panel__filters {
    margin-left:  -20px !important;
    margin-right: -20px !important;
    padding-left:  20px !important;
    padding-right: 20px !important;
    width: calc(100% + 40px) !important;
    max-width: calc(100% + 40px) !important;
    box-sizing: border-box !important;
}
/* The inner row should fill the full width */
.top-sticky-panel__filters .row-fluid,
.top-sticky-panel__filters .span16 {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}
/* Horizontal filter scroll bar should fill available width */
.top-sticky-panel__filters .ty-horizontal-product-filters {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
}

/* Back-to-top bar: ensure it's truly edge-to-edge */
.container-fluid-row.amazon-back-to-top {
    margin-left:  -20px !important;
    margin-right: -20px !important;
    padding:      0 !important;
    width: calc(100% + 40px) !important;
    max-width: calc(100% + 40px) !important;
    box-sizing: border-box !important;
}
.amazon-back-to-top .row-fluid,
.amazon-back-to-top .span16,
.amazon-back-to-top .ty-wysiwyg-content {
    width:     100% !important;
    max-width: 100% !important;
    margin:    0 !important;
    padding:   0 !important;
    box-sizing: border-box !important;
}
/* The link itself keeps its padding:14px 0 from inline style for bar height */
.amazon-back-to-top a[onclick] {
    width:     100% !important;
    max-width: 100% !important;
    margin:    0 !important;
    box-sizing: border-box !important;
    display:   block !important;
}

/* Fix horizontal overflow on span elements inside containers */
.row-fluid [class*="span"] {
    min-width: 0;
}

/* ── ut2_overrides.css ── */
/* UniTheme2 overrides — extracted from styles.post.tpl to avoid LESS compilation */

/* Currency badge styles */
.ut2-currency-sup,
.ut2-currency-sub,
.ut2-currency-inline {
    --ut2-currency-font-size: 14px;
    --ut2-currency-font-weight: 700;
    --ut2-currency-color: inherit;
    --ut2-currency-gap: 0.35em;
    font-size: var(--ut2-currency-font-size);
    font-weight: var(--ut2-currency-font-weight);
    color: var(--ut2-currency-color);
    line-height: 1;
}
.ut2-currency-sup { position: relative; top: -0.35em; vertical-align: baseline; }
.ut2-currency-sub { position: relative; top: 0.2em; vertical-align: baseline; }
.ut2-currency-inline { display: inline-block; }
.ut2-currency--before { margin-inline-end: var(--ut2-currency-gap); margin-inline-start: 0; }
.ut2-currency--after { margin-inline-start: var(--ut2-currency-gap); margin-inline-end: 0; }
html[dir="rtl"] .ut2-currency--before { margin-inline-start: var(--ut2-currency-gap); margin-inline-end: 0; }
html[dir="rtl"] .ut2-currency--after { margin-inline-end: var(--ut2-currency-gap); margin-inline-start: 0; }
.ut2-stock-warning {
    --ut2-stock-warning-font-size: 12px;
    --ut2-stock-warning-font-weight: 700;
    --ut2-stock-warning-color: #B12704;
    display: inline-block;
    font-size: var(--ut2-stock-warning-font-size);
    font-weight: var(--ut2-stock-warning-font-weight);
    color: var(--ut2-stock-warning-color);
    line-height: 1.3;
}
html[dir="rtl"] .ut2-currency-sup,
html[dir="rtl"] .ut2-currency-sub,
html[dir="rtl"] .ut2-currency-inline { unicode-bidi: isolate; direction: rtl; display: inline-block; }
@media (max-width: 768px) {
    .ut2-pb__sticky-add-to-cart_list-buttons .cm-external-click,
    .ut2-pb__sticky-add-to-cart_list-buttons > div { display: none !important; }
}
.ut2-gl__item .ty-add-to-wishlist-list,
.ut2-gl__item .ty-add-to-wishlist,
.grid-list .ty-add-to-wishlist-list,
.grid-list .ty-add-to-wishlist { display: none !important; }
.ut2-pb .cm-product-block-container .ut2-compare-wishlist,
.ut2-pb .cm-product-block-container .ty-btn__add-to-wish-list,
.ut2-pb .cm-product-block-container .ty-btn__add-to-compare,
.ty-product-block .ty-btn__add-to-wish-list,
.ty-product-block .ty-btn__add-to-compare { display: none !important; }
.ut2-features-list { display: none !important; }

/* ── FIX: CSS Grid Direct Children ── */
/* UT2's grid_list.tpl wraps products in .ty-columnX divs inside .grid-list__load-more.
   CSS Grid requires direct children, so we flatten the wrapper and make columns act as grid items.
   CRITICAL: UT2's compiled CSS sets .ut2-gl{display:flex} which overrides grid.
   We force display:grid with !important to ensure grid layout works. */
.grid-list.ut2-gl.ut2-load-more-wrap {
    display: grid !important;
    grid-template-columns: repeat(var(--gl-cols, 4), 1fr) !important;
    gap: 20px !important;
}
.ut2-gl.ut2-load-more-wrap > .grid-list__load-more {
    display: contents; /* Removes wrapper from layout, making .ty-columnX direct grid children */
}
.ut2-gl.ut2-load-more-wrap .ty-column4,
.ut2-gl.ut2-load-more-wrap .ty-column5,
.ut2-gl.ut2-load-more-wrap .ty-column6 {
    /* These are now direct grid children and will auto-size via grid-template-columns */
}