/* Mert Karataş Shop v1.6.54 ---------------------------------------------
   Mobile LAB geometry, tablet gateway utility, labelled compact header and
   deterministic drawer start position.
----------------------------------------------------------------------------- */

/* 1) LAB mobile: the assembly instrument belongs in normal document flow.
      v1.6.53 reintroduced top/height offsets after the older mobile inline
      treatment and created the large shifted gap visible on narrow screens. */
@media(max-width:760px){
  .mks-lab-archive-hero__copy{padding:1.35rem 1.35rem 1.55rem!important}
  .mks-lab-archive-hero__copy>span{margin:0 0 1rem!important}
  .mks-lab-archive-hero__copy h1{
    margin:.15rem 0 .8rem!important;
    font-size:clamp(3rem,13.4vw,4.2rem)!important;
    line-height:.84!important;
  }
  .mks-lab-archive-hero__copy>p{margin:.55rem 0 1rem!important}
  .mks-lab-archive-hero__copy>div:not(.mks-lab-assembly){margin:.75rem 0 0!important}
  .mks-lab-archive-hero__copy .mks-lab-assembly{
    position:relative!important;
    inset:auto!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
    display:block!important;
    width:100%!important;height:auto!important;
    margin:1rem 0 0!important;padding:.7rem!important;
    border:1px solid rgba(125,143,163,.17)!important;border-radius:10px!important;
    opacity:1!important;transform:none!important;
    background:rgba(5,12,24,.16)!important;
  }
  .mks-lab-archive-hero__copy .mks-lab-assembly>span{
    position:static!important;display:block!important;margin:0 0 .55rem!important;
    font-size:.36rem!important;letter-spacing:.11em!important;
  }
  .mks-lab-archive-hero__copy .mks-lab-assembly>div{
    position:static!important;display:grid!important;
    grid-template-columns:auto minmax(12px,1fr) auto minmax(12px,1fr) auto!important;
    gap:.32rem!important;align-items:center!important;
  }
  .mks-lab-archive-hero__copy .mks-lab-assembly b{
    padding:.3rem .3rem!important;font-size:.31rem!important;letter-spacing:.065em!important;
  }
  .mks-lab-archive-hero__copy .mks-lab-assembly i{
    width:100%!important;min-width:0!important;height:2px!important;transform:none!important;
  }
  .mks-lab-archive-hero__copy .mks-lab-assembly em{display:none!important}
  .mks-lab-archive-hero.is-motion-seen .mks-lab-assembly,
  .mks-lab-archive-hero[data-mks-motion-intro].is-motion-expanded .mks-lab-assembly,
  .mks-lab-archive-hero[data-mks-motion-intro] .mks-lab-assembly b,
  .mks-lab-archive-hero[data-mks-motion-intro] .mks-lab-assembly i{
    animation:none!important;transform:none!important;
  }
  html[data-mks-theme="light"] .mks-lab-archive-hero__copy .mks-lab-assembly{
    background:linear-gradient(110deg,rgba(166,75,99,.035),rgba(255,255,255,.5),rgba(22,142,167,.045))!important;
    border-color:rgba(73,86,100,.18)!important;
  }
}

/* 2) Tablet gateway: headline occupies the editorial left side; the complete
      switch + blueprint hint occupies the negative space on the right. */
@media(min-width:761px) and (max-width:1180px){
  .mks-gateway__head{
    display:grid!important;
    grid-template-columns:30px minmax(0,1fr) minmax(268px,38%)!important;
    grid-template-rows:auto!important;
    column-gap:clamp(.7rem,1.8vw,1.25rem)!important;
    align-items:end!important;
  }
  .mks-gateway__head>span{grid-column:1!important;grid-row:1!important;align-self:end!important}
  .mks-gateway__title-wrap{grid-column:2!important;grid-row:1!important;min-width:0!important}
  .mks-gateway__head h1{
    max-width:10.8ch!important;
    margin-bottom:0!important;
    font-size:clamp(2.75rem,5.25vw,4.65rem)!important;
    line-height:.9!important;
    white-space:normal!important;
  }
  .mks-gateway__utility{
    grid-column:3!important;grid-row:1!important;
    display:grid!important;align-self:end!important;justify-self:stretch!important;justify-items:stretch!important;
    width:100%!important;max-width:none!important;min-width:0!important;
    margin:0 0 .12rem!important;padding:0!important;
  }
  .mks-gateway__switch-row{
    display:grid!important;
    grid-template-columns:minmax(158px,205px) minmax(72px,1fr)!important;
    align-items:center!important;gap:clamp(.4rem,1vw,.7rem)!important;
    width:100%!important;max-width:none!important;margin:0!important;
  }
  .mks-view-switch{width:100%!important;max-width:none!important;min-width:0!important}
  .mks-view-switch__hint{
    position:relative!important;display:block!important;min-width:0!important;height:38px!important;
    color:#48bfdc!important;
  }
  .mks-view-switch__hint span{
    position:absolute!important;left:0!important;right:0!important;top:2px!important;
    display:block!important;padding:0!important;background:transparent!important;
    color:currentColor!important;font-size:clamp(.37rem,.68vw,.48rem)!important;font-weight:900!important;
    letter-spacing:.09em!important;white-space:nowrap!important;text-align:left!important;
  }
  .mks-view-switch__hint i{
    position:absolute!important;left:0!important;right:0!important;top:24px!important;width:100%!important;height:1px!important;
    max-width:none!important;background:linear-gradient(90deg,rgba(72,191,220,.86),rgba(72,191,220,.22))!important;
  }
  .mks-view-switch__hint i::before{
    content:""!important;position:absolute!important;left:1px!important;top:-4px!important;width:8px!important;height:8px!important;
    border-left:1px solid currentColor!important;border-bottom:1px solid currentColor!important;transform:rotate(45deg)!important;
  }
  .mks-view-switch__hint i::after{display:none!important}
  .mks-gateway__utility>small{display:none!important}
  html[data-mks-theme="light"] .mks-view-switch__hint{color:#277d92!important}
}
@media(min-width:761px) and (max-width:900px){
  .mks-gateway__head{grid-template-columns:26px minmax(0,1fr) minmax(250px,39%)!important}
  .mks-gateway__head h1{font-size:clamp(2.55rem,5.35vw,3.55rem)!important;max-width:10ch!important}
  .mks-gateway__switch-row{grid-template-columns:minmax(148px,185px) minmax(68px,1fr)!important}
  .mks-view-switch__btn{padding:.43rem .38rem!important}
  .mks-view-switch__btn b{font-size:.49rem!important}
}

/* 3) Compact header means a smaller icon system, not deleting labels.
      Keep MENÜ and GİRİŞ / username visible across tablet + phone. */
@media(max-width:1240px){
  .mks-tools{gap:.36rem!important}
  .mks-menu-toggle{
    position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;
    width:auto!important;min-width:78px!important;height:38px!important;
    padding:0 2rem 0 .62rem!important;gap:.35rem!important;
    border:1px solid rgba(198,211,235,.14)!important;
  }
  .mks-menu-toggle span{
    position:static!important;display:block!important;width:auto!important;height:auto!important;
    overflow:visible!important;clip:auto!important;clip-path:none!important;
    white-space:nowrap!important;
    font:900 .54rem/1 Inter,system-ui,sans-serif!important;letter-spacing:.12em!important;
  }
  .mks-menu-toggle i{
    position:absolute!important;left:auto!important;right:.62rem!important;width:14px!important;height:1px!important;
  }
  .mks-menu-toggle i:first-of-type{top:14px!important}
  .mks-menu-toggle i:last-of-type{top:22px!important}
  .mks-menu-open .mks-menu-toggle i:first-of-type{top:18px!important;transform:rotate(45deg)!important}
  .mks-menu-open .mks-menu-toggle i:last-of-type{top:18px!important;transform:rotate(-45deg)!important}

  .mks-account-link{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    width:auto!important;min-width:0!important;height:38px!important;min-height:38px!important;
    padding:.25rem .5rem!important;gap:.36rem!important;border-radius:999px!important;
  }
  .mks-account-link i{flex:0 0 auto!important;width:18px!important;height:18px!important;margin:0!important}
  .mks-account-link span{
    display:block!important;position:static!important;
    max-width:76px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
    font:850 .52rem/1 Inter,system-ui,sans-serif!important;letter-spacing:.08em!important;
  }
}
@media(max-width:760px){
  .mks-header__inner{width:calc(100% - 20px)!important}
  .mks-account-link{height:38px!important;min-height:38px!important;padding:.22rem .45rem!important}
  .mks-account-link span{display:block!important;max-width:66px!important;font-size:.49rem!important}
  .mks-cart{height:38px!important;min-height:38px!important;padding:.22rem .4rem!important;gap:.3rem!important}
  .mks-cart span{font-size:.5rem!important}
  .mks-menu-toggle{height:38px!important;min-width:72px!important;padding-left:.52rem!important;padding-right:1.8rem!important}
  .mks-menu-toggle span{font-size:.5rem!important}
  .mks-menu-toggle i{right:.5rem!important;width:13px!important}
}
@media(max-width:420px){
  .mks-tools{gap:.24rem!important}
  .mks-account-link{padding:.18rem .36rem!important}
  .mks-account-link span{max-width:52px!important;font-size:.45rem!important;letter-spacing:.055em!important}
  .mks-cart{min-width:48px!important;padding:.18rem .3rem!important}
  .mks-cart span{font-size:.45rem!important;letter-spacing:.055em!important}
  .mks-menu-toggle{min-width:66px!important;padding-left:.42rem!important;padding-right:1.65rem!important}
  .mks-menu-toggle span{font-size:.45rem!important;letter-spacing:.085em!important}
  .mks-menu-toggle i{right:.42rem!important}
}

/* Drawer always begins from its utility/navigation start, never a remembered
   scroll offset from a previous opening. JS also resets it at each state flip. */
@media(max-width:1240px){
  .mks-mobile{scroll-behavior:auto!important;scroll-padding-top:0!important}
}