/* QT-101 — consolidated mobile navigation, popup, button and Arabic RTL rules. */
:root{--yf-brand-orange:#ff6a00;--yf-wa-green:#25d366;}

/* Compact mobile action layouts. */
@media(max-width:767px){
  html body .yf-sheet.sheet-contact .yf-contact-actions{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
    width:100%!important;
    max-width:none!important;
  }
  html body .yf-sheet.sheet-contact .yf-contact-actions .yf-contact-wa,
  html body .yf-sheet.sheet-contact .yf-contact-actions .yf-msg-btn{
    width:100%!important;
    min-width:0!important;
    margin:0!important;
  }
  html body .yf-sheet.sheet-contact .yf-contact-actions .yf-contact-tip{grid-column:1/-1!important;}
  html body .yf-sheet.sheet-contact .yf-contact-actions>.yf-msg-btn:first-child:nth-last-child(2){grid-column:1/-1!important;}

  
  html body .yf-sheet.sheet-interest .yf-interest-send-merchant,
  html body .yf-sheet.sheet-interest .yf-interest-share-friend{
    grid-column:auto!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
  }
  html body .yf-sheet.sheet-interest .yf-interest-download{
    grid-column:1/-1!important;
    width:100%!important;
    margin:0!important;
  }

  html body .yf-product-msg-actions,
  html body .yf-fc-gate-actions{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
  }
  html body .yf-product-msg-actions>button,
  html body .yf-fc-gate-actions>button{width:100%!important;min-width:0!important;margin:0!important;}
}

/* Arabic: fixed top navigation remains LTR, content components use deliberate local RTL. */
html.yf-lang-ar .yf-shared-mobile-header,
body.yf-lang-ar .yf-shared-mobile-header{direction:ltr!important;}
html.yf-lang-ar .yf-sheet,
body.yf-lang-ar .yf-sheet,
html.yf-lang-ar .yf-product-msg-box,
body.yf-lang-ar .yf-product-msg-box,
html.yf-lang-ar .yf-service-ui-box,
body.yf-lang-ar .yf-service-ui-box,
html.yf-lang-ar .yf-factory-v2-box,
body.yf-lang-ar .yf-factory-v2-box,
html.yf-lang-ar .yf-interest-preview-box,
body.yf-lang-ar .yf-interest-preview-box,
html.yf-lang-ar .yf-supplier-product-detail,
body.yf-lang-ar .yf-supplier-product-detail{
  direction:rtl!important;
  text-align:right!important;
}
@media(max-width:767px){
  html.yf-lang-ar .yf-sheet .yf-sheet-head,
body.yf-lang-ar .yf-sheet .yf-sheet-head,
html.yf-lang-ar .yf-product-msg-head,
body.yf-lang-ar .yf-product-msg-head,
html.yf-lang-ar .yf-service-ui-head,
body.yf-lang-ar .yf-service-ui-head,
html.yf-lang-ar .yf-supplier-product-detail-head,
body.yf-lang-ar .yf-supplier-product-detail-head{direction:rtl!important;padding:3px 12px 3px 5px!important;}
}
html.yf-lang-ar .yf-sheet.yf-cat-top-panel .yf-cat-wrap,
body.yf-lang-ar .yf-sheet.yf-cat-top-panel .yf-cat-wrap{direction:rtl!important;flex-direction:row!important;}
html.yf-lang-ar .yf-sheet.yf-cat-top-panel .yf-cat-col,
body.yf-lang-ar .yf-sheet.yf-cat-top-panel .yf-cat-col{direction:rtl!important;text-align:right!important;border-right:0!important;border-left:1px solid #f2f2f2!important;}
html.yf-lang-ar .yf-sheet.yf-cat-top-panel .yf-cat-col:last-child,
body.yf-lang-ar .yf-sheet.yf-cat-top-panel .yf-cat-col:last-child{border-left:0!important;}
html.yf-lang-ar .yf-sheet.yf-cat-top-panel .yf-cat-item-l1,
html.yf-lang-ar .yf-sheet.yf-cat-top-panel .yf-cat-item-l2,
html.yf-lang-ar .yf-sheet.yf-cat-top-panel .yf-cat-item-l3,
html.yf-lang-ar .yf-sheet.yf-cat-top-panel .yf-cat-all-btn,
body.yf-lang-ar .yf-sheet.yf-cat-top-panel .yf-cat-item-l1,
body.yf-lang-ar .yf-sheet.yf-cat-top-panel .yf-cat-item-l2,
body.yf-lang-ar .yf-sheet.yf-cat-top-panel .yf-cat-item-l3,
body.yf-lang-ar .yf-sheet.yf-cat-top-panel .yf-cat-all-btn{direction:rtl!important;text-align:right!important;justify-content:flex-start!important;}
html.yf-lang-ar .yf-sheet.yf-cat-top-panel .yf-cat-item-l1.has-child::after,
html.yf-lang-ar .yf-sheet.yf-cat-top-panel .yf-cat-item-l2.has-child::after,
body.yf-lang-ar .yf-sheet.yf-cat-top-panel .yf-cat-item-l1.has-child::after,
body.yf-lang-ar .yf-sheet.yf-cat-top-panel .yf-cat-item-l2.has-child::after{border-left:0!important;border-right:6px solid #ff6a00!important;margin-left:0!important;margin-right:6px!important;}
html.yf-lang-ar .yf-contact-row,
body.yf-lang-ar .yf-contact-row,
html.yf-lang-ar .yf-interest-item,
body.yf-lang-ar .yf-interest-item,
html.yf-lang-ar .yf-account-grid,
body.yf-lang-ar .yf-account-grid{direction:rtl!important;text-align:right!important;}
html.yf-lang-ar input,
body.yf-lang-ar input,
html.yf-lang-ar textarea,
body.yf-lang-ar textarea,
html.yf-lang-ar select,
body.yf-lang-ar select{text-align:right;}
html.yf-lang-ar input[type="email"],
body.yf-lang-ar input[type="email"],
html.yf-lang-ar input[type="tel"],
body.yf-lang-ar input[type="tel"],
html.yf-lang-ar input[inputmode="tel"],
body.yf-lang-ar input[inputmode="tel"],
html.yf-lang-ar input[data-tx],
body.yf-lang-ar input[data-tx],
html.yf-lang-ar .yf-fc-payment b,
body.yf-lang-ar .yf-fc-payment b,
html.yf-lang-ar .yf-contact-row span,
body.yf-lang-ar .yf-contact-row span,
html.yf-lang-ar .yf-spec-val,
body.yf-lang-ar .yf-spec-val,
html.yf-lang-ar .yf-card-price,
body.yf-lang-ar .yf-card-price,
html.yf-lang-ar .yf-card-stock,
body.yf-lang-ar .yf-card-stock,
html.yf-lang-ar .yf-card-moq,
body.yf-lang-ar .yf-card-moq{
  direction:ltr!important;
  unicode-bidi:isolate!important;
}

/* Arabic action rows mirror as a group while individual mixed-value strings remain stable. */
html.yf-lang-ar .yf-contact-actions,
body.yf-lang-ar .yf-contact-actions,
html.yf-lang-ar .yf-product-msg-actions,
body.yf-lang-ar .yf-product-msg-actions,
html.yf-lang-ar .yf-fc-gate-actions,
body.yf-lang-ar .yf-fc-gate-actions{direction:rtl!important;}

/* Arabic detail specifications: label on the right, value/unit on the left. */
html.yf-lang-ar .yf-detail-specs>div,
body.yf-lang-ar .yf-detail-specs>div{
  direction:rtl!important;
  flex-direction:row!important;
  text-align:right!important;
}
html.yf-lang-ar .yf-detail-specs>div>span:first-child,
body.yf-lang-ar .yf-detail-specs>div>span:first-child{text-align:right!important;}
html.yf-lang-ar .yf-detail-specs .yf-spec-val,
body.yf-lang-ar .yf-detail-specs .yf-spec-val{text-align:left!important;margin-left:0!important;margin-right:auto!important;}

/* Final Arabic specification override: beat older detail-page RTL patches. */
html.yf-lang-ar body .yf-detail-page .yf-detail-specs > div,
body.yf-lang-ar .yf-detail-page .yf-detail-specs > div{
  direction:rtl!important;
  flex-direction:row!important;
  justify-content:space-between!important;
}
html.yf-lang-ar body .yf-detail-page .yf-detail-specs > div > span:first-child,
body.yf-lang-ar .yf-detail-page .yf-detail-specs > div > span:first-child{
  direction:rtl!important;
  unicode-bidi:plaintext!important;
  margin:0!important;
  text-align:right!important;
}
html.yf-lang-ar body .yf-detail-page .yf-detail-specs > div > .yf-spec-val,
body.yf-lang-ar .yf-detail-page .yf-detail-specs > div > .yf-spec-val{
  direction:ltr!important;
  unicode-bidi:isolate!important;
  margin-left:0!important;
  margin-right:auto!important;
  text-align:left!important;
}

/* QT-102 audit hardening: mobile lightbox controls are equidistant from both edges. */
@media(max-width:767px){
  #yfLightbox .yf-lightbox-prev{left:10px!important;right:auto!important;}
  #yfLightbox .yf-lightbox-next{right:10px!important;left:auto!important;}
  #yfLightbox .yf-lightbox-close{right:10px!important;left:auto!important;}
}

/* QT-102 final popup audit: Factory Contact uses the same mobile heading geometry
   as every other popup. English/Chinese: title left, close right. Arabic: title right, close left. */

/* Product Inquiry heading and two-column actions. */
html body .yf-product-msg-head{
  background:var(--yf-brand-orange)!important;
  color:#fff!important;
  border-bottom-color:var(--yf-brand-orange)!important;
}
html body .yf-product-msg-actions{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:9px!important;
}
html body .yf-product-msg-actions>button{
  width:100%!important;
  min-width:0!important;
  margin:0!important;
}

/* Factory Contact: every information card is white with a fine gray outline.
   China-time status intentionally keeps its current online/offline palette. */
html body .yf-factory-v2-mask.main .yf-fc-plan,
html body .yf-factory-v2-mask.main .yf-fc-preview-card,
html body .yf-factory-v2-mask.payment .yf-fc-payment,
html body .yf-factory-v2-mask.preview .yf-supplier-summary,
html body .yf-factory-v2-mask.preview .yf-supplier-counters span{
  background:#fff!important;
  border-color:#dfe5ec!important;
  box-shadow:none!important;
}

/* Supplier preview: no extracted supplier name, compact white summary,
   five products per desktop row and two per mobile row. */

/* The supplier-preview return chevron is drawn in the exact center of its circle. */

html body [data-copy-order-amount],
html body [data-copy-amount]{display:none!important;}

/* QT-103.1 — final service-popup corrections from the six-screen review. */
/* Keep the supplier-preview back chevron geometrically centred. */

/* The compact supplier summary has no extracted supplier name and must not retain old card height. */
html body .yf-factory-v2-mask.preview .yf-supplier-summary{
  min-height:0!important;
  height:auto!important;
  margin-bottom:10px!important;
  padding:8px 10px!important;
}
html body .yf-factory-v2-mask.preview .yf-supplier-summary>p{
  margin:0 0 3px!important;
  line-height:1.35!important;
}
html body .yf-factory-v2-mask.preview .yf-supplier-summary>div{
  margin:0!important;
  line-height:1.45!important;
}

/* One supplier row contains five products; regular supply can expand to two rows of five. */


/* Payment and factory-contact informational cards remain flat white; China-time status is excluded. */

/* QT-104 — first-login account setup: closeable modal, one-time username, password visibility. */

/* QT-105 — customer login/logout stays inside the storefront. */
html body .yf-customer-login-form,
html body .yf-logout-confirm{
  padding:17px;
  overflow:auto;
}
html body .yf-logout-confirm p{
  margin:4px 0 16px;
  color:#475569;
  line-height:1.65;
}
html body .yf-logout-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
html body .yf-logout-actions .yf-service-primary,
html body .yf-logout-actions .yf-service-secondary{
  margin-top:0!important;
}
html.yf-lang-ar body .yf-customer-login-form,
body.yf-lang-ar .yf-customer-login-form,
html.yf-lang-ar body .yf-logout-confirm,
body.yf-lang-ar .yf-logout-confirm{
  direction:rtl;
  text-align:right;
}
@media(max-width:640px){
  html body .yf-customer-login-form,
  html body .yf-logout-confirm{padding:14px;}
}

/* QT-105: keep first-login password recovery available after the prompt is closed. */


/* QT-108 — complete account registration and email verification flow. */
html body .yf-verification-notice-mask{position:fixed;inset:0;z-index:2147483646;display:none;align-items:center;justify-content:center;padding:16px;box-sizing:border-box;background:rgba(15,23,42,.52);}
html body .yf-verification-notice-mask.show{display:flex;}
html body .yf-verification-notice-box{position:relative;width:min(410px,100%);padding:28px 24px 24px;box-sizing:border-box;border-radius:16px;background:#fff;box-shadow:0 24px 70px rgba(15,23,42,.28);text-align:center;}
html body .yf-verification-notice-icon{display:flex;align-items:center;justify-content:center;width:54px;height:54px;margin:0 auto 14px;border-radius:50%;background:#16a34a;color:#fff;font-size:34px;font-weight:800;line-height:1;}
html body .yf-verification-notice-box>b{display:block;color:#243244;font-size:17px;}
html body .yf-verification-notice-box>p{margin:10px 0 0;color:#5f6b7b;font-size:14px;line-height:1.7;white-space:pre-line;}
html body .yf-verification-notice-close{position:absolute;top:10px;right:10px;width:32px;height:32px;border:0;border-radius:50%;background:#f1f5f9;cursor:pointer;}
html body .yf-verification-notice-close::before,
html body .yf-verification-notice-close::after{content:"";position:absolute;left:9px;top:15px;width:14px;height:2px;border-radius:2px;background:#334155;}
html body .yf-verification-notice-close::before{transform:rotate(45deg);}
html body .yf-verification-notice-close::after{transform:rotate(-45deg);}
html.yf-lang-ar body .yf-verification-notice-close,
body.yf-lang-ar .yf-verification-notice-close{right:auto;left:10px;}
@media(max-width:640px){
  html body .yf-verification-notice-mask{align-items:center;padding:12px;}
}
html body .yf-verification-notice-mask.is-warning .yf-verification-notice-icon{
  background:#f59e0b;
  font-size:31px;
}

/* QT-109 — compact account application layout and consistent outline-button press feedback. */


/* QT-196: Contact Us > Leave a Message uses the shared arrow-only popup back control. */
html body .yf-sheet.sheet-contact.yf-msg-form-open .yf-sheet-head .yf-sheet-back{
  display:block!important;
  width:30px!important;
  min-width:30px!important;
  height:34px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:transparent!important;
  font-size:0!important;
  line-height:0!important;
  text-decoration:none!important;
  overflow:visible!important;
  white-space:normal!important;
}
html body .yf-sheet.sheet-contact.yf-msg-form-open .yf-sheet-head .yf-sheet-back-arrow,
html body .yf-sheet.sheet-contact.yf-msg-form-open .yf-sheet-head .yf-sheet-back-label{
  display:none!important;
}


/* QT-112 — merge saved products into Contact Us and keep the card compact/adaptive. */
html body .yf-sheet.sheet-contact .yf-contact-combined-body{
  display:flex!important;
  flex-direction:column!important;
  min-height:0!important;
  height:auto!important;
  overflow:hidden!important;
  padding:10px 12px 12px!important;
}
html body .yf-sheet.sheet-contact .yf-contact-scroll{
  flex:1 1 auto!important;
  min-height:0!important;
  width:100%!important;
  max-width:none!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding:0!important;
  margin:0!important;
}

html body .yf-sheet.sheet-contact .yf-contact-interest-list{
  display:flex!important;
  flex-direction:column!important;
  gap:6px!important;
  width:100%!important;
  margin:0 0 8px!important;
  padding:0!important;
  box-sizing:border-box!important;
}
html body .yf-sheet.sheet-contact .yf-contact-interest-list .yf-interest-item{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  width:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:3px 9px!important;
  border:1px solid #ececec!important;
  border-radius:10px!important;
  background:#f5f5f5!important;
  box-shadow:none!important;
  box-sizing:border-box!important;
}
html body .yf-sheet.sheet-contact .yf-contact-interest-list .yf-interest-check{
  flex:0 0 auto!important;
  width:18px!important;
  height:18px!important;
  margin:0!important;
  accent-color:var(--yf-brand-orange)!important;
}
html body .yf-sheet.sheet-contact .yf-contact-interest-list .yf-interest-img{
  flex:0 0 auto!important;
  width:50px!important;
  height:50px!important;
  margin:0!important;
  border:0!important;
  border-radius:7px!important;
  background:#fff!important;
  object-fit:cover!important;
  cursor:pointer!important;
}
html body .yf-sheet.sheet-contact .yf-contact-interest-list .yf-interest-spacer{
  flex:1 1 auto!important;
  min-width:0!important;
}
html body .yf-sheet.sheet-contact .yf-contact-interest-list .yf-interest-del{
  flex:0 0 auto!important;
  width:32px!important;
  height:32px!important;
  margin:0!important;
  border:1px solid #d8d8d8!important;
  border-radius:50%!important;
  background:#e7e7e7!important;
  color:#666!important;
  box-shadow:none!important;
  cursor:pointer!important;
}
html body .yf-sheet.sheet-contact .yf-contact-row{
  width:100%!important;
  margin:0 0 6px!important;
  box-sizing:border-box!important;
}
html body .yf-sheet.sheet-contact .yf-contact-tip{
  width:100%!important;
  margin:2px 0 0!important;
  padding:0!important;
  text-align:center!important;
}
html body .yf-sheet.sheet-contact .yf-contact-merged-actions{
  flex:0 0 auto!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
  width:100%!important;
  max-width:none!important;
  margin:8px 0 0!important;
  padding:0!important;
  background:#fff!important;
  box-sizing:border-box!important;
}
html body .yf-sheet.sheet-contact .yf-contact-merged-actions > button,
html body .yf-sheet.sheet-contact .yf-contact-merged-actions > a{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  min-height:40px!important;
  height:40px!important;
  margin:0!important;
  padding:0 8px!important;
  border-radius:10px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  font-size:13px!important;
  font-weight:800!important;
  line-height:1.2!important;
  box-sizing:border-box!important;
  white-space:normal!important;
}
html body .yf-sheet.sheet-contact .yf-contact-merged-actions .yf-interest-send-merchant,
html body .yf-sheet.sheet-contact .yf-contact-merged-actions .yf-interest-share-friend{
  border:1px solid var(--yf-wa-green)!important;
  background:var(--yf-wa-green)!important;
  color:#fff!important;
  box-shadow:none!important;
}
html body .yf-sheet.sheet-contact .yf-contact-merged-actions .yf-msg-btn,
html body .yf-sheet.sheet-contact .yf-contact-merged-actions .yf-interest-download{
  border:1px solid rgba(244,125,53,.46)!important;
  background:#fff!important;
  color:var(--yf-brand-orange)!important;
  box-shadow:none!important;
  text-shadow:none!important;
}
html body .yf-sheet.sheet-contact .yf-contact-merged-actions > button:active,
html body .yf-sheet.sheet-contact .yf-contact-merged-actions > a:active{
  box-shadow:none!important;
}
html body .yf-sheet.sheet-contact .yf-contact-merged-actions .yf-msg-btn:active,
html body .yf-sheet.sheet-contact .yf-contact-merged-actions .yf-interest-download:active{
  background:#fff!important;
  color:var(--yf-brand-orange)!important;
  border-color:rgba(244,125,53,.46)!important;
}
html.yf-lang-ar body .yf-sheet.sheet-contact .yf-contact-interest-list,
body.yf-lang-ar .yf-sheet.sheet-contact .yf-contact-interest-list,
html.yf-lang-ar body .yf-sheet.sheet-contact .yf-contact-row,
body.yf-lang-ar .yf-sheet.sheet-contact .yf-contact-row{
  direction:rtl!important;
}
@media(max-width:767px){
  html body .yf-sheet.sheet-contact .yf-contact-combined-body{padding:9px 10px 10px!important;}
  html body .yf-sheet.sheet-contact .yf-contact-merged-actions{gap:7px!important;margin-top:7px!important;}
  html body .yf-sheet.sheet-contact .yf-contact-merged-actions > button,
  html body .yf-sheet.sheet-contact .yf-contact-merged-actions > a{
    min-height:38px!important;
    height:38px!important;
    font-size:12.5px!important;
    padding:0 6px!important;
  }
  html body .yf-sheet.sheet-contact .yf-contact-interest-list .yf-interest-img{
    width:46px!important;
    height:46px!important;
  }
}
/* Contact Us may grow with the introduction and merged saved products until the viewport limit. */
html body #yfSheet.yf-sheet.show.sheet-contact{
  height:auto!important;
  min-height:0!important;
  max-height:calc(100vh - 62px)!important;
  max-height:calc(100dvh - 62px)!important;
}
@media(min-width:768px){
  html body #yfSheet.yf-sheet.show.sheet-contact{
    max-height:calc(100vh - 58px)!important;
  }
}
html body .yf-sheet.sheet-contact .yf-contact-interest-list .yf-interest-del::before{
  content:""!important;
  display:block!important;
  width:14px!important;
  height:2px!important;
  margin:auto!important;
  border-radius:2px!important;
  background:#555!important;
}
html body .yf-sheet.sheet-contact .yf-contact-interest-list .yf-interest-del::after{
  content:none!important;
  display:none!important;
}

/* QT-114 / HT-86: product-specific bottom price and compact supplier preview. */
html body .yf-factory-v2-mask.preview .yf-supplier-preview-body{
  padding-bottom:18px!important;
}
html body .yf-factory-v2-mask.preview .yf-supplier-summary{
  margin-bottom:10px!important;
}
html body .yf-factory-v2-mask.preview .yf-supplier-summary>div{
  font-weight:700!important;
  color:#273244!important;
}
html body .yf-factory-v2-mask.preview .yf-supplier-gallery{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:8px!important;
  margin:0 0 10px!important;
}
html body .yf-factory-v2-mask.preview .yf-supplier-gallery-item{
  min-width:0!important;
  padding:0!important;
  border:1px solid #e3e8ee!important;
  border-radius:9px!important;
  overflow:hidden!important;
  background:#fff!important;
  color:#273244!important;
  display:flex!important;
  flex-direction:column!important;
  cursor:pointer!important;
}
html body .yf-factory-v2-mask.preview .yf-supplier-gallery-item.is-current{
  border-color:#f47d35!important;
}
html body .yf-factory-v2-mask.preview .yf-supplier-gallery-item img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:1/1!important;
  object-fit:cover!important;
  background:#f1f5f9!important;
}
html body .yf-factory-v2-mask.preview .yf-supplier-gallery-item strong{
  min-height:30px!important;
  padding:5px 6px!important;
  display:flex!important;
  align-items:center!important;
  box-sizing:border-box!important;
  color:#b45309!important;
  font-size:11px!important;
  line-height:1.2!important;
  text-align:left!important;
  direction:ltr!important;
}
html body .yf-factory-v2-mask.preview .yf-supplier-photo{
  aspect-ratio:auto!important;
  border:1px solid #e3e8ee!important;
  border-radius:9px!important;
  overflow:hidden!important;
}
html body .yf-factory-v2-mask.preview .yf-supplier-photo strong{
  color:transparent!important;
  user-select:none!important;
}
html body .yf-factory-v2-mask.preview .yf-supplier-counters-bottom{
  display:grid!important;
  grid-template-columns:1fr!important;
  margin:0!important;
}
html body .yf-factory-v2-mask.preview .yf-supplier-counters-bottom span{
  font-size:13px!important;
  line-height:1.45!important;
}
html body .yf-detail-page .yf-detail-member-cost{
  order:19!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin:8px 0 0!important;
  padding:10px 12px!important;
  box-sizing:border-box!important;
  border:1px solid #f5b58e!important;
  border-radius:9px!important;
  background:#fff7ed!important;
  color:#9a3412!important;
  font-size:14px!important;
  font-weight:700!important;
}
html body .yf-detail-page .yf-detail-member-cost b{
  color:#dc2626!important;
  font-size:16px!important;
  white-space:nowrap!important;
}
@media(max-width:640px){
  html body .yf-factory-v2-mask.preview .yf-supplier-gallery{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
  }
  html body .yf-factory-v2-mask.preview .yf-supplier-gallery-item strong{
    min-height:29px!important;
    font-size:10.5px!important;
  }
}
@media(max-width:640px){
  html body .yf-factory-v2-mask.preview .yf-supplier-gallery-item:nth-child(n+3){display:none!important;}
}


/* QT-115: supplier-preview back arrow matches the close X stroke weight. */

/* QT-116: About Us sheet, shared by homepage and product detail menu. */
html body .yf-sheet.sheet-about{width:min(560px,calc(100vw - 24px))!important;max-width:560px!important}
html body .yf-sheet.sheet-about .yf-about-sheet-body{display:flex;flex-direction:column;min-height:0;max-height:min(72vh,650px);background:#fff}
html body .yf-sheet.sheet-about .yf-about-sheet-scroll{overflow:auto;padding:18px 20px 12px;overscroll-behavior:contain}
html body .yf-sheet.sheet-about .yf-about-summary{display:flex;align-items:flex-start;gap:12px;padding:0}
html body .yf-sheet.sheet-about .yf-about-summary>svg{width:40px;height:40px;flex:0 0 40px;fill:none;stroke:#f47d35;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
html body .yf-sheet.sheet-about .yf-about-summary h2{margin:0 0 6px;font-size:19px;line-height:1.25;font-weight:800;color:#1d1d1d}
html body .yf-sheet.sheet-about .yf-about-summary p{margin:0;font-size:12px;line-height:1.55;color:#444}
html body .yf-sheet.sheet-about .yf-about-body{margin:13px 0;font-size:12px;line-height:1.65;color:#444}
html body .yf-sheet.sheet-about .yf-about-services{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
html body .yf-sheet.sheet-about .yf-about-service{display:flex;align-items:flex-start;gap:7px;padding:8px;border:1px solid #f0ebe6;border-radius:8px;background:#fffaf6}
html body .yf-sheet.sheet-about .yf-about-service>svg{width:23px;height:23px;flex:0 0 23px;fill:none;stroke:#f47d35;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
html body .yf-sheet.sheet-about .yf-about-service b{display:block;font-size:11px;line-height:1.35;color:#e86d25}
html body .yf-sheet.sheet-about .yf-about-service span{display:block;margin-top:3px;font-size:10px;line-height:1.4;color:#555}
html body .yf-sheet.sheet-about .yf-about-sheet-actions{padding:10px 20px 14px;border-top:1px solid #eee;background:#fff}
html body .yf-sheet.sheet-about .yf-about-sheet-actions button{width:100%;height:38px;border:1px solid rgba(244,125,53,.65);border-radius:7px;background:#fff;color:#e86d25;font-size:13px;font-weight:800;cursor:pointer}
html.yf-lang-ar body .yf-sheet.sheet-about .yf-about-sheet-body,body.yf-lang-ar .yf-sheet.sheet-about .yf-about-sheet-body{direction:rtl;text-align:right}
@media(max-width:767px){
  html body .yf-sheet.sheet-about{width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important}
  html body .yf-sheet.sheet-about .yf-about-sheet-body{max-height:calc(100vh - 110px)}
  html body .yf-sheet.sheet-about .yf-about-sheet-scroll{padding:14px 14px 10px}
  html body .yf-sheet.sheet-about .yf-about-services{grid-template-columns:1fr}
  html body .yf-sheet.sheet-about .yf-about-sheet-actions{padding:9px 14px 12px}
}


/* QT-117: About Us optional image gallery; horizontal scroll prevents viewport overflow. */
html body .yf-sheet.sheet-about .yf-about-gallery{display:flex;gap:8px;margin:0 0 13px;padding:1px 1px 7px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin}
html body .yf-sheet.sheet-about .yf-about-photo{flex:0 0 180px;aspect-ratio:4/3;margin:0;border:1px solid #e7ddd4;border-radius:8px;overflow:hidden;background:#f3f4f6;scroll-snap-align:start}
html body .yf-sheet.sheet-about .yf-about-photo img{display:block;width:100%;height:100%;object-fit:cover}
@media(max-width:767px){html body .yf-sheet.sheet-about .yf-about-photo{flex-basis:min(72vw,230px)}}

/* QT-118: match About Us popup service hierarchy to the homepage card. */
html body .yf-sheet.sheet-about .yf-about-service b{
  display:flex;
  align-items:flex-start;
  gap:6px;
  color:#2f2f2f;
  font-size:12.5px;
  line-height:1.4;
  font-weight:700;
}
html body .yf-sheet.sheet-about .yf-about-service b::before{
  content:"";
  width:5.5px;
  height:5.5px;
  flex:0 0 5.5px;
  margin-top:.45em;
  border-radius:50%;
  background:#f47d35;
}
html body .yf-sheet.sheet-about .yf-about-service span{
  display:block;
  margin-top:4px;
  color:#666;
  font-size:11px;
  line-height:1.5;
  font-weight:400;
}
@media(max-width:767px){
  html body .yf-sheet.sheet-about .yf-about-service b{font-size:12px;gap:5px}
  html body .yf-sheet.sheet-about .yf-about-service b::before{width:5px;height:5px;flex-basis:5px}
  html body .yf-sheet.sheet-about .yf-about-service span{font-size:10.5px;line-height:1.48}
}


/* QT-120 — customer account centre: orders first, benefits second, registration profile last. */

/* QT-133: keep the same stronger text weight inside the About Us popup. */
html body .yf-sheet.sheet-about .yf-about-summary p,
html body .yf-sheet.sheet-about .yf-about-body,
html body .yf-sheet.sheet-about .yf-about-service span{font-weight:600!important}

/* QT-140: deterministic home-card geometry across EN/ZH/AR.
   Price and MOQ are always exactly 6px above the card-info bottom edge.
   Language changes only swap left/right ownership; they never change vertical geometry. */
html body .yf-home .yf-card .yf-card-info{
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) max-content!important;
  grid-template-rows:auto!important;
  align-items:start!important;
  column-gap:8px!important;
  height:50px!important;
  min-height:50px!important;
  max-height:50px!important;
  margin:0!important;
  padding:5px 6px 24px!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
html body .yf-home .yf-card .yf-card-main{
  position:static!important;
  grid-column:1!important;
  grid-row:1!important;
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  gap:2px!important;
  direction:ltr!important;
  text-align:left!important;
}
html body .yf-home .yf-card .yf-card-meta{
  position:static!important;
  grid-column:2!important;
  grid-row:1!important;
  justify-self:end!important;
  align-self:start!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  gap:2px!important;
  margin:0!important;
  padding:0!important;
  direction:ltr!important;
  text-align:left!important;
}
html body .yf-home .yf-card .yf-card-name,
html body .yf-home .yf-card .yf-card-stock{
  position:static!important;
  inset:auto!important;
  top:auto!important;
  right:auto!important;
  bottom:auto!important;
  left:auto!important;
}
html body .yf-home .yf-card .yf-card-price{
  position:absolute!important;
  left:6px!important;
  right:78px!important;
  bottom:6px!important;
  top:auto!important;
  width:auto!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  line-height:1.15!important;
  direction:ltr!important;
  unicode-bidi:isolate!important;
  text-align:left!important;
  white-space:nowrap!important;
}
html body .yf-home .yf-card .yf-card-moq{
  position:absolute!important;
  right:6px!important;
  left:auto!important;
  bottom:6px!important;
  top:auto!important;
  width:auto!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  line-height:1.15!important;
  display:inline-flex!important;
  flex-direction:row!important;
  align-items:baseline!important;
  justify-content:flex-start!important;
  gap:0!important;
  direction:ltr!important;
  unicode-bidi:isolate!important;
  text-align:left!important;
  white-space:nowrap!important;
}
html body .yf-home .yf-card .yf-card-stock{
  display:inline-flex!important;
  flex-direction:row!important;
  align-items:baseline!important;
  justify-content:flex-start!important;
  gap:0!important;
  direction:ltr!important;
  unicode-bidi:isolate!important;
  text-align:left!important;
  white-space:nowrap!important;
}
html body .yf-home .yf-card .yf-stat-label,
html body .yf-home .yf-card .yf-stat-colon,
html body .yf-home .yf-card .yf-stat-value{
  display:inline-block!important;
  flex:0 0 auto!important;
  direction:ltr!important;
  unicode-bidi:isolate!important;
  white-space:nowrap!important;
}

/* Arabic: title and price on the right; STK and MOQ on the left.
   Only the Arabic title is RTL. Latin labels, numbers, units and punctuation remain LTR. */
html.yf-lang-ar body .yf-home .yf-card .yf-card-info,
body.yf-lang-ar .yf-home .yf-card .yf-card-info{
  direction:ltr!important;
  grid-template-columns:max-content minmax(0,1fr)!important;
}
html.yf-lang-ar body .yf-home .yf-card .yf-card-main,
body.yf-lang-ar .yf-home .yf-card .yf-card-main{
  grid-column:2!important;
  grid-row:1!important;
  min-width:0!important;
  align-items:flex-end!important;
  direction:ltr!important;
  text-align:right!important;
}
html.yf-lang-ar body .yf-home .yf-card .yf-card-meta,
body.yf-lang-ar .yf-home .yf-card .yf-card-meta{
  grid-column:1!important;
  grid-row:1!important;
  justify-self:start!important;
  align-items:flex-start!important;
  direction:ltr!important;
  text-align:left!important;
}
html.yf-lang-ar body .yf-home .yf-card .yf-card-name,
body.yf-lang-ar .yf-home .yf-card .yf-card-name{
  width:100%!important;
  direction:rtl!important;
  unicode-bidi:isolate!important;
  text-align:right!important;
  align-self:flex-end!important;
}
html.yf-lang-ar body .yf-home .yf-card .yf-card-name[dir="ltr"],
body.yf-lang-ar .yf-home .yf-card .yf-card-name[dir="ltr"]{
  direction:ltr!important;
  unicode-bidi:isolate!important;
}
/* QT-146: an Overstock title badge must size to its translated text.  The
   generic Arabic title rule uses width:100% for ordinary cards; do not let
   that rule stretch the highlighted Overstock badge across the card. */
html.yf-lang-ar body .yf-home .yf-card[data-stock="Overstock"] .yf-card-name,
body.yf-lang-ar .yf-home .yf-card[data-stock="Overstock"] .yf-card-name,
html.yf-lang-ar body .yf-home .yf-card.yf-card-overstock .yf-card-name,
body.yf-lang-ar .yf-home .yf-card.yf-card-overstock .yf-card-name{
  display:inline-block!important;
  width:fit-content!important;
  inline-size:fit-content!important;
  max-width:100%!important;
  max-inline-size:100%!important;
  min-width:0!important;
  flex:0 1 auto!important;
  align-self:flex-end!important;
}
html.yf-lang-ar body .yf-home .yf-card .yf-card-price,
body.yf-lang-ar .yf-home .yf-card .yf-card-price{
  left:78px!important;
  right:6px!important;
  bottom:6px!important;
  direction:ltr!important;
  unicode-bidi:isolate!important;
  text-align:right!important;
}
html.yf-lang-ar body .yf-home .yf-card .yf-card-moq,
body.yf-lang-ar .yf-home .yf-card .yf-card-moq{
  left:6px!important;
  right:auto!important;
  bottom:6px!important;
  flex-direction:row-reverse!important;
  direction:ltr!important;
  unicode-bidi:isolate!important;
  text-align:left!important;
}
html.yf-lang-ar body .yf-home .yf-card .yf-card-stock,
body.yf-lang-ar .yf-home .yf-card .yf-card-stock{
  flex-direction:row-reverse!important;
  direction:ltr!important;
  unicode-bidi:isolate!important;
  text-align:left!important;
}

/* Defensive cleanup: home cards never expose member cost rows or their dashed separator. */
html body .yf-home .yf-card .yf-card-cost,
html body .yf-home .yf-card [data-yf-home-cost-row]{
  display:none!important;
  visibility:hidden!important;
  width:0!important;
  height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  overflow:hidden!important;
}

@media(max-width:767px){
  html body .yf-home .yf-card .yf-card-info{
    column-gap:6px!important;
    height:50px!important;
    min-height:50px!important;
    max-height:50px!important;
    padding:5px 5px 24px!important;
  }
  html body .yf-home .yf-card .yf-card-price{
    left:5px!important;
    right:70px!important;
    bottom:6px!important;
  }
  html body .yf-home .yf-card .yf-card-moq{
    right:5px!important;
    left:auto!important;
    bottom:6px!important;
  }
  html.yf-lang-ar body .yf-home .yf-card .yf-card-price,
  body.yf-lang-ar .yf-home .yf-card .yf-card-price{
    left:70px!important;
    right:5px!important;
    bottom:6px!important;
  }
  html.yf-lang-ar body .yf-home .yf-card .yf-card-moq,
  body.yf-lang-ar .yf-home .yf-card .yf-card-moq{
    left:5px!important;
    right:auto!important;
    bottom:6px!important;
  }
}



/* QT-141: compact Contact Us rows and an unfilled saved-product checkbox. */
html body .yf-sheet.sheet-contact .yf-contact-row{
  display:flex!important;
  align-items:center!important;
  min-height:56px!important;
  height:56px!important;
  padding:5px 8px!important;
  margin:0 0 6px!important;
  border-radius:8px!important;
  box-sizing:border-box!important;
}
html body .yf-sheet.sheet-contact .yf-contact-row > div{
  min-width:0!important;
  align-self:center!important;
}
html body .yf-sheet.sheet-contact .yf-contact-row small{
  margin:0 0 1px!important;
  font-size:11px!important;
  line-height:1.2!important;
}
html body .yf-sheet.sheet-contact .yf-contact-row span:not(.yf-contact-copy-label){
  display:block!important;
  font-size:13px!important;
  line-height:1.25!important;
}
html body .yf-sheet.sheet-contact .yf-contact-interest-list .yf-interest-check{
  position:relative!important;
  display:inline-block!important;
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  min-height:18px!important;
  margin:0!important;
  padding:0!important;
  border:1.5px solid #9ca3af!important;
  border-radius:4px!important;
  background:#fff!important;
  box-shadow:none!important;
  accent-color:auto!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  outline:none!important;
  cursor:pointer!important;
  box-sizing:border-box!important;
}
html body .yf-sheet.sheet-contact .yf-contact-interest-list .yf-interest-check::after{
  content:""!important;
  position:absolute!important;
  left:5px!important;
  top:2px!important;
  width:5px!important;
  height:9px!important;
  border:solid var(--yf-brand-orange)!important;
  border-width:0 2px 2px 0!important;
  transform:rotate(45deg) scale(0)!important;
  transform-origin:center!important;
  transition:none!important;
  pointer-events:none!important;
}
html body .yf-sheet.sheet-contact .yf-contact-interest-list .yf-interest-check:checked{
  border-color:#9ca3af!important;
  background:#fff!important;
}
html body .yf-sheet.sheet-contact .yf-contact-interest-list .yf-interest-check:checked::after{
  transform:rotate(45deg) scale(1)!important;
}
html body .yf-sheet.sheet-contact .yf-contact-interest-list .yf-interest-check:focus,
html body .yf-sheet.sheet-contact .yf-contact-interest-list .yf-interest-check:focus-visible{
  outline:none!important;
  box-shadow:none!important;
}

/* QT-141: match contact-information cards to the saved-product row height. */
html body .yf-sheet.sheet-contact .yf-contact-row{
  min-height:58px!important;
  height:58px!important;
}
@media(max-width:767px){
  html body .yf-sheet.sheet-contact .yf-contact-row{
    min-height:54px!important;
    height:54px!important;
  }
}

/* QT-149: match the About Us popup gallery gap to the homepage panel. */
html body .yf-sheet.sheet-about .yf-about-services + .yf-about-gallery{
  margin-top:8px!important;
}


/* QT-151: the Chinese About Us description is deliberately balanced into three desktop lines. */
html body .yf-sheet.sheet-about .yf-about-body-line{
  display:block!important;
}

/* QT-167: Contact Us direction follows the sheet's current language, not a stale
   page-level Arabic class. This is authoritative after switching AR -> ZH/EN
   without a page refresh. */
html body .yf-sheet.sheet-contact.yf-sheet-lang-ltr,
html body .yf-sheet.sheet-contact[data-yf-sheet-lang="EN"],
html body .yf-sheet.sheet-contact[data-yf-sheet-lang="ZH"]{
  direction:ltr!important;
  text-align:left!important;
}
html body .yf-sheet.sheet-contact.yf-sheet-lang-ltr .yf-sheet-head,
html body .yf-sheet.sheet-contact.yf-sheet-lang-ltr .yf-sheet-body,
html body .yf-sheet.sheet-contact.yf-sheet-lang-ltr .yf-contact-scroll,
html body .yf-sheet.sheet-contact.yf-sheet-lang-ltr .yf-contact-row,
html body .yf-sheet.sheet-contact.yf-sheet-lang-ltr .yf-contact-actions,
html body .yf-sheet.sheet-contact[data-yf-sheet-lang="EN"] .yf-contact-row,
html body .yf-sheet.sheet-contact[data-yf-sheet-lang="ZH"] .yf-contact-row{
  direction:ltr!important;
}
html body .yf-sheet.sheet-contact.yf-sheet-lang-ltr .yf-contact-row > div,
html body .yf-sheet.sheet-contact[data-yf-sheet-lang="EN"] .yf-contact-row > div,
html body .yf-sheet.sheet-contact[data-yf-sheet-lang="ZH"] .yf-contact-row > div{
  text-align:left!important;
}
html body .yf-sheet.sheet-contact.yf-sheet-lang-rtl,
html body .yf-sheet.sheet-contact[data-yf-sheet-lang="AR"]{
  direction:rtl!important;
  text-align:right!important;
}
html body .yf-sheet.sheet-contact.yf-sheet-lang-rtl .yf-sheet-head,
html body .yf-sheet.sheet-contact.yf-sheet-lang-rtl .yf-sheet-body,
html body .yf-sheet.sheet-contact.yf-sheet-lang-rtl .yf-contact-scroll,
html body .yf-sheet.sheet-contact.yf-sheet-lang-rtl .yf-contact-row,
html body .yf-sheet.sheet-contact.yf-sheet-lang-rtl .yf-contact-actions,
html body .yf-sheet.sheet-contact[data-yf-sheet-lang="AR"] .yf-contact-row{
  direction:rtl!important;
}
html body .yf-sheet.sheet-contact.yf-sheet-lang-rtl .yf-contact-row > div,
html body .yf-sheet.sheet-contact[data-yf-sheet-lang="AR"] .yf-contact-row > div{
  text-align:right!important;
}



/* QT-209: popup chrome keeps one physical layout in every language. */
html body .yf-sheet .yf-sheet-head,
html body .yf-service-ui-head,
html body .yf-about-dismiss-head{position:relative!important;direction:ltr!important;justify-content:center!important;padding-left:52px!important;padding-right:52px!important;}
html body .yf-sheet .yf-sheet-head>span,
html body .yf-sheet .yf-sheet-head>strong,
html body .yf-sheet .yf-sheet-head>b,
html body .yf-service-ui-head>span,
html body .yf-service-ui-head>strong,
html body .yf-service-ui-head>b,
html body .yf-about-dismiss-head>b{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:calc(100% - 112px)!important;margin:0!important;text-align:center!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
html body .yf-sheet .yf-sheet-head>.yf-sheet-close,
html body .yf-service-ui-head [data-yf-service-close],
html body .yf-about-dismiss-head>button{position:absolute!important;right:7px!important;left:auto!important;top:50%!important;transform:translateY(-50%)!important;}
html body .yf-sheet .yf-sheet-head>.yf-sheet-back{position:absolute!important;left:8px!important;right:auto!important;top:50%!important;transform:translateY(-50%)!important;}
html.yf-lang-ar body .yf-sheet .yf-sheet-head>.yf-sheet-back,
body.yf-lang-ar .yf-sheet .yf-sheet-head>.yf-sheet-back{transform:translateY(-50%)!important;}
html body .yf-sheet.sheet-about .yf-about-sheet-scroll{position:relative!important;}
html body .yf-sheet.sheet-about .yf-about-brand-logo{position:absolute!important;left:var(--yf-about-logo-x,14%)!important;top:var(--yf-about-logo-y,18%)!important;transform:translate(-50%,-50%)!important;z-index:4!important;display:block!important;width:auto!important;max-width:20%!important;max-height:64px!important;object-fit:contain!important;pointer-events:none!important;filter:drop-shadow(0 1px 2px rgba(0,0,0,.16))!important;}