@font-face{font-family:Cinzel;src:url(/fonts/cinzel.woff2) format("woff2");font-weight:400 900;font-display:swap}
@font-face{font-family:Jost;src:url(/fonts/jost.woff2) format("woff2");font-weight:100 900;font-display:swap}
:root{--g1:#F7E3A6;--g2:#D6AB5C;--g3:#8C6526;--ink:#070605;--card:#110E0A;--text:#EFE8DA;--muted:#ADA28E;--line:rgba(214,171,92,.28)}
*{box-sizing:border-box}
body{margin:0;background:var(--ink);color:var(--text);font-family:Jost,system-ui,sans-serif;font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%;height:auto}
.wrap{max-width:1160px;margin:0 auto;padding:0 22px}
.gold{background:linear-gradient(180deg,var(--g1) 0%,var(--g2) 45%,var(--g3) 58%,var(--g2) 75%,var(--g1) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.btn{display:flex;align-items:center;justify-content:center;height:54px;padding:0 32px;border-radius:999px;font-weight:600;font-size:15px;letter-spacing:.08em;text-transform:uppercase}
.btn-gold{background:linear-gradient(180deg,#F5DB98,#D6AB5C 50%,#B98A3B);color:#1A1208;box-shadow:0 10px 30px rgba(214,171,92,.3),inset 0 1px 0 rgba(255,255,255,.5)}
header{position:sticky;top:0;z-index:5;background:rgba(7,6,5,.88);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
header .wrap{display:flex;align-items:center;justify-content:space-between;height:70px}
.logo img{height:46px;width:auto}
header .btn{height:42px;padding:0 20px;font-size:12px}

.crumbs{font-size:13px;color:var(--muted);padding:22px 0 0}
.crumbs a{color:var(--g2)}
article{max-width:760px;margin:0 auto;padding:10px 0 64px}
article h1{font-family:Cinzel,serif;font-weight:700;font-size:30px;line-height:1.2;margin:14px 0 0;color:#F6EEDC}
article .sum{color:var(--muted);font-weight:300;font-size:17px;margin:14px 0 0}
article .ph{border-radius:20px;overflow:hidden;border:1px solid var(--line);margin:28px 0 8px}
article h2{font-family:Cinzel,serif;font-weight:700;font-size:22px;line-height:1.3;margin:40px 0 0;color:#F6EEDC}
article h3{font-family:Cinzel,serif;font-weight:700;font-size:18px;line-height:1.35;margin:28px 0 0;color:#F6EEDC}
article p,article li{color:#DCD3C1}
article p{margin:12px 0 0}
article ul,article ol{margin:12px 0 0;padding-left:22px}
article li{margin:6px 0}
article li::marker{color:var(--g2)}
article strong{color:#F6EEDC;font-weight:600}
article p a,article li a{color:var(--g1);border-bottom:1px solid var(--line)}
.box{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:20px 22px;margin:28px 0 0}
.box p:first-child{margin-top:0}
.cta{text-align:center;margin-top:44px}
.cta .btn{max-width:360px;margin:16px auto 0}
.more{display:grid;gap:12px;margin-top:20px}
.more a{display:block;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px 18px;color:#F6EEDC;font-weight:500}
.more a span{display:block;color:var(--muted);font-size:14px;font-weight:300}

footer{padding:36px 0 44px;border-top:1px solid var(--line);text-align:center}
footer .links{color:var(--muted);font-size:14px}
footer .links a{color:var(--g1);display:inline-block;padding:6px 2px}
footer p{font-size:12px;color:#8A8170;line-height:1.6;margin:18px auto 10px;max-width:760px}
footer small{font-size:12px;color:#847B6A}

/* premium dokunuşlar (anasayfayla aynı dil) */
body{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .84 0 0 0 0 .67 0 0 0 0 .36 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.gold{filter:drop-shadow(0 0 18px rgba(214,171,92,.2))}
header{border-bottom:1px solid;border-image:linear-gradient(90deg,transparent,rgba(214,171,92,.45),transparent) 1}
footer{border-top:1px solid;border-image:linear-gradient(90deg,transparent,rgba(214,171,92,.45),transparent) 1}
.btn-gold{position:relative;overflow:hidden;isolation:isolate}
.btn-gold:after{content:"";position:absolute;z-index:-1;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.6),transparent);transform:skewX(-20deg);animation:parla 6s ease-in-out infinite}
@keyframes parla{0%,72%{left:-60%}100%{left:130%}}
article h1{padding-top:34px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 22'%3E%3Cpath d='M3 20L6 7L14 13L22 2L30 13L38 7L41 20Z' fill='none' stroke='%23D6AB5C' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E") left top/34px 17px no-repeat}
article h2:before{content:"";display:block;width:36px;height:1px;margin-bottom:14px;background:linear-gradient(90deg,var(--g2),transparent)}
article .ph{box-shadow:0 20px 50px rgba(0,0,0,.55)}
.box,.more a{border:1px solid transparent;background:linear-gradient(160deg,#16120C,#0C0A07) padding-box,linear-gradient(160deg,rgba(247,227,166,.6),rgba(140,101,38,.12) 45%,rgba(214,171,92,.5)) border-box}
.more a{transition:transform .35s ease,box-shadow .35s ease}
.cta{padding:34px 20px;border-radius:20px;background:radial-gradient(ellipse 70% 80% at 50% 50%,rgba(214,171,92,.12),transparent 70%)}
.cta .btn{margin-top:0}
@media (hover:hover){
 .more a:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(0,0,0,.6),0 0 30px rgba(214,171,92,.14)}
}
@media (prefers-reduced-motion:reduce){
 .btn-gold:after{animation:none;display:none}
}

@media (min-width:900px){
 .wrap{padding:0 40px}
 header .wrap{height:86px}
 .logo img{height:58px}
 article{padding:20px 0 100px}
 article h1{font-size:42px}
 article h2{font-size:26px}
 .more{grid-template-columns:1fr 1fr}
}

/* bileşen listesi */
.ing{display:grid;gap:10px;margin:18px 0 0}
.ing div{border:1px solid transparent;border-radius:14px;padding:14px 16px;background:linear-gradient(160deg,#16120C,#0C0A07) padding-box,linear-gradient(160deg,rgba(247,227,166,.45),rgba(140,101,38,.1) 45%,rgba(214,171,92,.35)) border-box}
.ing dt{font-family:Cinzel,serif;font-weight:700;color:#F6EEDC;font-size:16px}
.ing dd{margin:4px 0 0;color:#CFC6B4;font-size:15px;line-height:1.55}
@media (min-width:900px){.ing{grid-template-columns:1fr 1fr}}

/* WhatsApp sipariş satırı */
footer .wa-line{color:var(--muted);font-size:14px;margin-top:12px}
footer .wa-line a{color:#7FE3A4;display:inline-block;padding:6px 2px}

/* ara başlık */
article h3{font-family:Jost,sans-serif;font-weight:600;font-size:17px;color:#F6EEDC;margin:22px 0 0}

/* mobil ince ayar (900 px altı) */
.mbar{display:none}
@media (max-width:899px){
 header .wrap{height:60px}
 .logo img{height:38px}
 header .btn{height:36px;padding:0 16px;font-size:11px}
 .crumbs{font-size:12px;padding-top:16px}
 article{padding:4px 0 48px}
 article h1{font-size:26px;padding-top:28px;background-size:28px 14px}
 article .sum{font-size:15.5px;line-height:1.6}
 article .ph{margin:22px 0 4px;border-radius:16px}
 article h2{font-size:20px;margin-top:32px}
 article h2:before{margin-bottom:10px}
 article h3{font-size:16px;margin-top:18px}
 article p,article li{font-size:15.5px;line-height:1.65}
 .ing{gap:8px}
 .ing div{padding:12px 14px;border-radius:12px}
 .ing dt{font-size:15px}
 .ing dd{font-size:14px}
 .box{padding:16px 18px;border-radius:14px;margin-top:24px}
 .cta{padding:22px 10px;margin-top:32px}
 .btn{height:46px;padding:0 24px;font-size:13px;letter-spacing:.1em}
 .more{gap:8px;margin-top:16px}
 .more a{padding:12px 14px;font-size:15px;border-radius:14px}
 .more a span{font-size:13px}
 footer{padding:28px 0 92px}
 footer .links{font-size:13px;line-height:1.75}
 footer p{font-size:11.5px}
 .mbar{display:flex;gap:8px;position:fixed;left:0;right:0;bottom:0;z-index:20;padding:8px 12px calc(8px + env(safe-area-inset-bottom));background:rgba(7,6,5,.93);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid rgba(214,171,92,.35);transform:translateY(110%);transition:transform .35s ease}
 .mbar.on{transform:none}
 .mbar .btn{flex:1;height:44px;font-size:12px;padding:0 10px;white-space:nowrap}
 .mbar .mwa{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;height:44px;border-radius:999px;background:linear-gradient(180deg,#3BE07A,#25D366 50%,#1DAA52);color:#04210F;font-weight:600;font-size:11.5px;letter-spacing:.03em;text-transform:uppercase;white-space:nowrap}
}