/* Mert Karataş Shop v1.6.9 --------------------------------------------- */

/* -------------------------------------------------------------------------
   Homepage / MK: restore the original editorial title behaviour exactly.
   The title is once again a plain <strong>, so the long-running foil sweep
   from shop.css (mksTitleFoil) owns the animation instead of the later split
   / fracture-title experiment.
   ---------------------------------------------------------------------- */
.mks-gateway .mks-identity--mk .mks-identity__content>strong{
  display:block!important;
  margin:0!important;
  font-size:clamp(3.15rem,4.55vw,4.85rem)!important;
  line-height:.82!important;
  letter-spacing:-.07em!important;
  white-space:normal!important;
}

/* On paper/light surfaces the MK objects need enough separation for their
   existing float to read without turning the motion into a gimmick. */
html[data-mks-theme="light"] .mks-product-scene--mk .mks-scene-product{
  filter:drop-shadow(0 18px 24px rgba(76,54,20,.20))!important;
}
html[data-mks-theme="light"] .mks-product-scene--mk.has-motion .mks-scene-product__image{
  animation-name:mksV169ArchiveFloatLight!important;
}
@keyframes mksV169ArchiveFloatLight{
  0%,100%{transform:translate3d(0,-6px,0) rotate(-.3deg)}
  50%{transform:translate3d(0,var(--scene-float,9px),0) rotate(.35deg)}
}

/* The MK promo/media switch transition was too quiet on the light surface.
   Keep it short and editorial, but give the fracture cuts enough contrast. */
html[data-mks-theme="light"] .mks-fracture-map i{
  background:linear-gradient(90deg,transparent,rgba(125,86,24,.9),rgba(255,255,255,.92),rgba(139,96,28,.86),transparent)!important;
  filter:drop-shadow(0 0 5px rgba(117,78,18,.32))!important;
}
html[data-mks-theme="light"] .mks-fracture-map b{
  background:linear-gradient(transparent,rgba(121,82,20,.9),rgba(255,255,255,.78),transparent)!important;
}
html[data-mks-theme="light"] .mks-gateway.is-view-transition .mks-identity--mk .mks-identity-promo{
  animation:mksV169LightPromoFracture .48s cubic-bezier(.2,.74,.2,1)!important;
}
html[data-mks-theme="light"] .mks-gateway.is-view-transition .mks-identity--mk .mks-identity-promo__poster,
html[data-mks-theme="light"] .mks-gateway.is-view-transition .mks-identity--mk .mks-identity-promo__video,
html[data-mks-theme="light"] .mks-gateway.is-view-transition .mks-identity--mk .mks-identity-promo__placeholder{
  animation:mksV169LightPromoMedia .48s cubic-bezier(.2,.78,.2,1)!important;
}
@keyframes mksV169LightPromoFracture{
  0%,100%{clip-path:inset(0);transform:none;filter:none}
  15%{clip-path:polygon(0 0,100% 0,100% 27%,61% 30%,58% 55%,100% 51%,100% 100%,0 100%,0 74%,43% 69%,46% 39%,0 42%);filter:contrast(1.12) brightness(.94)}
  31%{transform:translate3d(-4px,1px,0);filter:contrast(1.08)}
  47%{clip-path:polygon(0 0,48% 0,52% 31%,100% 27%,100% 100%,55% 100%,52% 65%,0 71%);transform:translate3d(3px,-1px,0);filter:brightness(1.08) contrast(1.06)}
  72%{clip-path:inset(0);transform:translate3d(-1px,0,0);filter:brightness(1.02)}
}
@keyframes mksV169LightPromoMedia{
  0%,100%{transform:none;filter:none}
  18%{transform:scale(1.012) translateX(5px);filter:saturate(.86) contrast(1.1) brightness(.96)}
  37%{transform:scale(1.006) translateX(-4px);filter:contrast(1.06)}
  67%{transform:scale(1.002) translateX(1px)}
}

/* -------------------------------------------------------------------------
   Blueprint guide: slightly larger because the desktop composition has room.
   A tiny, infrequent signal tick keeps it alive without competing with the
   two collection panels. Reduced-motion users get a completely static guide.
   ---------------------------------------------------------------------- */
.mks-view-guide-svg{color:#43c7e4!important}
.mks-view-guide-svg .mks-view-guide__line,
.mks-view-guide-svg .mks-view-guide__arrow{stroke-width:1.2!important;opacity:.9!important}
.mks-view-guide-svg .mks-view-guide__label{
  font-size:8.4px!important;
  letter-spacing:1.55px!important;
  stroke-width:9px!important;
  animation:mksV169GuideTick 11s steps(1,end) infinite;
}
@keyframes mksV169GuideTick{
  0%,95.5%,97.6%,100%{opacity:1;transform:translateX(0)}
  96%{opacity:.72;transform:translateX(1px)}
  96.5%{opacity:1;transform:translateX(-1px)}
  97%{opacity:.84;transform:translateX(.5px)}
}

/* -------------------------------------------------------------------------
   Tablet regression pass.

   v1.6 introduced the bottom-sheet filter at <=900px, while v1.6.5 made the
   desktop rail authoritative from 761px upward. Between 761–900px those two
   rules could leave the rail off-canvas with no mobile trigger. Restore the
   real sticky rail throughout tablet widths.
   ---------------------------------------------------------------------- */
@media(min-width:761px) and (max-width:900px){
  .mks-catalogue-shell .mks-filter-mobile-toggle{display:none!important}
  .mks-catalogue-layout{grid-template-columns:220px minmax(0,1fr)!important;align-items:start!important}
  .mks-catalogue-layout>.mks-filters{
    grid-column:1!important;grid-row:1!important;
    position:sticky!important;z-index:auto!important;left:auto!important;right:auto!important;bottom:auto!important;top:94px!important;
    max-height:calc(100vh - 118px)!important;overflow:auto!important;
    padding:1.05rem!important;border-radius:14px!important;
    background:rgba(6,16,31,.76)!important;box-shadow:none!important;
    transform:none!important;visibility:visible!important;
  }
  html[data-mks-theme="light"] .mks-catalogue-layout>.mks-filters{background:rgba(248,245,239,.88)!important}
  .mks-catalogue-layout>.mks-catalogue-results{grid-column:2!important;grid-row:1!important;min-width:0!important}
  .mks-filters__head>button{display:none!important}
  html.mks-filters-open,html.mks-filters-open body{overflow:auto!important}
  html.mks-filters-open body::after{display:none!important}
}

/* Header utility had an ambiguous auto-placement zone between 901–1050px
   after the gateway moved from three to two columns. Give it a fixed home. */
@media(min-width:761px) and (max-width:1050px){
  .mks-gateway__utility{
    grid-column:2!important;grid-row:2!important;justify-self:start!important;
    display:flex!important;align-items:center!important;gap:.7rem!important;margin-top:.35rem!important;
  }
  .mks-gateway__utility>small{display:none!important}
  .mks-view-switch{width:246px!important;max-width:100%!important}
}

/* Mobile audit: keep the switch usable, product theatre contained, and touch
   filters genuinely touch-sized. No desktop composition rules are altered. */
@media(max-width:760px){
  .mks-gateway__utility{min-width:0!important;max-width:100%!important}
  .mks-view-switch{width:min(100%,264px)!important;max-width:264px!important;height:46px!important}
  .mks-view-switch__btn{min-width:0!important;min-height:38px!important;padding:.55rem .62rem!important}
  .mks-view-switch__btn b{font-size:.62rem!important;letter-spacing:.105em!important}
  .mks-view-switch__btn span{font-size:.68rem!important}
  .mks-gateway .mks-identity{overflow:hidden!important}
  .mks-product-scene{overflow:hidden!important}
  .mks-scene-product{max-width:86%!important}
  .mks-identity-promo__label{gap:.65rem!important}
  .mks-identity-promo__label strong{font-size:clamp(1rem,5vw,1.35rem)!important}
  .mks-filter-group label{grid-template-columns:20px minmax(0,1fr) auto!important}
  .mks-filter-group label input{width:18px!important;height:18px!important}
}

@media(max-width:420px){
  .mks-gateway__head{grid-template-columns:22px minmax(0,1fr)!important}
  .mks-gateway__head h1{font-size:clamp(2.15rem,10.8vw,3.25rem)!important}
  .mks-view-switch{width:100%!important;max-width:248px!important}
  .mks-view-switch__btn{padding:.5rem .48rem!important}
  .mks-view-switch__btn b{font-size:.58rem!important}
  .mks-gateway .mks-identity--mk .mks-identity__content>strong{font-size:clamp(2.8rem,12.5vw,4.15rem)!important}
  .mks-gateway .mks-identity--merted strong{font-size:clamp(3.3rem,14vw,4.7rem)!important}
}

@media(prefers-reduced-motion:reduce){
  .mks-view-guide-svg .mks-view-guide__label{animation:none!important}
  html[data-mks-theme="light"] .mks-product-scene--mk.has-motion .mks-scene-product__image{animation:none!important;transform:none!important}
  html[data-mks-theme="light"] .mks-gateway.is-view-transition .mks-identity--mk .mks-identity-promo,
  html[data-mks-theme="light"] .mks-gateway.is-view-transition .mks-identity--mk .mks-identity-promo__poster,
  html[data-mks-theme="light"] .mks-gateway.is-view-transition .mks-identity--mk .mks-identity-promo__video,
  html[data-mks-theme="light"] .mks-gateway.is-view-transition .mks-identity--mk .mks-identity-promo__placeholder{animation:none!important}
}