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