/* editorial teması — tema PHP dosyasından ayrıldı.
   Dinamik değerler (kapak görseli, sütun sayısı) PHP tarafında
   :root değişkeni olarak basılır. */
/* Editör paleti: sıcak zeytin/adaçayı yeşili (beyaz üstünde ~5:1 kontrast) */
  :root { --bg:#f4f4ec; --paper:#fff; --ink:#1f291d; --soft:#55624d; --muted:#8e9c85; --accent:#4f6b45; --accent-soft:#e8eede; --line:#e2e5d6; --header-base:#1f291d; --header-deep:#2e4028; }
  *{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
  html,body{overflow-x:hidden}
  body{font-family:'Manrope',sans-serif;background:var(--bg);color:var(--ink);min-height:100vh}
  .app{max-width:760px;margin:0 auto;min-height:100vh;position:relative}
  .view{display:none;animation:fade .35s ease;padding-bottom:50px}.view.active{display:block}@keyframes fade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
  .home-top{padding:32px 20px 24px;background:linear-gradient(180deg,var(--header-base),var(--header-deep));color:#f4f4ec;border-radius:0 0 28px 28px;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;text-align:center}
  .home-top::before{content:'';position:absolute;top:-40px;right:-40px;width:220px;height:220px;background:radial-gradient(circle,rgba(150,183,120,.32),transparent 70%)}
  .home-top::after{content:'';position:absolute;bottom:-60px;left:-50px;width:180px;height:180px;background:radial-gradient(circle,rgba(150,183,120,.14),transparent 70%)}
  .logo-card{position:relative;border-radius:100%;padding:20px;width:min(240px,66vw);aspect-ratio:1/1;display:grid;place-items:center;box-shadow:0 18px 38px rgba(0,0,0,.22);margin:0 auto 24px}
  .logo-card img{display:block;width:100%;height:auto;border-radius:100%}
  .greet{font-family:'Fraunces',serif;font-size:34px;font-weight:600;line-height:1.1;margin-bottom:6px;position:relative}.greet em{color:var(--accent);font-style:italic}
  .greet-sub{font-size:14px;opacity:.75;position:relative}
  .featured-wrap{padding:28px 20px 8px;position:relative}
  .featured-wrap::after{content:'';position:absolute;top:28px;right:0;bottom:8px;width:56px;background:linear-gradient(90deg,transparent,var(--bg));pointer-events:none;z-index:2}.section-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:16px}.section-title{font-family:'Fraunces',serif;font-size:22px;font-weight:600}.section-link{font-size:12px;color:var(--accent);font-weight:700}
  .featured{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 20px 8px;margin:0 -20px;scrollbar-width:none}.featured::-webkit-scrollbar{display:none}
  .featured-card{flex-shrink:0;width:220px;border-radius:22px;overflow:hidden;position:relative;scroll-snap-align:start;background:#000;aspect-ratio:3/4;cursor:pointer;box-shadow:0 10px 28px rgba(30,42,31,.15)}
  .featured-card .img,.cat-card .img{position:absolute;inset:0;background-size:cover;background-position:center}.featured-card .overlay,.cat-card .overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(0,0,0,.85))}
  .featured-card .content{position:absolute;bottom:0;left:0;right:0;padding:16px;color:#fff}.tag{display:inline-block;background:var(--accent);color:#fff;font-size:10px;font-weight:800;letter-spacing:1.5px;padding:4px 10px;border-radius:999px;text-transform:uppercase;margin-bottom:8px}
  .featured-card .name{font-family:'Fraunces',serif;font-size:20px;line-height:1.15;margin-bottom:4px}.featured-card .price{font-size:14px;font-weight:700}
  .cats-section{padding:28px 20px 20px}.cat-grid{display:grid;grid-template-columns:repeat(var(--cat-cols),1fr);gap:14px}@media(min-width:640px){.cat-grid{grid-template-columns:1fr 1fr 1fr}}
  .cat-card{position:relative;aspect-ratio:1/1.15;border-radius:26px;overflow:hidden;cursor:pointer;background:#1f291d;box-shadow:0 8px 22px rgba(31,41,29,.1);transition:transform .25s ease,box-shadow .25s ease}
  .cat-card:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(31,41,29,.16)}
  .cat-card .overlay{background:linear-gradient(185deg,rgba(31,41,29,0) 32%,rgba(22,30,20,.92))}
  .cat-card .icon-bubble{position:absolute;top:14px;right:14px;width:38px;height:38px;background:rgba(255,255,255,.92);backdrop-filter:blur(4px);border-radius:50%;display:grid;place-items:center;font-size:18px;box-shadow:0 4px 12px rgba(22,30,20,.25)}
  .cat-card .content{position:absolute;bottom:0;left:0;right:0;padding:16px;color:#fff}.cat-card .count{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:#d5e2c8;margin-bottom:4px}.cat-card .name{font-family:'Fraunces',serif;font-size:22px;font-weight:700;line-height:1.1;display:flex;align-items:center;justify-content:space-between;gap:8px}
  .arrow{width:28px;height:28px;background:var(--accent);border-radius:50%;display:grid;place-items:center;color:#fff;flex-shrink:0;transition:transform .3s ease}
  .arrow svg{width:14px;height:14px;display:block}
  .cat-card:hover .arrow{transform:translateX(3px)}
  .section-link{display:inline-flex;align-items:center;gap:6px}
  .section-link svg{width:14px;height:14px;flex-shrink:0}
  .detail-hero{position:relative;height:280px;background-size:cover;background-position:center;border-radius:0 0 32px 32px;overflow:hidden}.detail-hero::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(30,42,31,.5),rgba(30,42,31,.85))}
  .detail-top-bar{position:absolute;top:0;left:0;right:0;z-index:3;padding:18px 20px;display:flex;justify-content:space-between}.back-btn{width:42px;height:42px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.25);border-radius:50%;color:#fff;display:grid;place-items:center;cursor:pointer;transition:background .2s}
  .back-btn:hover{background:rgba(255,255,255,.3)}.back-btn svg{width:20px;height:20px;display:block}
  .detail-hero-text{position:absolute;bottom:24px;left:20px;right:20px;z-index:3;color:#fff}.detail-hero-text .lbl{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--accent);margin-bottom:6px;font-weight:800}.detail-hero-text h2{font-family:'Fraunces',serif;font-size:38px;line-height:1;margin-bottom:6px}.detail-hero-text .sub{font-size:13px;opacity:.85}
  .filter-bar{padding:18px 20px 10px;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}.filter-bar::-webkit-scrollbar{display:none}.fchip{flex-shrink:0;padding:8px 16px;border-radius:999px;border:1px solid var(--line);background:var(--paper);color:var(--soft);font-size:12px;font-weight:800;cursor:pointer}.fchip.active{background:var(--ink);color:var(--accent-soft);border-color:var(--ink)}
  .items-list{padding:8px 16px 30px}.item-card{background:var(--paper);border-radius:22px;overflow:hidden;margin-bottom:14px;box-shadow:0 4px 16px rgba(30,42,31,.05);cursor:pointer}.item-card .img{width:100%;aspect-ratio:16/10;background-size:cover;background-position:center;position:relative}.badge{position:absolute;top:12px;left:12px;padding:6px 12px;background:rgba(255,255,255,.95);color:var(--ink);font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase;border-radius:999px}
  .item-card .body{padding:16px 18px 18px}.top-row{display:flex;justify-content:space-between;gap:12px;margin-bottom:6px}.item-card .name{font-family:'Fraunces',serif;font-size:21px;line-height:1.2;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-card .price{font-family:'Fraunces',serif;font-size:20px;font-weight:700;color:var(--accent);white-space:nowrap}.desc{font-size:13.5px;color:var(--soft);line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.meta-row{display:flex;gap:14px;margin-top:12px;padding-top:12px;border-top:1px dashed var(--line);font-size:11.5px;color:var(--muted)}
  .footer{text-align:center;padding:34px 18px 44px;color:var(--soft)}.footer>.footer-brand,.footer>strong{display:block;font-family:'Fraunces',serif;color:var(--ink);font-size:28px;margin-bottom:8px}.footer a{color:var(--accent);font-weight:800;text-decoration:none}
  .footer{--ce-paper:#fff;--ce-ink:#1f291d;--ce-soft:#55624d;--ce-line:#e2e5d6;--ce-bg:#f4f4ec;--ce-accent:#4f6b45;--ce-accent-soft:#e8eede;--ce-feedback-bg:#1f291d;--ce-feedback-fg:#f7faf2}
  /* Sepet (order-cart) tema uyumu */
  body{--pfb-paper:#fff;--pfb-ink:#1f291d;--pfb-soft:#55624d;--pfb-bg:#f4f4ec;--pfb-line:#e2e5d6;--pfb-accent:#4f6b45}