@font-face{font-family:'Playfair Display';font-style:normal;font-weight:500 700;font-display:swap;src:url(/fonts/Playfair-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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Nunito Sans';font-style:normal;font-weight:400 900;font-display:swap;src:url(/fonts/NunitoSans-normal-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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Playfair Display';font-style:normal;font-weight:500 700;font-display:swap;src:url(/fonts/Playfair-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:'Nunito Sans';font-style:normal;font-weight:400 900;font-display:swap;src:url(/fonts/NunitoSans-normal-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{--zemin:#fbf6f1;--kart:#fff;--yazi:#2d2430;--ikincil:#6b5d66;--ana:#7a3e57;--ana-koyu:#5c2d42;--altin:#b8893b;--cizgi:#eadfd6;--yumusak:#f4ebe3;--wa:#1f9d55;--r:14px;--bas:'Playfair Display',Georgia,serif;--govde:'Nunito Sans',system-ui,-apple-system,Segoe UI,sans-serif}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;overflow-x:hidden;background:var(--zemin);color:var(--yazi);font:400 17px/1.65 var(--govde)}
img{max-width:100%;height:auto;display:block}
a{color:var(--ana)}
h1,h2,h3{font-family:var(--bas);font-weight:600;line-height:1.2;color:var(--yazi);margin:0 0 .5em}
h1{font-size:clamp(1.75rem,4.5vw,2.6rem)}
h2{font-size:clamp(1.35rem,3vw,1.75rem);margin-top:1.6em}
.kap{max-width:1120px;margin:0 auto;padding:0 16px}
.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:999px;font-weight:700;text-decoration:none;border:0;cursor:pointer;font:700 16px var(--govde)}
.btn svg{width:20px;height:20px}
.btn-wa{background:var(--wa);color:#fff}
.btn-wa:hover{background:#178246}
.btn-kucuk{padding:8px 14px;font-size:14px}
/* üst */
.ust{background:rgba(251,246,241,.94);border-bottom:1px solid var(--cizgi);position:sticky;top:0;z-index:20;backdrop-filter:saturate(1.2) blur(6px)}
.ust-ic{display:flex;align-items:center;gap:16px;height:62px}
.logo{text-decoration:none;color:var(--yazi);flex:0 0 auto}
.logo-isim{font:600 24px/1 var(--bas);letter-spacing:.2px}
.logo-isim em{color:var(--ana);font-style:italic}
.menu{display:flex;gap:20px;margin-left:auto}
.menu a{color:var(--yazi);text-decoration:none;font-weight:600;font-size:15px}
.menu a:hover{color:var(--ana)}
@media(max-width:760px){.menu{display:none}.ust .btn-kucuk{margin-left:auto}}
/* banner */
.banner{margin-top:18px}
.banner-ic{display:grid;gap:6px;padding:24px 26px;border-radius:var(--r);text-decoration:none;color:#fff;background:#b3261e}
.banner-ic .b-ust{display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-size:14px;font-weight:800;color:rgba(255,255,255,.85);letter-spacing:.3px}
.b-sayac:not(:empty){background:#fff;color:var(--b-koyu,#b3261e);padding:2px 12px;border-radius:999px}
.b-baslik{font:600 clamp(1.4rem,3.6vw,2.1rem)/1.2 var(--bas);color:#fff}
.b-alt{color:rgba(255,255,255,.88)}
.b-btn{justify-self:start;margin-top:8px;background:#fff;color:var(--b-koyu,#b3261e);font-weight:800;padding:9px 18px;border-radius:999px}
.banner-ic:hover .b-btn{background:#fdf2e0}
.renk-kirmizi{background:#b3261e;--b-koyu:#b3261e}
.renk-gul{background:#7a3e57;--b-koyu:#7a3e57}
.renk-mavi{background:#1d5d9b;--b-koyu:#1d5d9b}
.renk-lacivert{background:#2a3470;--b-koyu:#2a3470}
.renk-yesil{background:#2f6b3a;--b-koyu:#2f6b3a}
.renk-amber{background:#b3261e;--b-koyu:#b3261e}
/* bölümler */
.ana-bas,.sayfa-bas{padding-top:22px}
.giris{font-size:1.08rem;color:var(--ikincil);max-width:760px}
.sayfa-bas .btn{margin-top:6px}
.kirinti{font-size:14px;color:var(--ikincil);padding-top:14px;display:flex;flex-wrap:wrap;gap:6px}
.kirinti a{color:var(--ikincil)}
/* ne için: yuvarlaklar */
.ne-icin{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:16px 10px}
.ne-icin-k{display:grid;justify-items:center;gap:6px;text-align:center;text-decoration:none;color:var(--yazi);font-weight:700;font-size:14px;line-height:1.25}
.hk-r{display:block;width:64px;height:64px;border-radius:50%;padding:3px;background:conic-gradient(var(--altin),var(--ana),var(--altin))}
.hk-r img{width:100%;height:100%;object-fit:cover;border-radius:50%;border:2px solid var(--zemin);background:var(--yumusak)}
.hk-r.buyuk{width:92px;height:92px}
/* galeri */
.galeri{margin-top:18px}
.benzer-not{background:var(--yumusak);border-radius:var(--r);padding:12px 16px;color:var(--ikincil)}
.hikaye{display:flex;gap:14px;overflow-x:auto;padding:6px 2px 12px;scrollbar-width:none}
.hikaye::-webkit-scrollbar{display:none}
.hk{flex:0 0 auto;display:grid;justify-items:center;gap:4px;background:none;border:0;cursor:pointer;font:600 13px var(--govde);color:var(--ikincil);width:76px;text-align:center;line-height:1.2}
.hk.secili{color:var(--ana)}
.hk:not(.secili) .hk-r{background:var(--cizgi)}
.izgara{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}
@media(min-width:700px){.izgara{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}}
.kare{margin:0;aspect-ratio:1;overflow:hidden;border-radius:6px;background:var(--yumusak)}
@media(min-width:700px){.kare{border-radius:10px}}
.kare img,.kare-b{width:100%;height:100%;object-fit:cover}
.kare-b{display:block;padding:0;border:0;background:none;cursor:zoom-in}
.kare-b img{transition:transform .25s}
.kare-b:hover img{transform:scale(1.04)}
.kare.gizli{display:none}
/* büyüt */
.buyut{border:0;padding:0;background:transparent;max-width:min(92vw,820px);width:100%}
.buyut::backdrop{background:rgba(20,12,18,.82)}
.buyut figure{margin:0}
.buyut img{width:100%;max-height:78vh;object-fit:contain;border-radius:10px;background:#111}
.buyut figcaption{color:#fff;font-size:14px;padding:8px 2px;text-align:center}
.buyut-alt{display:flex;align-items:center;justify-content:center;gap:12px}
.bu-geri,.bu-ileri,.bu-kapat{background:rgba(255,255,255,.15);color:#fff;border:0;border-radius:50%;width:44px;height:44px;font-size:26px;cursor:pointer}
.bu-kapat{position:absolute;top:8px;right:8px}
/* adımlar, metin, sss */
.adimlar ol{list-style:none;padding:0;margin:0;display:grid;gap:12px;counter-reset:a}
@media(min-width:760px){.adimlar ol{grid-template-columns:repeat(3,1fr)}}
.adimlar li{background:var(--kart);border:1px solid var(--cizgi);border-radius:var(--r);padding:16px 18px;counter-increment:a}
.adimlar li::before{content:counter(a);display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--ana);color:#fff;font-weight:800;margin-right:8px}
.metin>*{max-width:820px}
.metin p{margin:0 0 1em}
.sss details{background:var(--kart);border:1px solid var(--cizgi);border-radius:12px;padding:12px 16px;margin-bottom:8px;max-width:820px}
.sss summary{font-weight:700;cursor:pointer}
.sss details p{margin:.6em 0 0;color:var(--ikincil)}
/* kartlar */
.kartlar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media(min-width:700px){.kartlar{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}}
.kart{background:var(--kart);border:1px solid var(--cizgi);border-radius:var(--r);overflow:hidden;text-decoration:none;color:var(--yazi);font-weight:700;font-size:15px;line-height:1.3}
.kart img{aspect-ratio:1;object-fit:cover;width:100%}
.kart span{display:block;padding:10px 12px}
.kart:hover{border-color:var(--altin)}
/* alt */
.alt{margin-top:56px;background:#2d2430;color:#e9dfe4;padding:40px 0 20px}
.alt a{color:#f3d9a4;text-decoration:none}
.alt .logo-isim{color:#fff}.alt .logo-isim em{color:#f3d9a4}
.alt-ic{display:grid;gap:24px}
@media(min-width:800px){.alt-ic{grid-template-columns:1.3fr 1fr 1fr 1fr}}
.alt h2{color:#fff;font-size:1.05rem;margin:0 0 .6em;font-family:var(--govde);font-weight:800}
.alt ul{list-style:none;padding:0;margin:0;columns:2;column-gap:12px;font-size:14px;line-height:1.9}
.alt-marka p{font-size:14px;color:#cdbfc6}
.alt-son{font-size:13px;color:#a8989f;margin-top:28px}
.wa-sabit{position:fixed;right:16px;bottom:16px;width:56px;height:56px;border-radius:50%;background:var(--wa);color:#fff;display:grid;place-items:center;box-shadow:0 6px 18px rgba(0,0,0,.2);z-index:30}
.wa-sabit svg{width:30px;height:30px}
.ilgili,.adimlar,.sss{margin-top:8px}