/* ============================================================
   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;
}