/* Mert Karataş Shop v1.6.53 ---------------------------------------------
   Regression repair after full-screen + narrow-window visual audit.
----------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------
   1) LAB blueprint: its absolute assembly was escaping the copy column and
      using a distant containing block. Make the copy its coordinate system.
      This keeps CONCEPT / PROTOTYPE / FUND above the headline, never inside it.
   ---------------------------------------------------------------------- */
.mks-lab-archive-hero{position:relative!important}
.mks-lab-archive-hero__copy{position:relative!important}
.mks-lab-archive-hero__copy .mks-lab-assembly{
  left:clamp(1.6rem,3.2vw,3rem)!important;
  right:clamp(1.6rem,3.2vw,3rem)!important;
  top:clamp(3.8rem,6vw,5.15rem)!important;
  height:74px!important;
  margin:0!important;
  opacity:.32;
}
.mks-lab-archive-hero__copy .mks-lab-assembly>span{top:0!important}
.mks-lab-archive-hero__copy .mks-lab-assembly>div{bottom:6px!important;gap:clamp(.45rem,1vw,.75rem)!important}
.mks-lab-archive-hero__copy .mks-lab-assembly b{white-space:nowrap!important}
@media(max-width:1100px){
  .mks-lab-archive-hero__copy .mks-lab-assembly{
    top:3.7rem!important;height:66px!important;left:1.5rem!important;right:1.5rem!important
  }
  .mks-lab-archive-hero__copy h1{margin-top:5.8rem!important}
}
@media(max-width:760px){
  .mks-lab-archive-hero__copy .mks-lab-assembly{
    top:3.45rem!important;height:58px!important;left:1.1rem!important;right:1.1rem!important
  }
  .mks-lab-archive-hero__copy .mks-lab-assembly>div{gap:.35rem!important}
  .mks-lab-archive-hero__copy .mks-lab-assembly b{font-size:.36rem!important;letter-spacing:.08em!important}
  .mks-lab-archive-hero__copy .mks-lab-assembly i{min-width:24px!important}
  .mks-lab-archive-hero__copy h1{margin-top:5.25rem!important}
}

/* ----------------------------------------------------------------------
   2) Gateway head: the switch occupies the editorial negative space to the
      right of the wrapped headline. It must not fall into a centered row.
   ---------------------------------------------------------------------- */
@media(min-width:841px) and (max-width:1180px){
  .mks-gateway__head{
    grid-template-columns:34px minmax(300px,1fr) minmax(286px,34%)!important;
    grid-template-rows:auto!important;
    align-items:end!important;
    column-gap:clamp(.8rem,2vw,1.5rem)!important;
  }
  .mks-gateway__title-wrap{grid-column:2!important;grid-row:1!important;min-width:0!important}
  .mks-gateway__head h1{max-width:13ch!important;white-space:normal!important}
  .mks-gateway__utility{
    grid-column:3!important;grid-row:1!important;
    justify-self:stretch!important;align-self:end!important;justify-items:stretch!important;
    width:100%!important;min-width:0!important;margin:0 0 .08rem!important
  }
  .mks-gateway__switch-row{width:100%!important;max-width:none!important;justify-self:stretch!important}
  .mks-gateway__utility>small{display:none!important}
}
@media(min-width:761px) and (max-width:840px){
  .mks-gateway__head{grid-template-columns:28px minmax(0,1fr)!important;grid-template-rows:auto auto!important}
  .mks-gateway__title-wrap{grid-column:2!important;grid-row:1!important}
  .mks-gateway__head h1{max-width:12ch!important;white-space:normal!important}
  .mks-gateway__utility{
    grid-column:2!important;grid-row:2!important;justify-self:end!important;justify-items:end!important;
    width:min(100%,390px)!important;margin:.15rem 0 0!important
  }
  .mks-gateway__switch-row{width:100%!important;max-width:390px!important}
  .mks-gateway__utility>small{display:none!important}
}

/* The editorial name is sized to the identity panel itself, not the viewport.
   This prevents KARATAŞ losing its final glyph at narrow widths. */
.mks-gateway .mks-identity{container-type:inline-size}
.mks-gateway .mks-identity--mk .mks-identity__content>strong{
  max-width:9.2ch!important;
  font-size:clamp(2.35rem,10.4cqi,5rem)!important;
  line-height:.82!important;
  overflow:visible!important;
  white-space:normal!important;
}
@media(max-width:1050px){
  .mks-gateway .mks-identity--mk .mks-identity__content{width:min(64%,470px)!important;padding-right:1rem!important}
}
@media(max-width:760px){
  .mks-gateway .mks-identity--mk .mks-identity__content{width:82%!important}
  .mks-gateway .mks-identity--mk .mks-identity__content>strong{font-size:clamp(2.15rem,11.6cqi,4.15rem)!important}
}

/* ----------------------------------------------------------------------
   3) Collection intro: once compact, the desktop vertical motion-label must
      be gone completely. Resetting copy transforms alone left it painted over
      Edisyonlar after a hover/resize transition.
   ---------------------------------------------------------------------- */
@media(max-width:1180px){
  .mks-collection-motion-label{display:none!important;opacity:0!important;visibility:hidden!important;transform:none!important}
  .mks-collection-hero[data-mks-motion-intro].is-motion-expanded .mks-collection-motion-label{display:none!important}
}

/* ----------------------------------------------------------------------
   4) Product theatre: two columns cease being useful well before phone width.
      Stack at narrow desktop/tablet so the gallery remains a hero, not a thumb.
   ---------------------------------------------------------------------- */
@media(max-width:1120px){
  .woocommerce div.product{
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:auto auto auto!important;
    gap:1rem!important;
  }
  .woocommerce div.product div.images{
    grid-column:1!important;grid-row:1!important;
    width:min(100%,780px)!important;max-width:780px!important;
    justify-self:center!important;align-self:start!important;
    padding-top:2.15rem!important;
  }
  .woocommerce div.product div.summary{
    grid-column:1!important;grid-row:2!important;
    position:relative!important;top:auto!important;
    width:100%!important;max-width:none!important;
    margin:0!important
  }
  body.admin-bar .woocommerce div.product div.summary{top:auto!important}
  .mks-product-sections,.related.products{grid-column:1!important}
}

/* ----------------------------------------------------------------------
   5) Media mode SELECTED label: deterministic two-line typography. The old
      generic identity strong rule could win during intermediate view states.
   ---------------------------------------------------------------------- */
.mks-gateway .mks-identity .mks-identity-promo__selected{
  display:grid!important;
  justify-items:end!important;
  gap:.08em!important;
  max-width:min(48%,330px)!important;
  font:800 clamp(1.35rem,2.25vw,2.15rem)/.88 Inter,system-ui,sans-serif!important;
  letter-spacing:.015em!important;
  text-align:right!important;
  white-space:nowrap!important;
  color:#fff!important;
  background:none!important;
  animation:none!important;
}
.mks-identity-promo__selected span,.mks-identity-promo__selected em{display:block!important;font:inherit!important;color:inherit!important;font-style:normal!important}
.mks-identity-promo__selected em{font-size:.9em!important}
@media(max-width:1180px){
  .mks-identity-promo__label{left:1rem!important;right:1rem!important;bottom:1rem!important;align-items:end!important}
  .mks-gateway .mks-identity .mks-identity-promo__selected{
    max-width:46%!important;font-size:clamp(1.15rem,2.8vw,1.7rem)!important
  }
}
@media(max-width:760px){
  .mks-identity-promo__label{gap:.6rem!important}
  .mks-identity-promo__label small{max-width:48%!important;line-height:1.3!important}
  .mks-gateway .mks-identity .mks-identity-promo__selected{max-width:48%!important;font-size:clamp(1rem,5vw,1.4rem)!important}
}