.mesa-shell .hd{left:0;right:0;top:0;
    display:flex;align-items:center;gap:clamp(16px,3vw,48px);
    padding:clamp(16px,2.6vh,28px) clamp(20px,3.2vw,56px) 26px;
  }
.mesa-shell .hd::before{
    content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
    background:linear-gradient(180deg,rgba(6,5,4,.92) 0%,rgba(6,5,4,.62) 45%,rgba(6,5,4,.22) 78%,rgba(6,5,4,0) 100%);
  }
.mesa-shell .hd-logo{display:inline-block;flex:none;line-height:0}
.mesa-shell .lg-svg{display:block;width:clamp(128px,9.4vw,176px);height:auto;overflow:visible;
    animation:ftGlow 14s ease-in-out infinite;transition:transform .35s ease}
.mesa-shell .hd-logo{transition:filter .35s ease}
.mesa-shell .hd-logo:hover,.mesa-shell .hd-logo:focus-visible{filter:brightness(1.18) drop-shadow(0 8px 14px rgba(253,185,39,.28))}
.mesa-shell .hd-logo:hover .lg-svg,.mesa-shell .hd-logo:focus-visible .lg-svg{transform:translateY(-3px) scale(1.03)}
.mesa-shell .lg-svg .mesa-logo-part{transform-box:fill-box;transform-origin:50% 100%;animation:14s cubic-bezier(.2,.7,.2,1) infinite both}
.mesa-shell .lg-svg .g1{animation-name:ftIn1}
.mesa-shell .lg-svg .g2{animation-name:ftIn2}
.mesa-shell .lg-svg .g3{animation-name:ftIn3}
.mesa-shell .lg-svg .g4{animation-name:ftIn4}
.mesa-shell .lg-svg .g5{animation-name:ftIn5}
.mesa-shell .lg-svg .g6{animation-name:ftIn6}
@media (prefers-reduced-motion:reduce){.mesa-shell .lg-svg,.mesa-shell .lg-svg .mesa-logo-part{animation:none}
}
.mesa-shell .hd-nav{flex:1;display:flex;justify-content:center;gap:clamp(4px,1vw,14px)}
.mesa-shell .hd-nav a{
    position:relative;
    padding:10px clamp(10px,1.2vw,18px);
    font-family:'Inter',system-ui,sans-serif;font-size:clamp(14px,1.05vw,16px);font-weight:600;letter-spacing:.01em;
    color:rgba(255,255,255,.82);text-decoration:none;border-radius:12px;
    transition:color .3s,background .3s,box-shadow .3s;
  }
.mesa-shell .hd-nav a:hover,.mesa-shell .hd-nav a:focus-visible,.mesa-shell .hd-nav a[aria-current]{
    color:#ffd35a;
    background:radial-gradient(120% 140% at 50% 50%,rgba(255,211,90,.16),rgba(255,211,90,0) 75%);
  }
.mesa-shell .hd-nav a:focus-visible{outline:2px solid rgba(255,211,90,.5);outline-offset:2px}
.mesa-shell .hd-cart{
    flex:none;position:relative;place-items:center;
    width:46px;height:46px;border-radius:14px;color:#ffd35a;text-decoration:none;
    background:linear-gradient(145deg,rgba(255,211,90,.18),rgba(240,168,16,.06));
    box-shadow:0 0 0 1px rgba(255,211,90,.25) inset,0 8px 22px -10px rgba(240,168,16,.5);
    transition:transform .3s cubic-bezier(.2,.8,.2,1),background .3s,color .3s,box-shadow .3s;
  }
.mesa-shell .hd-cart svg{width:22px;height:22px}
.mesa-shell .hd-cart:hover,.mesa-shell .hd-cart:focus-visible{
    transform:translateY(-2px);color:#1a1204;
    background:linear-gradient(135deg,#ffe08a,#f0a010);
    box-shadow:0 0 0 1px rgba(255,224,138,.5) inset,0 12px 28px -8px rgba(240,168,16,.65);
  }
.mesa-shell .hd-cart:focus-visible{outline:3px solid rgba(255,211,90,.5);outline-offset:3px}
.mesa-shell .hd-menu{display:none;flex:none;width:46px;height:46px;border-radius:14px;border:0;cursor:pointer;color:#ffd35a;
    background:linear-gradient(145deg,rgba(255,211,90,.18),rgba(240,168,16,.06));box-shadow:0 0 0 1px rgba(255,211,90,.25) inset}
.mesa-shell .hd-menu svg{width:22px;height:22px}
@media (max-width:900px){
.mesa-shell .hd-logo{margin-right:auto}
.mesa-shell .hd-menu{display:grid;place-items:center}
.mesa-shell .hd-nav{
      position:absolute;left:clamp(20px,3.2vw,56px);right:clamp(20px,3.2vw,56px);top:100%;margin-top:-14px;
      flex-direction:column;gap:2px;padding:10px;border-radius:18px;
      background:linear-gradient(180deg,rgba(14,12,9,.96),rgba(14,12,9,.88));
      box-shadow:0 20px 50px -20px rgba(0,0,0,.8);
      opacity:0;transform:translateY(-8px);pointer-events:none;transition:opacity .3s,transform .3s;
    }
.mesa-shell .hd.open .hd-nav{opacity:1;transform:none;pointer-events:auto}
.mesa-shell .hd-nav a{padding:14px 16px}

  }

.ft{--ink:#09090a;--ink2:#14120c;--gold:#fdb927;--champ:#ffd36a;--bronze:#c98a12;--paper:#eeeeef;font:500 16px/1.6 Manrope,system-ui,sans-serif;color:var(--paper)}

.ft{position:relative;background:#09090a}
.ft-wave{display:block;width:100%;height:clamp(60px,8vw,120px)}
.ft-in{background:var(--ink);color:var(--paper);margin-top:-1px}
.ft-grid{display:grid;grid-template-columns:2.6fr 1fr 1.9fr 1.5fr;gap:40px;max-width:1560px;margin:0 auto;padding:clamp(36px,5vw,64px) clamp(20px,4vw,48px) 48px}
.ft-brand img{display:block;width:min(230px,100%);height:auto}
.ft-brand p{margin:26px 0 0;max-width:34ch;font-size:15px;font-weight:700;line-height:1.7}
.ft h4{margin:0 0 20px;font-size:17px;font-weight:800;letter-spacing:.03em;color:var(--champ)}
.ft ul{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.ft a{color:var(--paper);text-decoration:none;font-size:14.5px;font-weight:600}
.ft a:focus-visible{outline:2px solid var(--champ);outline-offset:4px;border-radius:6px}
.ft-ct{display:grid;gap:10px}
.ft-ct a,.ft-ct div{display:flex;align-items:center;gap:14px}
.ft-ic{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:12px;color:var(--gold);
  border:1px solid rgba(253,185,39,.38);
  background:linear-gradient(145deg,rgba(255,211,106,.14),rgba(253,185,39,.03) 70%),var(--ink2);
  box-shadow:inset 0 1px 0 rgba(255,211,106,.22)}
.ft-ic svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.ft-ct span.t{font-size:14.5px;font-weight:600;line-height:1.45}
.ft-bar{border-top:1px solid rgba(253,185,39,.2);padding:24px clamp(20px,4vw,48px);text-align:center;font-size:clamp(15px,1.4vw,18px);font-weight:700;letter-spacing:.02em;color:var(--paper);opacity:1}

/* başlık linkleri + sosyal ikonlar */
.ft h4 a{display:inline-block;color:var(--champ);font-size:inherit;font-weight:inherit;letter-spacing:inherit;transform-origin:left center;transition:transform .25s ease}
.ft h4 a:hover,.ft h4 a:focus-visible{transform:scale(1.15)}
.ft h4 .ft-grow{display:inline-block;transform-origin:left center;transition:transform .25s ease}
.ft h4 .ft-grow:hover{transform:scale(1.15)}
.ft-soc{display:flex;gap:12px;margin-top:26px}
.ft-brand .ft-soc a{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;color:var(--gold);border:1px solid rgba(253,185,39,.38);
  background:linear-gradient(145deg,rgba(255,211,106,.14),rgba(253,185,39,.03) 70%),var(--ink2);box-shadow:inset 0 1px 0 rgba(255,211,106,.22);
  transition:transform .25s ease,background .25s ease,border-color .25s ease,color .25s ease,box-shadow .25s ease}
.ft-brand .ft-soc a:hover,.ft-brand .ft-soc a:focus-visible{transform:translateY(-3px);color:var(--ink);border-color:var(--champ);background:linear-gradient(145deg,var(--champ),var(--gold));box-shadow:0 12px 20px -10px rgba(253,185,39,.7)}
.ft-soc svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.ft-soc .wa svg{fill:currentColor;stroke:none}

/* ME-SA filigranı */
.ft-in{position:relative;overflow:hidden}
.ft-wm{position:relative;margin:4px 0 -.16em;text-align:center;white-space:nowrap;user-select:none;pointer-events:none;font:400 clamp(56px,16vw,210px)/1 Michroma,sans-serif;letter-spacing:.04em;background:linear-gradient(180deg,rgba(255,211,106,.5),rgba(253,185,39,.08) 75%,rgba(253,185,39,0));-webkit-background-clip:text;background-clip:text;color:transparent}

/* footer efektleri */
.ft ul a{position:relative;display:inline-block;transition:color .25s ease,transform .25s ease}
.ft ul a::after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:1px;background:var(--champ);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}
.ft ul a:hover,.ft ul a:focus-visible{color:var(--champ);transform:translateX(5px)}
.ft ul a:hover::after,.ft ul a:focus-visible::after{transform:scaleX(1)}
.ft-ct a .t{transition:color .25s ease}
.ft-ic{transition:transform .25s ease,background .25s ease,border-color .25s ease,color .25s ease,box-shadow .25s ease}
.ft-ct a:hover .ft-ic,.ft-ct a:focus-visible .ft-ic{transform:translateY(-3px);color:var(--ink);border-color:var(--champ);
  background:linear-gradient(145deg,var(--champ),var(--gold));box-shadow:0 12px 20px -10px rgba(253,185,39,.7)}
.ft-ct a:hover .t,.ft-ct a:focus-visible .t{color:var(--champ)}
.ft-brand a{display:inline-block}
.ft-brand img{transition:transform .35s ease,filter .35s ease}
.ft-brand a:hover img,.ft-brand a:focus-visible img{transform:translateY(-3px) scale(1.03);filter:brightness(1.18) drop-shadow(0 8px 14px rgba(253,185,39,.28))}
.ft-js .ft-grid>*{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}
.ft-js.in .ft-grid>*{opacity:1;transform:none}
.ft-js.in .ft-grid>:nth-child(2){transition-delay:.1s}
.ft-js.in .ft-grid>:nth-child(3){transition-delay:.2s}
.ft-js.in .ft-grid>:nth-child(4){transition-delay:.3s}
@media (max-width:1000px){.ft-grid{grid-template-columns:1fr 1fr}.ft-brand{grid-column:1/-1}}
@media (max-width:560px){.ft-grid{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.ft *,.ft *::after{transition:none!important}.ft-js .ft-grid>*{opacity:1!important;transform:none!important}}
/* Shared layout, isolated from page-specific headings and grids. */
*,*::before,*::after{box-sizing:border-box}
html{scroll-padding-top:calc(var(--mesa-header-height,100px) + 12px)}
.knav{top:var(--mesa-header-height,100px)}
.mesa-category .dizin{top:calc(var(--mesa-header-height,100px) + 12px)}
.mesa-shell{position:fixed;top:0;left:0;right:0;height:0;z-index:100;font-family:Inter,system-ui,sans-serif}
.mesa-shell .hd{position:absolute;z-index:100;background:linear-gradient(180deg,rgba(6,5,4,.96),rgba(6,5,4,.65),transparent)}
.mesa-shell .hd.scrolled{background:rgba(9,9,10,.97);box-shadow:0 18px 40px -26px rgba(0,0,0,.9)}
.mesa-shell .hd-nav a{text-transform:none;line-height:1.5;white-space:nowrap}
.mesa-shell .hd-menu{align-items:center;justify-content:center;padding:0}
.mesa-shell .hd-nav[hidden]{display:none!important}
.mesa-inner-page{padding-top:104px}
.ft{padding:0;border:0;display:block;text-align:left}
.ft-grid>*{min-width:0}
.ft-ct .t{overflow-wrap:anywhere}
.ft a[aria-disabled]{cursor:default;opacity:.55}
.offer-list h3 a{display:inline-block;position:relative;z-index:2}
.offer-list h3 a:focus-visible{outline:2px solid #ffd36a;outline-offset:6px}
@media(max-width:900px){.mesa-shell .hd{gap:12px}.mesa-shell .hd-nav{visibility:hidden;max-height:calc(100svh - 110px);overflow-y:auto}.mesa-shell .hd.open .hd-nav{visibility:visible}.mesa-inner-page{padding-top:88px}}
@media(max-width:600px){.ft-grid{grid-template-columns:1fr;gap:32px}.ft-brand{grid-column:auto}.ft-ct a{align-items:flex-start}.ft-ic{width:40px;height:40px}.ft-bar{line-height:1.6}.cta{max-width:100%}.cta .btn{max-width:100%;height:auto;min-height:52px;white-space:normal;text-align:center;padding:14px 22px}.offer-in,.about-in{min-width:0}.offer-list li,.about-tl{min-width:0}.offer-list h3{overflow-wrap:anywhere}}
@media(max-width:600px){
 .pg h1,.ic h1,.ab h1{font-size:clamp(24px,7.5vw,44px)}
 .kgrid{grid-template-columns:minmax(0,1fr)}
 .hero>div{min-width:0;max-width:100%}
 .hero h1.cd{font-size:clamp(36px,9.5vw,54px);overflow-wrap:anywhere}
 .hd2{font-size:clamp(22px,7.1vw,40px)}
 .catalog-in{width:100%;min-width:0}
 .catalog h2{font-size:clamp(28px,8vw,48px)}
 .cat-btn{max-width:100%;padding-inline:22px;font-size:1rem}
 .offer-head h2,.field h2{font-size:clamp(30px,9vw,44px)}
}
@media(max-width:900px) and (max-height:700px){.offer,.about{height:auto}.offer-in,.about-in{position:relative;min-height:0;padding-top:70px;padding-bottom:70px}.offer-list li>*{opacity:1;transform:none}.about-it{opacity:1;transform:none}}

.cat-btn[aria-disabled]{cursor:default;opacity:.7;pointer-events:none}.catalog .catalog-status{font-size:.9rem;margin-top:16px}

/* Clip horizontal reveal motion without changing the sticky scroll container. */
.offer{overflow-x:clip}
.offer-list li:focus-within>*{opacity:1;transform:none}

@keyframes mesaLogoIn1{0%,0.714%{opacity:0;transform:translateY(5px) scale(.94);filter:blur(2.5px) brightness(1.6)}5.714%{opacity:1;transform:none;filter:blur(0) brightness(1)}85%{opacity:1;transform:none;filter:blur(0) brightness(1);animation-timing-function:cubic-bezier(.8,0,.8,.3)}90%,100%{opacity:0;transform:translateY(5px) scale(.94);filter:blur(2.5px) brightness(1.6)}}
@keyframes mesaLogoIn2{0%,5.714%{opacity:0;transform:translateY(5px) scale(.94);filter:blur(2.5px) brightness(1.6)}10.714%{opacity:1;transform:none;filter:blur(0) brightness(1)}80%{opacity:1;transform:none;filter:blur(0) brightness(1);animation-timing-function:cubic-bezier(.8,0,.8,.3)}85%,100%{opacity:0;transform:translateY(5px) scale(.94);filter:blur(2.5px) brightness(1.6)}}
@keyframes mesaLogoIn3{0%,10.714%{opacity:0;transform:translateY(5px) scale(.94);filter:blur(2.5px) brightness(1.6)}15.714%{opacity:1;transform:none;filter:blur(0) brightness(1)}75%{opacity:1;transform:none;filter:blur(0) brightness(1);animation-timing-function:cubic-bezier(.8,0,.8,.3)}80%,100%{opacity:0;transform:translateY(5px) scale(.94);filter:blur(2.5px) brightness(1.6)}}
@keyframes mesaLogoIn4{0%,15.714%{opacity:0;transform:translateY(5px) scale(.94);filter:blur(2.5px) brightness(1.6)}20.714%{opacity:1;transform:none;filter:blur(0) brightness(1)}70%{opacity:1;transform:none;filter:blur(0) brightness(1);animation-timing-function:cubic-bezier(.8,0,.8,.3)}75%,100%{opacity:0;transform:translateY(5px) scale(.94);filter:blur(2.5px) brightness(1.6)}}
@keyframes mesaLogoIn5{0%,20.714%{opacity:0;transform:translateY(5px) scale(.94);filter:blur(2.5px) brightness(1.6)}25.714%{opacity:1;transform:none;filter:blur(0) brightness(1)}65%{opacity:1;transform:none;filter:blur(0) brightness(1);animation-timing-function:cubic-bezier(.8,0,.8,.3)}70%,100%{opacity:0;transform:translateY(5px) scale(.94);filter:blur(2.5px) brightness(1.6)}}
@keyframes mesaLogoIn6{0%,25.714%{opacity:0;transform:translateY(5px) scale(.94);filter:blur(2.5px) brightness(1.6)}30.714%{opacity:1;transform:none;filter:blur(0) brightness(1)}60%{opacity:1;transform:none;filter:blur(0) brightness(1);animation-timing-function:cubic-bezier(.8,0,.8,.3)}65%,100%{opacity:0;transform:translateY(5px) scale(.94);filter:blur(2.5px) brightness(1.6)}}
@keyframes mesaLogoGlow{0%,30.171%,45.257%,60.343%,100%{filter:drop-shadow(0 0 0 rgba(255,211,106,0))}37.714%,52.8%{filter:drop-shadow(0 0 6px rgba(255,211,106,.75))}}
/* Logo motion is independent of page heading classes and inline page keyframes. */
.mesa-shell .mesa-logo,.ft-brand>a>.mesa-logo{display:block;height:auto;overflow:visible;animation:none;transition:transform .35s ease}
.mesa-shell .mesa-logo{width:clamp(128px,9.4vw,176px)}
.ft-brand>a>.mesa-logo{width:min(230px,100%)}
.ft-brand>a:has(>.mesa-logo){width:min(230px,100%)}
.ft-brand>a:hover>.mesa-logo,.ft-brand>a:focus-visible>.mesa-logo{transform:translateY(-3px) scale(1.03)}
.mesa-logo .mesa-logo-part{transform-box:fill-box;transform-origin:50% 100%;animation:none;opacity:1}
.mesa-logo.is-animated{animation:mesaLogoGlow 14s ease-in-out infinite;animation-play-state:paused}
.mesa-logo.is-animated .mesa-logo-part{animation:14s cubic-bezier(.2,.7,.2,1) infinite both;animation-play-state:paused}
.mesa-logo.is-animated .g1{animation-name:mesaLogoIn1}.mesa-logo.is-animated .g2{animation-name:mesaLogoIn2}
.mesa-logo.is-animated .g3{animation-name:mesaLogoIn3}.mesa-logo.is-animated .g4{animation-name:mesaLogoIn4}
.mesa-logo.is-animated .g5{animation-name:mesaLogoIn5}.mesa-logo.is-animated .g6{animation-name:mesaLogoIn6}
.mesa-shell .mesa-logo.is-playing,.ft-brand>a>.mesa-logo.is-playing,.mesa-logo.is-playing .mesa-logo-part{animation-play-state:running}
/* The source's mobile sticky canvas must fit its visible content. Short screens use natural scrolling. */
.offer-list h3 a{color:inherit;text-decoration:none}
.offer-list li>*{will-change:auto}
.shot.in{clip-path:inset(0 0 0 0 round 10px)}
.shot.in img{transform:scale(1)}
.shot.in:hover img{transform:scale(1.07);transition-delay:0s;transition-duration:.7s}
.shot.in::after{opacity:1;animation:shotShine 5s ease-in-out infinite;animation-delay:calc(var(--d) + 1.6s)}
@media(max-width:820px){.offer-in{padding-block:30px}.offer-list h3{font-size:clamp(1.05rem,3.1vw,1.45rem)}.offer-list li.in:hover h3{transform:none}.peek{display:none!important}}
@media(max-height:760px) and (max-width:900px){.offer,.about{height:auto}.offer-in,.about-in{position:relative;min-height:0;padding-block:64px}.offer-list li>*{opacity:1;transform:none}.offer-head h2{opacity:1;transform:none}.about-it{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){
 .mesa-shell .mesa-logo,.ft-brand>a>.mesa-logo,.mesa-logo .mesa-logo-part{animation:none!important;opacity:1;filter:none;transform:none}
 .offer-list li>*,.offer-head h2,.catalog-in,.shot{opacity:1;transform:none;clip-path:none;transition:none}
 .shot img{transform:none}.shot::after{animation:none}.peek{display:none!important}
 html{scroll-behavior:auto}
}
/* Product catalogue: existing product data and selectors retained, quotation presentation aligned to ME-SA. */
.cm .pm-head{justify-content:space-between;padding:20px 24px 0}
.cm .qty{flex:none}.cm .qty button{min-width:40px;min-height:40px}
.cm .ci{gap:20px}.cm .var-n{min-width:0;overflow-wrap:anywhere}
@media(max-width:600px){.cm .ci{flex-direction:column;align-items:flex-start}.cm .pm-body{padding:20px}.cm .pm-head{padding:16px 20px 0}}

/* The quotation list follows the dark-and-gold catalogue; product detail sheets retain their readable paper layout. */
.pm.cm{background:linear-gradient(145deg,#1d1911,#0e0d0b);color:#eeeeef;border-color:rgba(253,185,39,.36)}
.cm .pm-head{border-bottom-color:rgba(253,185,39,.2);padding-bottom:18px}
.cm .pm-head h2{font:800 clamp(26px,3vw,34px)/1.1 "Barlow Condensed",sans-serif;text-transform:uppercase;color:#ffd36a}
.cm .pm-x{background:#282115;border-color:rgba(253,185,39,.3)}
.cm .pm-x:focus-visible{outline-color:#ffd36a}
.cm .var-n span{color:#bcb6aa}
.cm .ci,.cm .cart-foot{border-color:rgba(253,185,39,.2)}
.cm .qty button{background:#282115;color:#ffd36a;border-color:rgba(253,185,39,.35)}
.cm .qty button:focus-visible{outline:2px solid #ffd36a;outline-offset:2px}
.cm .cart-sum b{color:#ffd36a}
.pm.cm .btn-gold{background:linear-gradient(120deg,#e89c0c,#ffd36a);color:#151108}
.pm.cm .btn-line{background:transparent;color:#ddd8ca;border-color:rgba(253,185,39,.3)}


.pm.cm{height:auto;max-height:calc(100svh - 32px)}
.pm.cm{height:fit-content}


/* Category motion is progressively enhanced and independent of shared logos/headings. */
.mesa-category main,.mesa-category .govde>div,.mesa-category .blok>*{min-width:0}
.mesa-category .govde{grid-template-columns:200px minmax(0,1fr)}
.mesa-category .blok{grid-template-columns:repeat(2,minmax(0,1fr))}
.mesa-category .hd2 .w i{opacity:1;transform:none;transition:none}
.mesa-category .ph{clip-path:none;transition:none}
.mesa-category .ph img{scale:1.14;transform:translateY(var(--py,0px));transition:scale .7s cubic-bezier(.2,.8,.2,1)}
.mesa-category .ph:hover img{scale:1.14}
.mesa-category .wd{opacity:1;transition:none}
.mesa-category.mesa-motion .wd{opacity:.24;transition:opacity .3s}
.mesa-category.mesa-motion .wd.on{opacity:1}
.mesa-category.mesa-motion .hd2 .w i{opacity:0;transform:translate(-32px,108%);transition:transform .85s cubic-bezier(.2,.8,.2,1),opacity .6s}
.mesa-category.mesa-motion .hd2 .w.g i{transform:translate(32px,108%);transition-delay:.12s}
.mesa-category.mesa-motion .hd2.in .w i{opacity:1;transform:none}
.mesa-category.mesa-motion .ph{clip-path:none;transition:border-color .3s}
.mesa-category.mesa-motion .ph img{clip-path:inset(0 100% 0 0 round 14px);transition:clip-path 1s cubic-bezier(.77,0,.18,1) var(--d,0s),scale .7s cubic-bezier(.2,.8,.2,1)}
.mesa-category.mesa-motion .ph.in img,.mesa-category.mesa-motion .ph:focus-within img{clip-path:inset(0 round 14px)}
.mesa-category .ph button:focus-visible{outline:3px solid #ffd36a;outline-offset:-5px;border-radius:12px}
.mesa-category .ph:focus-within{clip-path:inset(0 round 14px)}
.mesa-category .galeri{grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr))}
@media(min-width:901px) and (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .mesa-category .ph.in:hover img,.mesa-category .ph.in:focus-within img{scale:1.22}
}
@media(max-width:1100px){.mesa-category .govde{grid-template-columns:minmax(0,1fr)}.mesa-category .dizin{display:none}}
@media(max-width:900px){
 .mesa-category .blok{grid-template-columns:minmax(0,1fr);gap:28px;padding-bottom:60px}
 .mesa-category .blok:nth-child(even) .by{order:0}
 .mesa-category .govde{padding-block:52px 0}
 .mesa-category .hero{min-height:60svh;padding:48px var(--pad) 42px}
 .mesa-category .hero h1.cd{font-size:clamp(40px,9.8vw,72px);line-height:1.02;overflow-wrap:normal;text-wrap:balance}
 .mesa-category .hd2{font-size:clamp(34px,7.6vw,54px);line-height:1.05}
 .mesa-category .giris{font-size:1rem;line-height:1.7}
 .mesa-category .kr{margin-bottom:18px}
 .mesa-category .alt{margin-top:22px}
 .mesa-category .bg{gap:18px}
 .mesa-category .bolum{padding-block:52px}
}
@media(hover:none),(pointer:coarse){.mesa-category .ph img,.mesa-category .ph:hover img{scale:1;transform:none}}
html.mesa-gallery-open{overflow:hidden;overscroll-behavior:none}
.mesa-category .lb{z-index:1000;padding:76px 24px 88px;overscroll-behavior:contain}
.mesa-category .lb img{max-width:100%;max-height:calc(100svh - 164px);object-fit:contain}
.mesa-category .lb button{min-width:44px;min-height:44px;touch-action:manipulation}
.mesa-category .lb button:focus-visible{outline:3px solid #ffd36a;outline-offset:4px}
@media(max-width:900px){
 .mesa-category .lb{padding:76px 16px 96px}
 .mesa-category .lb .x{top:max(16px,env(safe-area-inset-top));right:16px}
 .mesa-category .lb .p,.mesa-category .lb .n{top:auto;bottom:max(20px,env(safe-area-inset-bottom))}
 .mesa-category .lb .p{left:calc(50% - 60px)}.mesa-category .lb .n{right:calc(50% - 60px)}
}
@media(prefers-reduced-motion:reduce){
 .mesa-category .ph,.mesa-category .hd2 .w i,.mesa-category .wd{clip-path:none!important;opacity:1!important;transform:none!important;transition:none!important}
 .mesa-category .ph img{scale:1;transform:none;transition:none}
}

@media(max-width:900px){.mesa-category .ph img,.mesa-category .ph:hover img{scale:1;transform:none}}

html:has(body.mesa-category){scrollbar-gutter:stable}

@media(prefers-reduced-motion:reduce){.mesa-category .ph img{clip-path:none!important}}

/* One entrance per image, at its own vertical position. Keep sticky ancestors intact. */
.field,.mesa-category main{overflow-x:clip}
.field-grid>.shot,.mesa-category main .ph{clip-path:none;opacity:1;translate:0 0}
.field-grid>.shot img{transform:scale(1);transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.mesa-category.mesa-motion .ph img{clip-path:none;transition:scale .7s cubic-bezier(.2,.8,.2,1)}
.mesa-photo-ready .mesa-enter,
.mesa-category.mesa-photo-ready .mesa-enter{
 transition:translate 1.05s cubic-bezier(.2,.8,.2,1),opacity .8s ease,border-color .3s;
}
.mesa-photo-ready .mesa-enter:not(.is-revealed){
 translate:calc(var(--entry-direction)*clamp(48px,6vw,90px)) 0;opacity:0;
}
.mesa-photo-ready .mesa-enter.is-revealed{translate:0 0;opacity:1}
.mesa-photo-ready .mesa-enter:focus-within,
.mesa-category.mesa-photo-ready .mesa-enter:focus-within{translate:0 0;opacity:1;transition:none}
.offer-list li .thumb{transform:translateX(38px)}
.offer-list li:nth-child(even) .thumb{transform:translateX(-38px)}
.offer-list li.in .thumb{transform:none}
@media(max-width:900px){
 .mesa-photo-ready .mesa-enter:not(.is-revealed){translate:calc(var(--entry-direction)*30px) 0}
}
@media(hover:none),(pointer:coarse){.shot.in:hover img{transform:scale(1)}}
/* A repeating invitation independent of hover; paused by default, including closed carts. */
.pm.cm .mesa-quote-cta{
 position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:center;
 min-height:58px;padding:17px 24px;border:1px solid rgba(255,235,174,.55);border-radius:14px;
 font-size:clamp(17px,2vw,19px);font-weight:800;line-height:1.3;letter-spacing:.01em;text-align:center;
 box-shadow:0 8px 25px -12px rgba(253,185,39,.65);
 animation:mesaQuoteInvite 3.8s ease-in-out infinite;animation-play-state:paused;transition:none;transform:none;
}
.mesa-quote-cta span{position:relative;z-index:1}
.mesa-quote-cta::before{content:'';position:absolute;inset:-60% -40%;pointer-events:none;
 background:linear-gradient(105deg,transparent 42%,rgba(255,255,255,.48) 50%,transparent 58%);
 translate:-100% 0;animation:mesaQuoteSheen 4.8s ease-in-out infinite;animation-play-state:paused;
}
.mesa-quote-cta::after{content:'';position:absolute;inset:3px;border:1px solid rgba(255,246,212,.7);border-radius:10px;
 pointer-events:none;opacity:0;animation:mesaQuoteEdge 3.8s ease-in-out infinite;animation-play-state:paused;
}
.pm.cm.mesa-quote-running .mesa-quote-cta,
.mesa-quote-running .mesa-quote-cta::before,
.mesa-quote-running .mesa-quote-cta::after{animation-play-state:running;will-change:transform,opacity}
.pm.cm .mesa-quote-cta:focus-visible{outline:3px solid #fff0c4;outline-offset:4px}
.pm.cm .mesa-quote-cta:active{filter:brightness(.96)}
@keyframes mesaQuoteInvite{0%,68%,100%{transform:translate3d(0,0,0) scale(1)}32%,44%{transform:translate3d(0,-2px,0) scale(1.018)}}
@keyframes mesaQuoteEdge{0%,68%,100%{opacity:0;transform:scale(.98)}32%,44%{opacity:.85;transform:scale(1)}}
@keyframes mesaQuoteSheen{0%,28%{translate:-100% 0}58%,100%{translate:100% 0}}

@media(prefers-reduced-motion:reduce){
 .mesa-photo-ready .mesa-enter,.mesa-photo-ready .mesa-enter:not(.is-revealed){translate:0 0!important;opacity:1!important;transition:none!important}
 .offer-list li .thumb{transform:none!important}
 .pm.cm .mesa-quote-cta,.mesa-quote-cta::before,.mesa-quote-cta::after{animation:none!important;transition:none!important}
 .mesa-quote-cta::before,.mesa-quote-cta::after{display:none}
}

@media(prefers-reduced-motion:reduce){.field-grid>.shot img,.field-grid>.shot.in:hover img{transform:none!important;transition:none!important}.field-grid>.shot::after{animation:none!important}}

/* The spotlight mask stays fixed; only small, independently composited layers move. */
.mh.mesa-glow-ready .logo-lit{
 inset:auto;left:0;top:0;width:calc(var(--r)*2);height:calc(var(--r)*2);filter:none;
 overflow:hidden;contain:layout paint;
 -webkit-mask-image:radial-gradient(circle closest-side at 50% 50%,#000 0%,rgba(0,0,0,.65) 45%,transparent 100%);
 mask-image:radial-gradient(circle closest-side at 50% 50%,#000 0%,rgba(0,0,0,.65) 45%,transparent 100%);
 -webkit-mask-size:100% 100%;mask-size:100% 100%;
}
.mh.mesa-glow-ready .mesa-lit-plane{position:absolute;left:0;top:0;pointer-events:none}
.mh.mesa-glow-ready .mh-glow{
 inset:auto;left:0;top:0;width:calc(var(--r)*2.3);height:calc(var(--r)*2.3);filter:none;
 background:radial-gradient(circle closest-side at 50% 50%,rgba(255,211,90,.13) 0%,rgba(240,168,16,.06) 40%,transparent 70%);
}
.mh.mesa-glow-tracking .logo-lit,.mh.mesa-glow-tracking .mesa-lit-plane,.mh.mesa-glow-tracking .mh-glow{will-change:transform}

/* Common shell refinements apply identically to every page. */
.mesa-shell .hd-cart{display:flex;align-items:center;justify-content:center;padding:0;line-height:0}
.mesa-shell .hd-cart>svg{display:block;flex:none;margin:0;align-self:center}
.mesa-shell .hd-cart-n{position:absolute;right:-5px;top:-5px;line-height:1;display:grid;place-items:center;min-width:20px;height:20px;padding:0 4px;border-radius:20px;background:#ffd36a;color:#171207;font:800 11px/1 Inter,system-ui,sans-serif}
.mesa-shell .hd-cart-n[hidden]{display:none}
.ft .ft-soc a[aria-disabled]{opacity:1}
.ft nav[aria-label="Hızlı Erişim"]{padding-left:clamp(8px,1.6vw,26px)}
.ft nav[aria-label="Hızlı Erişim"] li a{display:inline-flex;align-items:center;gap:12px}
.ft-quick-icon{width:19px;height:19px;flex:none;fill:none;stroke:#ffd36a;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
body:has(.mh)>#urunler.offer{height:auto;min-height:0}
body:has(.mh)>#urunler .offer-in{position:relative;min-height:0;padding-block:clamp(70px,9vw,120px)}
body:has(.mh)>#urunler .offer-list li>*{transition-delay:0s}
.mesa-services main{padding-top:108px;overflow-x:clip}
.mesa-services .offer-head .lead{max-width:700px}
.mesa-services .offer-list .card{min-width:0}
.mesa-services .offer-list .num{flex:none}
.mesa-services .offer-list .ct{overflow-wrap:anywhere}
.mesa-services .offer-list .arr{margin-left:4px}
@media(max-width:900px){.mesa-services main{padding-top:88px}}
@media(max-width:560px){.ft nav[aria-label="Hızlı Erişim"]{padding-left:0}.mesa-services .offer-list .card{gap:12px;padding:18px 14px}.mesa-services .offer-list .arr{width:36px;height:36px}.mesa-services .offer-list .num{font-size:1.6rem}.mesa-services .offer-head h2{font-size:clamp(40px,11vw,66px)}}

/* Group covers and newly created group sheets reuse the catalogue's existing card language. */
.mesa-group-empty{background:radial-gradient(ellipse at 30% 20%,#332a16,#14120c);border:1px dashed #9f7a2e}
.mesa-group-dialog .pm-head{justify-content:space-between}
.mesa-group-dialog .pm-head h2{color:#09090a;font:800 clamp(24px,4vw,34px)/1.1 'Barlow Condensed',sans-serif;text-transform:uppercase}
.mesa-group-dialog .pm-fig[hidden],.mesa-group-description[hidden]{display:none}
.mesa-group-description{color:#5e594f;line-height:1.8;margin:0 0 24px}
.mesa-services .offer-list .card:active{transform:scale(.99)}
.mesa-services .peek{contain:layout paint}

/* The two new isolated rolls stay fully visible on the catalogue white surface. */
.pc[data-mesa-group="eko"] .pc-ph img,.pc[data-mesa-group="super"] .pc-ph img{object-fit:contain;object-position:center;box-sizing:border-box;padding:8px}