/* antepvia.com — taze yeşil marka teması (#36d525) */
:root{
  --cream:#faf7ef; --paper:#fffdf8; --ink:#26301f; --muted:#7d8a74;
  --line:#e3e8da; --line2:#eef1e6;
  --brand:#36d525;        /* ana marka rengi — zeminler, butonlar, rozetler */
  --brand-hover:#2fbd20;
  --brand-dark:#1f9d12;   /* büyük/kalın yeşil metin (fiyatlar) */
  --brand-deep:#136c0a;   /* küçük metin ve linkler (krem zeminde okunaklı) */
  --brand-soft:#e9fae5;   /* yumuşak yeşil dolgular */
  --brand-ink:#0a2905;    /* parlak yeşil zemin üstü metin */
  --forest:#14340c;       /* koyu bant (hikâye) zemini */
  --gold:#c9993c; --red:#b3372a;
  --shadow:0 2px 10px rgba(30,60,20,.07);
  --shadow-lg:0 10px 30px rgba(30,60,20,.13);
  --serif:Georgia,"Times New Roman",serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{color-scheme:light;scroll-behavior:smooth}
body{
  background:var(--cream);color:var(--ink);
  font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
}
a{color:var(--brand-deep);text-decoration:none}
a:hover{color:var(--brand-dark)}
img,svg{max-width:100%;display:block}
.container{max-width:1160px;margin:0 auto;padding:0 18px}
h1,h2,h3{font-family:var(--serif);font-weight:700;line-height:1.25}
h1{font-size:30px}
h2{font-size:23px}

/* Üst bant */
.topbar{background:var(--brand);color:var(--brand-ink);font-size:13px}
.topbar-in{display:flex;justify-content:space-between;align-items:center;padding:7px 18px}
.topbar a{color:var(--brand-ink);font-weight:700;text-decoration:underline}
.topbar b{color:var(--brand-ink)}

/* Başlık */
.hdr{background:var(--paper);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}
.hdr-in{display:flex;align-items:center;gap:22px;padding:14px 18px}
.logo{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.logo-mark{width:40px;height:40px}
.logo-text{font-family:var(--serif);font-size:27px;font-weight:700;color:var(--ink);letter-spacing:-.5px}
.logo-text b{color:var(--brand-dark)}
.search{flex:1;display:flex;max-width:520px}
.search input{
  flex:1;min-width:0;border:1.5px solid var(--line);border-right:0;background:#fff;
  padding:10px 14px;border-radius:10px 0 0 10px;font-size:15px;outline:0;color:var(--ink);
}
.search input:focus{border-color:var(--brand)}
.search button{
  border:0;background:var(--brand);color:var(--brand-ink);font-weight:700;padding:0 20px;
  border-radius:0 10px 10px 0;cursor:pointer;font-size:15px;
}
.search button:hover{background:var(--brand-hover)}
.hdr-actions{display:flex;align-items:center;gap:16px;margin-left:auto}
.hdr-link{display:flex;align-items:center;gap:7px;color:var(--ink);font-size:14px;font-weight:600;position:relative}
.hdr-link:hover{color:var(--brand-dark)}
.hdr-link .ico{font-size:19px}
.cart-badge{
  position:absolute;top:-8px;left:12px;background:var(--brand);color:var(--brand-ink);
  font-size:11px;min-width:18px;height:18px;border-radius:9px;display:flex;
  align-items:center;justify-content:center;padding:0 5px;font-weight:700;
}
.menu-btn{display:none;background:none;border:1.5px solid var(--line);border-radius:8px;font-size:18px;padding:4px 10px;cursor:pointer;color:var(--ink)}

/* Kategori menüsü */
.catnav{background:var(--paper);border-top:1px solid var(--line2)}
.catnav-in{display:flex;gap:2px;overflow-x:auto;padding:0 18px}
.catnav-link{
  padding:11px 14px;font-size:14.5px;font-weight:600;color:var(--ink);
  white-space:nowrap;border-bottom:2.5px solid transparent;
}
.catnav-link:hover,.catnav-link.on{color:var(--brand-dark);border-bottom-color:var(--brand)}

/* Butonlar */
.btn{
  display:inline-block;background:var(--brand);color:var(--brand-ink);font-weight:700;font-size:15px;
  padding:11px 22px;border-radius:10px;border:0;cursor:pointer;transition:.15s;text-align:center;
}
.btn:hover{background:var(--brand-hover);color:var(--brand-ink);transform:translateY(-1px)}
.btn-lg{padding:14px 28px;font-size:16px}
.btn-sm{padding:6px 14px;font-size:13px}
.btn-ghost{background:transparent;color:var(--brand-deep);border:1.5px solid var(--brand-dark)}
.btn-ghost:hover{background:var(--brand-soft);color:var(--brand-deep)}
.wide{width:100%}
.grow{flex:1}
.linklike{background:none;border:0;color:var(--brand-deep);cursor:pointer;font:inherit;padding:0;text-align:left}
.linklike:hover{color:var(--brand-dark)}

/* Hero */
.hero{background:linear-gradient(160deg,#f4fbef 0%,#e2f7db 100%);border-bottom:1px solid var(--line)}
.hero-in{display:flex;align-items:center;gap:40px;padding:52px 18px}
.hero-text{flex:1.2}
.hero-eyebrow{
  display:inline-block;background:#fff;border:1px solid var(--line);color:var(--brand-deep);
  font-size:13px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;
  padding:5px 14px;border-radius:20px;margin-bottom:16px;
}
.hero h1{font-size:44px;margin-bottom:16px}
.hero h1 em{color:var(--brand-dark);font-style:italic}
.hero p{font-size:17px;color:#48543f;max-width:480px;margin-bottom:26px}
.hero-cta{display:flex;gap:12px;flex-wrap:wrap}
.hero-art{flex:1;max-width:420px}

/* Güven bandı */
.band{background:var(--paper);border-bottom:1px solid var(--line)}
.band-in{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:16px 18px}
.band-item{display:flex;align-items:center;gap:11px}
.band-item span{font-size:26px}
.band-item b{display:block;font-size:14.5px}
.band-item small{color:var(--muted);font-size:12.5px}

/* Bölümler */
.section{padding:44px 18px}
.section-title{margin-bottom:8px;position:relative;padding-bottom:12px}
.section-title::after{content:"";position:absolute;left:0;bottom:0;width:56px;height:3px;background:var(--brand);border-radius:2px}
.section-sub{color:var(--muted);margin-bottom:22px}
.narrow{max-width:880px}
.center{text-align:center}
.center .section-title::after{left:50%;transform:translateX(-50%)}

/* Kategori kartları */
.cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;margin-top:22px}
.ccard{
  background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:18px;
  color:var(--ink);box-shadow:var(--shadow);transition:.18s;
}
.ccard:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:var(--brand)}
.ccard svg{height:92px;margin:0 auto 12px}
.ccard h3{font-size:17px;margin-bottom:6px;text-align:center}
.ccard p{font-size:12.5px;color:var(--muted);text-align:center;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* Ürün kartları */
.p-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;margin-top:20px}
.pcard{
  background:var(--paper);border:1px solid var(--line);border-radius:16px;overflow:hidden;
  color:var(--ink);box-shadow:var(--shadow);transition:.18s;display:flex;flex-direction:column;
}
.pcard:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:var(--brand)}
.pcard-img{position:relative;background:linear-gradient(150deg,#f3faee,#e7f4df);padding:16px}
.pcard-img svg{height:130px;margin:0 auto}
.pbadge{
  position:absolute;top:12px;left:12px;background:var(--brand);color:var(--brand-ink);
  font-size:11.5px;font-weight:700;padding:4px 11px;border-radius:14px;
}
.pbadge.out{background:var(--red);color:#fff;top:auto;bottom:12px}
.pcard-body{padding:15px 16px 16px;display:flex;flex-direction:column;flex:1}
.pcard-cat{font-size:11.5px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--brand-deep)}
.pcard h3{font-size:16.5px;margin:5px 0 6px}
.pcard-desc{font-size:13px;color:var(--muted);flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pcard-foot{display:flex;align-items:baseline;justify-content:space-between;margin-top:12px}
.price{font-family:var(--serif);font-size:19px;font-weight:700;color:var(--brand-dark)}
.price small{font-size:11.5px;color:var(--muted);font-family:system-ui;font-weight:400;margin-left:3px}
.pcard-cta{font-size:13.5px;font-weight:700;color:var(--brand-deep)}

/* Hikâye şeridi — koyu orman yeşili, footer'a akar */
.story{background:var(--forest);color:#d8eecf;margin-top:20px}
.story-in{display:flex;gap:48px;align-items:center;padding:48px 18px}
.story h2{color:#fff;margin-bottom:14px}
.story p{color:#b9d5ac;max-width:520px;margin-bottom:20px}
.story-list{list-style:none;display:grid;gap:12px;font-size:15px}
.story .btn-ghost{color:#7bea6b;border-color:#36d525}
.story .btn-ghost:hover{background:rgba(54,213,37,.14);color:#9df58f}

/* Breadcrumb + kategori başlığı */
.crumbs{font-size:13.5px;color:var(--muted);margin-bottom:18px}
.crumbs span{color:var(--ink)}
.cat-head{display:flex;gap:20px;align-items:center;margin-bottom:10px}
.cat-head-icon{width:110px;flex:0 0 auto}

/* Ürün detay */
.pdetail{display:grid;grid-template-columns:1fr 1.15fr;gap:34px;margin-top:8px}
.pdetail-img{
  position:relative;background:linear-gradient(150deg,#f3faee,#e4f2db);
  border:1px solid var(--line);border-radius:20px;padding:40px;align-self:start;
}
.pdetail-img svg{max-height:280px;margin:0 auto}
.pdetail-info h1{margin:4px 0 10px}
.pdetail-short{color:#48543f;font-size:16.5px;margin-bottom:20px}
.variants{border:0;display:grid;gap:9px;margin-bottom:18px}
.variants legend{font-weight:700;font-size:14px;margin-bottom:9px}
.variant{
  display:flex;align-items:center;gap:12px;background:var(--paper);
  border:1.5px solid var(--line);border-radius:12px;padding:12px 15px;cursor:pointer;transition:.12s;
}
.variant:has(input:checked){border-color:var(--brand);background:var(--brand-soft);box-shadow:0 0 0 1px var(--brand)}
.variant.disabled{opacity:.55;cursor:not-allowed}
.variant input{accent-color:var(--brand-dark);width:17px;height:17px}
.variant-label{font-weight:700;flex:1}
.variant-price{font-family:var(--serif);font-weight:700;color:var(--brand-dark);font-size:17px}
.variant-out{font-size:12px;color:var(--red);font-weight:700}
.buy-row{display:flex;gap:12px;align-items:stretch}
.qty{display:flex;border:1.5px solid var(--line);border-radius:10px;overflow:hidden;background:#fff}
.qty-btn{width:40px;border:0;background:#fff;font-size:19px;cursor:pointer;color:var(--ink)}
.qty-btn:hover{background:var(--brand-soft)}
.qty input{width:52px;border:0;text-align:center;font-size:16px;font-weight:700;outline:0;color:var(--ink);-moz-appearance:textfield}
.qty input::-webkit-outer-spin-button,.qty input::-webkit-inner-spin-button{-webkit-appearance:none}
.pdetail-perks{list-style:none;display:grid;gap:8px;margin-top:22px;font-size:14px;color:#48543f}
.out-note{background:#fbeeec;border:1px solid #ecc8c2;color:var(--red);padding:14px 16px;border-radius:12px;font-weight:600}
.pdetail-desc{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:24px 26px;margin:34px 0 10px;max-width:820px}
.pdetail-desc h2{margin-bottom:10px}
.pdetail-desc p{color:#3f4a37}

/* Sepet */
.cart-table{display:grid;gap:10px;margin:20px 0}
.cart-row{
  display:grid;grid-template-columns:76px 1fr auto auto auto;gap:16px;align-items:center;
  background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:12px 16px;
}
.cart-thumb{height:56px}
.cart-info b{font-size:15px}
.cart-info a{color:var(--ink)}
.cart-info a:hover{color:var(--brand-dark)}
.cart-variant{display:block;font-size:12.5px;color:var(--muted);margin-top:3px}
.cart-line{font-family:var(--serif);font-weight:700;font-size:17px;color:var(--brand-dark);min-width:90px;text-align:right}
.cart-del button{background:none;border:0;font-size:17px;cursor:pointer;opacity:.6}
.cart-del button:hover{opacity:1}
.cart-summary{
  background:var(--paper);border:1px solid var(--line);border-radius:16px;
  padding:20px 22px;max-width:420px;margin-left:auto;box-shadow:var(--shadow);
}
.freeship-note{background:#fdf6e3;border:1px solid #eeddb0;border-radius:10px;padding:10px 14px;font-size:13.5px;margin-bottom:14px}
.freeship-note.ok{background:var(--brand-soft);border-color:#bfe8b4}
.sumrow{display:flex;justify-content:space-between;padding:7px 0;font-size:14.5px}
.sumrow.total{border-top:1.5px solid var(--line);margin-top:8px;padding-top:12px;font-size:17px}
.sumrow.total b{font-family:var(--serif);font-size:21px;color:var(--brand-dark)}
.cart-summary .btn{margin-top:14px}
.continue{display:block;text-align:center;margin-top:12px;font-size:14px}

/* Ödeme */
.checkout-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:26px;margin-top:16px}
.checkout-form{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:24px}
.checkout-form h2{margin:6px 0 14px;font-size:19px}
.checkout-form label{display:block;font-size:13.5px;font-weight:700;margin-bottom:13px}
.checkout-form small{color:var(--muted);font-weight:400}
.checkout-form input,.checkout-form textarea{
  width:100%;margin-top:5px;border:1.5px solid var(--line);border-radius:10px;
  padding:10px 13px;font:inherit;font-size:15px;background:#fff;color:var(--ink);outline:0;
}
.checkout-form input:focus,.checkout-form textarea:focus{border-color:var(--brand)}
.form-2col{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.payopt{
  display:flex!important;gap:12px;align-items:flex-start;background:#fff;
  border:1.5px solid var(--line);border-radius:12px;padding:13px 15px;cursor:pointer;margin-bottom:10px!important;
}
.payopt:has(input:checked){border-color:var(--brand);background:var(--brand-soft)}
.payopt input{margin-top:3px;accent-color:var(--brand-dark);width:16px;height:16px}
.payopt small{display:block;font-weight:400;color:var(--muted);margin-top:2px}
.agree{display:flex!important;gap:10px;align-items:flex-start;font-weight:400!important;margin:16px 0!important;font-size:13.5px!important}
.agree input{margin-top:3px;accent-color:var(--brand-dark)}
.checkout-summary{
  background:var(--paper);border:1px solid var(--line);border-radius:16px;
  padding:22px;align-self:start;position:sticky;top:150px;
}
.checkout-summary h2{font-size:18px;margin-bottom:12px}
.sumitem{display:flex;justify-content:space-between;gap:12px;font-size:13.5px;padding:6px 0;border-bottom:1px dashed var(--line2)}
.sumitem small{color:var(--muted)}
.form-errors{
  background:#fbeeec;border:1px solid #ecc8c2;border-radius:12px;
  padding:12px 16px;margin-bottom:16px;color:var(--red);font-size:14px;
}
.form-errors p{margin:3px 0}

/* Sipariş tamam / takip */
.done-icon{font-size:56px;margin-bottom:8px}
.order-code{
  font-family:var(--serif);font-size:34px;font-weight:700;letter-spacing:3px;
  background:var(--brand-soft);border:2px dashed var(--brand-dark);color:var(--brand-deep);
  border-radius:14px;padding:14px 30px;display:inline-block;margin:10px 0 14px;
}
.bank-box{
  background:#fdf6e3;border:1px solid #eeddb0;border-radius:14px;
  padding:18px 22px;margin:18px auto;max-width:560px;text-align:left;
}
.bank-box h2{font-size:17px;margin-bottom:8px}
.order-box{
  background:var(--paper);border:1px solid var(--line);border-radius:16px;
  padding:20px 22px;margin:16px 0;text-align:left;box-shadow:var(--shadow);
}
.order-box h2{font-size:18px;margin-bottom:10px}
.order-meta{color:var(--muted);font-size:13px;margin-top:8px}
.order-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:8px}
.order-head b{font-family:var(--serif);font-size:17px}
.status{font-size:12px;font-weight:700;padding:3px 12px;border-radius:12px;background:var(--line2);color:var(--muted)}
.status.s-yeni{background:#fdf6e3;color:#8a6d1f}
.status.s-onaylandi{background:var(--brand-soft);color:var(--brand-deep)}
.status.s-kargoda{background:#e7f0fa;color:#2b5f8f}
.status.s-teslim{background:var(--brand-soft);color:var(--brand-deep)}
.status.s-iptal{background:#fbeeec;color:var(--red)}
.track-form{display:flex;gap:10px;margin:18px 0;flex-wrap:wrap}
.track-form input{
  flex:1;min-width:170px;border:1.5px solid var(--line);border-radius:10px;
  padding:11px 14px;font-size:15px;background:#fff;color:var(--ink);outline:0;
}
.track-form input:focus{border-color:var(--brand)}
.track-status{display:flex;gap:6px;margin-bottom:16px}
.tstep{
  flex:1;text-align:center;font-size:12.5px;font-weight:700;color:var(--muted);
  border-top:4px solid var(--line);padding-top:8px;
}
.tstep span{display:block;font-size:20px;filter:grayscale(1);opacity:.5}
.tstep.on{color:var(--brand-deep);border-top-color:var(--brand)}
.tstep.on span{filter:none;opacity:1}

/* Üyelik */
.auth{max-width:440px}
.auth-form{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:24px;margin-top:14px}
.auth-form label{display:block;font-size:13.5px;font-weight:700;margin-bottom:13px}
.auth-form input{
  width:100%;margin-top:5px;border:1.5px solid var(--line);border-radius:10px;
  padding:10px 13px;font:inherit;font-size:15px;background:#fff;color:var(--ink);outline:0;
}
.auth-form input:focus{border-color:var(--brand)}
.auth-form small{color:var(--muted);font-weight:400}
.auth-alt{margin-top:14px;font-size:14px;color:var(--muted)}
.account-head{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}

/* İçerik sayfaları */
.prose h1{margin-bottom:16px}
.prose h2{margin:22px 0 8px;font-size:19px}
.prose p,.prose li{color:#3f4a37;margin-bottom:10px}
.prose ul,.prose ol{padding-left:22px}
.placeholder-note{
  background:#fdf6e3;border:1px solid #eeddb0;border-radius:10px;
  padding:10px 14px;font-size:13px;color:#8a6d1f!important;
}
.contact-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;margin:18px 0}
.contact-card{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:16px;text-align:center}
.contact-card span{font-size:26px}
.contact-card b{display:block;margin:6px 0 4px}
.contact-card p{color:var(--muted)!important;font-size:14px;margin:0!important}
.empty-note{color:var(--muted);padding:28px 0;font-size:15.5px}

/* Yönetim */
.admin-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.status-form{display:flex;gap:8px;margin-left:auto}
.status-form select{border:1.5px solid var(--line);border-radius:8px;padding:5px 9px;font-size:13px;background:#fff;color:var(--ink)}
.variant-form{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:8px 0;border-bottom:1px dashed var(--line2);font-size:13.5px}
.variant-form .vlabel{font-weight:700;min-width:110px}
.variant-form label{display:flex;gap:6px;align-items:center;color:var(--muted)}
.variant-form input{width:90px;border:1.5px solid var(--line);border-radius:8px;padding:5px 9px;font-size:13.5px;background:#fff;color:var(--ink)}

/* Footer — marka yeşili, üstteki bölüme bitişik (boşluk yok) */
.footer{background:var(--brand);color:var(--brand-ink);margin-top:0}
.foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:30px;padding:42px 18px 26px}
.foot-logo{font-size:24px;color:var(--brand-ink);margin-bottom:8px}
.foot-logo b{color:#fff}
.foot-motto{font-size:13.5px;margin-bottom:14px;color:#12420a}
.foot-contact{font-size:13.5px;line-height:2;color:#12420a}
.footer h4{color:var(--brand-ink);font-size:14px;letter-spacing:.5px;text-transform:uppercase;margin-bottom:12px}
.footer a{display:block;color:#12420a;font-size:14px;padding:4px 0;font-weight:600}
.footer a:hover{color:#fff}
.footer .linklike{color:#12420a;font-size:14px;padding:4px 0;font-weight:600}
.footer .linklike:hover{color:#fff}
.foot-bottom{
  display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;
  border-top:1px solid rgba(0,0,0,.16);padding:16px 18px;font-size:12.5px;color:#12420a;
}

/* WhatsApp */
.wa-fab{
  position:fixed;right:20px;bottom:20px;width:54px;height:54px;border-radius:50%;
  background:#25d366;display:flex;align-items:center;justify-content:center;
  font-size:26px;box-shadow:var(--shadow-lg);z-index:60;
}
.wa-fab:hover{transform:scale(1.08)}

/* Mobil */
@media (max-width:920px){
  .hero-in{flex-direction:column;text-align:center;padding:36px 18px}
  .hero h1{font-size:33px}
  .hero p{margin:0 auto 22px}
  .hero-cta{justify-content:center}
  .hero-art{max-width:300px}
  .band-in{grid-template-columns:repeat(2,1fr)}
  .pdetail{grid-template-columns:1fr}
  .checkout-grid{grid-template-columns:1fr}
  .checkout-summary{position:static}
  .story-in{flex-direction:column;gap:26px}
  .foot-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .hdr-in{flex-wrap:wrap;gap:12px}
  .search{order:3;flex-basis:100%;max-width:none}
  .hdr-link span:not(.ico){display:none}
  .cart-row{grid-template-columns:56px 1fr;grid-template-rows:auto auto}
  .cart-thumb{height:44px}
  .cart-qty{grid-column:2}
  .cart-line{grid-column:1/-1;text-align:left}
  .cart-del{position:absolute;right:14px;top:12px}
  .cart-row{position:relative}
  .form-2col{grid-template-columns:1fr}
  .foot-grid{grid-template-columns:1fr}
  .track-status{flex-wrap:wrap}
  .tstep{min-width:40%}
}