/* صفحة المنتج (موبايل): نقط بدل الصور الصغيرة + الألوان في صف واحد */
.gp-dots{display:none;}
@media (max-width:860px){
  .gallery-wrap .gallery-thumbs{display:none !important;}
  .gp-dots{position:absolute;bottom:12px;left:0;right:0;z-index:2;display:flex;justify-content:center;align-items:center;gap:5px;width:max-content;margin:0 auto;padding:6px 10px;border-radius:99px;background:rgba(15,25,40,.45);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none;}
  .gp-dots i{width:6px;height:6px;border-radius:99px;background:rgba(255,255,255,.55);transition:width .25s cubic-bezier(.2,.8,.2,1),background .2s;}
  .gp-dots i.on{width:18px;background:var(--orange,#f47b20);}
}
/* الألوان: صف واحد بيتحرك أفقيًا. لو 5 أو أقل بتظهر كلها بالتساوي، ولو أكتر بيظهر نص لون الأخير عشان العميل يفهم إنه يسحب */
#productContent .variant-select-group{min-width:0;}
#productContent #colorChipsRow{--vn:4.5;gap:8px;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;padding:3px 2px 6px;scrollbar-width:none;-webkit-overflow-scrolling:touch;}
#productContent #colorChipsRow::-webkit-scrollbar{display:none;}
#productContent #colorChipsRow .variant-color-chip{flex:0 0 auto;width:calc((100% - (var(--vn) - 1) * 8px) / var(--vn));max-width:104px;min-width:0;}
#productContent #colorChipsRow .variant-color-chip .vc-media{width:100%;height:auto;aspect-ratio:1/1;}
#productContent #colorChipsRow .variant-color-chip .vc-name{max-width:100%;}