:root{--bg:#fff8f0;--bg-soft:#fdeeda;--ink:#2b2118;--ink-soft:#6b5a4c;--tomato:#e63e30;--tomato-ink:#8f1f16;--honey:#ffb100;--honey-soft:#fff3d6;--leaf:#3e9b4f;--card:#fff;--line:#f0e2d2;--radius:24px;--radius-lg:32px;--shadow:0 10px 30px #2b211814, 0 2px 8px #2b21180d;--shadow-lift:0 18px 44px #2b211824, 0 4px 12px #2b211814;--font:"Nunito", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;font-size:18px}body{background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;line-height:1.7}img{max-width:100%;height:auto}a{color:var(--tomato);text-underline-offset:3px;text-decoration-thickness:2px}h1,h2,h3,h4{letter-spacing:-.015em;text-wrap:balance;margin:0 0 .5em;font-weight:900;line-height:1.25}h1{font-size:clamp(1.9rem,4.5vw,2.9rem)}h2{font-size:clamp(1.5rem,3.2vw,2.1rem)}h3{font-size:1.25rem}:focus-visible{outline:3px solid var(--honey);outline-offset:3px;border-radius:8px}::selection{background:var(--honey);color:var(--ink)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.wrap{max-width:1140px;margin-inline:auto;padding-inline:clamp(16px,4vw,32px)}.site-main{min-height:60vh;padding-block:24px 64px}.site-header{background:var(--bg);border-bottom:2px solid var(--line);z-index:50;position:sticky;top:0}.header-row{flex-wrap:wrap;align-items:center;gap:16px;padding-block:12px;display:flex}.logo{color:var(--ink);white-space:nowrap;align-items:center;gap:8px;min-height:48px;font-size:1.35rem;font-weight:900;text-decoration:none;display:inline-flex}.logo .logo-emoji{font-size:1.7rem}.header-search{flex:260px;min-width:220px;display:flex}.header-search input{border:2px solid var(--line);min-height:48px;font:inherit;background:var(--card);color:var(--ink);border-radius:999px;flex:1;padding:8px 22px;font-size:1rem}.header-search input::placeholder{color:var(--ink-soft)}.header-search input:focus{border-color:var(--honey);outline:none}.section-nav{-webkit-overflow-scrolling:touch;scrollbar-width:none;overflow-x:auto}.section-nav::-webkit-scrollbar{display:none}.section-nav ul{gap:10px;margin:0;padding:10px 0 14px;list-style:none;display:flex}.chip-link{white-space:nowrap;background:var(--card);border:2px solid var(--line);min-height:48px;color:var(--ink);border-radius:999px;align-items:center;gap:8px;padding:8px 18px;font-weight:700;text-decoration:none;transition:transform .15s,border-color .15s;display:inline-flex}.chip-link:hover{border-color:var(--accent,var(--tomato));transform:translateY(-2px)}.chip-link .chip-emoji{font-size:1.2rem}.site-footer{background:var(--ink);color:#f7ede1;margin-top:48px}.site-footer a{color:#ffd489}.footer-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:28px;padding-block:48px 24px;display:grid}.site-footer h2{color:#fff;margin-bottom:.6em;font-size:1.05rem}.site-footer ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.site-footer li a{align-items:center;min-height:40px;font-weight:700;text-decoration:none;display:inline-flex}.site-footer li a:hover{text-decoration:underline}.footer-note{color:#cbb99f;padding-block:20px 32px;font-size:.95rem}.card-grid{grid-template-columns:repeat(auto-fill,minmax(255px,1fr));gap:22px;display:grid}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);color:var(--ink);flex-direction:column;text-decoration:none;transition:transform .18s,box-shadow .18s;display:flex;overflow:hidden}.card:hover{box-shadow:var(--shadow-lift);transform:translateY(-4px)}.card-media{aspect-ratio:4/3;background:var(--bg-soft);width:100%;overflow:hidden}.card-media img{object-fit:cover;width:100%;height:100%;display:block}.card-art{background:linear-gradient(135deg, var(--art,#e63e30) 0%, var(--art-2,#ffb100) 100%);place-items:center;width:100%;height:100%;display:grid}.card-art span{filter:drop-shadow(0 4px 10px #2b211840);font-size:56px;line-height:1}.card-body{flex-direction:column;flex:1;gap:8px;padding:16px 18px 20px;display:flex}.card-body h3{margin:0;font-size:1.08rem;line-height:1.35}.card-desc{color:var(--ink-soft);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.92rem;line-height:1.55;display:-webkit-box;overflow:hidden}.card .chip{align-self:flex-start}.chip{background:var(--honey-soft);min-height:32px;color:var(--accent-ink,var(--tomato-ink));border:1.5px solid color-mix(in srgb, var(--accent,var(--tomato)) 30%, transparent);border-radius:999px;align-items:center;gap:6px;padding:2px 14px;font-size:.85rem;font-weight:800;display:inline-flex}a.chip{text-decoration:none}a.chip:hover{border-color:var(--accent,var(--tomato))}.shelf-head{justify-content:space-between;align-items:baseline;gap:16px;margin:40px 0 14px;display:flex}.shelf-head h2{margin:0}.shelf-head h2 .shelf-emoji{margin-inline-end:6px;font-size:1.4rem}.see-all{white-space:nowrap;align-items:center;min-height:48px;font-weight:800;display:inline-flex}.shelf{scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--line) transparent;grid-auto-columns:minmax(250px,285px);grid-auto-flow:column;gap:20px;padding:4px 4px 20px;display:grid;overflow-x:auto}.shelf .card{scroll-snap-align:start}.hero{background:var(--card);border-radius:var(--radius-lg);box-shadow:var(--shadow);grid-template-columns:1.05fr 1fr;min-height:380px;margin-top:20px;display:grid;overflow:hidden}.hero-media{min-height:280px;position:relative}.hero-media img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.hero-body{flex-direction:column;justify-content:center;gap:14px;padding:clamp(24px,4vw,48px);display:flex}.hero-kicker{letter-spacing:.06em;text-transform:uppercase;color:var(--accent,var(--tomato));margin:0;font-size:.85rem;font-weight:900}.hero-body h1{margin:0;font-size:clamp(1.8rem,3.6vw,2.7rem)}.hero-body h1 a{color:var(--ink);text-decoration:none}.hero-body h1 a:hover{text-decoration:underline}.hero-desc{color:var(--ink-soft);max-width:46ch;margin:0;font-size:1.08rem}.btn{background:var(--tomato);color:#fff;min-height:52px;font:inherit;cursor:pointer;border:none;border-radius:999px;align-items:center;gap:10px;padding:10px 26px;font-size:1.02rem;font-weight:800;text-decoration:none;transition:transform .15s,background .15s;display:inline-flex}.btn:hover{background:#c93325;transform:translateY(-2px)}.btn-ghost{color:var(--tomato);border:2.5px solid var(--tomato);background:0 0}.btn-ghost:hover{background:#fdeae8}@media (width<=820px){.hero{grid-template-columns:1fr}.hero-media{aspect-ratio:16/10;min-height:0}}.section-hero{background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 14%, #fff) 0%, var(--bg-soft) 100%);border-radius:var(--radius-lg);box-shadow:var(--shadow);align-items:center;gap:clamp(18px,4vw,36px);margin-block:20px 30px;padding:clamp(24px,4vw,44px);display:flex}.section-hero-emoji{background:var(--card);box-shadow:var(--shadow);border-radius:28px;padding:18px 22px;font-size:clamp(64px,10vw,104px);line-height:1}.section-hero h1{color:var(--accent-ink,var(--tomato-ink));margin:0 0 8px}.section-hero p{max-width:62ch;margin:0;font-size:1.08rem}.breadcrumbs{padding-block:18px 6px}.breadcrumbs ol{flex-wrap:wrap;gap:4px 10px;margin:0;padding:0;font-size:.92rem;font-weight:700;list-style:none;display:flex}.breadcrumbs li{align-items:center;gap:10px;display:flex}.breadcrumbs li+li:before{content:"→";color:var(--ink-soft)}.breadcrumbs a{color:var(--ink-soft);align-items:center;min-height:32px;text-decoration:none;display:inline-flex}.breadcrumbs a:hover{color:var(--tomato);text-decoration:underline}.breadcrumbs [aria-current]{color:var(--ink)}.article-head{max-width:72ch;margin-inline:auto;padding-top:10px}.article-head h1{margin-bottom:14px}.meta-chips{flex-wrap:wrap;gap:10px;margin:0 0 22px;padding:0;list-style:none;display:flex}.article-hero{border-radius:var(--radius-lg);max-width:900px;box-shadow:var(--shadow);background:var(--bg-soft);margin:0 auto 30px;overflow:hidden}.article-hero img{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.article-hero .article-hero-art{aspect-ratio:16/7;background:linear-gradient(135deg, var(--accent,#e63e30) 0%, var(--honey) 100%);place-items:center;font-size:88px;display:grid}.article-body{flex-direction:column;gap:28px;max-width:72ch;margin-inline:auto;display:flex}.recipe-text{font-size:1.11rem}.recipe-text p{margin:0 0 1em}.article-figure{margin:0}.article-figure img{aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius);width:100%;box-shadow:var(--shadow);display:block}.article-figure figcaption{color:var(--ink-soft);text-align:center;padding-top:8px;font-size:.9rem}.ingredients-box{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:clamp(20px,3vw,32px)}.ingredients-box h2{align-items:center;gap:10px;display:flex}.ing-group h3{color:var(--accent-ink,var(--tomato-ink));margin:18px 0 6px;font-size:1.05rem}.ing-list{gap:2px;margin:0;padding:0;list-style:none;display:grid}.ing-list li{cursor:pointer;border-radius:14px;align-items:flex-start;gap:12px;padding:7px 10px;font-size:1.06rem;transition:background .12s;display:flex}.ing-list li:hover{background:var(--bg-soft)}.ing-list input[type=checkbox]{width:26px;height:26px;accent-color:var(--accent,var(--tomato));cursor:pointer;flex:none;margin:2px 0 0}.ing-list li.done .ing-label{opacity:.55;text-decoration:line-through}.steps-box h2{align-items:center;gap:10px;display:flex}.step-list{counter-reset:step;gap:18px;margin:0;padding:0;list-style:none;display:grid}.step-list li{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);grid-template-columns:56px 1fr;align-items:start;gap:16px;padding:18px 20px;display:grid}.step-num{counter-increment:step;background:var(--accent,var(--tomato));color:#fff;border-radius:50%;place-items:center;width:56px;height:56px;font-size:1.5rem;font-weight:900;display:grid}.step-num:before{content:counter(step)}.step-text{margin:0;font-size:1.11rem}.step-title{margin-bottom:2px;font-size:1.05rem;font-weight:900;display:block}@media (width<=560px){.step-list li{grid-template-columns:44px 1fr;gap:12px;padding:14px}.step-num{width:44px;height:44px;font-size:1.2rem}}.tip-box{background:var(--honey-soft);border:2px dashed var(--honey);border-radius:var(--radius);padding:18px 22px}.tip-box .tip-title{margin:0 0 4px;font-weight:900}.tip-box p{margin:0 0 .5em}.tip-box p:last-child{margin-bottom:0}.notes-box{background:var(--bg-soft);border-radius:var(--radius);padding:18px 22px}.notes-box h2{font-size:1.2rem}.notes-box ul{margin:0;padding-inline-start:22px}.faq-box h2{align-items:center;gap:10px;display:flex}.faq-item{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:14px;padding:16px 22px}.faq-item h3{margin:0 0 6px;font-size:1.08rem}.faq-item p{color:var(--ink-soft);margin:0}.prose{max-width:72ch;margin-inline:auto;font-size:1.11rem}.prose h2{margin-top:1.6em}.prose ul,.prose ol{padding-inline-start:26px}.prose img{border-radius:var(--radius)}.pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:36px 0 10px;display:flex}.pagination .page-info{color:var(--ink-soft);font-weight:800}.dir-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:4px 18px;display:grid}.dir-grid a{min-height:48px;color:var(--ink);border-radius:12px;align-items:center;padding:6px 10px;font-size:.98rem;font-weight:700;line-height:1.4;text-decoration:none;display:flex}.dir-grid a:hover{background:var(--honey-soft)}.dir-grid .dir-emoji{flex:none;margin-inline-end:8px}.search-page{text-align:center;max-width:760px;margin-inline:auto;padding-top:26px}.search-form-big{gap:10px;margin:26px 0 10px;display:flex}.search-form-big input{border:3px solid var(--line);min-height:60px;font:inherit;background:var(--card);border-radius:999px;flex:1;padding:8px 26px;font-size:1.15rem}.search-form-big input:focus{border-color:var(--honey);outline:none}.search-hint{color:var(--ink-soft);font-size:.95rem}.search-results{text-align:start;gap:22px;margin-top:30px;display:grid}.empty-state{background:var(--card);border-radius:var(--radius-lg);box-shadow:var(--shadow);text-align:center;padding:44px 30px}.empty-state .empty-emoji{font-size:64px;line-height:1}.empty-state h2{margin:14px 0 8px}.empty-state p{color:var(--ink-soft);margin:0 0 18px}.notfound{text-align:center;max-width:640px;margin-inline:auto;padding:60px 0 30px}.notfound .nf-emoji{font-size:88px;line-height:1}.skip-link{z-index:100;background:var(--ink);color:#fff;border-radius:12px;padding:10px 20px;font-weight:800;text-decoration:none;transition:top .15s;position:absolute;top:-60px;left:16px}.skip-link:focus{top:12px}.guide-strip{-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--line) transparent;grid-auto-columns:minmax(260px,300px);grid-auto-flow:column;gap:20px;padding:4px 4px 20px;display:grid;overflow-x:auto}.guide-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);color:var(--ink);scroll-snap-align:start;flex-direction:column;gap:10px;padding:20px 22px;text-decoration:none;transition:transform .18s,box-shadow .18s;display:flex}.guide-card:hover{box-shadow:var(--shadow-lift);transform:translateY(-4px)}.guide-card .guide-kicker{letter-spacing:.05em;text-transform:uppercase;color:var(--accent,#2e7fa3);font-size:.8rem;font-weight:900}.guide-card h3{margin:0;font-size:1.05rem;line-height:1.4}.guide-card p{color:var(--ink-soft);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:.92rem;line-height:1.55;display:-webkit-box;overflow:hidden}.back-top{z-index:60;color:#fff;cursor:pointer;opacity:0;visibility:hidden;background:#e63e30;border:none;border-radius:50%;width:52px;height:52px;font-size:1.4rem;font-weight:800;line-height:1;transition:opacity .2s,transform .2s,visibility .2s;position:fixed;bottom:20px;right:20px;transform:translateY(10px);box-shadow:0 6px 18px #2b211840}.back-top.show{opacity:1;visibility:visible;transform:none}.back-top:hover{transform:translateY(-2px)}@media (prefers-reduced-motion:reduce){.back-top{transition:none}}.action-row{flex-wrap:wrap;gap:12px;margin:14px 0 4px;display:flex}.action-btn{color:var(--ink,#2b2118);font:inherit;cursor:pointer;background:#fff;border:2px solid #f0e4d2;border-radius:999px;align-items:center;gap:6px;min-height:48px;padding:10px 18px;font-size:.95rem;font-weight:700;transition:border-color .15s,transform .15s;display:inline-flex}.action-btn:hover{border-color:#e63e30;transform:translateY(-1px)}.step-bullets{margin:6px 0 0;padding-left:22px}.step-bullets li{margin:6px 0}@media print{.site-header,.site-footer,.back-top,.action-row,.skip-link,section[aria-label=Benzer\ tarifler],.article-hero-art{display:none!important}body{background:#fff}.step-list li{break-inside:avoid}}