/* Related products: a four-piece editorial rail with arrows and progress. */
body.single-product.maghsoodi-site .mgs-related-slider{
  width:min(calc(100% - 20px),1328px);margin:72px auto 90px;padding:0;border:0;direction:rtl;
  --mgs-related-gap:20px;--mgs-related-count:4;
}
body.single-product.maghsoodi-site .mgs-related-slider>h2{
  margin:0 0 28px;color:#24211e;font-size:28px;font-weight:400;line-height:1.55;text-align:center;
}
body.single-product.maghsoodi-site .mgs-related-viewport{width:100%;overflow:visible}
body.single-product.maghsoodi-site .mgs-related-slider.is-ready .mgs-related-viewport{overflow:hidden}
body.single-product.maghsoodi-site .mgs-related-track{
  display:flex!important;flex-flow:row wrap!important;gap:var(--mgs-related-gap)!important;
  width:100%;margin:0!important;padding:0!important;list-style:none;direction:rtl;transform:translate3d(0,0,0);
}
body.single-product.maghsoodi-site .mgs-related-slider.is-ready .mgs-related-track{flex-wrap:nowrap!important}
body.single-product.maghsoodi-site .mgs-related-track>li.mgs-related-card{
  float:none!important;flex:0 0 calc((100% - 60px)/4);
  width:calc((100% - 60px)/4)!important;
  min-width:0;max-width:none!important;margin:0!important;padding:0!important;
  background:#fff;text-align:center;
}
body.single-product.maghsoodi-site .mgs-related-photo{
  display:flex;align-items:center;justify-content:center;width:100%;height:450px;overflow:hidden;background:#fff;
}
body.single-product.maghsoodi-site .mgs-related-photo img{
  display:block!important;width:100%!important;height:100%!important;max-width:100%;
  margin:0!important;object-fit:contain!important;object-position:center!important;mix-blend-mode:normal;
}
body.single-product.maghsoodi-site .mgs-related-card h3{
  display:flex;align-items:flex-start;justify-content:center;min-height:54px;margin:18px 0 3px!important;
  font-size:14px!important;font-weight:400!important;line-height:1.7!important;text-align:center;color:#27231f;
}
body.single-product.maghsoodi-site .mgs-related-card h3 a{color:inherit;text-decoration:none}
body.single-product.maghsoodi-site .mgs-related-card h3 a:hover{text-decoration:underline;text-underline-offset:4px}
body.single-product.maghsoodi-site .mgs-related-categories,
body.single-product.maghsoodi-site .mgs-related-categories a{
  color:#aaa39a;font-size:11px;line-height:1.8;text-decoration:none;
}
body.single-product.maghsoodi-site .mgs-related-controls{
  display:grid;grid-template-columns:44px minmax(140px,400px) 44px;align-items:center;
  justify-content:center;gap:20px;margin:26px auto 0;direction:ltr;visibility:hidden;
}
body.single-product.maghsoodi-site .mgs-related-slider.is-ready.has-overflow .mgs-related-controls{visibility:visible}
body.single-product.maghsoodi-site .mgs-related-arrow{
  display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;
  background:transparent;color:#655e55;font:28px/1 Arial,sans-serif;cursor:pointer;
}
body.single-product.maghsoodi-site .mgs-related-arrow:hover{color:#a48752}
body.single-product.maghsoodi-site .mgs-related-arrow:focus-visible{outline:1px solid #a48752;outline-offset:3px}
body.single-product.maghsoodi-site .mgs-related-progress{height:2px;background:#ded9d0;direction:ltr}
body.single-product.maghsoodi-site .mgs-related-progress>span{
  display:block;height:100%;width:25%;background:#8e7a5d;transition:width .5s ease;
}
@media(max-width:1024px){
  body.single-product.maghsoodi-site .mgs-related-slider{--mgs-related-count:2;--mgs-related-gap:18px}
  body.single-product.maghsoodi-site .mgs-related-track>li.mgs-related-card{flex-basis:calc((100% - 18px)/2);width:calc((100% - 18px)/2)!important}
  body.single-product.maghsoodi-site .mgs-related-photo{height:400px}
}
@media(max-width:767px){
  body.single-product.maghsoodi-site .mgs-related-slider{width:calc(100% - 30px);margin:52px auto 70px;--mgs-related-count:1;--mgs-related-gap:16px}
  body.single-product.maghsoodi-site .mgs-related-track>li.mgs-related-card{flex-basis:100%;width:100%!important}
  body.single-product.maghsoodi-site .mgs-related-slider>h2{font-size:23px;margin-bottom:20px}
  body.single-product.maghsoodi-site .mgs-related-photo{height:min(125vw,480px)}
  body.single-product.maghsoodi-site .mgs-related-controls{gap:12px;margin-top:18px}
}