/* Mert Karataş Shop v1.6.57 --------------------------------------------- */
/* Related objects are a sibling of div.product, not a huge empty row inside
   the bordered product stage. */
.mks-commerce>.mks-related-rail{
  width:100%;
  min-width:0;
  margin:clamp(2rem,4vw,3.5rem) 0 0;
  padding:clamp(1.35rem,2.4vw,2rem) 0 0;
  border-top:1px solid var(--line);
}
.mks-related-rail__head{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:1rem;
  margin:0 0 1.15rem;
}
.mks-related-rail__head small{
  display:block;
  margin:0 0 .5rem;
  color:var(--gold);
  font:900 .45rem/1 Inter,system-ui,sans-serif;
  letter-spacing:.16em;
}
.mks-related-rail__head h2{
  margin:0;
  color:#f2ece2;
  font:600 clamp(1.9rem,3vw,2.8rem)/.96 ui-serif,Georgia,serif;
  letter-spacing:-.045em;
}
.mks-related-rail__items{
  display:flex!important;
  flex-flow:row wrap!important;
  justify-content:flex-start!important;
  align-items:stretch!important;
  gap:1rem!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
}
.mks-related-rail__items>.mks-product-card{
  flex:0 1 clamp(260px,26vw,330px)!important;
  width:clamp(260px,26vw,330px)!important;
  min-width:0!important;
  max-width:330px!important;
  margin:0!important;
}
.mks-related-rail__items .mks-product-card__media{aspect-ratio:4/4.55!important}
.mks-related-rail__items .mks-product-card__copy{padding:.85rem .9rem .8rem!important}
.mks-related-rail__items .mks-product-card__copy h3{font-size:clamp(1rem,1.2vw,1.28rem)!important}
html[data-mks-theme="light"] .mks-related-rail__head h2{color:#171a22!important}

/* v1.6.55's old related section should never reappear if a plugin replays the
   callback after our hook cleanup. */
.related.products.mks-related-products{display:none!important}

@media(max-width:760px){
  .mks-commerce>.mks-related-rail{margin-top:1.5rem;padding-top:1.2rem}
  .mks-related-rail__items{gap:.7rem!important}
  .mks-related-rail__items>.mks-product-card{
    flex:0 0 calc(50% - .35rem)!important;
    width:calc(50% - .35rem)!important;
    max-width:none!important;
  }
  .mks-related-rail__items .mks-product-card__copy{padding:.6rem .62rem .58rem!important}
  .mks-related-rail__items .mks-product-card__copy h3{font-size:.82rem!important}
}
@media(max-width:390px){
  .mks-related-rail__items{gap:.58rem!important}
  .mks-related-rail__items>.mks-product-card{
    flex-basis:calc(50% - .29rem)!important;
    width:calc(50% - .29rem)!important;
  }
}