/* MrComment 1.14.1 — product-page tabs always stay in ONE row (4–5+ tabs, any phone width / orientation).
   1.14.2: each tab is as wide as its own label needs (a long label like «پرسش و پاسخ» gets more room than «معرفی»),
   and while the bar is stuck (compact) labels never wrap, so every tab keeps the same height and alignment.
   Switch: module settings → «تب‌های صفحه محصول همیشه در یک ردیف».
   (icon sizes of every tab: pandachild custom_rtl.css → .sb-tab-ico) */
html body #myTabb{display:flex!important;flex-flow:row nowrap!important;align-items:stretch;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none}
html body #myTabb::-webkit-scrollbar{display:none}
html body #myTabb>li,html body #myTabb>.nav-item{flex:1 1 auto!important;min-width:0!important;width:auto!important;max-width:none!important;float:none!important;margin-inline:0!important}
html body #myTabb>li>a,html body #myTabb .nav-link{box-sizing:border-box;min-width:0;max-width:100%;overflow-wrap:anywhere}
@media (max-width:767px){
  html body #myTabb>li>a,html body #myTabb .nav-link{padding-inline:clamp(2px,.8vw,8px)!important;font-size:clamp(10px,3.1vw,13.5px)!important;line-height:1.5!important;white-space:normal!important;text-align:center}
}
@media (max-width:359px){
  html body #myTabb>li>a,html body #myTabb .nav-link{font-size:10px!important;letter-spacing:-.1px}
}

/* 1.14.2 — compact (stuck) bar: one-line labels on every phone width, sized to fit instead of wrapping */
@media (max-width:767px){
  html body #myTabb.mrc-stuck>li>a,html body #myTabb.mrc-stuck .nav-link{white-space:nowrap!important;overflow-wrap:normal!important;font-size:clamp(10.5px,3vw,12.5px)!important;padding-inline:clamp(3px,1vw,6px)!important}
}
@media (max-width:380px){
  html body #myTabb.mrc-stuck .nav-link{gap:3px!important}
}