/* Mert Karataş Shop v1.6.35 ---------------------------------------------
   Motion identities: editorial collections, MERTED signal collapse, LAB
   blueprint assembly. No content is removed from the DOM for SEO/accessibility.
----------------------------------------------------------------------------- */

/* Shared intro state ------------------------------------------------------ */
[data-mks-motion-intro]{--mks-motion-ease:cubic-bezier(.2,.78,.18,1);--mks-motion-fast:340ms;--mks-motion-main:660ms}
.mks-collection-motion-label{position:absolute;z-index:9;left:clamp(1rem,1.7vw,1.55rem);top:50%;display:grid;justify-items:center;gap:.6rem;opacity:0;transform:translate(-12px,-45%);pointer-events:none;transition:opacity 220ms ease 250ms,transform 520ms var(--mks-motion-ease) 180ms}
.mks-collection-motion-label span{writing-mode:vertical-rl;text-orientation:upright;font:850 clamp(.72rem,1vw,.9rem)/1 Inter,sans-serif;letter-spacing:.06em;color:#f5efe4}
.mks-collection-motion-label i{width:1px;height:54px;background:linear-gradient(var(--gold),transparent)}
.mks-collection-motion-label b{font:850 .4rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em;color:var(--gold)}
.mks-collection-motion-label--editions span{font-family:ui-serif,Georgia,serif;font-weight:600;color:#f6eddf}
.mks-collection-motion-label--prints::before,.mks-collection-motion-label--prints::after{content:"";position:absolute;width:18px;height:18px;border-color:rgba(71,222,245,.55)}
.mks-collection-motion-label--prints::before{left:-8px;top:-10px;border-left:1px solid;border-top:1px solid}
.mks-collection-motion-label--prints::after{right:-8px;bottom:-10px;border-right:1px solid;border-bottom:1px solid}

@media (min-width:761px) and (hover:hover) and (pointer:fine){
  .mks-collection-hero[data-mks-motion-intro] .mks-collection-stage{
    z-index:5;width:100%;will-change:width,transform;transition:width var(--mks-motion-main) var(--mks-motion-ease),transform var(--mks-motion-main) var(--mks-motion-ease),box-shadow var(--mks-motion-main) ease
  }
  .mks-collection-hero[data-mks-motion-intro].is-motion-expanded .mks-collection-stage{
    width:144%;transform:translateX(-30.5%);box-shadow:-32px 0 70px rgba(0,0,0,.22)
  }
  .mks-collection-hero[data-mks-motion-intro] .mks-collection-hero__copy>span,
  .mks-collection-hero[data-mks-motion-intro] .mks-collection-hero__copy>p,
  .mks-collection-hero[data-mks-motion-intro] .mks-collection-hero__copy>h1,
  .mks-collection-hero[data-mks-motion-intro] .mks-collection-hero__statement{
    will-change:transform,opacity;transition:transform 520ms var(--mks-motion-ease),opacity 260ms ease
  }
  .mks-collection-hero[data-mks-motion-intro] .mks-collection-hero__copy>span{transition-delay:120ms}
  .mks-collection-hero[data-mks-motion-intro] .mks-collection-hero__copy>p{transition-delay:80ms}
  .mks-collection-hero[data-mks-motion-intro] .mks-collection-hero__copy>h1{transition-delay:35ms}
  .mks-collection-hero[data-mks-motion-intro] .mks-collection-hero__statement{transition-delay:0ms}
  .mks-collection-hero[data-mks-motion-intro].is-motion-expanded .mks-collection-hero__copy>span{transform:translateY(16px);opacity:0}
  .mks-collection-hero[data-mks-motion-intro].is-motion-expanded .mks-collection-hero__copy>p{transform:translateY(28px);opacity:0}
  .mks-collection-hero[data-mks-motion-intro].is-motion-expanded .mks-collection-hero__copy>h1{transform:translateY(52px);opacity:0}
  .mks-collection-hero[data-mks-motion-intro].is-motion-expanded .mks-collection-hero__statement{transform:translateY(38px);opacity:0}
  .mks-collection-hero[data-mks-motion-intro].is-motion-expanded .mks-collection-motion-label{opacity:1;transform:translate(0,-50%)}
  .mks-collection-hero[data-mks-motion-intro].is-motion-expanded .mks-collection-blueprint{transform:translateY(8px);opacity:.55;transition:transform 700ms var(--mks-motion-ease),opacity 300ms ease}

  /* Three collections share geometry, not art direction. */
  .mks-collection-hero--products.is-motion-expanded::after{content:"W 144 / X 030 / OBJECT";position:absolute;z-index:8;left:5.6rem;bottom:1.1rem;color:rgba(71,222,245,.52);font:800 .42rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em}
  .mks-collection-hero--editions.is-motion-expanded .mks-collection-stage__frame{box-shadow:inset 0 0 0 7px rgba(210,174,103,.035),-18px 0 42px rgba(210,174,103,.055)}
  .mks-collection-hero--editions.is-motion-expanded .mks-collection-motion-label i{background:linear-gradient(var(--gold),rgba(210,174,103,.08))}
  .mks-collection-hero--prints.is-motion-expanded .mks-collection-stage::before,
  .mks-collection-hero--prints.is-motion-expanded .mks-collection-stage::after{content:"";position:absolute;z-index:8;width:34px;height:34px;pointer-events:none;border-color:rgba(18,34,49,.62)}
  .mks-collection-hero--prints.is-motion-expanded .mks-collection-stage::before{left:28px;top:28px;border-left:1px solid;border-top:1px solid}
  .mks-collection-hero--prints.is-motion-expanded .mks-collection-stage::after{right:28px;bottom:28px;border-right:1px solid;border-bottom:1px solid}
}

/* MERTED: same spatial reveal, completely different motion language -------- */
.mks-merted-signal-field{position:absolute;z-index:2;left:clamp(2rem,3.5vw,3.4rem);right:clamp(2rem,3.5vw,3.4rem);top:23%;height:92px;pointer-events:none;opacity:.56}
.mks-merted-signal-field span,.mks-merted-signal-field b{position:absolute;font:800 .42rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.15em;color:rgba(71,222,245,.56)}
.mks-merted-signal-field span{left:0;top:0}.mks-merted-signal-field b{right:0;bottom:0;color:rgba(255,85,183,.56)}
.mks-merted-signal-field i{position:absolute;display:block;transform-origin:left center;background:linear-gradient(90deg,transparent,rgba(71,222,245,.5),transparent)}
.mks-merted-signal-field i:nth-of-type(1){left:0;right:14%;top:27px;height:1px}
.mks-merted-signal-field i:nth-of-type(2){left:18%;width:1px;top:12px;bottom:12px;background:linear-gradient(transparent,rgba(255,85,183,.42),transparent)}
.mks-merted-signal-field i:nth-of-type(3){left:36%;right:4%;top:58px;height:1px;transform:skewY(-2deg)}
.mks-merted-signal-field i:nth-of-type(4){right:13%;width:5px;height:5px;top:25px;border-radius:50%;background:var(--cyan);box-shadow:0 0 18px rgba(71,222,245,.85)}

@media (min-width:761px) and (hover:hover) and (pointer:fine){
  .mks-identity-archive--merted[data-mks-motion-intro] .mks-identity-archive__scene{z-index:6;width:100%;will-change:width,transform;transition:width 620ms var(--mks-motion-ease),transform 620ms var(--mks-motion-ease),box-shadow 620ms ease}
  .mks-identity-archive--merted.is-motion-expanded .mks-identity-archive__scene{width:143%;transform:translateX(-30%);box-shadow:-30px 0 70px rgba(0,0,0,.36)}
  .mks-identity-archive--merted.is-motion-expanded .mks-identity-archive__copy>span{animation:mksSignalDropA 390ms steps(5,end) both}
  .mks-identity-archive--merted.is-motion-expanded .mks-identity-archive__copy>p{animation:mksSignalDropB 430ms steps(6,end) both}
  .mks-identity-archive--merted.is-motion-expanded .mks-identity-archive__copy>h1{animation:mksSignalDropTitle 460ms steps(6,end) both!important}
  .mks-identity-archive--merted.is-motion-expanded .mks-identity-archive__line{animation:mksSignalDropC 410ms steps(5,end) both}
  .mks-identity-archive--merted.is-motion-expanded .mks-merted-signal-field{opacity:1}
  .mks-identity-archive--merted.is-motion-expanded .mks-merted-signal-field i:nth-of-type(1){animation:mksSignalTrace 650ms cubic-bezier(.2,.8,.2,1) both}
  .mks-identity-archive--merted.is-motion-expanded .mks-merted-signal-field i:nth-of-type(3){animation:mksSignalTrace 650ms 80ms cubic-bezier(.2,.8,.2,1) both}
  .mks-identity-archive--merted.is-motion-expanded .mks-merted-signal-field i:nth-of-type(4){animation:mksSignalNode 520ms steps(2,end) 2}
}
@keyframes mksSignalDropA{0%{transform:none;opacity:1}38%{transform:translate(5px,8px);opacity:.72}58%{transform:translate(-8px,18px);opacity:.4}100%{transform:translateY(38px);opacity:0}}
@keyframes mksSignalDropB{0%{transform:none;opacity:1}28%{transform:translate(-6px,10px);clip-path:inset(0 0 30% 0)}55%{transform:translate(9px,24px);opacity:.48}100%{transform:translateY(52px);opacity:0}}
@keyframes mksSignalDropTitle{0%{transform:none;opacity:1;filter:none}22%{transform:translateX(7px);text-shadow:-7px 0 var(--cyan),7px 0 var(--pink)}45%{transform:translate(-9px,16px);clip-path:inset(18% 0 28% 0)}70%{transform:translate(4px,38px);opacity:.42}100%{transform:translateY(72px);opacity:0;filter:blur(1px)}}
@keyframes mksSignalDropC{0%{transform:none;opacity:1}40%{transform:translate(-7px,15px)}100%{transform:translateY(46px);opacity:0}}
@keyframes mksSignalTrace{0%{transform:scaleX(.04);opacity:.15}100%{transform:scaleX(1);opacity:1}}
@keyframes mksSignalNode{0%,100%{opacity:.3;transform:scale(.7)}50%{opacity:1;transform:scale(1.55)}}

/* LAB: blueprint assembly instead of a generic hover --------------------- */
.mks-lab-assembly{position:absolute;z-index:1;left:clamp(1.8rem,3.4vw,3.2rem);right:clamp(1.8rem,3.4vw,3.2rem);top:24%;height:122px;pointer-events:none;opacity:.26}
.mks-lab-assembly>span{position:absolute;left:0;top:0;color:rgba(71,222,245,.58);font:850 .43rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.15em}
.mks-lab-assembly>div{position:absolute;left:0;right:0;bottom:16px;display:grid;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;gap:.65rem}
.mks-lab-assembly b{font:850 .42rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;color:rgba(255,255,255,.58)}
.mks-lab-assembly i{height:1px;transform-origin:left center;transform:scaleX(.28);background:linear-gradient(90deg,var(--gold),rgba(71,222,245,.48))}
.mks-lab-assembly em{position:absolute;width:18px;height:18px;opacity:.45}
.mks-lab-assembly em:nth-of-type(1){left:0;top:22px;border-left:1px solid rgba(71,222,245,.5);border-top:1px solid rgba(71,222,245,.5)}
.mks-lab-assembly em:nth-of-type(2){right:0;top:22px;border-right:1px solid rgba(71,222,245,.5);border-top:1px solid rgba(71,222,245,.5)}
.mks-lab-assembly em:nth-of-type(3){left:0;bottom:0;border-left:1px solid rgba(210,174,103,.5);border-bottom:1px solid rgba(210,174,103,.5)}
.mks-lab-assembly em:nth-of-type(4){right:0;bottom:0;border-right:1px solid rgba(210,174,103,.5);border-bottom:1px solid rgba(210,174,103,.5)}
@media (min-width:761px) and (hover:hover) and (pointer:fine){
  .mks-lab-archive-hero[data-mks-motion-intro] .mks-lab-archive-hero__lead{transition:transform 620ms var(--mks-motion-ease),box-shadow 620ms ease,filter 620ms ease}
  .mks-lab-archive-hero[data-mks-motion-intro].is-motion-expanded .mks-lab-archive-hero__lead{transform:translateX(-10px);box-shadow:-24px 0 64px rgba(0,0,0,.22)}
  .mks-lab-archive-hero[data-mks-motion-intro].is-motion-expanded .mks-lab-archive-hero__lead>img{transform:scale(1.025) translateX(-.6%)}
  .mks-lab-archive-hero[data-mks-motion-intro].is-motion-expanded .mks-lab-assembly{opacity:.92;transition:opacity 220ms ease}
  .mks-lab-archive-hero[data-mks-motion-intro].is-motion-expanded .mks-lab-assembly i:first-of-type{animation:mksLabBuild 460ms 80ms var(--mks-motion-ease) both}
  .mks-lab-archive-hero[data-mks-motion-intro].is-motion-expanded .mks-lab-assembly i:last-of-type{animation:mksLabBuild 460ms 250ms var(--mks-motion-ease) both}
  .mks-lab-archive-hero[data-mks-motion-intro].is-motion-expanded .mks-lab-assembly b:nth-of-type(1){animation:mksLabNodeIn 260ms 20ms both}
  .mks-lab-archive-hero[data-mks-motion-intro].is-motion-expanded .mks-lab-assembly b:nth-of-type(2){animation:mksLabNodeIn 260ms 190ms both;color:var(--cyan)}
  .mks-lab-archive-hero[data-mks-motion-intro].is-motion-expanded .mks-lab-assembly b:nth-of-type(3){animation:mksLabNodeIn 260ms 360ms both;color:var(--gold)}
}
@keyframes mksLabBuild{from{transform:scaleX(.02);opacity:.15}to{transform:scaleX(1);opacity:1}}
@keyframes mksLabNodeIn{from{opacity:.15;transform:translateY(8px)}to{opacity:1;transform:none}}

/* Mobile/tablet: motion becomes a restrained entrance, never a fake hover. */
@media (max-width:760px){
  .mks-collection-motion-label{display:none}
  [data-mks-motion-intro].is-motion-seen .mks-collection-stage,
  .mks-identity-archive--merted.is-motion-seen .mks-identity-archive__scene,
  .mks-lab-archive-hero.is-motion-seen .mks-lab-archive-hero__lead{animation:mksMobileIntroNudge 620ms var(--mks-motion-ease) both}
  [data-mks-motion-intro].is-motion-seen .mks-collection-blueprint,
  .mks-identity-archive--merted.is-motion-seen .mks-merted-signal-field,
  .mks-lab-archive-hero.is-motion-seen .mks-lab-assembly{animation:mksMobileBlueprint 760ms ease both}
  .mks-merted-signal-field{top:17%;height:70px;opacity:.35}
  .mks-lab-assembly{top:20%;height:88px;opacity:.18}
}
@keyframes mksMobileIntroNudge{from{transform:translateX(8px);opacity:.94}to{transform:none;opacity:1}}
@keyframes mksMobileBlueprint{from{opacity:0;transform:translateY(5px)}to{opacity:.45;transform:none}}

/* Premium add-to-cart toast --------------------------------------------- */
.woocommerce-message.mks-cart-toast-shell,.woocommerce-message:has(.mks-cart-toast__inner){position:fixed!important;z-index:99980;right:clamp(16px,2vw,32px);top:calc(var(--mks-header-height,82px) + 18px);width:min(420px,calc(100vw - 32px));margin:0!important;padding:0!important;border:1px solid rgba(210,174,103,.36)!important;border-top:1px solid rgba(210,174,103,.58)!important;border-radius:16px!important;background:rgba(5,14,28,.94)!important;color:#f6f0e6!important;box-shadow:0 24px 64px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.035)!important;backdrop-filter:blur(18px);overflow:hidden;animation:mksToastIn 360ms cubic-bezier(.2,.78,.18,1) both}
.woocommerce-message.mks-cart-toast-shell::before,.woocommerce-message:has(.mks-cart-toast__inner)::before{display:none!important}.woocommerce-message.mks-cart-toast-shell.is-leaving{animation:mksToastOut 260ms ease both}
.mks-cart-toast__inner{display:grid;grid-template-columns:64px minmax(0,1fr);gap:.85rem;padding:.85rem}.mks-cart-toast__media{grid-row:1/3;width:64px;height:76px;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#071225}.mks-cart-toast__image{display:block;width:100%!important;height:100%!important;object-fit:cover;margin:0!important}.mks-cart-toast__copy{min-width:0;padding-top:.08rem}.mks-cart-toast__copy>span{display:flex;align-items:center;gap:.42rem;color:var(--gold);font-size:.49rem;font-weight:950;letter-spacing:.15em}.mks-cart-toast__copy>span i{display:grid;place-items:center;width:18px;height:18px;border:1px solid rgba(210,174,103,.45);border-radius:50%;font-style:normal;font-size:.65rem}.mks-cart-toast__copy strong{display:block;margin:.42rem 0 .2rem;font:550 1.08rem/1.1 ui-serif,Georgia,serif;letter-spacing:-.025em;color:#fff}.mks-cart-toast__copy small{color:#9ca9ba;font-size:.56rem;font-weight:800;letter-spacing:.1em}.mks-cart-toast__actions{grid-column:2;display:flex;align-items:center;gap:.9rem;padding-top:.35rem;border-top:1px solid rgba(255,255,255,.07)}.mks-cart-toast__actions a,.mks-cart-toast__actions button{appearance:none;border:0;background:none;padding:.55rem 0 0;color:#dfe7f1;text-decoration:none;font:850 .5rem/1 Inter,sans-serif;letter-spacing:.12em;cursor:pointer}.mks-cart-toast__actions a{color:var(--gold)}.mks-cart-toast__actions button{opacity:.7}.mks-cart-toast__actions a:hover,.mks-cart-toast__actions button:hover{opacity:1;color:#fff}
html[data-mks-theme="light"] .woocommerce-message.mks-cart-toast-shell,html[data-mks-theme="light"] .woocommerce-message:has(.mks-cart-toast__inner){background:rgba(249,246,239,.96)!important;color:#1a202a!important;border-color:rgba(151,105,38,.34)!important;box-shadow:0 24px 60px rgba(24,31,42,.14)!important}html[data-mks-theme="light"] .mks-cart-toast__copy strong{color:#171b24}html[data-mks-theme="light"] .mks-cart-toast__actions a,html[data-mks-theme="light"] .mks-cart-toast__actions button{color:#303946}html[data-mks-theme="light"] .mks-cart-toast__actions a{color:#9f6f29}html[data-mks-theme="light"] .mks-cart-toast__media{background:#eee9df;border-color:rgba(30,40,54,.1)}html[data-mks-theme="light"] .mks-cart-toast__actions{border-top-color:rgba(30,40,54,.1)}
@keyframes mksToastIn{from{opacity:0;transform:translate3d(24px,-4px,0)}to{opacity:1;transform:none}}
@keyframes mksToastOut{to{opacity:0;transform:translate3d(12px,-6px,0)}}

@media (max-width:760px){
  .woocommerce-message.mks-cart-toast-shell,.woocommerce-message:has(.mks-cart-toast__inner){left:14px;right:14px;top:auto;bottom:calc(16px + env(safe-area-inset-bottom));width:auto;border-radius:18px!important;animation-name:mksToastInMobile}
  .woocommerce-message.mks-cart-toast-shell.is-leaving{animation-name:mksToastOutMobile}
  .mks-cart-toast__inner{grid-template-columns:52px minmax(0,1fr);padding:.75rem;gap:.7rem}.mks-cart-toast__media{width:52px;height:62px}.mks-cart-toast__copy strong{font-size:.98rem}.mks-cart-toast__actions{gap:.75rem}.mks-cart-toast__actions button{margin-left:auto}
}
@keyframes mksToastInMobile{from{opacity:0;transform:translate3d(0,22px,0)}to{opacity:1;transform:none}}
@keyframes mksToastOutMobile{to{opacity:0;transform:translate3d(0,12px,0)}}

@media (prefers-reduced-motion:reduce){
  [data-mks-motion-intro] *,[data-mks-motion-intro]::before,[data-mks-motion-intro]::after{animation:none!important;transition:none!important}
  .mks-collection-hero.is-motion-expanded .mks-collection-stage,.mks-identity-archive--merted.is-motion-expanded .mks-identity-archive__scene{width:100%!important;transform:none!important}
  .mks-collection-hero.is-motion-expanded .mks-collection-hero__copy>*{transform:none!important;opacity:1!important}
  .mks-collection-motion-label{display:none!important}
  .woocommerce-message.mks-cart-toast-shell{animation:none!important}
}