/* ==========================================================================
   Ece Akay Beslenme Stüdyosu (demo2)
   2000'lerin dergi reklamlarından: tek renkten kreme püskürtme geçişler,
   parlayan çizgi semboller, iki yana yaslı küçük büyük harf metinler,
   çapraz duran ürün çekimleri ve dikey serif logo yazısı.
   Afiş bölümleri bu dili taşır; fiyat, form ve SSS gibi alanlar sade kalır.
   Tüm renkler aşağıdaki ton rampasından gelir; palet yalnızca :root'ta değişir.
   Başlık ve metin Archivo (genişlik ekseni), logo ve rakamlar Besley.
   ========================================================================== */

@font-face{font-family:"Archivo";font-style:normal;font-weight:100 900;font-stretch:62% 125%;font-display:swap;src:url(../fonts/archivo-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Archivo";font-style:normal;font-weight:100 900;font-stretch:62% 125%;font-display:swap;src:url(../fonts/archivo-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Besley";font-style:normal;font-weight:400 900;font-display:swap;src:url(../fonts/besley-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Besley";font-style:normal;font-weight:400 900;font-display:swap;src:url(../fonts/besley-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  /* ---- palet: nar ---- */
  --h-950:#2B0810;
  --h-900:#4B0C18;
  --h-800:#6F1322;
  --h-700:#921C2C;
  --h-600:#B3303A;
  --h-500:#CF6752;
  --h-400:#E8A487;
  --h-300:#F3CDB5;
  --h-200:#F8E3D1;
  --h-100:#FBEFE6;
  --cream:#F6ECD9;
  --cream-2:#EEE3D0;
  --glow-1:#FFE9DD;
  --glow-2:#FFB9A0;
  --glow-3:#FF866A;
  --shade:#3A0810;

  --paper:#F7F1E8;
  --ink:#2A0B10;
  --ink-2:#5A3B3C;
  --muted:#80665F;
  --line:#E8DCD2;
  --line-2:#D6C5BA;

  /* sabitler */
  --white:#FFFFFF;
  --led:#2BC266;
  --star:#E3A21A;
  --err:#B3261E;

  /* türetilenler */
  --accent:var(--h-700);
  --accent-2:var(--h-800);
  --tint:var(--h-100);
  --disabled:color-mix(in srgb,var(--muted) 55%,var(--paper));
  --soft-bg:color-mix(in srgb,var(--paper) 55%,#fff);

  --sans:"Archivo",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --serif:"Besley",Georgia,"Times New Roman",serif;

  --wrap:1240px;
  --gutter:clamp(1rem,4vw,2.5rem);
  --hdr:4.5rem;
  --sec:clamp(4.5rem,9vw,7.5rem);

  --r-sm:10px;
  --r:14px;
  --r-lg:20px;
  --r-xl:28px;

  --sh-1:0 1px 2px color-mix(in srgb,var(--ink) 5%,transparent),0 8px 24px -14px color-mix(in srgb,var(--ink) 18%,transparent);
  --sh-2:0 2px 6px color-mix(in srgb,var(--ink) 6%,transparent),0 30px 60px -30px color-mix(in srgb,var(--ink) 35%,transparent);
  --sh-obj:drop-shadow(18px 34px 30px color-mix(in srgb,var(--shade) 42%,transparent)) drop-shadow(4px 8px 8px color-mix(in srgb,var(--shade) 25%,transparent));
  --sh-tile:drop-shadow(10px 22px 18px color-mix(in srgb,var(--shade) 38%,transparent)) drop-shadow(2px 5px 5px color-mix(in srgb,var(--shade) 20%,transparent));
  --txt-glow:0 0 30px color-mix(in srgb,var(--shade) 28%,transparent);
  --ease:cubic-bezier(.2,.75,.2,1);

  --grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  color-scheme:light;
}

/* ---------- temel ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--hdr) + 1rem)}
@media (prefers-reduced-motion:no-preference){ html{scroll-behavior:smooth} }
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:1.0625rem;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip}
img,svg{display:block;max-width:100%}
img{height:auto}
h1,h2,h3,h4{margin:0;font-weight:400;text-wrap:balance}
p{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
figure,blockquote,dl,dd,fieldset{margin:0}
fieldset{border:0;padding:0;min-width:0}
legend{padding:0}
a{color:inherit;text-underline-offset:4px}
button,input,textarea{font:inherit;color:inherit}
button{cursor:pointer}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.poster :focus-visible{outline-color:#fff}
::selection{background:var(--accent);color:#fff}
[hidden]{display:none!important}
.sr{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.skip{position:absolute;left:1rem;top:-4rem;z-index:100;padding:.75rem 1rem;border-radius:var(--r-sm);background:var(--ink);color:#fff;text-decoration:none}
.skip:focus{top:1rem}
.wrap{width:100%;max-width:calc(var(--wrap) + var(--gutter) * 2);margin-inline:auto;padding-inline:var(--gutter)}

/* ---------- tipografi ---------- */
/* reklamların küçük, büyük harfli, iki yana yaslı metni */
.micro{font-family:var(--sans);font-stretch:88%;font-weight:560;font-size:.6875rem;line-height:1.5;letter-spacing:.075em;text-transform:uppercase}
.micro-j{text-align:justify;hyphens:auto;-webkit-hyphens:auto}
.micro b{font-weight:700}

.eyebrow{display:inline-flex;align-items:center;gap:.55rem;margin-bottom:1.1rem;font-stretch:96%;font-size:.75rem;font-weight:650;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}
.eyebrow svg{width:15px;height:15px;stroke-width:11;flex:none}

h2{font-size:clamp(2.1rem,1.25rem + 2.7vw,3.6rem);font-stretch:112%;font-weight:340;line-height:1.02;letter-spacing:-.025em}
h3{font-size:1.25rem;font-stretch:106%;font-weight:560;line-height:1.2;letter-spacing:-.005em}
.lead{font-size:1.125rem;line-height:1.6;color:var(--ink-2);max-width:36em}

/* ---------- düğmeler ---------- */
.btn{--h:3rem;display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-height:var(--h);padding:0 1.3rem;border:1px solid transparent;border-radius:12px;background:transparent;font-family:var(--sans);font-stretch:106%;font-weight:620;font-size:.9375rem;line-height:1.1;letter-spacing:.005em;text-decoration:none;white-space:nowrap;transition:background-color .2s,color .2s,border-color .2s,transform .2s var(--ease)}
.btn svg{width:18px;height:18px;flex:none}
.btn:active{transform:translateY(1px)}
.btn-lg{--h:3.5rem;padding:0 1.6rem;font-size:1rem}
.btn-sm{--h:2.5rem;padding:0 1rem;font-size:.875rem}
.btn-block{width:100%}
.btn-primary{background:var(--accent);color:#fff}
.btn-primary:hover{background:var(--accent-2)}
.btn-light{background:#fff;color:var(--h-900)}
.btn-light:hover{background:var(--h-100)}
.btn-line{border-color:rgb(255 255 255 / .55);color:#fff}
.btn-line:hover{border-color:#fff;background:rgb(255 255 255 / .1)}
.btn-ghost{border-color:var(--line-2);color:var(--ink)}
.btn-ghost:hover{border-color:var(--ink)}

/* oyun kolu tuşu gibi küçük sembol */
.key{display:grid;place-items:center;width:26px;height:26px;margin-left:-.4rem;border-radius:50%;background:var(--accent);color:#fff}
.key svg{width:14px;height:14px;stroke-width:12}

.led{display:inline-block;flex:none;width:8px;height:8px;border-radius:50%;background:var(--led);box-shadow:0 0 0 3px rgb(43 194 102 / .2),0 0 10px rgb(43 194 102 / .9)}

/* ---------- parlayan semboller ---------- */
.glow{color:#fff;stroke-width:7;overflow:visible;filter:drop-shadow(0 0 1px rgb(255 255 255 / .95)) drop-shadow(0 0 6px color-mix(in srgb,var(--glow-1) 90%,transparent)) drop-shadow(0 0 18px color-mix(in srgb,var(--glow-2) 80%,transparent)) drop-shadow(0 0 40px color-mix(in srgb,var(--glow-3) 55%,transparent))}
.glow-sm{width:34px;height:34px;stroke-width:8;filter:drop-shadow(0 0 1px #fff) drop-shadow(0 0 5px color-mix(in srgb,var(--glow-1) 90%,transparent)) drop-shadow(0 0 12px color-mix(in srgb,var(--glow-2) 75%,transparent))}

/* ---------- üst çubuk ---------- */
.hdr{position:fixed;inset:0 0 auto;z-index:50;height:var(--hdr);color:#fff;transition:background-color .35s,color .35s,box-shadow .35s}
.hdr-in{display:flex;align-items:center;gap:2rem;height:100%;padding-inline:var(--gutter)}
.hdr.is-solid{background:color-mix(in srgb,var(--paper) 96%,transparent);color:var(--ink);box-shadow:0 1px 0 var(--line)}

.brand{display:inline-flex;align-items:center;gap:.65rem;color:inherit;text-decoration:none}
.brand-mark{width:30px;height:30px;stroke-width:9;flex:none}
.brand-name{font-family:var(--serif);font-size:1.4rem;font-weight:800;line-height:1;letter-spacing:-.01em;white-space:nowrap}
.brand-tag{padding-left:.65rem;border-left:1px solid currentColor;font-stretch:90%;font-size:.625rem;font-weight:600;line-height:1.2;letter-spacing:.12em;text-transform:uppercase;opacity:.85}

.nav{display:flex;gap:1.75rem;margin-left:auto}
.nav a{font-stretch:104%;font-size:.9375rem;font-weight:500;text-decoration:none;opacity:.88;transition:opacity .2s}
.nav a:hover{opacity:1;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:7px}
.hdr-cta{display:flex;align-items:center;gap:.5rem}
.hdr-wa{display:grid;place-items:center;width:2.5rem;height:2.5rem;border:1px solid rgb(255 255 255 / .4);border-radius:50%;transition:border-color .2s,background-color .2s}
.hdr-wa svg{width:18px;height:18px}
.hdr-wa:hover{border-color:currentColor}
.btn-hdr{background:#fff;color:var(--h-900)}
.btn-hdr:hover{background:var(--h-100)}
.hdr.is-solid .hdr-wa{border-color:var(--line-2)}
.hdr.is-solid .btn-hdr{background:var(--accent);color:#fff}
.hdr.is-solid .btn-hdr:hover{background:var(--accent-2)}

.menu-btn{display:none;place-items:center;width:2.75rem;height:2.75rem;margin-right:-.35rem;border:0;border-radius:50%;background:transparent}
.menu-btn svg{width:24px;height:24px}
.menu-btn .i-shut{display:none}
.menu-btn[aria-expanded="true"] .i-open{display:none}
.menu-btn[aria-expanded="true"] .i-shut{display:block}

.m-menu{position:fixed;inset:var(--hdr) 0 0;z-index:49;display:flex;flex-direction:column;gap:1.5rem;padding:1rem var(--gutter) calc(2rem + env(safe-area-inset-bottom,0px));overflow-y:auto;background:var(--paper)}
.m-menu nav a{display:block;padding:.7rem 0;border-bottom:1px solid var(--line);color:var(--ink);font-stretch:110%;font-size:1.5rem;font-weight:340;letter-spacing:-.02em;text-decoration:none}
.m-menu-foot{color:var(--muted);text-align:center}
body.menu-open{overflow:hidden}

/* ---------- afiş zemini ---------- */
.poster{position:relative;isolation:isolate;overflow:hidden;color:#fff;background:var(--h-700)}
.air{position:absolute;inset:0;z-index:-2}
.air i{position:absolute;display:block;border-radius:50%;filter:blur(70px)}
.grain{position:absolute;inset:0;z-index:-1;background-image:var(--grain);background-size:220px;opacity:.26;mix-blend-mode:overlay;pointer-events:none}

/* ==========================================================================
   GİRİŞ
   ========================================================================== */
.hero .air{background:
  radial-gradient(52% 58% at 100% 100%,var(--cream) 0%,color-mix(in srgb,var(--cream) 90%,transparent) 30%,transparent 72%),
  radial-gradient(38% 46% at 70% 78%,rgb(255 255 255 / .5) 0%,transparent 70%),
  radial-gradient(60% 85% at 0% 42%,var(--h-900) 0%,transparent 64%),
  linear-gradient(160deg,var(--h-800) 0%,var(--h-700) 36%,var(--h-600) 52%,var(--h-500) 69%,var(--h-300) 85%,var(--cream-2) 100%)}
.hero .air-a{width:62%;height:34%;right:-14%;top:34%;background:rgb(255 255 255 / .38);transform:rotate(-26deg)}
.hero .air-b{width:48%;height:58%;left:-12%;bottom:-24%;background:var(--h-800);opacity:.85}
.hero .air-c{width:36%;height:34%;right:18%;top:-12%;background:var(--h-500);opacity:.7}

.hero{min-height:clamp(700px,100svh,940px)}
.hero-grid{position:relative;display:grid;grid-template-columns:clamp(88px,10vw,170px) minmax(0,540px) minmax(0,1fr);grid-template-rows:1fr auto;column-gap:clamp(1rem,2.5vw,3rem);min-height:inherit;padding:calc(var(--hdr) + 1.5rem) var(--gutter) 1.75rem 0}

.glyphs{grid-column:1;grid-row:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(1.75rem,4.2vh,3rem);padding-left:clamp(.5rem,1.5vw,1.5rem);z-index:2}
.glyphs svg{width:clamp(58px,6.6vw,104px);height:auto;aspect-ratio:1}

.hero-copy{grid-column:2;grid-row:1;align-self:center;position:relative;z-index:3;padding-block:1rem}
.hero-cap{max-width:30rem;color:rgb(255 255 255 / .82)}
.hero h1{max-width:7em;margin-top:1.5rem;font-size:clamp(2.75rem,1.2rem + 3.6vw,5.1rem);font-stretch:110%;font-weight:290;line-height:.98;letter-spacing:-.035em;text-shadow:var(--txt-glow)}
.hero-lead{margin-top:1.5rem;max-width:28rem;font-size:clamp(1.05rem,.98rem + .3vw,1.2rem);line-height:1.6;color:rgb(255 255 255 / .88)}
.hero-cta{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2.1rem}
.status{display:flex;align-items:center;gap:.7rem;margin-top:1.6rem;font-size:.875rem;color:rgb(255 255 255 / .85)}

.hero-note{grid-column:3;grid-row:1;align-self:start;justify-self:start;width:min(100%,24rem);margin-top:.25rem;color:rgb(255 255 255 / .8);position:relative;z-index:2}

.hero-facts{grid-column:2 / 4;grid-row:2;display:flex;flex-wrap:wrap;gap:.5rem 2rem;align-items:center;color:rgb(255 255 255 / .78);position:relative;z-index:3}
.hero-facts li{display:inline-flex;align-items:center;gap:.4rem}
.hero-facts b{color:#fff;font-size:.8125rem}
.hero-facts svg{width:13px;height:13px;color:#fff}

/* sağdaki ürün çekimi, dikey logo ve teknik etiketler */
.hero-product{position:absolute;inset:0;pointer-events:none}
.wordmark{position:absolute;top:calc(var(--hdr) + .75rem);right:-.05em;font-family:var(--serif);font-size:clamp(7rem,min(13.2vw,calc((min(100svh,940px) - 230px) / 3.7)),13rem);font-weight:900;line-height:.76;letter-spacing:-.01em;color:var(--h-950);writing-mode:vertical-rl;transform:rotate(180deg);opacity:.93;filter:blur(.35px);user-select:none}
.bowl{position:absolute;container-type:inline-size;width:min(41vw,700px,calc(min(100svh,940px) - 330px));right:clamp(4rem,9vw,9.5rem);top:calc(var(--hdr) + 6.25rem)}
.bowl img{width:100%;filter:var(--sh-obj)}
.hero-spec{position:absolute;right:var(--gutter);bottom:1.75rem;width:min(25rem,28vw);color:var(--ink)}
.hero-spec b{color:var(--h-900)}

/* teknik çizim etiketi: nokta, çizgi, küçük yazı */
.co{position:absolute;left:var(--x);top:var(--y);width:0;height:0;color:#fff}
.co::after{content:"";position:absolute;left:-4px;top:-4px;width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 0 2px color-mix(in srgb,var(--shade) 45%,transparent),0 0 10px rgb(255 255 255 / .9)}
.co i{position:absolute;right:0;top:0;width:var(--len);height:1px;background:currentColor;box-shadow:0 0 6px color-mix(in srgb,var(--shade) 40%,transparent)}
.co b{position:absolute;right:calc(var(--len) + .55rem);top:0;transform:translateY(-50%);font-stretch:88%;font-size:.6875rem;font-weight:650;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;text-shadow:0 1px 8px color-mix(in srgb,var(--shade) 55%,transparent)}
.co-r i{right:auto;left:0}
.co-r b{right:auto;left:calc(var(--len) + .55rem)}

/* ==========================================================================
   BÖLÜM ORTAKLARI
   ========================================================================== */
.sec{padding-block:var(--sec)}
.sec-head{margin-bottom:clamp(2.5rem,5vw,4rem)}
.sec-head.split{display:grid;gap:1.25rem 4rem;align-items:end}
.sec-head .lead{margin-top:0}
.sec-head h2 + .lead{margin-top:1.25rem}

/* ---------- yaklaşım ---------- */
.pillars{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.pillar{display:flex;flex-direction:column;gap:.7rem;padding:1.6rem 1.5rem 1.4rem;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--white);transition:box-shadow .35s var(--ease),transform .35s var(--ease)}
.pillar:hover{box-shadow:var(--sh-2);transform:translateY(-3px)}
.pillar h3{font-size:1.375rem}
.pillar p{color:var(--ink-2);font-size:1rem}
.pillar .pillar-foot{margin-top:auto;padding-top:1rem;border-top:1px solid var(--line);color:var(--muted);font-size:.6875rem}
.keycap{display:grid;place-items:center;width:64px;height:64px;margin-bottom:.8rem;border-radius:16px;background:radial-gradient(120% 120% at 28% 18%,var(--h-600) 0%,var(--h-700) 55%,var(--h-900) 100%);box-shadow:inset 0 1px 0 rgb(255 255 255 / .25),0 12px 22px -12px color-mix(in srgb,var(--h-800) 75%,transparent)}

.market{position:relative;margin-top:1rem;border-radius:var(--r-xl);overflow:hidden;background:var(--line)}
.market img{width:100%;aspect-ratio:21/8;object-fit:cover}
.market figcaption{position:absolute;left:1.25rem;bottom:1.25rem;width:min(26rem,calc(100% - 2.5rem));padding:1rem 1.2rem;border-radius:var(--r);background:rgb(255 255 255 / .94);color:var(--ink);box-shadow:var(--sh-1)}

/* ---------- hizmetler ---------- */
.services{padding-top:0}
.catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}
.item{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--white);transition:box-shadow .35s var(--ease),transform .35s var(--ease)}
.item:hover{box-shadow:var(--sh-2);transform:translateY(-3px)}
.item-tile{position:relative;isolation:isolate;display:grid;place-items:center;aspect-ratio:4/3;overflow:hidden;background:var(--tile)}
.item-tile::after{content:"";position:absolute;inset:0;z-index:-1;background-image:var(--grain);background-size:220px;opacity:.22;mix-blend-mode:overlay}
.item-tile img{width:var(--w,58%);transform:rotate(var(--rot,0deg));filter:var(--sh-tile);transition:transform .6s var(--ease)}
.item:hover .item-tile img{transform:rotate(var(--rot,0deg)) translateY(-5px) scale(1.035)}
.tile-tag{position:absolute;left:1rem;top:.9rem;color:#fff}
.t1{--tile:linear-gradient(158deg,var(--h-900) 0%,var(--h-700) 42%,var(--h-400) 78%,var(--cream-2) 100%);--w:64%;--rot:-8deg}
.t2{--tile:linear-gradient(200deg,var(--cream-2) 0%,var(--h-300) 30%,var(--h-600) 72%,var(--h-800) 100%);--w:78%;--rot:-12deg}
.t3{--tile:linear-gradient(145deg,var(--h-800) 0%,var(--h-600) 48%,var(--h-300) 84%,var(--cream) 100%);--w:62%;--rot:6deg}
.t4{--tile:linear-gradient(180deg,var(--cream) 0%,var(--h-200) 46%,var(--h-400) 82%,var(--h-500) 100%);--w:48%;--rot:-4deg}
.t5{--tile:linear-gradient(215deg,var(--h-800) 0%,var(--h-600) 40%,var(--h-400) 76%,var(--cream-2) 100%);--w:34%;--rot:14deg}
.t6{--tile:linear-gradient(130deg,var(--cream-2) 0%,var(--h-300) 34%,var(--h-600) 76%,var(--h-900) 100%);--w:28%;--rot:-6deg}
.t4 .tile-tag,.t6 .tile-tag,.t2 .tile-tag{color:var(--h-900)}
.item-body{display:flex;flex:1;flex-direction:column;gap:.75rem;padding:1.5rem 1.5rem 1.35rem}
.item-body > p{color:var(--ink-2);font-size:1rem}
.item-list{display:flex;flex-wrap:wrap;gap:.4rem}
.item-list li{padding:.3rem .6rem;border:1px solid var(--line);border-radius:999px;color:var(--ink-2);font-size:.625rem;letter-spacing:.06em}
.item-link{display:inline-flex;align-items:center;gap:.4rem;margin-top:auto;padding-top:.6rem;color:var(--accent);font-stretch:104%;font-weight:620;font-size:.9375rem;text-decoration:none;transition:gap .25s var(--ease)}
.item-link svg{width:16px;height:16px}
.item-link:hover{gap:.7rem}

/* ---------- süreç ---------- */
.steps-sec{padding-top:0}
.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem}
.step{position:relative;padding-top:1.75rem;border-top:1px solid var(--line-2)}
.step::before{content:"";position:absolute;left:0;top:-5px;width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 15%,transparent)}
.step-n{display:block;margin-bottom:1rem;font-family:var(--serif);font-size:3.25rem;font-weight:800;line-height:1;color:var(--accent)}
.step h3{margin-bottom:.5rem}
.step p{color:var(--ink-2);font-size:1rem}
.step .step-meta{margin-top:1rem;color:var(--muted);font-size:.6875rem}

/* ==========================================================================
   HAKKIMDA
   ========================================================================== */
.about{color:var(--ink)}
.about .air{background:
  radial-gradient(55% 70% at 0% 0%,var(--cream) 0%,color-mix(in srgb,var(--cream) 90%,transparent) 35%,transparent 75%),
  linear-gradient(104deg,var(--cream) 0%,var(--h-100) 36%,var(--h-400) 50%,var(--h-600) 63%,var(--h-700) 80%,var(--h-800) 100%)}
.about .air-a{width:36%;height:60%;right:6%;top:18%;background:var(--h-500);opacity:.55}
.about .air-b{width:30%;height:40%;right:-10%;bottom:-10%;background:var(--h-900);opacity:.7}
.about .air-c{display:none}
.about-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:3rem;max-width:calc(var(--wrap) + var(--gutter) * 2);min-height:880px;margin-inline:auto;padding:7rem var(--gutter) 0}
.about-copy{align-self:center;max-width:35rem;padding-bottom:6rem}
.about h2{font-size:clamp(2.4rem,1.4rem + 3vw,4rem);font-weight:300}
.about-lead{margin-top:1.5rem;font-size:1.2rem;line-height:1.55;color:var(--ink)}
.about-copy > p:not(.eyebrow):not(.about-lead){margin-top:1rem;color:var(--ink-2)}
.creds{margin-top:2rem;border-bottom:1px solid color-mix(in srgb,var(--ink) 14%,transparent)}
.creds li{display:flex;justify-content:space-between;align-items:baseline;gap:1.5rem;padding:.8rem 0;border-top:1px solid color-mix(in srgb,var(--ink) 14%,transparent);font-size:.9375rem}
.creds b{font-weight:620}
.creds span{color:var(--ink-2);text-align:right}
.facts{display:flex;flex-wrap:wrap;gap:1.5rem 3rem;margin-top:2rem}
.facts dt{color:var(--muted);font-stretch:88%;font-size:.6875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.facts dd{margin-top:.35rem;font-family:var(--serif);font-size:2.4rem;font-weight:800;line-height:1;color:var(--accent)}

.about-photo{position:relative;isolation:isolate;align-self:end;justify-self:center;width:min(100%,540px)}
.about-photo img{width:100%;filter:drop-shadow(0 30px 40px color-mix(in srgb,var(--shade) 35%,transparent))}
.about-wall{position:absolute;z-index:-1;left:-8%;right:-8%;top:9%;color:rgb(255 255 255 / .62);font-size:.8125rem;line-height:1.55}
.about-cap{position:absolute;right:0;bottom:1.5rem;padding:.45rem .7rem;border-radius:8px;background:color-mix(in srgb,var(--h-950) 60%,transparent);color:#fff}

/* ==========================================================================
   ÜCRETLER
   ========================================================================== */
.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;align-items:stretch}
.plan{position:relative;display:flex;flex-direction:column;gap:1rem;padding:2rem 1.75rem 1.75rem;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--white)}
.plan-hot{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),var(--sh-2)}
.plan-tag{position:absolute;top:-.8rem;left:1.75rem;padding:.35rem .75rem;border-radius:999px;background:var(--accent);color:#fff}
.plan h3{font-size:1.375rem}
.plan-desc{min-height:3.2em;color:var(--ink-2);font-size:.9375rem}
.price{display:flex;align-items:baseline;gap:.6rem}
.price b{font-family:var(--serif);font-size:2.75rem;font-weight:800;line-height:1;letter-spacing:-.01em;font-variant-numeric:lining-nums}
.price span{color:var(--muted);font-stretch:90%;font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.plan ul{display:grid;gap:.6rem;margin-bottom:.75rem;padding-top:1.1rem;border-top:1px solid var(--line)}
.plan li{display:flex;gap:.6rem;font-size:.9375rem;line-height:1.45}
.plan li svg{flex:none;width:16px;height:16px;margin-top:.15rem;color:var(--accent)}
.plan .btn{margin-top:auto}
.plans-note{margin-top:2rem;color:var(--muted);text-align:center}

/* ==========================================================================
   TARİFLER
   ========================================================================== */
.recipes{padding-top:0}
.rec-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem}
.rec-open{display:flex;flex-direction:column;gap:.5rem;width:100%;padding:0;border:0;background:none;text-align:left;border-radius:var(--r-lg)}
.rec-img{display:block;aspect-ratio:4/5;overflow:hidden;border-radius:var(--r-lg);background:var(--line)}
.rec-img img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}
.rec-open:hover .rec-img img{transform:scale(1.045)}
.rec-meta{margin-top:.6rem;color:var(--muted)}
.rec-title{font-stretch:108%;font-size:1.25rem;font-weight:560;letter-spacing:-.01em}
.rec-desc{color:var(--ink-2);font-size:.9375rem;line-height:1.5}
.rec-more{display:inline-flex;align-items:center;gap:.4rem;margin-top:.25rem;color:var(--accent);font-weight:620;font-size:.9375rem;transition:gap .25s var(--ease)}
.rec-more svg{width:16px;height:16px}
.rec-open:hover .rec-more{gap:.7rem}

.rdlg{width:min(900px,calc(100vw - 2rem));max-width:none;max-height:calc(100svh - 2rem);padding:0;border:0;border-radius:var(--r-xl);background:var(--white);color:var(--ink);box-shadow:var(--sh-2);overflow:hidden}
.rdlg::backdrop{background:color-mix(in srgb,var(--h-950) 62%,transparent)}
.rdlg[open]{animation:dlg .35s var(--ease)}
@keyframes dlg{from{opacity:0;transform:translateY(12px) scale(.98)}}
.rdlg-in{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);max-height:calc(100svh - 2rem)}
.rdlg-img{width:100%;height:100%;object-fit:cover}
.rdlg-body{padding:2.25rem 2.25rem 2rem;overflow-y:auto}
.rdlg-body .micro{color:var(--muted)}
.rdlg-body h3{margin-top:.5rem;font-stretch:112%;font-size:2rem;font-weight:340;letter-spacing:-.02em}
.rdlg-body h4{margin:1.6rem 0 .6rem;color:var(--accent);font-stretch:92%;font-size:.75rem;font-weight:650;letter-spacing:.14em;text-transform:uppercase}
.ing{columns:2;column-gap:1.5rem}
.ing li{padding:.35rem 0;border-bottom:1px solid var(--line);font-size:.9375rem;break-inside:avoid}
.how{display:grid;gap:.7rem;counter-reset:s}
.how li{display:grid;grid-template-columns:1.75rem 1fr;font-size:.9375rem;line-height:1.5;counter-increment:s}
.how li::before{content:counter(s);color:var(--accent);font-family:var(--serif);font-size:1.1rem;font-weight:800;line-height:1.3}
.rdlg-note{margin-top:1.6rem;padding:1rem 1.2rem;border-radius:var(--r);background:var(--tint);font-size:.9375rem}
.rdlg-note b{display:block;margin-bottom:.25rem;color:var(--accent);font-stretch:92%;font-size:.6875rem;letter-spacing:.12em;text-transform:uppercase}
.rdlg-x{position:absolute;top:1rem;right:1rem;z-index:2;display:grid;place-items:center;width:2.5rem;height:2.5rem;border:1px solid var(--line);border-radius:50%;background:#fff}
.rdlg-x svg{width:18px;height:18px}
body.dlg-open{overflow:hidden}

/* ==========================================================================
   YORUMLAR
   ========================================================================== */
.reviews{padding-top:0}
.rating{justify-self:end;text-align:right}
.rating-score{display:flex;align-items:center;justify-content:flex-end;gap:.8rem}
.rating-score b{font-family:var(--serif);font-size:3.25rem;font-weight:800;line-height:1}
.stars{display:flex;gap:2px;color:var(--star)}
.stars svg{width:18px;height:18px}
.rating .micro{margin-top:.4rem;color:var(--muted)}
.quotes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}
.quote{display:flex;flex-direction:column;gap:1.5rem;padding:1.75rem 1.75rem 1.5rem;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--white)}
.quote blockquote{font-size:1.0625rem;line-height:1.55;color:var(--ink)}
.quote .stars svg{width:15px;height:15px}
.quote figcaption{display:flex;align-items:center;gap:.75rem;margin-top:auto}
.av{display:grid;place-items:center;flex:none;width:2.5rem;height:2.5rem;border-radius:50%;background:var(--accent);color:#fff;font-stretch:104%;font-size:.8125rem;font-weight:650;letter-spacing:.04em}
.quote figcaption b{display:block;font-size:.9375rem;font-weight:620}
.quote figcaption .micro{display:block;color:var(--muted);font-size:.625rem}

/* ==========================================================================
   SSS
   ========================================================================== */
.faq{padding-top:0}
.faq-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:2.5rem 5rem;align-items:start}
.faq-head{position:sticky;top:calc(var(--hdr) + 2rem);margin-bottom:0}
.faq-head .lead{margin-top:1.25rem}
.faq-head .btn{margin-top:1.75rem}
.qa{border-bottom:1px solid var(--line-2)}
.qa:first-child{border-top:1px solid var(--line-2)}
.qa summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.35rem 0;list-style:none;cursor:pointer;font-stretch:104%;font-size:1.125rem;font-weight:520}
.qa summary::-webkit-details-marker{display:none}
.qa-ic{display:grid;place-items:center;flex:none;width:2rem;height:2rem;border:1px solid var(--line-2);border-radius:50%;transition:transform .3s var(--ease),background-color .3s,border-color .3s,color .3s}
.qa-ic svg{width:16px;height:16px}
.qa[open] .qa-ic{transform:rotate(45deg);border-color:var(--accent);background:var(--accent);color:#fff}
.qa-a{padding:0 3rem 1.5rem 0;color:var(--ink-2)}

/* ==========================================================================
   RANDEVU
   ========================================================================== */
.booking{padding-top:calc(var(--sec) * .45)}
.book-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:3rem 5rem;align-items:start}
.book-info{position:sticky;top:calc(var(--hdr) + 2rem)}
.book-info .lead{margin-top:1.25rem}
.contact{display:grid;gap:1.1rem;margin-top:2.25rem}
.contact li{display:flex;gap:1rem}
.contact li > span{display:grid;place-items:center;flex:none;width:2.6rem;height:2.6rem;border:1px solid var(--line-2);border-radius:12px;color:var(--accent)}
.contact svg{width:19px;height:19px}
.contact p{display:flex;flex-direction:column;color:var(--ink-2);font-size:.9375rem;line-height:1.45}
.contact b{color:var(--ink);font-weight:620}
.contact a{margin-top:.2rem;color:var(--accent);font-weight:620;text-decoration:none}
.contact a:hover{text-decoration:underline}

.book-form{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:var(--r-xl);background:var(--white);box-shadow:var(--sh-2)}
.bf-body{display:grid;gap:1.75rem;padding:2rem 2rem 1.75rem}
.bf-group legend{display:flex;align-items:baseline;gap:.6rem;margin-bottom:.8rem;font-stretch:94%;font-size:.75rem;font-weight:650;letter-spacing:.12em;text-transform:uppercase}
.bf-hint{color:var(--muted);font-weight:500;letter-spacing:.04em;text-transform:none;font-size:.8125rem}
.seg,.chips,.days,.times{position:relative}
.seg label,.chips label,.days label,.times label{position:relative;display:block;cursor:pointer}
.seg input,.chips input,.days input,.times input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.seg{display:grid;gap:.5rem}
.seg-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.seg-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.seg span{display:flex;flex-direction:column;gap:.1rem;height:100%;padding:.8rem 1rem;border:1px solid var(--line-2);border-radius:12px;transition:border-color .2s,background-color .2s,box-shadow .2s}
.seg b{font-size:.9375rem;font-weight:620}
.seg small{color:var(--muted);font-size:.8125rem}
.seg-2 span{flex-direction:row;align-items:center;gap:.6rem}
.seg-2 svg{width:20px;height:20px;color:var(--accent)}
.seg input:checked + span{border-color:var(--accent);background:var(--tint);box-shadow:0 0 0 1px var(--accent)}
.seg label:hover span,.chips label:hover span,.days label:hover span,.times label:hover span{border-color:var(--ink-2)}
.chips{display:flex;flex-wrap:wrap;gap:.5rem}
.chips span{display:block;padding:.55rem .95rem;border:1px solid var(--line-2);border-radius:999px;font-size:.875rem;transition:border-color .2s,background-color .2s,color .2s}
.chips input:checked + span{border-color:var(--accent);background:var(--accent);color:#fff}
.days{display:flex;gap:.5rem;margin-inline:-2rem;padding:0 2rem .35rem;overflow-x:auto;scroll-snap-type:x proximity;scroll-padding-inline:2rem;scrollbar-width:thin}
.days label{flex:none;scroll-snap-align:start}
.days span{display:flex;flex-direction:column;align-items:center;gap:.1rem;width:4.4rem;padding:.6rem 0 .55rem;border:1px solid var(--line-2);border-radius:12px;transition:border-color .2s,background-color .2s,color .2s}
.days small{color:var(--muted);font-stretch:90%;font-size:.625rem;font-weight:650;letter-spacing:.08em;text-transform:uppercase}
.days b{font-family:var(--serif);font-size:1.4rem;font-weight:800;line-height:1.1}
.days em{font-style:normal;color:var(--muted);font-size:.6875rem}
.days input:checked + span{border-color:var(--accent);background:var(--accent);color:#fff}
.days input:checked + span small,.days input:checked + span em{color:rgb(255 255 255 / .8)}
.times{display:grid;grid-template-columns:repeat(auto-fill,minmax(4.9rem,1fr));gap:.5rem}
.times span{display:block;padding:.6rem 0;border:1px solid var(--line-2);border-radius:10px;text-align:center;font-size:.9375rem;font-weight:620;font-variant-numeric:tabular-nums;transition:border-color .2s,background-color .2s,color .2s}
.times input:checked + span{border-color:var(--accent);background:var(--accent);color:#fff}
.days input:disabled,.times input:disabled{cursor:not-allowed}
.days input:disabled + span,.times input:disabled + span{border-style:dashed;color:var(--disabled);background:transparent}
.days input:disabled + span b{color:var(--disabled)}
.times input:disabled + span{text-decoration:line-through}
.seg input:focus-visible + span,.chips input:focus-visible + span,.days input:focus-visible + span,.times input:focus-visible + span{outline:2px solid var(--accent);outline-offset:2px}
.times-empty{grid-column:1 / -1;color:var(--muted);font-size:.9375rem}

.bf-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.field{display:flex;flex-direction:column;gap:.4rem}
.field-wide{grid-column:1 / -1}
.field label{font-size:.875rem;font-weight:620}
.field .opt{color:var(--muted);font-weight:400}
.field input,.field textarea{width:100%;padding:.8rem 1rem;border:1px solid var(--line-2);border-radius:12px;background:#fff;font-size:1rem;transition:border-color .2s,box-shadow .2s}
.field textarea{resize:vertical;min-height:4.5rem}
.field input:focus,.field textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 16%,transparent)}
.field input[aria-invalid="true"]{border-color:var(--err)}
.consent{grid-column:1 / -1;display:flex;align-items:flex-start;gap:.65rem;color:var(--ink-2);font-size:.875rem;cursor:pointer}
.consent input{flex:none;width:18px;height:18px;margin:.15rem 0 0;accent-color:var(--accent)}
.err{color:var(--err);font-size:.8125rem;font-weight:500}
.err:empty{display:none}
.bf-fields .err{grid-column:1 / -1;margin-top:-.4rem}
.field .err{grid-column:auto;margin-top:0}

.bf-foot{display:flex;align-items:center;justify-content:space-between;gap:1rem 1.5rem;flex-wrap:wrap;padding:1.25rem 2rem;border-top:1px solid var(--line);background:var(--soft-bg)}
.bf-sum{color:var(--ink-2);font-size:.9375rem}
.bf-sum b{color:var(--ink);font-weight:650}
.bf-demo{padding:0 2rem 1.25rem;background:var(--soft-bg);color:var(--muted);font-size:.625rem}
.bf-done{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem;background:var(--white);text-align:center}
.bf-done h3{font-stretch:112%;font-size:1.9rem;font-weight:340;letter-spacing:-.02em}
.bf-done p{max-width:26rem;color:var(--ink-2)}
.done-key{display:grid;place-items:center;width:84px;height:84px;margin-bottom:.5rem;border-radius:22px;background:radial-gradient(120% 120% at 28% 18%,var(--h-600) 0%,var(--h-700) 55%,var(--h-900) 100%);box-shadow:0 18px 30px -16px color-mix(in srgb,var(--h-800) 80%,transparent)}
.done-key .glow-sm{width:44px;height:44px}

/* ==========================================================================
   KAPANIŞ
   ========================================================================== */
.closing .air{background:
  radial-gradient(70% 50% at 50% 100%,var(--cream) 0%,color-mix(in srgb,var(--cream) 95%,transparent) 35%,transparent 75%),
  radial-gradient(60% 55% at 50% 0%,var(--h-800) 0%,transparent 70%),
  linear-gradient(180deg,var(--h-800) 0%,var(--h-700) 34%,var(--h-600) 56%,var(--h-500) 74%,var(--h-200) 90%,var(--cream) 100%)}
.closing .air-a{width:60%;height:26%;left:-18%;top:22%;background:#fff;opacity:.16;transform:rotate(18deg)}
.closing .air-b{width:44%;height:30%;right:-12%;top:30%;background:var(--h-900);opacity:.6}
.closing .air-c{display:none}
.closing-in{display:flex;flex-direction:column;align-items:center;gap:1.4rem;max-width:56rem;margin-inline:auto;padding:7rem var(--gutter) 2rem;text-align:center}
.glyphs-row{flex-direction:row;gap:clamp(1.5rem,4.5vw,3.75rem);padding:0;margin-bottom:1.5rem}
.glyphs-row svg{width:clamp(52px,6.5vw,92px)}
.closing h2{font-size:clamp(2.5rem,1.4rem + 3.6vw,4.6rem);font-weight:290;text-shadow:var(--txt-glow)}
.closing-in > p:not(.micro){font-size:1.15rem;color:rgb(255 255 255 / .9)}
.closing-cta{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:.75rem}
.closing-legal{max-width:44rem;margin-top:4.5rem;color:color-mix(in srgb,var(--h-950) 75%,transparent)}
.closing-mark{margin:1.5rem 0 -.13em;font-family:var(--serif);font-size:clamp(3.4rem,16.5vw,16.5rem);font-weight:900;line-height:.9;letter-spacing:-.025em;color:var(--h-950);text-align:center;white-space:nowrap;filter:blur(.3px);opacity:.94;user-select:none}

/* ==========================================================================
   ALT BİLGİ
   ========================================================================== */
.foot{padding:4.5rem 0 calc(2rem + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);background:var(--paper);color:var(--ink)}
.foot-grid{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr));gap:2.5rem}
.foot-brand > p{max-width:22rem;margin-top:1rem;color:var(--ink-2);font-size:.9375rem}
.foot .brand{color:var(--ink)}
.socials{display:flex;gap:.5rem;margin-top:1.25rem}
.socials a{display:grid;place-items:center;width:2.5rem;height:2.5rem;border:1px solid var(--line-2);border-radius:50%;color:var(--ink);transition:border-color .2s,background-color .2s,color .2s}
.socials a:hover{border-color:var(--accent);background:var(--accent);color:#fff}
.socials svg{width:18px;height:18px}
.foot-col h3{margin-bottom:1rem;color:var(--muted);font-stretch:90%;font-size:.6875rem;font-weight:650;letter-spacing:.12em;text-transform:uppercase}
.foot-col a,.foot-col p{display:block;padding:.22rem 0;color:var(--ink-2);font-size:.9375rem;text-decoration:none}
.foot-col a:hover{color:var(--accent)}
.foot-bottom{display:flex;align-items:center;justify-content:space-between;gap:1rem 2rem;flex-wrap:wrap;margin-top:3.5rem;padding-top:1.5rem;border-top:1px solid var(--line);color:var(--muted);font-size:.8125rem}
.credit{display:inline-flex;align-items:center;gap:.6rem;color:var(--ink);opacity:.72;text-decoration:none;transition:opacity .2s}
.credit:hover,.credit:focus-visible{opacity:1}
.credit > svg{width:1.3rem;height:1.3rem;flex:none}
.credit-sub{display:flex;flex-direction:column;padding-left:.6rem;border-left:1px solid currentColor;font-size:.56rem;line-height:1.3;letter-spacing:.16em;text-transform:uppercase}

/* mobil yapışkan randevu */
.m-cta{position:fixed;left:0;right:0;bottom:0;z-index:40;display:none;gap:.5rem;padding:.7rem var(--gutter) calc(.7rem + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);background:color-mix(in srgb,var(--paper) 97%,transparent);transform:translateY(110%);transition:transform .35s var(--ease)}
.m-cta.show{transform:none}
.m-cta .btn{flex:1}
.m-cta-wa{display:grid;place-items:center;flex:none;width:3rem;border:1px solid var(--line-2);border-radius:12px;color:var(--ink)}
.m-cta-wa svg{width:20px;height:20px}

/* ==========================================================================
   HAREKET
   ========================================================================== */
.js [data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .7s var(--ease) var(--d,0s),transform .8s var(--ease) var(--d,0s)}
.js [data-reveal].in{opacity:1;transform:none}

@media (prefers-reduced-motion:no-preference){
  .js .hero .glyphs li{animation:lightup 1.1s var(--ease) both}
  .js .hero .glyphs li:nth-child(2){animation-delay:.12s}
  .js .hero .glyphs li:nth-child(3){animation-delay:.24s}
  .js .hero .glyphs li:nth-child(4){animation-delay:.36s}
  .js .hero-copy > *{animation:rise .9s var(--ease) both}
  .js .hero-copy > :nth-child(1){animation-delay:.15s}
  .js .hero-copy > :nth-child(2){animation-delay:.22s}
  .js .hero-copy > :nth-child(3){animation-delay:.3s}
  .js .hero-copy > :nth-child(4){animation-delay:.38s}
  .js .hero-copy > :nth-child(5){animation-delay:.46s}
  .js .bowl{animation:bowlin 1.3s var(--ease) .1s both}
  .js .bowl .co{animation:fadein .6s ease both}
  .js .bowl .co:nth-of-type(1){animation-delay:1.1s}
  .js .bowl .co:nth-of-type(2){animation-delay:1.2s}
  .js .bowl .co:nth-of-type(3){animation-delay:1.3s}
  .js .bowl .co:nth-of-type(4){animation-delay:1.4s}
  .js .bowl .co:nth-of-type(5){animation-delay:1.5s}
  .js .wordmark{animation:fadein 1.4s ease .2s both}
  .led{animation:led 2.4s ease-in-out infinite}
}
@keyframes lightup{from{opacity:0;transform:scale(.92);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}
@keyframes rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes bowlin{from{opacity:0;transform:translateY(30px) rotate(-10deg) scale(.96)}to{opacity:1;transform:none}}
@keyframes fadein{from{opacity:0}to{opacity:1}}
@keyframes led{50%{opacity:.55}}

@media (prefers-reduced-motion:reduce){
  .js [data-reveal]{opacity:1;transform:none;transition:none}
  .item-tile img,.rec-img img{transition:none}
}

/* ==========================================================================
   DUYARLI
   ========================================================================== */
@media (min-width:56em){
  .sec-head.split{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}
}

@media (max-width:80em){
  .nav{gap:1.25rem}
}

@media (max-width:68.74em){ /* 1100px altı */
  .nav{display:none}
  .menu-btn{display:grid}
  .hdr-cta{margin-left:auto}

  /* giriş: alt alta */
  .hero{min-height:0}
  .hero-grid{grid-template-columns:minmax(0,1fr);grid-template-rows:none;padding:calc(var(--hdr) + 1.25rem) var(--gutter) 2rem}
  .glyphs{grid-column:1;grid-row:auto;flex-direction:row;justify-content:flex-start;gap:clamp(1.25rem,5vw,2.25rem);padding:0 0 .5rem}
  .glyphs svg{width:clamp(40px,8vw,58px)}
  .hero-copy{grid-column:1;grid-row:auto;max-width:40rem;padding-top:1.25rem}
  .hero-note{grid-column:1;grid-row:auto;justify-self:stretch;width:auto;max-width:34rem;margin-top:2.5rem}
  .hero-product{position:relative;inset:auto;grid-column:1;grid-row:auto;height:min(118vw,720px);margin:1rem calc(var(--gutter) * -1) 0}
  .wordmark{top:0;font-size:clamp(7rem,30vw,13rem)}
  .bowl{width:min(78vw,560px);left:50%;right:auto;top:6%;margin:0 0 0 calc(min(78vw,560px) * -.5)}
  .hero-spec{position:absolute;left:var(--gutter);right:var(--gutter);bottom:0;width:auto;max-width:30rem}
  .hero-facts{grid-column:1;grid-row:auto;margin-top:2rem;padding-top:1.25rem;border-top:1px solid color-mix(in srgb,var(--ink) 18%,transparent);color:var(--ink-2)}
  .hero-facts b{color:var(--ink)}
  .hero-facts svg{color:var(--star)}
  .hero .air{background:
    radial-gradient(90% 40% at 100% 100%,var(--cream) 0%,color-mix(in srgb,var(--cream) 95%,transparent) 40%,transparent 80%),
    radial-gradient(80% 40% at 0% 20%,var(--h-900) 0%,transparent 70%),
    linear-gradient(172deg,var(--h-800) 0%,var(--h-700) 34%,var(--h-600) 48%,var(--h-500) 62%,var(--h-300) 76%,var(--cream) 90%)}

  /* bölümler */
  .pillars{grid-template-columns:repeat(2,minmax(0,1fr))}
  .catalog{grid-template-columns:repeat(2,minmax(0,1fr))}
  .steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:2.5rem 1.5rem}
  .rec-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .quotes{grid-template-columns:repeat(2,minmax(0,1fr))}

  /* hakkımda: alt alta */
  .about-grid{grid-template-columns:minmax(0,1fr);min-height:0;padding-top:6rem}
  .about-copy{max-width:40rem;padding-bottom:4.5rem}
  .about .air{background:linear-gradient(0deg,var(--h-800) 0,var(--h-700) 220px,var(--h-600) 380px,var(--h-500) 500px,var(--h-200) 590px,var(--cream) 660px,var(--cream) 100%)}
  .about-photo{width:min(100%,460px)}

  .plans{grid-template-columns:minmax(0,1fr);max-width:34rem;margin-inline:auto}
  .plan-desc{min-height:0}
  .faq-grid,.book-grid{grid-template-columns:minmax(0,1fr)}
  .faq-head,.book-info{position:static}
  .foot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .foot-brand{grid-column:1 / -1}
  .m-cta{display:flex}
}

@media (max-width:56.24em){ /* 900px altı */
  .bowl .co:nth-of-type(2){display:none}
}

@media (max-width:40em){ /* 640px altı */
  :root{--hdr:4rem}
  .brand-tag{display:none}
  .hdr-wa{display:none}
  .btn-hdr{display:none}
  .hero h1{font-size:clamp(2.6rem,11vw,3.4rem)}
  .hero-cta .btn{flex:1 1 100%}
  .hero-product{height:auto;padding:min(98vw,520px) var(--gutter) 0}
  .bowl{width:94vw;left:-4vw;top:0;margin:0}
  .wordmark{font-size:clamp(5.5rem,29vw,8rem)}
  .co{display:none}
  .hero-spec{position:relative;left:auto;right:auto;bottom:auto;margin-top:2.25rem}

  .pillars,.catalog,.steps{grid-template-columns:minmax(0,1fr)}
  .pillar{display:grid;grid-template-columns:3.5rem minmax(0,1fr);column-gap:1rem;row-gap:.35rem;padding:1.25rem}
  .pillar .keycap{grid-row:1 / span 3;width:3.5rem;height:3.5rem;margin:0;border-radius:14px}
  .pillar .keycap .glow-sm{width:28px;height:28px}
  .pillar h3{font-size:1.2rem}
  .pillar p{font-size:.9375rem}
  .pillar .pillar-foot{padding-top:.75rem}
  .item-tile{aspect-ratio:16/10}
  .item-tile img{width:calc(var(--w,58%) * .8)}
  .rec-grid{display:flex;gap:1rem;margin-inline:calc(var(--gutter) * -1);padding:0 var(--gutter) .5rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);scrollbar-width:none}
  .rec-grid::-webkit-scrollbar{display:none}
  .rec{flex:0 0 74%;scroll-snap-align:start}
  .market img{aspect-ratio:4/3}
  .market figcaption{position:static;width:auto;border-radius:0 0 var(--r-xl) var(--r-xl);box-shadow:none}
  .quotes{display:flex;gap:1rem;margin-inline:calc(var(--gutter) * -1);padding:0 var(--gutter) .5rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
  .quotes::-webkit-scrollbar{display:none}
  .quote{flex:0 0 84%;scroll-snap-align:center}
  .rating{justify-self:start;text-align:left}
  .rating-score{justify-content:flex-start}

  .about-wall{display:none}
  .creds li{flex-direction:column;gap:.1rem}
  .creds span{text-align:left}

  .rdlg-in{grid-template-columns:minmax(0,1fr)}
  .rdlg-img{height:200px}
  .rdlg-body{padding:1.5rem 1.25rem 1.75rem}
  .ing{columns:1}

  .bf-body{padding:1.5rem 1.25rem}
  .days{margin-inline:-1.25rem;padding-inline:1.25rem;scroll-padding-inline:1.25rem}
  .seg-3{grid-template-columns:minmax(0,1fr)}
  .seg-3 span{flex-direction:row;align-items:baseline;justify-content:space-between}
  .bf-fields{grid-template-columns:minmax(0,1fr)}
  .bf-foot{padding:1.25rem}
  .bf-foot .btn{width:100%}
  .bf-demo{padding:0 1.25rem 1.25rem}

  .foot-grid{grid-template-columns:minmax(0,1fr)}
  .foot{padding-bottom:calc(6rem + env(safe-area-inset-bottom,0px))}
}