/* Tema: Yelpaze — Outfit, sıcak açık zemin, turuncu vurgu */
@font-face{font-family:"Outfit";font-style:normal;font-display:swap;font-weight:100 900;src:url(fonts/outfit-latin-ext-wght-normal.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:"Outfit";font-style:normal;font-display:swap;font-weight:100 900;src:url(fonts/outfit-latin-wght-normal.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{--fh:"Outfit",system-ui,sans-serif;--fb:"Outfit",system-ui,sans-serif;--paper:#FFF8F4;--line:#F0E4DC;--line2:#E4D3C8;--fox:#F05A22;--fox-d:#C2410C;--fox-bg:#FFEDE3;--ink2:#4A4540;--mut:#7A706A}
body{font-size:17.5px}
h1,h2,h3{letter-spacing:-.03em}
.top{background:rgba(255,248,244,.92);border-bottom-color:#F3E6DD}
.phead,.ahead{background:linear-gradient(180deg,#FFF1E8,#FFF8F4)}
.btn{border-radius:999px}

/* yelpaze hero */
.yz{background:linear-gradient(180deg,#FFEFE5 0%,#FFF8F4 78%);text-align:center;padding:28px 0 40px;overflow:hidden}
.yz .pill{display:inline-block;background:#fff;border:1px solid #F4DCCD;border-radius:999px;padding:7px 16px;font-size:14.5px;color:#7a5a48;margin:0 0 18px}
.yz h1{font:700 clamp(40px,6vw,74px)/1 var(--fh);letter-spacing:-.04em;margin:0 0 14px}
.yz h1 span{color:var(--fox)}
.yz .lead{margin:0 auto 24px;max-width:56ch}
.yz .hero-s{margin:0 auto;max-width:580px;border:0;box-shadow:0 12px 32px rgba(194,65,12,.13);padding-left:22px}
.yz .hero-s .btn{background:var(--ink)}.yz .hero-s .btn:hover{background:var(--fox)}
.cf{--cw:270px;position:relative;height:calc(var(--cw)*1.52);margin:44px auto 0;max-width:1100px}
.cf-i{position:absolute;left:50%;top:0;width:var(--cw);transition:transform .55s cubic-bezier(.2,.7,.2,1),opacity .45s,filter .45s;transform:translateX(-50%) scale(.6);opacity:0;pointer-events:none;border-radius:22px}
.cf-i .cf-ph{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:22px;box-shadow:0 24px 50px rgba(60,30,15,.18);background:#F3E6DD}
.cf-i.p0{transform:translateX(-50%) scale(1.08);opacity:1;z-index:5;pointer-events:auto}
.cf-i.m1{transform:translateX(-112%) translateY(30px) scale(.86) rotate(-4deg);opacity:1;z-index:4;filter:saturate(.75);pointer-events:auto}
.cf-i.p1{transform:translateX(12%) translateY(30px) scale(.86) rotate(4deg);opacity:1;z-index:4;filter:saturate(.75);pointer-events:auto}
.cf-i.m2{transform:translateX(-165%) translateY(64px) scale(.72) rotate(-8deg);opacity:.7;z-index:3;pointer-events:auto}
.cf-i.p2{transform:translateX(65%) translateY(64px) scale(.72) rotate(8deg);opacity:.7;z-index:3;pointer-events:auto}
.cf-cap{margin:14px 0 6px;min-height:52px}
.cf-cap a{text-decoration:none;color:var(--ink)}.cf-cap b{display:block;font:700 24px var(--fh)}
.cf-cap a:hover b{color:var(--fox-d)}.cf-cap span{color:var(--mut)}
.cf-ctl{display:flex;align-items:center;justify-content:center;gap:18px}
.cf-b{width:48px;height:48px;border-radius:50%;border:0;background:#fff;box-shadow:0 6px 16px rgba(60,30,15,.1);display:grid;place-items:center;cursor:pointer;color:var(--ink)}
.cf-b .i{transform:rotate(90deg)}.cf-b.nx .i{transform:rotate(-90deg)}
.cf-dots{display:flex;gap:7px}.cf-dots button{width:8px;height:8px;border-radius:9px;border:0;padding:0;background:#E8CFC0;cursor:pointer;transition:width .3s}
.cf-dots button.on{width:28px;background:var(--fox)}
@media (max-width:760px){.cf{--cw:200px;margin-top:32px}.cf-i.m2,.cf-i.p2{opacity:0;pointer-events:none}}
@media (max-width:420px){.cf{--cw:170px}.cf-i.m1{transform:translateX(-100%) translateY(26px) scale(.8) rotate(-4deg)}.cf-i.p1{transform:translateX(0%) translateY(26px) scale(.8) rotate(4deg)}}
@media (prefers-reduced-motion:reduce){.cf-i{transition:none}}
main>section.yz{margin-top:0}