:root{color:#24170f;font-synthesis:none;text-rendering:optimizelegibility;background:#fff8ef;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 0 0,#ffc45742,#0000 32rem),linear-gradient(#fff8ef 0%,#fff3e2 100%);min-width:320px;margin:0}button,a{font:inherit}a{color:inherit;text-decoration:none}.app{min-height:100vh}.site-header{z-index:10;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fff8efe0;border-bottom:1px solid #75461c24;justify-content:space-between;align-items:center;gap:1.5rem;padding:1rem clamp(1rem,5vw,4rem);display:flex;position:sticky;top:0}.brand{color:#3a1d10;cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:.75rem;padding:0;display:flex}.brand strong,.brand small{display:block}.brand small{color:#8b5b34;font-size:.78rem}.brand-mark{background:#fff7ec;border-radius:1rem;place-items:center;width:3rem;height:3rem;display:grid;overflow:hidden;box-shadow:0 .35rem 1rem #48230e1f}.brand-mark img{object-fit:contain;width:100%;height:100%;display:block}.site-header nav{color:#5e3b24;align-items:center;gap:1rem;font-weight:700;display:flex}.site-header nav a,.site-header nav button{color:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:.55rem .8rem}.site-header nav a:hover,.site-header nav button:hover{color:#9d2d18;background:#9d2d1817}.hero{color:#fff7ec;background:linear-gradient(90deg,#180b05db 0%,#3e1b0c9e 42%,#2d120838 100%),url(/images/hero-karisik-lezzetler.png) 50%/cover;align-items:center;min-height:clamp(32rem,76vh,48rem);margin:0;padding:clamp(3rem,9vw,7rem) clamp(1rem,5vw,4rem);display:flex;position:relative;overflow:hidden}.hero:after{content:"Kebap • Pide • Lahmacun";color:#ffe4ba;letter-spacing:.12em;text-transform:uppercase;background:#32180c85;border:1px solid #ffffff47;border-radius:999px;padding:.8rem 1.1rem;font-size:clamp(.8rem,1.5vw,1rem);font-weight:900;position:absolute;inset:auto clamp(1rem,5vw,4rem) 2rem auto}.hero-content{z-index:1;max-width:48rem;position:relative}.eyebrow{color:#9d2d18;letter-spacing:.18em;text-transform:uppercase;margin:0 0 .75rem;font-size:.78rem;font-weight:900}h1,h2,h3,p{margin-top:0}h1{color:#32180c;letter-spacing:-.08em;margin-bottom:1rem;font-size:clamp(3rem,9vw,6.8rem);line-height:.9}h2{color:#32180c;letter-spacing:-.05em;margin-bottom:1rem;font-size:clamp(2rem,5vw,3.8rem);line-height:1}h3{color:#32180c;margin-bottom:.55rem;font-size:1.35rem}.hero p{color:#ffe4ba;max-width:35rem;font-size:1.15rem}.hero h1,.hero .eyebrow{color:#fff7ec}.hero .eyebrow{color:#ffc457}.hero-tags{flex-wrap:wrap;gap:.65rem;margin-top:1.3rem;display:flex}.hero-tags span{color:#fff7ec;background:#ffffff1f;border:1px solid #ffffff42;border-radius:999px;padding:.55rem .85rem;font-weight:900}.hero-actions,.detail-actions,.contact-links{flex-wrap:wrap;gap:.8rem;margin-top:1.5rem;display:flex}.primary-button,.secondary-button,.back-button{cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-height:2.9rem;padding:.75rem 1.15rem;font-weight:800;display:inline-flex}.primary-button{color:#fff7ec;background:#9d2d18;box-shadow:0 1rem 2rem #9d2d1833}.secondary-button,.back-button{color:#9d2d18;background:#fffaf3;border-color:#9d2d1838}.section{padding:clamp(2.5rem,7vw,5rem) clamp(1rem,5vw,4rem)}.intro{max-width:58rem}.intro p:not(.eyebrow){color:#6b4328;font-size:1.1rem}.seo-highlights{max-width:72rem}.seo-intro{color:#6b4328;max-width:52rem;font-size:1.08rem}.seo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1.5rem;display:grid}.seo-grid article{background:#fffaf3;border:1px solid #9d2d1824;border-radius:1.2rem;padding:1.2rem 1.3rem}.seo-grid h3{color:#3a1d10;margin:0 0 .55rem;font-size:1.15rem}.seo-grid p{color:#6b4328;margin:0}.seo-keywords{flex-wrap:wrap;gap:.55rem;margin:1.5rem 0 0;padding:0;list-style:none;display:flex}.seo-keywords li{color:#7b4427;background:#fff7ec;border:1px solid #9d2d1829;border-radius:999px;padding:.45rem .75rem;font-size:.82rem;font-weight:700}.faq{max-width:58rem}.faq-list{gap:.75rem;margin-top:1.25rem;display:grid}.faq-list details{background:#fffaf3;border:1px solid #9d2d1824;border-radius:1rem;padding:.9rem 1.1rem}.faq-list summary{color:#3a1d10;cursor:pointer;font-weight:800}.faq-list p{color:#6b4328;margin:.75rem 0 0}.detail-seo-note{color:#8b5b34;font-size:.95rem}.section-heading{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.5rem;display:flex}.product-count{color:#8b5b34;margin:0;font-weight:800}.category-tabs{flex-wrap:wrap;gap:.75rem;margin:-.4rem 0 1.5rem;display:flex}.category-tabs button{color:#7b4427;cursor:pointer;background:#fffaf3;border:1px solid #9d2d182e;border-radius:999px;padding:.75rem 1rem;font-weight:900}.category-tabs button.active,.category-tabs button:hover{color:#fff7ec;background:#9d2d18;border-color:#9d2d18}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.1rem;display:grid}.product-card{min-width:0}.product-card button{width:100%;height:100%;color:inherit;cursor:pointer;text-align:left;background:#fffaf3d6;border:1px solid #75461c24;border-radius:1.5rem;padding:0;transition:transform .18s,box-shadow .18s;display:block;overflow:hidden;box-shadow:0 1.2rem 3rem #48230e14}.product-card button:hover{transform:translateY(-4px);box-shadow:0 1.4rem 3.5rem #48230e24}.product-card img,.detail-image img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.product-image-wrap{position:relative;overflow:hidden}.product-image-wrap:after{content:"";pointer-events:none;background:linear-gradient(#0000,#170a04db);height:58%;position:absolute;inset:auto 0 0}.product-card .image-placeholder,.product-card img,.product-image-wrap{aspect-ratio:16/9}.product-overlay{z-index:1;color:#fff7ec;position:absolute;bottom:1rem;left:1rem;right:1rem}.product-overlay span{color:#3a1d10;letter-spacing:.1em;text-transform:uppercase;background:#ffc457f2;border-radius:999px;margin-bottom:.45rem;padding:.35rem .55rem;font-size:.7rem;font-weight:900;display:inline-flex}.product-overlay h3{color:#fff7ec;letter-spacing:-.04em;text-shadow:0 .25rem 1rem #0006;margin:0;font-size:clamp(1.25rem,2.4vw,1.65rem)}.image-placeholder{color:#9d2d18;background:linear-gradient(135deg,#9d2d182e,#ffc4573d),#fff1dc;place-items:center;min-height:12rem;font-weight:900;display:grid}.product-content{padding:1.25rem}.product-content p{color:#6b4328}.product-content strong{color:#9d2d18}.detail-page{padding:clamp(2rem,6vw,5rem) clamp(1rem,5vw,4rem)}.detail-card{background:#fffaf3e6;border:1px solid #75461c24;border-radius:2rem;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:clamp(1.5rem,5vw,4rem);padding:clamp(1rem,3vw,2rem);display:grid;box-shadow:0 1.2rem 3rem #48230e14}.detail-image{border-radius:1.5rem;min-height:28rem;overflow:hidden}.detail-content p:not(.eyebrow){color:#6b4328;font-size:1.12rem}.back-button{margin-bottom:1.5rem}.not-found{display:block}.contact{color:#fff7ec;background:#32180c;border-radius:2rem;justify-content:space-between;align-items:center;gap:1.5rem;margin:0 clamp(1rem,5vw,4rem) 2rem;display:flex}.contact h2{color:#fff7ec}.contact p{color:#ffe4ba}.contact-links a{color:#fff7ec;background:#ffffff1a;border-radius:999px;padding:.75rem 1rem;font-weight:800}.site-footer{color:#8b5b34;justify-content:space-between;gap:1rem;padding:1.5rem clamp(1rem,5vw,4rem);display:flex}.site-footer p{margin:0}@media (width<=900px){.seo-grid,.detail-card{grid-template-columns:1fr}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.site-header,.contact,.site-footer{flex-direction:column;align-items:flex-start}.site-header nav{width:100%;padding-bottom:.2rem;overflow-x:auto}}@media (width<=620px){.product-grid{grid-template-columns:1fr}.hero{min-height:34rem}.hero:after{text-align:center;bottom:1rem;left:1rem;right:1rem}.detail-image{min-height:18rem}}