:root{
  --green:#014921;
  --green-2:#008031;
  --green-3:#12a54a;
  --green-l:#e8f4ec;
  --green-xl:#f4faf6;
  --orange:#ff4d00;
  --orange-d:#e04300;
  --orange-btn:#d13d00;
  --orange-btn-h:#c23600;
  --orange-txt:#c23600;
  --orange-l:#fff0ea;
  --amber:#ffb700;
  --amber-l:#fff8e3;
  --ink:#262626;
  --ink-2:#5c635e;
  --ink-3:#69726b;
  --line:#e8e6e1;
  --bg:#f6f5f1;
  --paper:#fff;
  --red:#e02020;
  --r:14px;
  --r-l:22px;
  --wrap:1400px;
  --ease:cubic-bezier(.2,.85,.3,1);
  --disp:'Archivo',system-ui,sans-serif;
  --sh-s:0 1px 2px rgba(1,73,33,.05),0 2px 8px rgba(1,73,33,.05);
  --sh-m:0 8px 24px rgba(1,73,33,.1);
  --sh-l:0 22px 50px rgba(1,73,33,.16);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;background:var(--bg);color:var(--ink);
  font-family:'Asap',system-ui,-apple-system,sans-serif;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button,input,select{font:inherit;color:inherit}
button{cursor:pointer;background:none;border:0}
h1,h2,h3,h4{margin:0;font-family:var(--disp);font-weight:800;letter-spacing:-.025em;line-height:1.1}
p{margin:0}
ul{margin:0;padding:0;list-style:none}
.wrap{width:min(100% - 28px,var(--wrap));margin-inline:auto}
.ic{width:1.15em;height:1.15em;fill:none;stroke:currentColor;stroke-width:1.9;
    stroke-linecap:round;stroke-linejoin:round;flex:none}
.pad{padding:34px 0}
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  height:48px;padding:0 24px;border-radius:99px;font-weight:700;font-size:15px;
  font-family:var(--disp);transition:.22s var(--ease);white-space:nowrap;
}
.btn.sm{height:40px;padding:0 18px;font-size:13.5px}
.btn.block{width:100%}
.btn-orange{background:var(--orange-btn);color:#fff}
.btn-orange:hover{background:var(--orange-btn-h);transform:translateY(-2px);box-shadow:0 10px 24px rgba(255,77,0,.35)}
.btn-ink{background:var(--green);color:#fff}
.btn-ink:hover{background:var(--green-2);transform:translateY(-2px)}
.btn-w{background:#fff;color:var(--green)}
.btn-w:hover{background:var(--amber);color:var(--ink)}
.pill{
  display:inline-flex;align-items:center;gap:7px;font-size:11.5px;font-weight:700;
  letter-spacing:.12em;text-transform:uppercase;padding:6px 14px;border-radius:99px;
  background:var(--amber);color:var(--ink);
}
.topbar{background:var(--amber);color:var(--ink);font-size:12.5px;font-weight:600;overflow:hidden}
.topbar-in{display:flex;align-items:center;gap:20px;height:36px}
.tb-marq{flex:1;overflow:hidden;min-width:0}
.tb-track{display:flex;white-space:nowrap;animation:mv 32s linear infinite}
.tb-track span{padding-right:52px;display:inline-flex;align-items:center;gap:8px}
@keyframes mv{to{transform:translateX(-50%)}}
.tb-links{display:flex;align-items:center;gap:9px;flex:none}
.tb-links a:hover{text-decoration:underline}
.tb-links span{opacity:.4}
.tb-vurgu{
  display:inline-flex;align-items:center;gap:5px;
  background:rgba(0,0,0,.13);border-radius:99px;padding:3px 11px;font-weight:700;
}
.tb-vurgu:hover{background:rgba(0,0,0,.2);text-decoration:none}
.tb-vurgu svg{width:14px;height:14px}
.hdr{position:sticky;top:0;z-index:60;background:var(--paper);box-shadow:0 1px 0 var(--line)}
.hdr.stuck{box-shadow:0 2px 18px rgba(1,73,33,.09)}
.hdr-in{display:flex;align-items:center;gap:16px;padding:12px 0}
.brand{flex:none;line-height:0}
.brand img{height:68px;width:auto;max-width:100%}
.allcats{
  display:flex;align-items:center;gap:10px;height:46px;padding:0 18px;border-radius:99px;
  background:var(--green);color:#fff;font-weight:700;font-size:14px;flex:none;
  transition:.2s var(--ease);
}
.allcats:hover{background:var(--green-2)}
.ac-bars{display:flex;flex-direction:column;gap:3.5px}
.ac-bars i{width:16px;height:2px;background:#fff;border-radius:2px;transition:.25s var(--ease)}
.allcats.on .ac-bars i:nth-child(1){transform:translateY(5.5px) rotate(45deg)}
.allcats.on .ac-bars i:nth-child(2){opacity:0}
.allcats.on .ac-bars i:nth-child(3){transform:translateY(-5.5px) rotate(-45deg)}
.search{position:relative;flex:1;min-width:0}
.search input{
  width:100%;height:46px;border:1.5px solid var(--line);border-radius:99px;
  padding:0 52px 0 20px;background:var(--bg);font-size:14.5px;outline:none;transition:.2s var(--ease);
}
.search input:focus{border-color:var(--green-2);background:#fff;box-shadow:0 0 0 3px rgba(0,128,49,.1)}
.s-btn{
  position:absolute;right:4px;top:4px;width:38px;height:38px;border-radius:50%;
  background:var(--green);color:#fff;display:grid;place-items:center;transition:.2s var(--ease);
}
.s-btn:hover{background:var(--orange)}
.s-btn .ic{width:19px;height:19px}
.s-drop{
  position:absolute;top:calc(100% + 8px);left:0;right:0;background:#fff;
  border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh-l);
  padding:6px;max-height:360px;overflow:auto;z-index:30;
}
.sd-i{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:9px 12px;border-radius:10px}
.sd-i:hover{background:var(--green-xl)}
.sd-i .a{width:38px;height:38px;border-radius:9px;background:var(--bg);display:grid;place-items:center;font-size:20px;flex:none}
.sd-i .n{font-size:14px;font-weight:600}
.sd-i .u{font-size:12px;color:var(--ink-3)}
.sd-i .p{margin-left:auto;font-weight:700;color:var(--orange-txt);white-space:nowrap;font-size:14px}
.sd-e{padding:16px;text-align:center;color:var(--ink-3);font-size:14px}
.acts{display:flex;align-items:center;gap:8px;flex:none}
.act{
  display:flex;align-items:center;gap:9px;height:46px;padding:0 16px;border-radius:99px;
  border:1.5px solid var(--line);background:#fff;font-size:13px;font-weight:600;
  position:relative;transition:.2s var(--ease);
}
.act:hover{border-color:var(--green-2);color:var(--green)}
.act .ic{width:19px;height:19px}
.act em{
  position:absolute;top:-5px;right:-3px;min-width:20px;height:20px;padding:0 5px;
  background:var(--orange);color:#fff;border-radius:99px;font-size:11px;font-weight:700;
  font-style:normal;display:grid;place-items:center;border:2px solid #fff;
  transform:scale(0);transition:transform .26s var(--ease);
}
.act em.on{transform:scale(1)}
.act.cart{background:var(--green);border-color:var(--green);color:#fff}
.act.cart:hover{background:var(--green-2);color:#fff}
.act.cart em{transform:scale(1);background:var(--amber);color:var(--ink);border-color:var(--green)}
.act.cart span{display:flex;flex-direction:column;align-items:flex-start;line-height:1.15;font-size:11.5px;opacity:.85}
.act.cart b{font-size:14px;font-weight:700;opacity:1}
.act.user span{white-space:nowrap}
.burger{display:none;width:46px;height:46px;flex-direction:column;gap:5px;align-items:center;justify-content:center}
.burger i{width:20px;height:2.5px;background:var(--green);border-radius:2px;transition:.26s var(--ease)}
.burger.on i:nth-child(1){transform:translateY(7.5px) rotate(45deg)}
.burger.on i:nth-child(2){opacity:0}
.burger.on i:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}
.trust{border-top:1px solid var(--line);background:var(--green-xl)}
.trust-in{display:flex;justify-content:space-between;gap:14px;padding:9px 0;overflow-x:auto;scrollbar-width:none}
.trust-in::-webkit-scrollbar{display:none}
.tr{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;color:var(--green);white-space:nowrap}
.tr .ic{width:18px;height:18px;color:var(--orange)}
.mega{
  position:fixed;top:var(--hdr-h,132px);left:0;right:0;z-index:59;background:#fff;box-shadow:var(--sh-l);
  border-top:1px solid var(--line);max-height:0;overflow:hidden;transition:max-height .38s var(--ease);
}
.mega.on{max-height:78vh;overflow:auto}
.mega-in{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;padding:28px 0 34px}
.mg-col h5{font-family:var(--disp);font-size:15px;font-weight:800;margin-bottom:12px;display:flex;align-items:center;gap:9px}
.mg-col h5 .ic{width:19px;height:19px;color:var(--green-2)}
.mg-col a{display:block;font-size:13.5px;color:var(--ink-2);padding:5px 0;transition:.16s var(--ease)}
.mg-col a:hover{color:var(--orange-txt);transform:translateX(3px)}
.mg-col .cnt{font-size:11.5px;color:var(--ink-3);margin-top:8px}
.layout{display:grid;grid-template-columns:230px 1fr;gap:22px;padding:20px 0 10px;align-items:start}
.side{display:grid;gap:14px;align-content:start}
.side-block{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:14px}
.side-block h4{
  font-size:11.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;
  color:var(--ink-3);margin-bottom:8px;padding:0 6px;
}
.side-nav a{
  display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;
  font-size:13.5px;font-weight:600;transition:.18s var(--ease);
}
.side-nav a:hover{background:var(--green-xl);color:var(--green)}
.side-nav .ic{width:18px;height:18px;color:var(--green-2)}
.side-nav a:hover .ic{color:var(--orange)}
.side-nav .n{margin-left:auto;font-size:11px;color:var(--ink-3);font-weight:600}
.side-nav a.hot{color:var(--orange-txt)}
.side-nav a.hot .ic{color:var(--orange)}
.side-promo{
  background:linear-gradient(150deg,var(--green),var(--green-2));color:#fff;
  border-radius:var(--r);padding:18px;
}
.sp-badge{
  display:inline-block;font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  background:var(--amber);color:var(--ink);padding:4px 10px;border-radius:99px;margin-bottom:10px;
}
.side-promo b{display:block;font-family:var(--disp);font-size:16px;line-height:1.25;margin-bottom:7px}
.side-promo p{font-size:12.5px;opacity:.82;line-height:1.5;margin-bottom:13px}
.side-promo .btn{background:#fff;color:var(--green)}
.side-promo .btn:hover{background:var(--amber);color:var(--ink)}
.main{min-width:0;display:grid;gap:26px}
.main>*{min-width:0}
.rail{min-width:0}
.hero{position:relative;border-radius:var(--r-l);overflow:hidden;box-shadow:var(--sh-m)}
.slides{position:relative;height:clamp(300px,29vw,410px)}
.sl{
  position:absolute;inset:0;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;
  opacity:0;visibility:hidden;transition:opacity .7s var(--ease);
}
.sl.on{opacity:1;visibility:visible}
.sl-bg{position:absolute;inset:0;z-index:0}
.sl-bg::before{
  content:"";position:absolute;inset:0;
  background:
    radial-gradient(78% 120% at 88% 46%, var(--c2) 0%, transparent 60%),
    radial-gradient(70% 100% at 4% 96%, var(--c3) 0%, transparent 58%),
    linear-gradient(112deg, var(--c1) 0%, var(--c1b) 100%);
}
.sl-bg::after{
  content:"";position:absolute;inset:0;opacity:.16;
  background-image:repeating-linear-gradient(52deg,#fff 0 2px,transparent 2px 15px);
  -webkit-mask-image:linear-gradient(105deg,#000 0 34%,transparent 66%);
          mask-image:linear-gradient(105deg,#000 0 34%,transparent 66%);
}
.sl[data-t="sandwich"]{--c1:#083d1d;--c1b:#0c5b2b;--c2:#c98a00;--c3:#0d7d3a}
.sl[data-t="citrus"]  {--c1:#4d3200;--c1b:#8a5c00;--c2:#c99000;--c3:#0d7d3a}
.sl[data-t="cake"]    {--c1:#5c0f28;--c1b:#982a47;--c2:#cf6f8c;--c3:#b07800}
.sl[data-t="coffee"]  {--c1:#2b1a0f;--c1b:#5b3620;--c2:#a3764a;--c3:#0d7d3a}
.sl[data-t="bakery"]  {--c1:#4a3005;--c1b:#7d5108;--c2:#e0a52a;--c3:#0d7d3a}
.sl[data-t="burger"]  {--c1:#013a1a;--c1b:#046b31;--c2:#12a54a;--c3:#b07800}
.sl[data-t="pizza"]   {--c1:#6b190e;--c1b:#8f2113;--c2:#e4552e;--c3:#0d7d3a}
.sl[data-t="hotel"]   {--c1:#0d2438;--c1b:#123453;--c2:#2f77a6;--c3:#0d7d3a}
.sl[data-t="bar"]     {--c1:#2a1745;--c1b:#3c2160;--c2:#7d4bb5;--c3:#0d7d3a}
.sl[data-t="green"]   {--c1:#013318;--c1b:#014921;--c2:#12a54a;--c3:#b07800}
.sl[data-t="orange"]  {--c1:#5c1c00;--c1b:#8a2a00;--c2:#ff4d00;--c3:#0d7d3a}
.sl-copy{position:relative;z-index:2;padding:0 clamp(20px,3.4vw,52px);color:#fff;max-width:640px}
.sl.on .sl-copy>*{animation:up .7s var(--ease) both}
.sl.on .sl-copy>*:nth-child(1){animation-delay:.05s}
.sl.on .sl-copy>*:nth-child(2){animation-delay:.13s}
.sl.on .sl-copy>*:nth-child(3){animation-delay:.21s}
.sl.on .sl-copy>*:nth-child(4){animation-delay:.29s}
.sl.on .sl-copy>*:nth-child(5){animation-delay:.37s}
@keyframes up{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
.sl-badge{
  display:inline-flex;align-items:center;gap:7px;background:var(--amber);color:var(--ink);
  font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;
  padding:6px 14px;border-radius:99px;margin-bottom:12px;
}
.sl-badge i{width:6px;height:6px;border-radius:50%;background:var(--orange);
  animation:ping 1.7s infinite}
@keyframes ping{0%{box-shadow:0 0 0 0 rgba(255,77,0,.75)}70%{box-shadow:0 0 0 7px rgba(255,77,0,0)}100%{box-shadow:0 0 0 0 rgba(255,77,0,0)}}
.sl-brand{
  font-family:var(--disp);font-size:clamp(28px,3.6vw,50px);font-weight:900;
  letter-spacing:-.04em;line-height:.98;margin-bottom:6px;
}
.sl-title{font-size:clamp(17px,1.75vw,25px);font-weight:700;font-family:var(--disp);
  white-space:pre-line;margin-bottom:10px;letter-spacing:-.02em;line-height:1.16}
.sl-text{font-size:14.5px;opacity:.86;max-width:52ch;line-height:1.55;margin-bottom:20px}
.sl-cta{
  display:inline-flex;align-items:center;gap:10px;background:var(--orange);color:#fff;
  height:50px;padding:0 28px;border-radius:99px;font-weight:700;font-size:15.5px;
  font-family:var(--disp);box-shadow:0 10px 26px rgba(255,77,0,.4);transition:.24s var(--ease);
}
.sl-cta:hover{background:#fff;color:var(--orange-txt);transform:translateY(-3px)}
.sl-cta .ic{width:19px;height:19px}
.sl-art{position:relative;z-index:1;height:100%;display:grid;place-items:center}
.sl-plate{position:relative;width:min(80%,340px);aspect-ratio:1;display:grid;place-items:center}
.sl-plate::before{
  content:"";position:absolute;inset:2%;border-radius:50%;
  background:radial-gradient(circle at 38% 32%, rgba(255,255,255,.35), rgba(255,255,255,0) 66%);
}
.sl-plate::after{
  content:"";position:absolute;inset:-4%;border-radius:50%;
  border:1.5px dashed rgba(255,255,255,.35);animation:spin 44s linear infinite;
}
@keyframes spin{to{transform:rotate(360deg)}}
.sl-em{
  font-size:clamp(96px,12.5vw,180px);line-height:1;position:relative;z-index:2;
  filter:drop-shadow(0 24px 36px rgba(0,0,0,.4));animation:fl 6.5s ease-in-out infinite;
}
@keyframes fl{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-16px) rotate(3deg)}}
.sl-chip{
  position:absolute;z-index:3;display:flex;align-items:center;gap:7px;background:#fff;
  border-radius:99px;padding:8px 15px;font-size:12.5px;font-weight:700;color:var(--green);
  box-shadow:var(--sh-m);animation:fl 7.5s ease-in-out infinite;
}
.sl-chip.a{top:6%;left:-8%;animation-delay:.5s}
.sl-chip.b{bottom:10%;right:-8%;animation-delay:1.3s;background:var(--ink);color:#fff}
.sl-chip i{width:7px;height:7px;border-radius:50%;background:var(--orange)}
.hnav{
  position:absolute;bottom:16px;z-index:5;width:40px;height:40px;
  border-radius:50%;background:rgba(255,255,255,.92);color:var(--green);display:grid;place-items:center;
  box-shadow:var(--sh-m);transition:.2s var(--ease);
}
.hnav:hover{background:var(--orange);color:#fff;transform:scale(1.08)}
.hnav .ic{width:20px;height:20px}
.hnav.p{right:64px} .hnav.n{right:16px}
.hdots{position:absolute;left:clamp(20px,3.4vw,52px);bottom:18px;z-index:5;display:flex;gap:7px}
.hdots button{width:26px;height:4px;border-radius:99px;background:rgba(255,255,255,.35);position:relative;overflow:hidden}
.hdots button.on::after{
  content:"";position:absolute;inset:0;background:var(--amber);
  transform-origin:left;animation:fill 6s linear forwards;
}
@keyframes fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.quickrow{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.qk{
  background:var(--paper);border:1px solid var(--line);border-radius:var(--r);
  padding:14px 16px;display:flex;align-items:center;gap:13px;transition:.22s var(--ease);
}
.qk:hover{border-color:var(--green-2);transform:translateY(-3px);box-shadow:var(--sh-s)}
.qk .e{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-size:23px;flex:none}
.qk:nth-child(1) .e{background:var(--orange-l)}
.qk:nth-child(2) .e{background:var(--amber-l)}
.qk:nth-child(3) .e{background:var(--green-l)}
.qk:nth-child(4) .e{background:#eef0ff}
.qk>span:last-child{min-width:0}
.qk b{display:block;font-family:var(--disp);font-size:14.5px;font-weight:700;overflow-wrap:break-word}
.qk span{display:block;font-size:12px;color:var(--ink-3);margin-top:2px}
.rail-sec{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-l);padding:18px 18px 8px}
.deal-sec{background:linear-gradient(180deg,var(--orange-l),var(--paper) 40%);border-color:#ffd9c9}
.rh{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px;flex-wrap:wrap}
.rh-l{display:flex;align-items:center;gap:11px;flex-wrap:wrap}
.rh-ic{font-size:22px;line-height:1}
.rh h2{font-size:clamp(18px,1.7vw,23px);font-weight:800}
.rh-r{display:flex;align-items:center;gap:8px}
.seeall{font-size:13px;font-weight:700;color:var(--orange-txt);margin-right:4px}
.seeall:hover{text-decoration:underline}
.rnav{
  width:34px;height:34px;border-radius:50%;border:1.5px solid var(--line);background:#fff;
  display:grid;place-items:center;color:var(--green);transition:.2s var(--ease);
}
.rnav:hover{background:var(--green);color:#fff;border-color:var(--green)}
.rnav .ic{width:17px;height:17px}
.countdown{display:flex;align-items:center;gap:3px;font-family:var(--disp);font-weight:800;font-size:13px;color:var(--orange-txt)}
.countdown b{background:var(--orange);color:#fff;border-radius:6px;padding:3px 7px;font-variant-numeric:tabular-nums}
.rail{
  display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 4*12px)/5);
  gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;
  padding:2px 2px 16px;scrollbar-width:none;
}
.rail::-webkit-scrollbar{display:none}
.pc{
  scroll-snap-align:start;background:var(--paper);border:1px solid var(--line);
  border-radius:var(--r);padding:12px;display:flex;flex-direction:column;
  position:relative;transition:.22s var(--ease);
}
.pc:hover{border-color:var(--green-2);box-shadow:var(--sh-m);transform:translateY(-4px);z-index:2}
.pc-m{
  position:relative;aspect-ratio:1;border-radius:11px;overflow:hidden;margin-bottom:10px;
  background:linear-gradient(160deg,#fff,var(--green-xl));display:grid;place-items:center;
}
.pc-m::after{content:"";position:absolute;inset:0;background:radial-gradient(52% 44% at 50% 108%,rgba(1,73,33,.13),transparent 70%)}
.pc-a{font-size:58px;line-height:1;transition:.28s var(--ease);filter:drop-shadow(0 8px 14px rgba(1,73,33,.18))}
.pc:hover .pc-a{transform:scale(1.13) rotate(-6deg)}
.tg{position:absolute;top:8px;left:8px;z-index:2;font-size:10.5px;font-weight:700;padding:4px 9px;border-radius:6px;letter-spacing:.02em}
.tg.d{background:var(--red);color:#fff}
.tg.s{background:var(--ink-3);color:#fff}
.tg.b{background:var(--green-2);color:#fff;left:auto;right:8px}
.fav{
  position:absolute;top:7px;right:7px;z-index:2;width:30px;height:30px;border-radius:50%;
  background:rgba(255,255,255,.94);display:grid;place-items:center;color:var(--ink-3);
  opacity:0;transform:scale(.85);transition:.2s var(--ease);
}
.pc:hover .fav{opacity:1;transform:none}
.fav.on{color:var(--red)}
.fav.on .ic{fill:var(--red)}
.fav .ic{width:16px;height:16px}
.pc-br{font-size:10.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--green-2);margin-bottom:4px}
.pc-n{
  font-size:13.5px;font-weight:600;line-height:1.32;color:var(--ink);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.65em;
}
.pc-u{font-size:12px;color:var(--ink-3);margin-top:3px}
.pc-p{margin-top:auto;padding-top:10px;display:flex;align-items:baseline;gap:7px;flex-wrap:wrap}
.p-o{font-size:12px;color:var(--ink-3);text-decoration:line-through}
.p-n{font-family:var(--disp);font-size:19px;font-weight:800;color:var(--red);letter-spacing:-.03em}
.pc.plain .p-n{color:var(--green)}
.p-s{font-size:12.5px;font-weight:700;color:var(--ink-3)}
.add{
  margin-top:9px;height:40px;border-radius:10px;background:var(--green);color:#fff;
  display:flex;align-items:center;justify-content:center;gap:8px;font-weight:700;font-size:13px;
  font-family:var(--disp);transition:.2s var(--ease);width:100%;
}
.add:hover{background:var(--orange)}
.add.soon{background:var(--bg);color:var(--ink-2);border:1px solid var(--line)}
.add.soon:hover{background:var(--green-l);color:var(--green)}
.add.done{background:var(--green-3)}
.add .ic{width:16px;height:16px}
.duo{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.bn{
  position:relative;overflow:hidden;border-radius:var(--r-l);padding:26px 28px;min-height:168px;
  display:flex;flex-direction:column;justify-content:center;color:#fff;transition:.3s var(--ease);
}
.bn::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,var(--b1),var(--b2))}
.bn::after{content:"";position:absolute;inset:0;background:radial-gradient(70% 100% at 100% 0%,rgba(255,255,255,.25),transparent 62%)}
.bn:hover{transform:translateY(-4px);box-shadow:var(--sh-l)}
.bn em{position:absolute;right:-6px;bottom:-14px;font-size:110px;line-height:1;font-style:normal;opacity:.3;transform:rotate(-9deg);transition:.35s var(--ease)}
.bn:hover em{transform:rotate(-3deg) scale(1.09);opacity:.42}
.bn .k{position:relative;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;opacity:.9;margin-bottom:8px}
.bn h3{position:relative;font-size:clamp(20px,2.1vw,28px);font-weight:800;margin-bottom:7px}
.bn p{position:relative;font-size:13.5px;opacity:.9;max-width:42ch}
.bn .go{position:relative;margin-top:14px;align-self:flex-start;background:#fff;color:var(--ink);
  font-size:13px;font-weight:700;padding:9px 18px;border-radius:99px;font-family:var(--disp)}
.wide{
  position:relative;overflow:hidden;border-radius:var(--r-l);
  background:linear-gradient(115deg,var(--green),var(--green-2) 65%,var(--green-3));
  color:#fff;padding:32px clamp(24px,3.4vw,44px);display:grid;
  grid-template-columns:1fr auto;gap:24px;align-items:center;
}
.wide::after{content:"";position:absolute;inset:0;background:radial-gradient(50% 120% at 82% 50%,rgba(255,183,0,.28),transparent 62%)}
.wide-l{position:relative;z-index:2}
.wide h3{font-size:clamp(22px,2.5vw,32px);margin:10px 0 8px}
.wide p{font-size:14.5px;opacity:.86;max-width:74ch;line-height:1.55}
.wide-r{position:relative;z-index:2;display:flex;gap:10px;align-items:center}
.wide-em{font-size:56px;line-height:1;filter:drop-shadow(0 12px 20px rgba(0,0,0,.35));animation:fl 6s ease-in-out infinite}
.wide-em:nth-child(2){animation-delay:.7s} .wide-em:nth-child(3){animation-delay:1.4s}
.biz-sec{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-l);padding:18px}
.bizgrid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.bz{
  position:relative;overflow:hidden;border-radius:var(--r);padding:16px 14px;min-height:132px;
  display:flex;flex-direction:column;justify-content:flex-end;color:#fff;transition:.28s var(--ease);
}
.bz::before{content:"";position:absolute;inset:0;background:linear-gradient(150deg,var(--c1),var(--c2))}
.bz[data-t="coffee"]{--c1:#3d2717;--c2:#7c5334}
.bz[data-t="burger"]{--c1:#014921;--c2:#12a54a}
.bz[data-t="pizza"] {--c1:#8f2113;--c2:#e4552e}
.bz[data-t="hotel"] {--c1:#123453;--c2:#2f77a6}
.bz[data-t="bakery"]{--c1:#7d5108;--c2:#e0a52a}
.bz[data-t="bar"]   {--c1:#3c2160;--c2:#7d4bb5}
.bz[data-t="green"] {--c1:#014921;--c2:#12a54a}
.bz[data-t="orange"]{--c1:#8a2a00;--c2:#ff4d00}
.bz[data-t="cake"]  {--c1:#7a1f3d;--c2:#c9536f}
.bz[data-t="citrus"]{--c1:#8a5a00;--c2:#f2b705}
.bz[data-t="sandwich"]{--c1:#5c3b12;--c2:#b07b33}
.bz:not([data-t]),
.bz[data-t=""]      {--c1:#1c3a2a;--c2:#3f7d5c}
.bz:hover{transform:translateY(-4px);box-shadow:var(--sh-m)}
.bz em{position:absolute;right:-6px;top:-6px;font-size:62px;line-height:1;font-style:normal;opacity:.32;transform:rotate(10deg);transition:.35s var(--ease)}
.bz:hover em{transform:rotate(2deg) scale(1.12);opacity:.45}
.bz b{position:relative;font-family:var(--disp);font-size:15px;font-weight:800;line-height:1.2}
.bz span{position:relative;font-size:11.5px;opacity:.85;margin-top:4px;line-height:1.35}
.brand-sec{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-l);padding:18px}
.brands{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
.brands a{
  height:68px;border:1px solid var(--line);border-radius:var(--r);display:grid;place-items:center;
  font-family:var(--disp);font-weight:700;font-size:14.5px;color:var(--ink-2);
  background:var(--bg);transition:.22s var(--ease);text-align:center;padding:0 8px;
}
.brands a:hover{background:#fff;color:var(--green);border-color:var(--green-2);transform:translateY(-3px);box-shadow:var(--sh-s)}
.why{background:var(--green);color:#fff;padding:44px 0;margin-top:26px}
.why-in{display:grid;grid-template-columns:340px 1fr;gap:36px;align-items:center}
.why-l img{height:56px;width:auto;margin-bottom:16px}
.why-l h2{font-size:30px;margin-bottom:12px}
.why-l p{font-size:14.5px;opacity:.8;line-height:1.7;max-width:52ch}
.why-stats{display:flex;gap:24px;margin-top:20px;flex-wrap:wrap}
.ws b{display:block;font-family:var(--disp);font-size:26px;font-weight:800;color:var(--amber);letter-spacing:-.03em}
.ws span{font-size:12px;opacity:.75}
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.wy{
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:var(--r);
  padding:18px;display:flex;gap:13px;align-items:flex-start;transition:.24s var(--ease);
}
.wy:hover{background:rgba(255,255,255,.15);transform:translateY(-3px)}
.wy .ic{width:24px;height:24px;color:var(--amber);flex:none;margin-top:2px}
.wy b{display:block;font-family:var(--disp);font-size:14.5px;font-weight:700}
.wy span{display:block;font-size:12.5px;opacity:.75;margin-top:2px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.revs,.notes{display:grid;gap:12px}
.rv{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:20px}
.rv .st{color:var(--amber);letter-spacing:2px;font-size:14px;margin-bottom:10px}
.rv p{font-size:14.5px;line-height:1.65;color:var(--ink-2)}
.rv footer{display:flex;align-items:center;gap:11px;margin-top:14px}
.rv .av{width:40px;height:40px;border-radius:50%;flex:none;display:grid;place-items:center;
  background:var(--green);color:#fff;font-family:var(--disp);font-size:17px;font-weight:800}
.rv .nm{font-size:14px;font-weight:700}
.rv .rl{font-size:12px;color:var(--ink-3)}
.nt{display:flex;gap:14px;background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:14px;transition:.22s var(--ease)}
.nt:hover{transform:translateX(4px);border-color:var(--green-2)}
.nt .e{width:70px;height:70px;border-radius:12px;flex:none;display:grid;place-items:center;font-size:32px;background:var(--green-xl)}
.nt .tg2{font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--orange-txt)}
.nt h4{font-size:15px;margin:5px 0}
.nt p{font-size:13px;color:var(--ink-3);line-height:1.5}
.nt time{font-size:11.5px;color:var(--ink-3);display:block;margin-top:6px}
.ctasec{padding:34px 0}
.cta-in{
  background:var(--paper);border:1px solid var(--line);border-radius:var(--r-l);
  padding:clamp(24px,3vw,40px);display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:center;
}
.cta-l h2{font-size:clamp(24px,2.8vw,36px);margin:12px 0 12px}
.cta-l h2 em{font-style:normal;color:var(--orange)}
.cta-l p{font-size:15px;color:var(--ink-2);line-height:1.65;max-width:60ch;margin-bottom:18px}
.ticks{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ticks li{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--ink-2)}
.ticks li::before{
  content:"✓";flex:none;width:21px;height:21px;border-radius:50%;background:var(--green-l);
  color:var(--green);display:grid;place-items:center;font-size:11px;font-weight:800;
}
.cta-f{background:var(--bg);border-radius:var(--r-l);padding:24px}
.cta-f h3{font-size:20px;margin-bottom:14px}
.ff{margin-bottom:10px}
.ff.two-c{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ff input,.ff select{
  width:100%;height:48px;border:1.5px solid var(--line);border-radius:12px;background:#fff;
  padding:0 16px;font-size:14.5px;outline:none;transition:.2s var(--ease);
}
.ff input:focus,.ff select:focus{border-color:var(--green-2)}
.ff select{appearance:none;
  background-image:linear-gradient(45deg,transparent 50%,var(--ink-3) 50%),linear-gradient(135deg,var(--ink-3) 50%,transparent 50%);
  background-position:calc(100% - 20px) 21px,calc(100% - 14px) 21px;background-size:6px 6px;background-repeat:no-repeat}
.ok{margin-top:11px;font-size:13.5px;font-weight:700;color:var(--green-2)}
.news{background:var(--amber);padding:26px 0}
.news-in{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.news h3{font-size:23px}
.news p{font-size:14px;color:rgba(38,38,38,.72);margin-top:5px}
.news form{display:flex;gap:10px;flex:1;max-width:480px;min-width:280px}
.news input{flex:1;height:48px;border:0;border-radius:99px;padding:0 20px;font-size:14.5px;outline:none}
.ft{background:var(--green);color:#fff;padding:44px 0 20px}
.ft-top{display:grid;grid-template-columns:1.3fr 2fr;gap:40px;padding-bottom:34px}
.ft-brand img{height:56px;width:auto}
.ft-brand p{font-size:14px;line-height:1.7;opacity:.7;margin-top:16px;max-width:50ch}
.ft-soc{display:flex;gap:9px;margin-top:18px}
.ft-soc a{width:38px;height:38px;border-radius:11px;background:rgba(255,255,255,.1);display:grid;place-items:center;transition:.2s var(--ease)}
.ft-soc a:hover{background:var(--amber);color:var(--ink);transform:translateY(-3px)}
.ft-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.fc h4{font-size:12px;letter-spacing:.14em;text-transform:uppercase;opacity:.55;margin-bottom:14px;font-family:'Asap',system-ui,sans-serif;font-weight:700}
.fc a{display:block;font-size:14px;opacity:.78;padding:6px 0;transition:.18s var(--ease)}
.fc a:hover{opacity:1;color:var(--amber);transform:translateX(4px)}
.ft-info{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding:26px 0;border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12)}
.fi{display:flex;gap:12px}
.fi .ic{width:19px;height:19px;color:var(--amber);margin-top:3px}
.fi b{display:block;font-size:11px;letter-spacing:.13em;text-transform:uppercase;opacity:.55;margin-bottom:4px;font-weight:700}
.fi span{font-size:14px;opacity:.82;line-height:1.55}
.ft-bot{display:flex;justify-content:space-between;align-items:center;gap:14px;padding-top:20px;font-size:12.5px;opacity:.6;flex-wrap:wrap}
.pays{display:flex;gap:7px;flex-wrap:wrap}
.pays span{border:1px solid rgba(255,255,255,.22);border-radius:5px;padding:3px 9px;font-size:11px;font-weight:600}
.mega-acik .mega{z-index:92}
.mega-acik .hdr{z-index:93}
.scrim{position:fixed;inset:0;background:rgba(1,73,33,.45);backdrop-filter:blur(3px);opacity:0;visibility:hidden;transition:.3s var(--ease);z-index:90}
.scrim.on{opacity:1;visibility:visible}
.cartpane{
  position:fixed;top:0;right:0;bottom:0;width:min(420px,100%);background:var(--paper);z-index:95;
  transform:translateX(100%);transition:transform .36s var(--ease);display:flex;flex-direction:column;
}
.cartpane.on{transform:none}
.cp-h{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--line)}
.cp-h h3{font-size:20px;color:var(--green)}
.cp-h button{width:34px;height:34px;border-radius:9px;font-size:17px;color:var(--ink-3)}
.cp-h button:hover{background:var(--bg)}
.cp-ship{padding:12px 20px;background:var(--green-xl);font-size:13px;font-weight:600;color:var(--green);border-bottom:1px solid var(--line)}
.cp-ship .bar{height:6px;border-radius:99px;background:var(--line);margin-top:8px;overflow:hidden}
.cp-ship .bar i{display:block;height:100%;background:var(--green-3);border-radius:99px;transition:width .4s var(--ease)}
.cp-b{flex:1;overflow:auto;padding:8px 20px}
.cp-e{text-align:center;padding:60px 20px;color:var(--ink-3)}
.cp-e div{font-size:50px;margin-bottom:12px}
.ci{display:flex;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}
.ci .a{width:54px;height:54px;border-radius:11px;background:var(--bg);display:grid;place-items:center;font-size:25px;flex:none}
.ci .n{font-size:13px;font-weight:600;line-height:1.35}
.ci .u{font-size:11.5px;color:var(--ink-3);margin-top:2px}
.ci .r{display:flex;align-items:center;justify-content:space-between;margin-top:7px;gap:9px}
.qt{display:flex;align-items:center;gap:3px;border:1.5px solid var(--line);border-radius:9px;padding:2px}
.qt button{width:25px;height:25px;border-radius:7px;font-weight:800;color:var(--green)}
.qt button:hover{background:var(--green-l)}
.qt span{min-width:22px;text-align:center;font-size:13px;font-weight:700}
.ci .p{font-size:14px;font-weight:800;color:var(--green);font-family:var(--disp)}
.cp-f{padding:16px 20px;border-top:1px solid var(--line)}
.cp-row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px}
.cp-row span{font-size:14px;color:var(--ink-3)}
.cp-row b{font-family:var(--disp);font-size:23px;font-weight:800;color:var(--green)}
.toast{
  position:fixed;bottom:24px;left:50%;transform:translate(-50%,150%);z-index:120;
  background:var(--green);color:#fff;font-size:14px;font-weight:600;padding:13px 24px;
  border-radius:99px;transition:transform .38s var(--ease);box-shadow:var(--sh-l);
}
.toast.on{transform:translate(-50%,0)}
.demo-back{
  position:fixed;right:16px;bottom:14px;z-index:80;background:var(--ink);color:#fff;
  font-size:12px;font-weight:600;padding:8px 14px;border-radius:99px;opacity:.6;transition:.2s var(--ease);
}
.demo-back:hover{opacity:1}
[data-rv]{opacity:0;transform:translateY(22px)}
[data-rv].in{opacity:1;transform:none;transition:opacity .55s var(--ease),transform .55s var(--ease)}
@media (max-width:1280px){
  .rail{grid-auto-columns:calc((100% - 3*12px)/4)}
  .bizgrid{grid-template-columns:repeat(3,1fr)}
  .brands{grid-template-columns:repeat(4,1fr)}
  .mega-in{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:1080px){
  .layout{grid-template-columns:1fr}
  .side{display:none}
  .why-in{grid-template-columns:1fr}
  .why-grid{grid-template-columns:repeat(2,1fr)}
  .quickrow{grid-template-columns:repeat(2,1fr)}
  .act.user span{display:none}
  .act.user{padding:0 14px}
}
@media (max-width:880px){
  .hdr-in{flex-wrap:wrap}
  .brand img{height:58px}
  .search{order:5;flex-basis:100%}
  .allcats span:not(.ac-bars){display:none}
  .allcats{width:46px;height:46px;padding:0;justify-content:center;flex:none}
  .rail{grid-auto-columns:calc((100% - 2*12px)/3)}
  .duo,.two,.cta-in{grid-template-columns:1fr}
  .hnav{display:none}
  .wide{grid-template-columns:1fr}
  .ft-top{grid-template-columns:1fr}
  .ft-info{grid-template-columns:1fr;gap:18px}
  .slides{height:auto;min-height:560px}
  .sl{
    grid-template-columns:1fr;grid-template-rows:auto auto;
    align-content:start;justify-items:center;gap:10px;padding:26px 0 46px;
  }
  .sl-copy{max-width:none;justify-self:stretch}
  .sl-art{position:static;opacity:1;height:auto;width:100%}
  .sl-plate{width:min(46%,180px)}
  .sl-plate::after{display:none}
  .sl-chip{display:none}
  .sl-brand{font-size:clamp(26px,7vw,40px)}
  .sl-title{font-size:clamp(16px,4.2vw,21px)}
  .hdots{bottom:14px}
}
@media (max-width:640px){
  .burger{display:flex}
  .brand img{height:48px}
  .allcats{display:none}
  .act:not(.cart){display:none}
  .rail{grid-auto-columns:calc((100% - 12px)/2)}
  .bizgrid,.brands{grid-template-columns:repeat(2,1fr)}
  .why-grid,.ticks,.ft-cols{grid-template-columns:1fr}
  .mega-in{grid-template-columns:1fr}
  .tb-links{display:none}
  .quickrow{grid-template-columns:1fr}
  .qk{min-width:0}
  .qk>span:last-child{min-width:0}
  .rh{gap:10px}
  .rh h2{font-size:19px}
  .countdown{font-size:12px}
  .news-in{flex-direction:column;align-items:stretch}
  .news form{max-width:none;min-width:0}
}
@media (prefers-reduced-motion:reduce){
  *{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}
}
.credit{
  display:inline-block;margin-left:8px;padding-left:10px;font-weight:700;
  border-left:1px solid rgba(255,255,255,.24);color:var(--amber);
}
.pc-m{background:#fff}
.pc-m::after{background:none}
.pc-link{position:absolute;inset:0;display:grid;place-items:center;min-width:0;min-height:0}
.pc-a{
  width:100%;height:100%;object-fit:contain;padding:8%;
  transition:transform .3s var(--ease);
}
.pc-a.is-emoji{display:grid;place-items:center;font-size:58px;padding:0;line-height:1}
.pc:hover .pc-a{transform:scale(1.08) rotate(-3deg)}
.sl-em{
  width:min(70%,272px);aspect-ratio:1;object-fit:contain;
  position:relative;z-index:2;border-radius:24px;
  background:#fff;padding:16px;
  box-shadow:0 24px 46px rgba(0,0,0,.42), 0 0 0 1px rgba(255,255,255,.18);
  animation:fl 6.5s ease-in-out infinite;
}
.sl-em.is-emoji{
  display:grid;place-items:center;width:auto;border-radius:0;
  font-size:clamp(96px,12.5vw,180px);
}
.sd-art-img,.ci-art-img{width:100%;height:100%;object-fit:contain;padding:8%;border-radius:8px;background:#fff}
.sd-art-img.is-emoji,.ci-art-img.is-emoji{background:none;padding:0;display:grid;place-items:center}
.sd-art-img.is-emoji{font-size:20px}
.ci-art-img.is-emoji{font-size:25px}
@media (max-width:433px){
  .brand img{height:40px}
  .hdr-in{gap:8px}
}
@media (max-height:540px) and (orientation:landscape){
  .topbar{display:none}
  .hdr{position:static}
  .hdr-in{padding:8px 0}
  .brand img{height:46px}
  .trust{display:none}
  .layout{padding-top:12px}
  .slides{height:auto;min-height:290px}
  .sl{grid-template-columns:1.12fr .88fr;padding:14px 0;align-content:center;justify-items:stretch}
  .sl-art{position:static;opacity:1}
  .sl-plate{width:min(78%,140px)}
  .sl-brand{font-size:26px}
  .sl-title{font-size:16px;margin-bottom:6px}
  .sl-text{display:none}
  .sl-cta{height:42px;padding:0 20px;font-size:14px}
  .hdots{bottom:10px}
}
.rh-ic{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:10px;
  background:var(--green-l);color:var(--green);flex:none}
.rh-ic svg{width:19px;height:19px}
.deal-sec .rh-ic{background:var(--orange-l);color:var(--orange)}
.qk .e{color:var(--green)}
.qk .e svg{width:21px;height:21px}
.qk:nth-child(1) .e{color:var(--orange)}
.qk:nth-child(2) .e{color:#2f77a6}
.qk:nth-child(4) .e{color:var(--green-2)}
.bz-ph{position:absolute;right:-14px;bottom:-14px;width:96px;height:96px;object-fit:contain;
  opacity:.22;transform:rotate(-6deg);transition:.35s var(--ease);pointer-events:none;
  filter:drop-shadow(0 6px 12px rgba(0,0,0,.35))}
.bz:hover .bz-ph{opacity:.34;transform:rotate(-2deg) scale(1.07)}
.bz-ic{position:relative;display:inline-grid;place-items:center;width:32px;height:32px;
  border-radius:9px;background:rgba(255,255,255,.18);margin-bottom:auto}
.bz-ic svg{width:18px;height:18px}
.bz-s{position:relative;font-size:11.5px;opacity:.85;margin-top:4px;line-height:1.35}
.bn-ph{position:absolute;right:14px;bottom:-10px;width:124px;height:124px;object-fit:contain;
  opacity:.9;transition:.35s var(--ease);filter:drop-shadow(0 12px 22px rgba(0,0,0,.4))}
.bn:hover .bn-ph{transform:translateY(-6px) scale(1.05)}
.wide-r img{width:78px;height:78px;object-fit:contain;
  filter:drop-shadow(0 12px 20px rgba(0,0,0,.35));animation:fl 6s ease-in-out infinite}
.wide-r img:nth-child(2){animation-delay:.7s}
.wide-r img:nth-child(3){animation-delay:1.4s}
.nt-ph{width:70px;height:70px;border-radius:12px;flex:none;object-fit:contain;
  background:var(--green-xl);padding:8px}
.cp-e svg{width:52px;height:52px;color:var(--ink-3);margin:0 auto 14px;stroke-width:1.4}
.cp-e small{display:block;margin-top:6px;font-size:13px;opacity:.8}
@media (max-width:640px){
  .bn-ph{width:92px;right:8px}
  .wide-r img{width:58px;height:58px}
}
.crumb{background:var(--paper);border-bottom:1px solid var(--line);font-size:13px}
.crumb .wrap{display:flex;align-items:center;gap:7px;padding:10px 0;flex-wrap:wrap}
.crumb a{color:var(--ink-3)}
.crumb a:hover{color:var(--green);text-decoration:underline}
.crumb span[aria-current]{color:var(--ink);font-weight:600}
.crumb .sep{display:inline-flex;color:var(--ink-3);opacity:.5}
.crumb .sep svg{width:13px;height:13px}
.liste-basi{padding:18px 0 6px}
.liste-basi h1{font-size:clamp(24px,3vw,34px);letter-spacing:-.03em}
.liste-aciklama{margin-top:10px;max-width:90ch;color:var(--ink-2);font-size:14.5px;line-height:1.65}
.liste-aciklama.katli{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.katla-btn{margin-top:6px;font-size:13px;font-weight:700;color:var(--orange-txt)}
.katla-btn:hover{text-decoration:underline}
.filtre-bas{display:none;align-items:center;justify-content:space-between;
  padding:14px 16px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--paper);z-index:2}
.filtre-bas h3{font-size:18px}
.filtre-kapat{width:34px;height:34px;border-radius:10px;font-size:17px;color:var(--ink-3)}
.filtre-kapat:hover{background:var(--bg)}
.secili-bas{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}
.secili-bas h4{margin:0}
.temizle{font-size:12px;font-weight:700;color:var(--orange-txt)}
.temizle:hover{text-decoration:underline}
.cipler{display:flex;flex-wrap:wrap;gap:6px}
.cip{display:inline-flex;align-items:center;gap:7px;background:var(--green-l);color:var(--green);
  border-radius:99px;padding:5px 11px;font-size:12px;font-weight:600;transition:.18s var(--ease)}
.cip span{opacity:.55;font-size:11px}
.cip:hover{background:var(--orange);color:#fff}
.cip:hover span{opacity:1}
.filtre-ara{width:100%;height:36px;border:1.5px solid var(--line);border-radius:10px;
  padding:0 12px;font-size:13px;outline:none;margin-bottom:8px;background:var(--bg)}
.filtre-ara:focus{border-color:var(--green-2);background:#fff}
.secenekler{display:grid;gap:1px}
.secenekler.kaydir{max-height:250px;overflow-y:auto;padding-right:4px}
.secenekler.kaydir::-webkit-scrollbar{width:5px}
.secenekler.kaydir::-webkit-scrollbar-thumb{background:var(--line);border-radius:9px}
.secenek{display:flex;align-items:center;gap:9px;padding:7px 8px;border-radius:9px;
  font-size:13px;color:var(--ink-2);transition:.16s var(--ease)}
.secenek:hover{background:var(--green-xl);color:var(--green)}
.secenek .kutu{width:16px;height:16px;border:1.5px solid var(--line);border-radius:5px;
  flex:none;position:relative;background:#fff;transition:.16s var(--ease)}
.secenek.on .kutu{background:var(--green);border-color:var(--green)}
.secenek.on .kutu::after{content:"";position:absolute;left:4.5px;top:1px;width:4px;height:9px;
  border:solid #fff;border-width:0 2px 2px 0;transform:rotate(42deg)}
.secenek .ad{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.secenek.on{color:var(--green);font-weight:600}
.secenek .n{font-size:11px;color:var(--ink-3);flex:none}
.fiyat-alan{display:flex;align-items:center;gap:6px}
.fiyat-alan input{width:100%;min-width:0;height:38px;border:1.5px solid var(--line);border-radius:10px;
  padding:0 10px;font-size:13px;outline:none;background:#fff}
.fiyat-alan input:focus{border-color:var(--green-2)}
.fiyat-alan span{color:var(--ink-3)}
.fiyat-alan button{width:38px;height:38px;flex:none;border-radius:10px;background:var(--green);
  color:#fff;display:grid;place-items:center;transition:.18s var(--ease)}
.fiyat-alan button:hover{background:var(--orange)}
.fiyat-alan button svg{width:16px;height:16px}
.fiyat-ipucu{font-size:11.5px;color:var(--ink-3);margin-top:8px}
.side-block h4 small{font-weight:500;text-transform:none;letter-spacing:0;opacity:.8}
.arac-cubugu{display:flex;align-items:center;justify-content:space-between;gap:14px;
  background:var(--paper);border:1px solid var(--line);border-radius:var(--r);
  padding:10px 14px;margin-bottom:16px;flex-wrap:wrap}
.sonuc-sayisi{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--ink-2)}
.sonuc-sayisi strong{color:var(--ink);font-family:var(--disp);font-size:16px}
.filtre-ac{display:none;align-items:center;gap:8px;height:38px;padding:0 14px;border-radius:99px;
  border:1.5px solid var(--line);font-size:13.5px;font-weight:700;background:#fff}
.filtre-ac svg{width:17px;height:17px}
.filtre-ac em{background:var(--orange);color:#fff;font-style:normal;font-size:11px;
  min-width:19px;height:19px;border-radius:99px;display:grid;place-items:center}
.arac-sag{display:flex;align-items:center;gap:12px}
.sirala{display:flex;align-items:center;gap:8px}
.sirala label{font-size:13px;color:var(--ink-3);white-space:nowrap}
.sirala select{height:38px;border:1.5px solid var(--line);border-radius:10px;background:#fff;
  padding:0 32px 0 12px;font-size:13.5px;outline:none;appearance:none;cursor:pointer;
  background-image:linear-gradient(45deg,transparent 50%,var(--ink-3) 50%),
                   linear-gradient(135deg,var(--ink-3) 50%,transparent 50%);
  background-position:calc(100% - 17px) 17px,calc(100% - 12px) 17px;
  background-size:5px 5px;background-repeat:no-repeat}
.sirala select:focus{border-color:var(--green-2)}
.gorunum{display:flex;gap:3px;border:1.5px solid var(--line);border-radius:10px;padding:3px;background:#fff}
.gr{width:32px;height:30px;border-radius:7px;display:grid;place-items:center;color:var(--ink-3)}
.gr svg{width:16px;height:16px}
.gr.on{background:var(--green);color:#fff}
.urun-izgara{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;align-items:start}
.urun-izgara .pc{scroll-snap-align:none}
.urun-izgara.liste{grid-template-columns:1fr;gap:10px}
.urun-izgara.liste .pc{display:grid;grid-template-columns:120px 1fr auto;
  grid-template-areas:"gorsel bilgi islem";gap:16px;align-items:center;padding:12px 16px}
.urun-izgara.liste .pc-m{grid-area:gorsel;margin-bottom:0;aspect-ratio:1}
.urun-izgara.liste .pc-br,
.urun-izgara.liste .pc-n,
.urun-izgara.liste .pc-u{grid-column:2}
.urun-izgara.liste .pc-br{grid-area:bilgi;align-self:end}
.urun-izgara.liste .pc-n{grid-area:bilgi;align-self:center;min-height:0}
.urun-izgara.liste .pc-u{grid-area:bilgi;align-self:start;margin-top:0}
.urun-izgara.liste .pc-p{grid-area:islem;margin-top:0;padding-top:0;justify-content:flex-end}
.urun-izgara.liste .add{grid-area:islem;margin-top:0;width:auto;padding:0 20px;align-self:end}
.pager{display:flex;align-items:center;justify-content:center;gap:6px;
  flex-wrap:wrap;margin:26px 0 8px}
.pg{min-width:38px;height:38px;padding:0 12px;border-radius:10px;border:1.5px solid var(--line);
  background:#fff;display:inline-flex;align-items:center;justify-content:center;gap:6px;
  font-size:14px;font-weight:600;transition:.18s var(--ease)}
.pg:hover{border-color:var(--green-2);color:var(--green)}
.pg.pg-on{background:var(--green);border-color:var(--green);color:#fff}
.pg-ok svg{width:15px;height:15px}
.pg-bos{color:var(--ink-3);padding:0 2px}
.bos{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-l);
  padding:56px 24px;text-align:center}
.bos svg{width:52px;height:52px;color:var(--ink-3);margin:0 auto 16px;stroke-width:1.4}
.bos h3{font-size:20px;margin-bottom:8px}
.bos p{font-size:14.5px;color:var(--ink-3);margin-bottom:20px;max-width:46ch;margin-inline:auto}
@media (max-width:1280px){
  .urun-izgara{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:1080px){
  .filtre-ac{display:inline-flex}
  .side.filtre{display:block;position:fixed;inset:0 0 0 auto;width:min(340px,100%);
    background:var(--paper);z-index:96;transform:translateX(100%);
    transition:transform .34s var(--ease);overflow-y:auto;padding:0 14px 20px;
    box-shadow:var(--sh-l)}
  .side.filtre.on{transform:none}
  .filtre-bas{display:flex;margin:0 -14px 12px}
  .side.filtre .side-block{border:0;border-bottom:1px solid var(--line);border-radius:0;padding:14px 0}
  .side.filtre .side-promo{margin-top:12px}
}
@media (max-width:880px){
  .urun-izgara{grid-template-columns:repeat(2,1fr)}
  .arac-cubugu{gap:10px}
  .sirala label{display:none}
  .gorunum{display:none}
  .urun-izgara.liste .pc{grid-template-columns:88px 1fr}
  .urun-izgara.liste .pc-p,
  .urun-izgara.liste .add{grid-area:auto;grid-column:2}
}
@media (max-width:560px){
  .urun-izgara{grid-template-columns:repeat(2,1fr);gap:10px}
  .liste-basi h1{font-size:22px}
  .pager{gap:4px}
  .pg{min-width:34px;height:34px;padding:0 9px;font-size:13px}
}
.urun-sayfa{padding:20px 0 8px}
.urun-ust{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:start}
.ug-sutun{display:flex;flex-direction:column;gap:16px;min-width:0}
.ug-sutun .iskonto-tablo{margin-top:0;max-width:440px;margin-inline:auto;width:100%}
.ug-ana{position:relative;background:var(--paper);border:1px solid var(--line);
  border-radius:var(--r-l);aspect-ratio:1;display:grid;place-items:center;overflow:hidden;padding:6%;
  max-width:340px;margin-inline:auto}
.ug-ana img{width:100%;height:100%;object-fit:contain}
.ug-emoji{font-size:120px;line-height:1}
.ug-serit{display:flex;gap:8px;margin-top:10px;overflow-x:auto;padding-bottom:4px;max-width:440px;margin-inline:auto}
.ug-kucuk{width:74px;height:74px;flex:none;border:1.5px solid var(--line);border-radius:12px;
  background:var(--paper);padding:6px;transition:.18s var(--ease)}
.ug-kucuk img{width:100%;height:100%;object-fit:contain}
.ug-kucuk.on,.ug-kucuk:hover{border-color:var(--green-2)}
.ub-marka{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.1em;
  text-transform:uppercase;color:var(--green-2);margin-bottom:8px}
.ub-marka:hover{color:var(--orange-txt)}
.ub h1{font-size:clamp(22px,2.6vw,30px);line-height:1.2;letter-spacing:-.025em}
.ub-birim{font-size:14px;color:var(--ink-3);margin-top:7px}
.ub-fiyat{margin:20px 0;padding:18px;background:var(--paper);border:1px solid var(--line);border-radius:var(--r)}
.ub-liste{font-size:14px;color:var(--ink-3);text-decoration:line-through}
.ub-satis{font-family:var(--disp);font-size:34px;font-weight:800;letter-spacing:-.03em;color:var(--red);line-height:1.1}
.ub-satis small{font-family:'Asap',sans-serif;font-size:14px;font-weight:600;color:var(--ink-3);margin-left:7px;letter-spacing:0}
.pc.plain .p-n,.ub-fiyat.plain .ub-satis{color:var(--green)}
.ub-dahil{font-size:13.5px;color:var(--ink-2);margin-top:5px}
.ub-dahil span{color:var(--ink-3)}
.ub-havale{display:flex;align-items:center;gap:8px;margin-top:12px;padding-top:12px;
  border-top:1px dashed var(--line);font-size:13.5px;color:var(--ink-2)}
.ub-havale svg{width:18px;height:18px;color:var(--green-2)}
.ub-havale b{color:var(--green);font-size:15px}
.ub-havale span{background:var(--green-l);color:var(--green);font-size:11.5px;font-weight:700;
  padding:3px 8px;border-radius:99px}
.iskonto-tablo{border:1px solid var(--line);border-radius:var(--r);overflow:hidden;margin-bottom:18px}
.it-bas{display:flex;align-items:center;gap:8px;background:var(--amber-l);padding:10px 14px;
  font-size:13.5px;font-weight:700;color:var(--ink)}
.it-bas svg{width:17px;height:17px;color:var(--orange)}
.iskonto-tablo table{width:100%;border-collapse:collapse;font-size:13.5px}
.iskonto-tablo th{text-align:left;font-weight:600;color:var(--ink-3);font-size:12px;
  padding:8px 14px;background:var(--paper);border-bottom:1px solid var(--line)}
.iskonto-tablo td{padding:9px 14px;border-bottom:1px solid var(--line)}
.iskonto-tablo tr:last-child td{border-bottom:0}
.it-oran{color:var(--green);font-weight:700}
.it-not{font-size:11.5px;color:var(--ink-3);padding:8px 14px;background:var(--paper)}
.ub-stok{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.rozet{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;
  padding:6px 12px;border-radius:99px;background:var(--paper);border:1px solid var(--line)}
.rozet svg{width:15px;height:15px}
.rozet.var{background:var(--green-l);color:var(--green);border-color:transparent}
.rozet.az{background:var(--amber-l);color:#8a5c00;border-color:transparent}
.rozet.yok,.rozet.bekle{background:var(--bg);color:var(--ink-3)}
.rozet.tett{color:var(--ink-2)}
.ub-sepet{display:flex;gap:10px;align-items:stretch}
.adet-kutu{display:flex;align-items:center;border:1.5px solid var(--line);border-radius:12px;
  background:#fff;overflow:hidden;flex:none}
.adet-kutu button{width:42px;height:52px;font-size:19px;font-weight:700;color:var(--green)}
.adet-kutu button:hover{background:var(--green-l)}
.adet-kutu input{width:56px;height:52px;border:0;border-left:1.5px solid var(--line);
  border-right:1.5px solid var(--line);text-align:center;font-size:15px;font-weight:700;outline:none;
  -moz-appearance:textfield}
.adet-kutu input::-webkit-outer-spin-button,
.adet-kutu input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.ub-ekle{flex:1;height:52px;font-size:15.5px}
.ub-not{font-size:12.5px;color:var(--ink-3);margin-top:8px}
.ub-eylem{display:flex;gap:18px;flex-wrap:wrap;margin:16px 0 20px;font-size:13.5px}
.ub-eylem button,.ub-eylem a{display:inline-flex;align-items:center;gap:7px;color:var(--ink-2);font-weight:600}
.ub-eylem svg{width:17px;height:17px}
.ub-eylem button:hover,.ub-eylem a:hover{color:var(--green)}
.fav-btn.on{color:var(--red)}
.fav-btn.on svg{fill:var(--red)}
.ub-guven{display:grid;gap:10px;padding:16px;background:var(--green-xl);border-radius:var(--r)}
.ub-guven div{display:flex;align-items:center;gap:10px;font-size:13.5px;color:var(--ink-2)}
.ub-guven svg{width:18px;height:18px;color:var(--green-2);flex:none}
.sekme-kutu{margin:34px 0 10px;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-l);overflow:hidden}
.sekme-baslik{display:flex;overflow-x:auto;border-bottom:1px solid var(--line);background:#fff}
.sk{padding:15px 22px;font-size:14px;font-weight:700;color:var(--ink-3);white-space:nowrap;
  border-bottom:3px solid transparent;transition:.18s var(--ease)}
.sk:hover{color:var(--ink)}
.sk.on{color:var(--green);border-bottom-color:var(--green)}
.sekme{display:none;padding:22px}
.sekme.on{display:block}
.sekme p{font-size:14.5px;line-height:1.7;color:var(--ink-2)}
.madde{display:grid;gap:10px}
.madde li{position:relative;padding-left:20px;font-size:14.5px;line-height:1.65;color:var(--ink-2)}
.madde li::before{content:"";position:absolute;left:0;top:9px;width:7px;height:7px;
  border-radius:50%;background:var(--green-2)}
.madde b{color:var(--ink)}
.ozellik-tablo{width:100%;border-collapse:collapse;font-size:14px}
.ozellik-tablo th{text-align:left;width:180px;font-weight:600;color:var(--ink-3);
  padding:10px 0;border-bottom:1px solid var(--line);vertical-align:top}
.ozellik-tablo td{padding:10px 0;border-bottom:1px solid var(--line);color:var(--ink)}
.ozellik-tablo tr:last-child th,.ozellik-tablo tr:last-child td{border-bottom:0}
@media (max-width:980px){
  .urun-ust{grid-template-columns:1fr;gap:22px}
  .ug-ana{max-width:340px;margin-inline:auto}
  .ug-sutun{display:contents}
  .ug-sutun .ug{order:1}
  .ug-sutun .iskonto-tablo{order:3;max-width:100%}
  .urun-ust > .ub{order:2}
}
@media (max-width:560px){
  .ub-sepet{flex-wrap:wrap}
  .ub-ekle{width:100%;flex:none}
  .sk{padding:13px 16px;font-size:13px}
  .sekme{padding:16px}
  .ozellik-tablo th{width:120px}
}
.sepet-sayfa{padding:20px 0 40px}
.sepet-sayfa h1{font-size:clamp(24px,3vw,32px);margin-bottom:18px}
.sepet-duzen{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:22px;align-items:start}
.uyari{display:flex;gap:12px;padding:14px 16px;border-radius:var(--r);margin-bottom:12px;font-size:13.5px;line-height:1.55}
.uyari svg{width:20px;height:20px;flex:none;margin-top:1px}
.uyari b{display:block}
.uyari-yesil{background:var(--green-xl);color:var(--ink-2)}
.uyari-yesil svg{color:var(--green-2)}
.uyari-kirmizi{background:#fdecec;color:#7d1d1d}
.uyari-kirmizi svg{color:var(--red)}
.uyari .bar{height:6px;border-radius:99px;background:rgba(1,73,33,.12);margin-top:8px;overflow:hidden}
.uyari .bar i{display:block;height:100%;background:var(--green-3);border-radius:99px}
.sl-baslik{display:flex;align-items:center;justify-content:space-between;
  padding:0 4px 10px;font-size:13.5px;color:var(--ink-3)}
.sl-bosalt{font-size:13px;font-weight:600;color:var(--ink-3)}
.sl-bosalt:hover{color:var(--red);text-decoration:underline}
.sr{display:grid;grid-template-columns:96px minmax(0,1fr) auto auto;gap:16px;align-items:center;
  background:var(--paper);border:1px solid var(--line);border-radius:var(--r);
  padding:14px;margin-bottom:10px}
.sr-g{width:96px;height:96px;background:#fff;border:1px solid var(--line);border-radius:12px;
  display:grid;place-items:center;padding:8px;overflow:hidden}
.sr-g img{width:100%;height:100%;object-fit:contain}
.sr-g .is-emoji{font-size:38px}
.sr-marka{font-size:10.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--green-2)}
.sr-bilgi h3{font-size:15px;font-weight:700;line-height:1.35;margin:4px 0 3px}
.sr-birim{font-size:12.5px;color:var(--ink-3)}
.sr-iskonto{display:flex;align-items:center;gap:6px;margin-top:7px;font-size:12px;
  color:var(--green);background:var(--green-l);padding:4px 9px;border-radius:99px;width:fit-content}
.sr-iskonto svg{width:14px;height:14px}
.sr-adet{display:grid;gap:6px;justify-items:center}
.sr-adet .adet-kutu button{width:34px;height:40px;font-size:17px}
.sr-adet .adet-kutu input{width:48px;height:40px;font-size:14px}
.sr-sil{font-size:12px;color:var(--ink-3)}
.sr-sil:hover{color:var(--red);text-decoration:underline}
.sr-tutar{text-align:right;min-width:120px}
.sr-birim-fiyat{font-size:12px;color:var(--ink-3)}
.sr-birim-fiyat small{opacity:.8}
.sr-toplam{font-family:var(--disp);font-size:19px;font-weight:800;color:var(--green);letter-spacing:-.02em;margin-top:2px}
.sr-kdv{font-size:11.5px;color:var(--ink-3);margin-top:2px}
.sepet-alt{margin-top:14px}
.sepet-ozet{position:sticky;top:calc(var(--hdr-h,132px) + 12px);
  background:var(--paper);border:1px solid var(--line);border-radius:var(--r-l);padding:20px}
.sepet-ozet h2{font-size:18px;margin-bottom:16px}
.oz-satir{display:flex;justify-content:space-between;gap:12px;font-size:14px;
  color:var(--ink-2);padding:7px 0}
.oz-satir b{color:var(--ink);font-weight:600}
.oz-satir.yesil,.oz-satir.yesil b{color:var(--green)}
.oz-genel{display:flex;justify-content:space-between;align-items:baseline;gap:12px;
  margin-top:10px;padding-top:14px;border-top:2px solid var(--line);font-size:15px;font-weight:700}
.oz-genel b{font-family:var(--disp);font-size:24px;letter-spacing:-.03em;color:var(--green)}
.oz-havale{display:flex;gap:10px;align-items:flex-start;margin:14px 0;padding:12px;
  background:var(--green-xl);border-radius:12px;font-size:13px;color:var(--ink-2)}
.oz-havale svg{width:18px;height:18px;color:var(--green-2);flex:none;margin-top:1px}
.oz-havale b{color:var(--green);font-size:14.5px}
.oz-havale span{display:inline-block;background:var(--green-l);color:var(--green);
  font-size:11px;font-weight:700;padding:2px 7px;border-radius:99px;margin-left:4px}
.sepet-ozet .btn{margin-top:4px}
.sepet-ozet .btn[disabled]{opacity:.5;cursor:not-allowed}
.oz-not{font-size:12px;color:var(--red);margin-top:8px;text-align:center}
.oz-guven{display:grid;gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}
.oz-guven div{display:flex;align-items:center;gap:9px;font-size:12.5px;color:var(--ink-3)}
.oz-guven svg{width:16px;height:16px;color:var(--green-2);flex:none}
@media (max-width:1080px){
  .sepet-duzen{grid-template-columns:1fr}
  .sepet-ozet{position:static}
}
@media (max-width:680px){
  .sr{grid-template-columns:72px minmax(0,1fr);gap:12px}
  .sr-g{width:72px;height:72px}
  .sr-adet{grid-column:1/-1;justify-items:start;grid-auto-flow:column;
    justify-content:space-between;align-items:center;width:100%}
  .sr-tutar{grid-column:1/-1;text-align:left;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
  .sr-toplam{margin-top:0}
}
.siparis-sayfa{padding:8px 0 44px}
.siparis-sayfa h1{font-size:clamp(24px,3vw,34px);margin-bottom:20px}
.siparis-duzen{display:grid;grid-template-columns:1fr 340px;gap:22px;align-items:start}
.siparis-sol{display:grid;gap:16px;min-width:0}
.adim{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-l);overflow:hidden}
.adim-bas{display:flex;align-items:center;gap:12px;padding:18px 22px;border-bottom:1px solid var(--line);
  background:var(--green-xl)}
.adim-no{width:30px;height:30px;border-radius:50%;background:var(--green);color:#fff;flex:none;
  display:grid;place-items:center;font-family:var(--disp);font-weight:800;font-size:15px}
.adim-bas h2{font-size:18px}
.adim-govde{padding:22px;display:grid;gap:16px}
.alan-satir{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}
.alan{display:block}
.alan>span{display:block;font-size:13px;font-weight:600;color:var(--ink-2);margin-bottom:6px}
.alan>span i{color:var(--orange);font-style:normal}
.alan input,.alan textarea,.alan select{
  width:100%;border:1.5px solid var(--line);border-radius:12px;background:var(--bg);
  padding:12px 15px;font-size:14.5px;font-family:inherit;outline:none;transition:.18s var(--ease);
}
.alan textarea{resize:vertical;line-height:1.55}
.alan input:focus,.alan textarea:focus{border-color:var(--green-2);background:#fff}
.alan.hatali input,.alan.hatali textarea{border-color:var(--red);background:#fff5f5}
.alan em{display:block;font-style:normal;font-size:12.5px;color:var(--red);margin-top:5px}
.alan-hata{font-size:13px;color:var(--red);font-weight:600}
.uyari{display:flex;align-items:flex-start;gap:11px;padding:14px 16px;border-radius:var(--r);
  font-size:14px;margin-bottom:16px;line-height:1.5}
.uyari .ic{width:20px;height:20px;flex:none;margin-top:1px}
.uyari.hata{background:#fff1f1;border:1px solid #ffd0d0;color:#a11}
.bilgi-kutu{display:flex;gap:13px;padding:15px 16px;background:var(--green-xl);
  border:1px solid var(--green-l);border-radius:var(--r)}
.bilgi-kutu .ic{width:22px;height:22px;color:var(--green);flex:none;margin-top:2px}
.bilgi-kutu b{display:block;font-size:14px;margin-bottom:3px}
.bilgi-kutu span{font-size:13px;color:var(--ink-2);line-height:1.55}
.odemeler{display:grid;gap:11px}
.odeme{display:block;position:relative;cursor:pointer}
.odeme input{position:absolute;opacity:0;pointer-events:none}
.odeme-ic{display:block;border:1.5px solid var(--line);border-radius:var(--r);padding:15px 17px 15px 46px;
  transition:.18s var(--ease);position:relative}
.odeme-ic::before{content:"";position:absolute;left:16px;top:17px;width:18px;height:18px;border-radius:50%;
  border:2px solid var(--line);transition:.18s var(--ease)}
.odeme:hover .odeme-ic{border-color:var(--ink-3)}
.odeme.on .odeme-ic,.odeme input:checked+.odeme-ic{border-color:var(--green-2);background:var(--green-xl)}
.odeme.on .odeme-ic::before,.odeme input:checked+.odeme-ic::before{
  border-color:var(--green-2);border-width:5px}
.odeme-ic b{display:flex;align-items:center;gap:9px;font-family:var(--disp);font-size:15.5px;font-weight:700}
.odeme-ic>span{display:block;font-size:13px;color:var(--ink-2);margin-top:4px;line-height:1.5}
.odeme-ic .rozet{font-style:normal;font-size:11px;font-weight:700;background:var(--orange);color:#fff;
  padding:3px 9px;border-radius:99px;letter-spacing:.02em}
.odeme-tutar{margin-top:7px !important;color:var(--green) !important;font-weight:600}
.onay-satirlar{display:grid;gap:10px;max-height:290px;overflow-y:auto;padding-right:4px}
.os{display:grid;grid-template-columns:52px 1fr auto;gap:12px;align-items:center;
  padding-bottom:10px;border-bottom:1px solid var(--line)}
.os:last-child{border-bottom:0;padding-bottom:0}
.os-g{width:52px;height:52px;border-radius:11px;background:var(--bg);border:1px solid var(--line);
  display:grid;place-items:center;overflow:hidden}
.os-g img{width:100%;height:100%;object-fit:contain;padding:5px}
.os-g .is-emoji{font-size:24px}
.os-a b{display:block;font-size:14px;font-weight:600;line-height:1.35}
.os-a>span{display:block;font-size:12.5px;color:var(--ink-3);margin-top:3px}
.os-a .isk{font-style:normal;color:var(--green);font-weight:600}
.os-f{font-family:var(--disp);font-weight:800;font-size:15px;white-space:nowrap}
.onay-kutu{display:flex;gap:11px;align-items:flex-start;font-size:14px;line-height:1.55;cursor:pointer}
.onay-kutu input{width:19px;height:19px;flex:none;margin-top:1px;accent-color:var(--green-2)}
.onay-kutu a{color:var(--green);text-decoration:underline}
.onay-kutu.hatali span{color:var(--red)}
.btn.buyuk{height:56px;font-size:17px;width:100%}
.onay-not{font-size:12.5px;color:var(--ink-3);text-align:center;line-height:1.55}
.siparis-ozet{position:sticky;top:calc(var(--hdr-h,132px) + 12px)}
.ozet-kutu{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-l);padding:20px}
.ozet-kutu h3{font-size:17px;margin-bottom:15px}
.ozet-satir{display:flex;justify-content:space-between;gap:12px;font-size:14px;padding:7px 0;color:var(--ink-2)}
.ozet-satir b{color:var(--ink);font-weight:600;white-space:nowrap}
.ozet-satir.indirim b{color:var(--green)}
.ozet-toplam{display:flex;justify-content:space-between;align-items:baseline;gap:12px;
  margin-top:12px;padding-top:14px;border-top:2px solid var(--line)}
.ozet-toplam span{font-size:14px;font-weight:600}
.ozet-toplam b{font-family:var(--disp);font-size:24px;font-weight:800;color:var(--green)}
.ozet-havale{margin-top:10px;padding:10px 13px;background:var(--orange-l);border-radius:10px;
  font-size:13px;color:var(--orange-d)}
.ozet-havale b{font-weight:800}
.ozet-geri{display:inline-flex;align-items:center;gap:5px;margin-top:14px;font-size:13.5px;
  font-weight:600;color:var(--ink-2)}
.ozet-geri:hover{color:var(--green)}
.ozet-geri .ic{width:15px;height:15px}
.tamam-sayfa{padding:24px 0 56px;max-width:900px}
.tamam-bas{text-align:center;padding:14px 0 30px}
.tamam-ikon{width:64px;height:64px;border-radius:50%;background:var(--green);color:#fff;
  display:inline-grid;place-items:center;margin-bottom:16px}
.tamam-ikon .ic{width:32px;height:32px;stroke-width:2.6}
.tamam-bas h1{font-size:clamp(26px,3.4vw,36px);margin-bottom:10px}
.tamam-bas p{font-size:15.5px;color:var(--ink-2);line-height:1.6}
.tamam-kutular{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:20px}
.tk{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:16px 18px}
.tk-b{display:block;font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  color:var(--ink-3);margin-bottom:7px}
.tk>b{font-family:var(--disp);font-size:17px;font-weight:800}
.tk-tutar{color:var(--green)}
.tk-alt{display:block;font-size:12px;color:var(--ink-3);margin-top:3px}
.havale-kutu{background:var(--amber-l);border:1px solid #f3d99a;border-radius:var(--r-l);
  padding:22px;margin-bottom:20px}
.havale-kutu h3{display:flex;align-items:center;gap:10px;font-size:17px;margin-bottom:10px}
.havale-kutu h3 .ic{width:21px;height:21px}
.havale-kutu p{font-size:14px;color:var(--ink-2);line-height:1.6;margin-bottom:14px}
.havale-satir{display:flex;justify-content:space-between;gap:14px;padding:9px 0;
  border-top:1px solid rgba(0,0,0,.07);font-size:14px}
.havale-satir span{color:var(--ink-3)}
.tamam-ozet{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-l);
  padding:22px;margin-bottom:22px}
.tamam-ozet h3{font-size:17px;margin-bottom:14px}
.ozet-tablo{width:100%;border-collapse:collapse;font-size:14px}
.ozet-tablo th{text-align:left;font-size:11.5px;font-weight:700;letter-spacing:.08em;
  text-transform:uppercase;color:var(--ink-3);padding:0 10px 10px;border-bottom:1px solid var(--line)}
.ozet-tablo td{padding:11px 10px;border-bottom:1px solid var(--line)}
.ozet-tablo .sag{text-align:right}
.ozet-tablo .soluk{color:var(--ink-3)}
.ozet-tablo tfoot td{border-bottom:0;padding:6px 10px;color:var(--ink-2)}
.ozet-tablo tfoot tr:first-child td{padding-top:14px}
.ozet-tablo tfoot .genel td{font-family:var(--disp);font-size:18px;font-weight:800;color:var(--green);
  padding-top:12px;border-top:2px solid var(--line)}
.tamam-butonlar{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:18px}
.tamam-yardim{text-align:center;font-size:13.5px;color:var(--ink-3);line-height:1.6}
.tamam-yardim a{color:var(--green);font-weight:600}
@media (max-width:980px){
  .siparis-duzen{grid-template-columns:1fr}
  .siparis-ozet{position:static;order:-1}
  .onay-satirlar{max-height:none}
}
@media (max-width:640px){
  .adim-govde{padding:16px}
  .adim-bas{padding:14px 16px}
  .ozet-tablo th:nth-child(2),.ozet-tablo td:nth-child(2){display:none}
}
.hesap-giris{display:grid;grid-template-columns:1fr 330px;gap:26px;align-items:start;padding:18px 0 52px}
.giris-kutu{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-l);padding:30px;max-width:560px}
.giris-kutu.genis{max-width:none}
.giris-kutu h1{font-size:clamp(23px,2.8vw,30px);margin-bottom:8px}
.giris-alt{font-size:14.5px;color:var(--ink-2);line-height:1.6;margin-bottom:20px}
.giris-kutu form{display:grid;gap:14px}
.giris-satir{display:flex;justify-content:space-between;align-items:center;gap:14px;font-size:13.5px}
.giris-satir a{color:var(--green);font-weight:600}
.mini-onay{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--ink-2);cursor:pointer}
.mini-onay input{width:17px;height:17px;accent-color:var(--green-2)}
.giris-ayrac{display:flex;align-items:center;gap:14px;margin:24px 0;color:var(--ink-3);font-size:13px}
.giris-ayrac::before,.giris-ayrac::after{content:"";flex:1;height:1px;background:var(--line)}
.kayit-cagri{background:var(--green-xl);border:1px solid var(--green-l);border-radius:var(--r);padding:20px}
.kayit-cagri b{display:block;font-family:var(--disp);font-size:16px;margin-bottom:6px}
.kayit-cagri p{font-size:13.5px;color:var(--ink-2);line-height:1.55;margin-bottom:14px}
.giris-dip{text-align:center;font-size:13.5px;color:var(--ink-2);margin-top:4px}
.giris-dip a{color:var(--green);font-weight:600}
.form-baslik{font-size:15px;margin:8px 0 -2px;padding-top:8px;border-top:1px solid var(--line)}
.form-baslik:first-of-type{border-top:0;padding-top:0}
.alan-ipucu{font-size:12.5px;color:var(--ink-3);line-height:1.5;margin-top:-6px}
.alan em.ipucu{color:var(--ink-3)}
.form-eylem{display:flex;gap:10px;flex-wrap:wrap;margin-top:4px}
.giris-yan{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-l);padding:24px}
.giris-yan h3{font-size:16px;margin-bottom:16px}
.fayda{display:grid;gap:16px}
.fayda li{display:flex;gap:12px}
.fayda .ic{width:21px;height:21px;color:var(--green);flex:none;margin-top:2px}
.fayda b{display:block;font-size:14px;margin-bottom:3px}
.fayda span{font-size:12.5px;color:var(--ink-3);line-height:1.5}
.uyari.basarili{background:var(--green-xl);border:1px solid var(--green-l);color:var(--green)}
.uyari.bilgi{background:var(--amber-l);border:1px solid #f3d99a;color:#7a5800}
.hesap-menu{display:grid;gap:14px}
.hm-kart{display:flex;gap:13px;background:var(--green);color:#fff;border-radius:var(--r);padding:18px}
.hm-av{width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.2);flex:none;
  display:grid;place-items:center;font-family:var(--disp);font-size:20px;font-weight:800}
.hm-kart b{display:block;font-family:var(--disp);font-size:15px;line-height:1.3}
.hm-kart>div>span{display:block;font-size:12.5px;opacity:.8;margin-top:2px}
.hm-onay{display:inline-flex;align-items:center;gap:5px;font-style:normal;font-size:11.5px;
  font-weight:600;padding:3px 9px;border-radius:99px;margin-top:8px}
.hm-onay .ic{width:13px;height:13px}
.hm-onay.onayli{background:rgba(255,255,255,.22)}
.hm-onay.bekliyor{background:var(--amber);color:var(--ink)}
.side-nav a.secili{background:var(--green-l);color:var(--green);font-weight:700}
.hm-cikis button{display:flex;align-items:center;gap:9px;width:100%;padding:11px 14px;
  border:1px solid var(--line);border-radius:var(--r);background:var(--paper);
  font-size:13.5px;font-weight:600;color:var(--ink-2);transition:.18s var(--ease)}
.hm-cikis button:hover{border-color:var(--red);color:var(--red)}
.hm-cikis .ic{width:17px;height:17px}
.hesap-govde h1{font-size:clamp(22px,2.6vw,30px);margin-bottom:6px}
.hesap-alt{font-size:14px;color:var(--ink-2);margin-bottom:18px;line-height:1.55}
.hesap-blok{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-l);
  padding:22px;margin-top:16px}
.hb-bas{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}
.hb-bas h2{font-size:17px}
.hesap-blok form{display:grid;gap:14px}
.ozet-kartlar{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:16px 0}
.ok{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:16px 18px}
.ok-b{display:block;font-size:11.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;
  color:var(--ink-3);margin-bottom:7px}
.ok>b{font-family:var(--disp);font-size:22px;font-weight:800}
.siparis-liste{display:grid;gap:9px}
.sl-satir{display:grid;grid-template-columns:1.4fr .7fr 1fr .8fr 24px;gap:14px;align-items:center;
  padding:15px 17px;border:1px solid var(--line);border-radius:var(--r);background:var(--bg);
  transition:.18s var(--ease)}
.sl-satir:hover{border-color:var(--green-2);background:var(--paper)}
.sl-no b{display:block;font-family:var(--disp);font-size:14.5px;font-weight:700}
.sl-no span{font-size:12.5px;color:var(--ink-3)}
.sl-kalem{font-size:13.5px;color:var(--ink-2)}
.sl-durum{justify-self:start;font-size:12px;font-weight:700;padding:5px 11px;border-radius:99px;
  background:var(--line);color:var(--ink-2);white-space:nowrap}
.sl-durum.buyuk{font-size:13.5px;padding:8px 16px}
.sl-durum.d-bekliyor{background:var(--amber-l);color:#7a5800}
.sl-durum.d-onaylandi,.sl-durum.d-hazirlaniyor{background:#e7f0fb;color:#1c5b9e}
.sl-durum.d-kargoda{background:var(--orange-l);color:var(--orange-d)}
.sl-durum.d-teslim{background:var(--green-l);color:var(--green)}
.sl-durum.d-iptal{background:#fdeaea;color:#a11}
.sl-tutar{font-family:var(--disp);font-weight:800;font-size:15px;text-align:right}
.sl-ok .ic{width:17px;height:17px;color:var(--ink-3)}
.sd-bas{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;
  flex-wrap:wrap;margin-bottom:20px}
.sd-bas h1{margin-bottom:2px}
.sd-bas p{font-size:13.5px;color:var(--ink-3)}
.siparis-adimlari{display:flex;gap:0;margin-bottom:22px;counter-reset:adim}
.siparis-adimlari li{flex:1;position:relative;text-align:center;padding-top:30px}
.siparis-adimlari li::before{content:"";position:absolute;top:11px;left:0;right:0;height:2px;background:var(--line)}
.siparis-adimlari li:first-child::before{left:50%}
.siparis-adimlari li:last-child::before{right:50%}
.siparis-adimlari li.tamam::before{background:var(--green-3)}
.sa-nokta{position:absolute;top:4px;left:50%;transform:translateX(-50%);width:17px;height:17px;
  border-radius:50%;background:var(--paper);border:2px solid var(--line);display:grid;place-items:center}
.siparis-adimlari li.tamam .sa-nokta{background:var(--green);border-color:var(--green);color:#fff}
.sa-nokta .ic{width:10px;height:10px;stroke-width:3.4}
.sa-ad{font-size:11.5px;color:var(--ink-3);font-weight:600}
.siparis-adimlari li.tamam .sa-ad{color:var(--green)}
.sd-kutular{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:18px}
.sd-not{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-l);padding:20px;margin-bottom:18px}
.sd-not h3{display:flex;align-items:center;gap:9px;font-size:15px;margin-bottom:10px}
.sd-not h3 .ic{width:18px;height:18px;color:var(--green)}
.sd-not pre{font-family:inherit;font-size:13.5px;color:var(--ink-2);line-height:1.7;
  white-space:pre-wrap;margin:0}
.sd-eylem{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.adres-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;margin-bottom:6px}
.adres-kart{position:relative;background:var(--paper);border:1px solid var(--line);
  border-radius:var(--r);padding:18px}
.adres-kart.varsayilan{border-color:var(--green-2);box-shadow:0 0 0 3px rgba(0,128,49,.08)}
.ak-rozet{position:absolute;top:-9px;right:14px;background:var(--green);color:#fff;
  font-size:11px;font-weight:700;padding:3px 10px;border-radius:99px}
.adres-kart b{display:block;font-family:var(--disp);font-size:15px;margin-bottom:8px}
.adres-kart p{font-size:13.5px;color:var(--ink-2);line-height:1.55;margin-bottom:8px}
.ak-adres{color:var(--ink-3) !important;font-size:13px !important}
.ak-eylem{display:flex;gap:12px;align-items:center;padding-top:10px;border-top:1px solid var(--line)}
.ak-eylem a,.ak-eylem button{font-size:13px;font-weight:600;color:var(--green)}
.ak-eylem button{color:var(--red)}
.adres-form{display:grid;gap:14px}
.liste-kaydet{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end}
.liste-izgara{display:grid;gap:12px;margin-top:16px}
.liste-kart{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:18px}
.liste-kart.acik{border-color:var(--green-2)}
.lk-bas{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.lk-bas b{display:block;font-family:var(--disp);font-size:16px}
.lk-bas span{font-size:12.5px;color:var(--ink-3)}
.lk-goz{font-size:13px;font-weight:600;color:var(--green);white-space:nowrap}
.lk-satirlar{margin:14px 0;border-top:1px solid var(--line)}
.lk-satirlar li{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;
  padding:9px 0;border-bottom:1px solid var(--line);font-size:13.5px}
.lk-satirlar i{font-style:normal;color:var(--ink-3);font-size:12.5px}
.lk-satirlar b{font-family:var(--disp);font-size:13.5px}
.lk-eylem{display:flex;gap:12px;align-items:center;margin-top:14px}
.lk-sil{font-size:13px;font-weight:600;color:var(--red)}
.btn.sm{height:40px;padding:0 16px;font-size:13.5px}
.hizli-sayfa{padding:12px 0 52px}
.hizli-sayfa h1{font-size:clamp(23px,2.8vw,30px);margin-bottom:6px}
.hizli-duzen{display:grid;grid-template-columns:1fr 290px;gap:20px;align-items:start;margin-top:18px}
.hizli-form{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-l);
  padding:22px;display:grid;gap:14px}
.hizli-form textarea{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13.5px;line-height:1.7}
.hizli-yardim{background:var(--green-xl);border:1px solid var(--green-l);border-radius:var(--r-l);padding:20px}
.hizli-yardim h3{font-size:15px;margin-bottom:12px}
.hizli-yardim ul{display:grid;gap:9px}
.hizli-yardim li{font-size:13px;color:var(--ink-2);padding-left:16px;position:relative;line-height:1.5}
.hizli-yardim li::before{content:"";position:absolute;left:0;top:8px;width:5px;height:5px;
  border-radius:50%;background:var(--green-2)}
.hizli-yardim code{background:#fff;border:1px solid var(--green-l);border-radius:5px;
  padding:1px 6px;font-size:12.5px}
.eslesme{display:grid;gap:8px;margin:14px 0}
.eslesme li{display:grid;grid-template-columns:20px 1fr auto;gap:11px;align-items:center;
  padding:11px 14px;border-radius:10px;font-size:13.5px}
.eslesme .ic{width:18px;height:18px}
.es-ok{background:var(--green-xl);color:var(--green)}
.es-ok span{color:var(--ink-2)}
.es-ok b{font-size:13.5px;color:var(--ink)}
.es-yok{background:#fff5f5;color:var(--red)}
.es-yok span{color:var(--ink-2)}
.es-yok a{font-weight:600;color:var(--green);white-space:nowrap}
.hizli-islem{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}
.hizli-islem a{display:block;padding:16px 18px;border:1px solid var(--line);border-radius:var(--r);
  background:var(--bg);transition:.18s var(--ease)}
.hizli-islem a:hover{border-color:var(--green-2);background:var(--paper)}
.hizli-islem .ic{width:21px;height:21px;color:var(--green);margin-bottom:9px}
.hizli-islem b{display:block;font-family:var(--disp);font-size:14.5px;margin-bottom:3px}
.hizli-islem span{font-size:12.5px;color:var(--ink-3);line-height:1.45}
@media (max-width:980px){
  .hesap-giris{grid-template-columns:1fr}
  .giris-yan{order:-1}
  .hizli-duzen{grid-template-columns:1fr}
  .sl-satir{grid-template-columns:1fr auto;gap:8px}
  .sl-kalem,.sl-ok{display:none}
  .sl-durum{grid-column:1}
  .sl-tutar{grid-column:2;grid-row:1}
  .siparis-adimlari{overflow-x:auto}
  .siparis-adimlari li{min-width:96px}
}
@media (max-width:640px){
  .giris-kutu,.hesap-blok,.hizli-form{padding:18px}
  .liste-kaydet{grid-template-columns:1fr}
}
.sayfa-govde{padding:14px 0 56px}
.sayfa-govde>h1{font-size:clamp(24px,3vw,34px);margin-bottom:8px}
.sayfa-alt{font-size:14.5px;color:var(--ink-2);line-height:1.65;max-width:70ch;margin-bottom:22px}
.sayfa-alt a{color:var(--green);font-weight:600}
.kat-agac{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px}
.ka-blok{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-l);padding:20px}
.ka-bas{display:flex;gap:13px;align-items:center;margin-bottom:14px}
.ka-ikon{width:42px;height:42px;border-radius:12px;background:var(--green-l);color:var(--green);
  display:grid;place-items:center;flex:none}
.ka-ikon .ic{width:22px;height:22px}
.ka-bas h2{font-size:17px}
.ka-bas h2 a:hover{color:var(--green)}
.ka-bas span{font-size:12.5px;color:var(--ink-3)}
.ka-altlar{display:flex;flex-wrap:wrap;gap:7px}
.ka-altlar a{display:inline-flex;align-items:center;gap:7px;padding:7px 13px;border-radius:99px;
  background:var(--bg);border:1px solid var(--line);font-size:13px;font-weight:600;
  transition:.18s var(--ease)}
.ka-altlar a:hover{background:var(--green);border-color:var(--green);color:#fff}
.ka-altlar a i{font-style:normal;font-size:11.5px;color:var(--ink-3);font-weight:600}
.ka-altlar a:hover i{color:rgba(255,255,255,.75)}
.ka-altlar a.bos{opacity:.5}
.ka-altlar.genis a{padding:9px 16px;font-size:13.5px}
.harf-serit{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:22px;padding-bottom:16px;
  border-bottom:1px solid var(--line)}
.harf-serit a{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;
  background:var(--bg);border:1px solid var(--line);font-family:var(--disp);
  font-weight:700;font-size:13.5px;transition:.16s var(--ease)}
.harf-serit a:hover{background:var(--green);border-color:var(--green);color:#fff}
.marka-grup{margin-bottom:26px;scroll-margin-top:calc(var(--hdr-h,132px) + 16px)}
.marka-grup h2{font-size:17px;color:var(--green);margin-bottom:12px}
.marka-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}
.marka-kart{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);
  padding:16px 18px;transition:.2s var(--ease)}
.marka-kart:hover{border-color:var(--green-2);transform:translateY(-3px);box-shadow:var(--sh-s)}
.mk-ad{display:block;font-family:var(--disp);font-size:15px;font-weight:700;margin-bottom:3px}
.mk-adet{font-size:12.5px;color:var(--ink-3)}
.kampanya-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}
.kmp-kart{position:relative;overflow:hidden;border-radius:var(--r-l);padding:24px;min-height:210px;
  display:flex;flex-direction:column;color:#fff;transition:.28s var(--ease)}
.kmp-kart::before{content:"";position:absolute;inset:0;background:linear-gradient(150deg,var(--c1),var(--c2))}
.kmp-kart::after{content:"";position:absolute;inset:0;
  background:radial-gradient(75% 90% at 100% 0%,rgba(255,255,255,.22),transparent 60%)}
.kmp-kart[data-t="coffee"]{--c1:#3a2416;--c2:#8a5c34}
.kmp-kart[data-t="cake"]  {--c1:#5c0f28;--c2:#a8365a}
.kmp-kart[data-t="green"] {--c1:#014921;--c2:#12a54a}
.kmp-kart[data-t="orange"]{--c1:#8a2a00;--c2:#ff4d00}
.kmp-kart[data-t="bakery"]{--c1:#7d5108;--c2:#e0a52a}
.kmp-kart[data-t="burger"]{--c1:#014921;--c2:#12a54a}
.kmp-kart[data-t="pizza"] {--c1:#8f2113;--c2:#e4552e}
.kmp-kart[data-t="hotel"] {--c1:#123453;--c2:#2f77a6}
.kmp-kart[data-t="bar"]   {--c1:#3c2160;--c2:#7d4bb5}
.kmp-kart[data-t="citrus"]{--c1:#8a5a00;--c2:#f2b705}
.kmp-kart[data-t="sandwich"]{--c1:#5c3b12;--c2:#b07b33}
.kmp-kart:not([data-t]),.kmp-kart[data-t=""]{--c1:#014921;--c2:#12a54a}
.kmp-kart:hover{transform:translateY(-5px);box-shadow:var(--sh-l)}
.kmp-gorsel{position:absolute;right:-14px;bottom:-14px;width:118px;height:118px;object-fit:contain;
  opacity:.28;transform:rotate(-8deg);transition:.35s var(--ease);
  filter:drop-shadow(0 10px 18px rgba(0,0,0,.35))}
.kmp-kart:hover .kmp-gorsel{opacity:.4;transform:rotate(-3deg) scale(1.08)}
.kmp-rozet{position:relative;align-self:flex-start;background:var(--amber);color:var(--ink);
  font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  padding:5px 13px;border-radius:99px;margin-bottom:12px}
.kmp-kart h2{position:relative;font-size:20px;line-height:1.22;margin-bottom:9px}
.kmp-kart p{position:relative;font-size:13.5px;opacity:.88;line-height:1.55;max-width:32ch}
.kmp-dip{position:relative;display:flex;align-items:center;justify-content:space-between;
  gap:12px;margin-top:auto;padding-top:16px}
.kmp-sure{font-size:12.5px;font-weight:600;background:rgba(255,255,255,.18);
  padding:5px 12px;border-radius:99px;backdrop-filter:blur(6px)}
.kmp-sure.bitiyor{background:var(--orange);color:#fff}
.kmp-git{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700}
.kmp-git .ic{width:15px;height:15px}
.kmp-bas{position:relative;overflow:hidden;border-radius:var(--r-l);padding:34px;color:#fff;
  display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;margin:14px 0 20px}
.kmp-bas::before{content:"";position:absolute;inset:0;background:linear-gradient(130deg,var(--c1),var(--c2))}
.kmp-bas[data-t="coffee"]{--c1:#3a2416;--c2:#8a5c34}
.kmp-bas[data-t="cake"]  {--c1:#5c0f28;--c2:#a8365a}
.kmp-bas[data-t="green"] {--c1:#014921;--c2:#12a54a}
.kmp-bas[data-t="orange"]{--c1:#8a2a00;--c2:#ff4d00}
.kmp-bas[data-t="bakery"]{--c1:#7d5108;--c2:#e0a52a}
.kmp-bas[data-t="burger"]{--c1:#014921;--c2:#12a54a}
.kmp-bas[data-t="pizza"] {--c1:#8f2113;--c2:#e4552e}
.kmp-bas[data-t="hotel"] {--c1:#123453;--c2:#2f77a6}
.kmp-bas[data-t="bar"]   {--c1:#3c2160;--c2:#7d4bb5}
.kmp-bas[data-t="citrus"]{--c1:#8a5a00;--c2:#f2b705}
.kmp-bas[data-t="sandwich"]{--c1:#5c3b12;--c2:#b07b33}
.kmp-bas:not([data-t]),.kmp-bas[data-t=""]{--c1:#014921;--c2:#12a54a}
.kb-metin{position:relative}
.kb-metin h1{font-size:clamp(23px,3vw,34px);margin:12px 0 10px}
.kb-metin p{font-size:15px;opacity:.9;max-width:56ch;line-height:1.6}
.kb-tarih{display:flex;align-items:center;gap:9px;margin-top:16px;font-size:13.5px;
  background:rgba(255,255,255,.15);padding:8px 15px;border-radius:99px;align-self:flex-start;
  width:fit-content}
.kb-tarih .ic{width:17px;height:17px}
.kb-gorsel{position:relative}
.kb-gorsel img{width:150px;height:150px;object-fit:contain;
  filter:drop-shadow(0 16px 26px rgba(0,0,0,.4))}
.kmp-icerik{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-l);
  padding:24px;margin-bottom:8px;font-size:14.5px;line-height:1.75;color:var(--ink-2);max-width:80ch}
.kmp-icerik p{margin-bottom:10px}
.kmp-icerik p:last-child{margin-bottom:0}
.kmp-icerik b{color:var(--ink)}
.isl-bas{position:relative;overflow:hidden;border-radius:var(--r-l);padding:32px;color:#fff;
  min-height:170px;display:flex;flex-direction:column;justify-content:flex-end;margin:14px 0 22px}
.isl-ph{position:absolute;right:-10px;bottom:-16px;width:150px;height:150px;object-fit:contain;
  opacity:.26;transform:rotate(-7deg);filter:drop-shadow(0 12px 22px rgba(0,0,0,.35))}
.isl-ic{position:relative;display:inline-grid;place-items:center;width:44px;height:44px;
  border-radius:13px;background:rgba(255,255,255,.2);margin-bottom:auto}
.isl-ic .ic{width:23px;height:23px}
.isl-bas h1{position:relative;font-size:clamp(24px,3vw,34px);margin-top:16px}
.isl-bas p{position:relative;font-size:15px;opacity:.9;margin-top:7px;max-width:52ch}
.isl-kategoriler{margin-bottom:26px}
.isl-kategoriler h2{font-size:17px;margin-bottom:12px}
.bizgrid.buyuk{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}
.bizgrid.buyuk .bz{min-height:170px;padding:22px}
.bizgrid.buyuk .bz b{font-size:18px}
.bizgrid.buyuk .bz span{font-size:13px}
@media (max-width:820px){
  .kmp-bas{grid-template-columns:1fr}
  .kb-gorsel{display:none}
  .kat-agac{grid-template-columns:1fr}
}
.etiket-serit{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}
.etiket-serit a{display:inline-flex;align-items:center;gap:7px;padding:8px 15px;border-radius:99px;
  background:var(--paper);border:1px solid var(--line);font-size:13.5px;font-weight:600;
  transition:.18s var(--ease)}
.etiket-serit a:hover{border-color:var(--green-2)}
.etiket-serit a.on{background:var(--green);border-color:var(--green);color:#fff}
.etiket-serit a i{font-style:normal;font-size:11.5px;color:var(--ink-3)}
.etiket-serit a.on i{color:rgba(255,255,255,.75)}
.blog-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:16px}
.blog-kart{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-l);
  overflow:hidden;display:flex;flex-direction:column;transition:.24s var(--ease)}
.blog-kart:hover{border-color:var(--green-2);transform:translateY(-4px);box-shadow:var(--sh-m)}
.bk-gorsel{display:block;height:150px;background:var(--green-xl);display:grid;place-items:center}
.bk-gorsel img{width:110px;height:110px;object-fit:contain}
.bk-metin{padding:18px;display:flex;flex-direction:column;flex:1}
.bk-etiket{align-self:flex-start;font-size:11px;font-weight:700;letter-spacing:.1em;
  text-transform:uppercase;color:var(--orange-txt);margin-bottom:8px}
.blog-kart h2{font-size:17px;line-height:1.28;margin-bottom:8px}
.blog-kart p{font-size:13.5px;color:var(--ink-3);line-height:1.55;flex:1}
.blog-kart time{font-size:12.5px;color:var(--ink-3);margin-top:12px}
.yazi{max-width:760px;padding:20px 0 10px}
.yazi-bas{margin-bottom:20px}
.yazi-bas h1{font-size:clamp(24px,3.2vw,36px);line-height:1.2;margin:10px 0 12px}
.yazi-ust{font-size:13.5px;color:var(--ink-3)}
a.bk-etiket{display:inline-block}
.yazi-gorsel{background:var(--green-xl);border-radius:var(--r-l);padding:30px;
  display:grid;place-items:center;margin-bottom:24px}
.yazi-gorsel img{width:200px;height:200px;object-fit:contain}
.yazi-govde{font-size:16px;line-height:1.8;color:var(--ink-2)}
.yazi-govde p{margin-bottom:16px}
.yazi-govde h2{font-size:21px;color:var(--ink);margin:26px 0 12px}
.yazi-govde ul,.yazi-govde ol{margin:0 0 16px 20px}
.yazi-govde li{margin-bottom:7px;list-style:disc}
.ozet-vurgu{font-size:18px;color:var(--ink);font-weight:500;line-height:1.65;
  padding-left:16px;border-left:3px solid var(--green-2)}
.yazi-not{font-size:13.5px;color:var(--ink-3);font-style:italic;
  background:var(--bg);border-radius:var(--r);padding:14px 16px}
.metin-sayfa{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-l);padding:30px}
.metin-sayfa h1{font-size:clamp(22px,2.8vw,30px);margin-bottom:18px;padding-bottom:16px;
  border-bottom:1px solid var(--line)}
.metin-govde{font-size:15px;line-height:1.8;color:var(--ink-2);max-width:76ch}
.metin-govde p{margin-bottom:14px}
.metin-govde h2{font-size:19px;color:var(--ink);margin:24px 0 10px}
.metin-govde h3{font-size:16px;color:var(--ink);margin:18px 0 8px}
.metin-govde ul,.metin-govde ol{margin:0 0 14px 20px}
.metin-govde li{margin-bottom:6px;list-style:disc}
.metin-govde a{color:var(--green);font-weight:600}
.sss-duzen{display:grid;grid-template-columns:210px 1fr;gap:24px;align-items:start}
.sss-menu{position:sticky;top:calc(var(--hdr-h,132px) + 14px);display:grid;gap:3px;
  background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:10px}
.sss-menu a{padding:10px 13px;border-radius:9px;font-size:13.5px;font-weight:600;color:var(--ink-2)}
.sss-menu a:hover{background:var(--green-xl);color:var(--green)}
.sss-grup{margin-bottom:26px;scroll-margin-top:calc(var(--hdr-h,132px) + 16px)}
.sss-grup h2{font-size:18px;color:var(--green);margin-bottom:12px}
.sss-oge{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);
  margin-bottom:9px;overflow:hidden}
.sss-oge[open]{border-color:var(--green-2)}
.sss-oge summary{display:flex;align-items:center;justify-content:space-between;gap:14px;
  padding:16px 18px;font-size:14.5px;font-weight:600;cursor:pointer;list-style:none}
.sss-oge summary::-webkit-details-marker{display:none}
.sss-oge summary:hover{color:var(--green)}
.sss-ok{flex:none;color:var(--ink-3);transition:transform .22s var(--ease)}
.sss-ok .ic{width:17px;height:17px}
.sss-oge[open] .sss-ok{transform:rotate(90deg);color:var(--green)}
.sss-cevap{padding:0 18px 18px;font-size:14px;line-height:1.75;color:var(--ink-2)}
.sss-cevap p{margin-bottom:9px}
.sss-cevap p:last-child{margin-bottom:0}
.sss-cevap b{color:var(--ink)}
.iletisim-duzen{display:grid;grid-template-columns:320px 1fr;gap:22px;align-items:start}
.ilt-bilgi{display:grid;gap:11px}
.ib-kart{display:flex;gap:14px;background:var(--paper);border:1px solid var(--line);
  border-radius:var(--r);padding:18px}
.ib-ik{width:40px;height:40px;border-radius:12px;background:var(--green-l);color:var(--green);
  display:grid;place-items:center;flex:none}
.ib-ik .ic{width:20px;height:20px}
.ib-kart b{display:block;font-family:var(--disp);font-size:14px;margin-bottom:5px}
.ib-kart p{font-size:13.5px;color:var(--ink-2);line-height:1.6}
.ib-kart a{color:var(--green);font-weight:600}
.ilt-form{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-l);padding:26px}
.ilt-form h2{font-size:19px;margin-bottom:16px}
.ilt-form form{display:grid;gap:14px}
@media (max-width:900px){
  .sss-duzen,.iletisim-duzen{grid-template-columns:1fr}
  .sss-menu{position:static;display:flex;flex-wrap:wrap}
  .metin-sayfa,.ilt-form{padding:20px}
}
.teklif-duzen{display:grid;grid-template-columns:1fr 460px;gap:26px;align-items:start}
.tk-metin h1{font-size:clamp(24px,3vw,34px);margin:12px 0 8px}
.tk-metin .fayda{margin:22px 0}
.tk-ara{display:flex;gap:14px;align-items:center;background:var(--green-xl);
  border:1px solid var(--green-l);border-radius:var(--r);padding:18px}
.tk-ara .ic{width:24px;height:24px;color:var(--green);flex:none}
.tk-ara b{display:block;font-size:13.5px;color:var(--ink-2);margin-bottom:3px}
.tk-ara a{font-family:var(--disp);font-size:20px;font-weight:800;color:var(--green)}
.takip-duzen{max-width:840px}
.takip-form{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end;
  background:var(--paper);border:1px solid var(--line);border-radius:var(--r-l);padding:22px}
.takip-form .alan{margin:0}
@media (max-width:900px){
  .teklif-duzen{grid-template-columns:1fr}
  .takip-form{grid-template-columns:1fr}
}
.eslesme .es-not{grid-column:1/-1;font-style:normal;font-size:12.5px;color:var(--orange-d);margin-top:2px}
.pc-al{display:flex;gap:8px;align-items:stretch;margin-top:9px}
.pc-al .add{margin-top:0;flex:1;min-width:0}
.qt.sm{flex:0 0 auto;padding:1px;border-radius:10px}
.qt.sm button{width:28px;height:36px;border-radius:8px;font-size:16px;line-height:1}
.qt.sm input{
  width:34px;height:36px;border:0;background:none;text-align:center;
  font:inherit;font-size:13px;font-weight:700;color:var(--ink);
  -moz-appearance:textfield;
}
.qt.sm input::-webkit-outer-spin-button,
.qt.sm input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.qt.sm input:focus{outline:2px solid var(--green-l);outline-offset:-2px;border-radius:6px}
.pc-kademe{
  margin-top:8px;padding:7px 9px;background:var(--green-l);
  border-radius:8px;font-size:12px;color:#1d6446;
}
.pc-kademe svg{width:13px;height:13px;flex:0 0 13px}
.pk-bas{
  display:flex;align-items:center;gap:5px;margin-bottom:4px;
  font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  color:var(--green);
}
.pk-satir{display:flex;align-items:baseline;justify-content:space-between;gap:8px;line-height:1.5}
.pk-satir span{color:#2c6b50}
.pk-satir b{font-weight:800;white-space:nowrap}
.tg.skt{background:#fdf5e3;color:#7a5810;border:1px solid #e6dcae}
.tg.d + .tg.skt,
.tg.s + .tg.skt,
.tg.t + .tg.skt{top:36px}
.tg.t{background:var(--ink-2);color:#fff}
.ub-satis-satir{display:flex;align-items:flex-start;gap:18px;flex-wrap:wrap}
.ub-kurumsal{
  flex:0 1 auto;min-width:168px;display:block;padding:9px 12px;
  background:var(--green-xl);border:1px solid var(--green-l);border-radius:11px;
  color:var(--green);transition:.18s var(--ease);
}
.ub-kurumsal:hover{border-color:var(--green-2);background:var(--green-l);text-decoration:none}
.uk-bas{
  display:flex;align-items:center;gap:5px;margin-bottom:5px;
  font-size:10.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--green-2);
}
.uk-bas svg{width:13px;height:13px}
.uk-satir{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-size:13px;line-height:1.6}
.uk-satir b{font-weight:600;color:var(--ink-2)}
.uk-satir em{font-style:normal;font-weight:800;color:var(--green);white-space:nowrap}
.uk-alt{display:block;margin-top:4px;font-size:11px;color:var(--ink-3)}
.p-sor{font-size:13px;font-weight:700;color:var(--ink-2)}
.p-kdv{font-size:11px;font-weight:600;color:var(--ink-3);white-space:nowrap}
.pc-p{gap:5px}
@media (max-width:480px){
  .pc-p{gap:3px 4px}
  .p-n{font-size:17px}
  .p-o{font-size:11.5px}
  .p-kdv{flex:1 0 100%;margin-top:-1px}
}
.pc.tukendi .pc-a{opacity:.5;filter:grayscale(.6)}
.pc.tukendi .p-n{color:var(--ink-2)}
.add.sor{background:var(--ink);color:#fff;text-decoration:none}
.add.sor:hover{background:var(--orange)}
@media (max-width:520px){
  .pc-al{flex-direction:column}
  .qt.sm{align-self:flex-start}
}
.side-alt{display:flex;flex-direction:column;gap:2px;margin-top:8px;padding-top:8px;border-top:1px solid var(--line)}
.side-alt a{
  display:flex;align-items:center;gap:9px;padding:7px 10px;border-radius:8px;
  font-size:13px;font-weight:700;color:var(--green);transition:.16s var(--ease);
}
.side-alt a:hover{background:var(--green-l)}
.side-alt svg{width:15px;height:15px;flex:0 0 15px}
.wa-destek{
  position:fixed;right:18px;bottom:18px;z-index:80;
  display:flex;align-items:center;gap:10px;
  padding:9px 16px 9px 9px;border-radius:99px;
  background:#25d366;color:#fff;text-decoration:none;
  box-shadow:0 6px 20px rgba(0,0,0,.22);
  transition:.2s var(--ease);
}
.wa-destek:hover{background:#1fb855;transform:translateY(-2px)}
.wa-ic{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.18);flex:none}
.wa-ic svg{width:22px;height:22px;fill:none;stroke:#fff;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.wa-ic .wa-tel{fill:#fff;stroke:none}
.wa-yazi{display:flex;flex-direction:column;line-height:1.25}
.wa-yazi b{font-size:13.5px;font-weight:800;font-family:var(--disp)}
.wa-yazi small{font-size:11px;opacity:.9}
.wa-destek{padding:9px}
.wa-yazi{
  max-width:0;overflow:hidden;white-space:nowrap;opacity:0;
  transition:max-width .25s var(--ease),opacity .2s var(--ease),margin .25s var(--ease);
}
.wa-destek:hover .wa-yazi,
.wa-destek:focus-visible .wa-yazi{max-width:190px;opacity:1;margin-right:7px}
@media (max-width:520px){
  .wa-destek{right:12px;bottom:12px}
  .wa-yazi{display:none}
}
.iskonto-tablo.one-cikan{
  border:2px solid var(--green);background:var(--green-l);
  border-radius:var(--r);padding:14px 16px;margin:14px 0;
}
.iskonto-tablo.one-cikan .it-bas{
  display:flex;align-items:center;gap:8px;flex-wrap:wrap;
  font-family:var(--disp);font-size:15px;font-weight:800;color:var(--green);margin-bottom:10px;
}
.iskonto-tablo.one-cikan .it-bas small{
  font-weight:600;font-size:12px;color:var(--ink-2);font-family:var(--body,inherit);
}
.iskonto-tablo.one-cikan table{width:100%;border-collapse:collapse;background:var(--paper);border-radius:8px;overflow:hidden}
.iskonto-tablo.one-cikan th{
  font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-3);
  text-align:left;padding:8px 10px;border-bottom:1px solid var(--line);
}
.iskonto-tablo.one-cikan td{padding:9px 10px;font-size:13.5px;border-bottom:1px solid var(--line)}
.iskonto-tablo.one-cikan tr:last-child td{border-bottom:0}
.iskonto-tablo.one-cikan .it-oran{color:var(--orange-txt);font-weight:800}
.iskonto-tablo.one-cikan .it-not{margin:9px 0 0;font-size:12px;color:var(--ink-2)}
.ub-sor{padding:14px 16px;background:var(--bg);border:1px dashed var(--line);border-radius:var(--r)}
.ub-sor b{display:block;font-family:var(--disp);font-size:17px;color:var(--ink);margin-bottom:4px}
.ub-sor span{font-size:13px;color:var(--ink-2)}
.ub-sepet.tek .ekle-btn{width:100%;justify-content:center;text-decoration:none}
.ub-sor-not{margin:8px 0 0;font-size:12.5px;color:var(--ink-2)}
.ub-sor-not a{color:var(--green);font-weight:700}
.ub-zincir{
  display:flex;align-items:center;gap:9px;margin:12px 0 0;padding:10px 13px;
  background:#eaf4f7;border:1px solid #cfe3ea;border-radius:var(--r);
  font-size:13px;color:#1c5c70;
}
.ub-zincir svg{width:18px;height:18px;flex:0 0 18px}
.sl-kutu{border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--paper)}
.sl-kutu + .sl-kutu{margin-top:10px}
.sl-kutu.son{border-color:var(--green);box-shadow:0 0 0 3px var(--green-l)}
.sl-kutu .sl-satir{border:0;border-radius:0}
.sl-etiket{
  display:inline-block;margin-left:7px;padding:1px 8px;border-radius:99px;
  background:var(--green);color:#fff;font-size:10.5px;font-weight:800;font-style:normal;
}
.sl-tekrar{border-top:1px solid var(--line);padding:8px 14px;background:var(--bg)}
.sl-tekrar button{
  display:inline-flex;align-items:center;gap:7px;
  font-size:13px;font-weight:700;color:var(--green);padding:4px 0;
}
.sl-tekrar button:hover{color:var(--orange)}
.sl-tekrar svg{width:15px;height:15px}
.oz-arac{margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}
.oz-sablon{display:flex;flex-direction:column;gap:7px}
.oz-sablon input{
  width:100%;padding:9px 12px;border:1px solid var(--line);border-radius:9px;
  font:inherit;font-size:13px;background:var(--paper);
}
.oz-sablon button{
  display:flex;align-items:center;justify-content:center;gap:7px;height:38px;border-radius:9px;
  background:var(--bg);border:1px solid var(--line);font-weight:700;font-size:13px;color:var(--ink);
}
.oz-sablon button:hover{background:var(--green-l);border-color:var(--green);color:var(--green)}
.oz-sablon svg,.oz-indir svg{width:15px;height:15px}
.oz-indir{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px;font-size:12.5px;color:var(--ink-2)}
.oz-indir a{display:inline-flex;align-items:center;gap:5px;color:var(--green);font-weight:700}
.oz-indir a:hover{color:var(--orange)}
.ft-bulten{
  display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;
  padding:18px 22px;margin:22px 0;border-radius:var(--r-l);
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);
}
.fb-yazi b{display:block;font-family:var(--disp);font-size:16px;color:#fff;margin-bottom:3px}
.fb-yazi span{font-size:13px;color:rgba(255,255,255,.7)}
.fb-form{display:flex;gap:8px;flex:1;min-width:260px;max-width:440px}
.fb-form input{
  flex:1;min-width:0;padding:11px 15px;border-radius:99px;border:1px solid rgba(255,255,255,.2);
  background:rgba(255,255,255,.08);color:#fff;font:inherit;font-size:13.5px;
}
.fb-form input::placeholder{color:rgba(255,255,255,.55)}
.fb-form input:focus{outline:2px solid rgba(255,255,255,.35);outline-offset:-1px}
.fb-form button{
  padding:11px 22px;border-radius:99px;background:var(--orange);color:#fff;
  font-weight:800;font-size:13.5px;font-family:var(--disp);white-space:nowrap;
}
.fb-form button:hover{background:#fff;color:var(--green)}
.fb-mesaj{width:100%;margin:4px 0 0;font-size:12.5px;color:#ffd9a8}
@media (max-width:640px){ .ft-bulten{flex-direction:column;align-items:stretch} .fb-form{max-width:none} }
.rail-sec.oneri-ray{background:#fffaf2;border-color:#f0e0c4}
.rail-sec.oneri-ray .rh-ic{background:#fdf0d8;color:#8a6416}
.rail-sec.oneri-ray h2{color:#8a6416}
.sepet-hatirlat{background:#fff5e6;border-bottom:1px solid #f0dfc0}
.sh-in{display:flex;align-items:center;gap:10px;padding:9px 0;font-size:13px;color:#8a6416;flex-wrap:wrap}
.sh-in svg{width:16px;height:16px;flex:0 0 16px}
.sh-in a{margin-left:auto;font-weight:800;color:var(--green);text-decoration:underline}
.sh-in a:hover{color:var(--orange)}
.sepet-ozet, .siparis-ozet{padding-bottom:8px}
.sepet-ozet::after, .siparis-ozet::after{content:"";display:block;height:74px}
@media (max-width:900px){
  .sepet-ozet::after, .siparis-ozet::after{height:0}
}
.p-o.p-yer{visibility:hidden}
.urun-izgara{align-items:stretch}
.bn-ph{top:50%;bottom:auto;width:112px;height:112px;padding:8px;background:#fff;border-radius:14px;
  opacity:1;filter:none;transform:translateY(-50%);box-shadow:0 10px 24px rgba(0,0,0,.22)}
.bn:hover .bn-ph{transform:translateY(calc(-50% - 5px)) scale(1.04)}
@media (max-width:640px){.bn-ph{width:84px;height:84px;padding:6px}}
.pc-al .add{white-space:nowrap;padding:0 8px;min-height:40px}
.rail .pc-al .add .ic{display:none}
@media (max-width:1280px){.pc-al .add .ic{display:none}}
.pc-link img.pc-a{position:absolute;inset:0;width:100%;height:100%;filter:none}
.pc-kademe{overflow:hidden}
.pk-satir span{overflow:hidden;text-overflow:ellipsis;min-width:0;white-space:nowrap}
.bayi-serit{
  display:inline-flex;align-items:center;gap:7px;margin-top:10px;
  padding:7px 13px;border-radius:99px;
  background:var(--green-l);border:1px solid #cfe4d9;
  font-size:13px;font-weight:600;color:var(--green);
}
.bayi-serit svg{width:15px;height:15px;flex:none}
.ub-bayi{
  display:inline-flex;align-items:center;gap:5px;margin-left:9px;
  padding:3px 9px;border-radius:99px;background:var(--green-l);
  font-size:11.5px;font-weight:700;color:var(--green);vertical-align:middle;
}
.ub-bayi svg{width:12px;height:12px;flex:none}
.marka-kart.bayi{border-color:#cfe4d9}
.mk-bayi{
  display:inline-flex;align-items:center;gap:4px;margin-top:5px;
  font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;
  color:var(--green-2);
}
.mk-bayi svg{width:11px;height:11px;flex:none}
.cari-ozet {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 12px; margin: 0 0 18px;
}
.co-kutu {
  padding: 16px; background: #fff;
  border: 1px solid var(--line); border-radius: 14px;
}
.co-kutu.borc { border-color: var(--green); border-width: 1.5px; }
.co-etiket { display: block; font-size: 12.5px; color: var(--ink-3); margin-bottom: 4px; }
.co-deger {
  display: block; font-size: 24px; font-weight: 800; letter-spacing: -.4px;
  color: var(--ink); font-variant-numeric: tabular-nums;
}
.co-kutu small { display: block; margin-top: 3px; font-size: 12px; color: var(--ink-3); }
.cari-uyari {
  display: flex; gap: 9px; align-items: flex-start;
  margin: 0 0 18px; padding: 13px 15px;
  background: #fdf6ee; border: 1px solid #eddcc6; border-radius: 12px;
  font-size: 13.5px; line-height: 1.55; color: #7a4a12;
}
.cari-uyari svg { width: 17px; height: 17px; flex: 0 0 17px; margin-top: 2px; }
.cari-odeme {
  margin: 0 0 24px; padding: 16px;
  background: var(--green-soft, #f4faf6); border: 1px solid var(--line); border-radius: 14px;
}
.cari-odeme h2 { margin: 0 0 6px; font-size: 15px; }
.cari-odeme p { margin: 0 0 6px; font-size: 13.5px; line-height: 1.6; color: var(--ink-2); }
.cari-not { font-size: 12.5px !important; color: var(--ink-3) !important; }
.cari-baslik { margin: 0 0 12px; font-size: 16px; }
.cari-tablo { width: 100%; border-collapse: collapse; font-size: 13.5px; }
.cari-tablo th {
  text-align: left; padding: 9px 10px; font-size: 12px; font-weight: 700;
  color: var(--ink-3); border-bottom: 1px solid var(--line); white-space: nowrap;
}
.cari-tablo td { padding: 11px 10px; border-bottom: 1px solid #f0f2f0; vertical-align: top; }
.cari-tablo .sag { text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; }
.cari-tablo small { color: var(--ink-3); font-size: 12px; }
.ct-borc  { font-weight: 700; color: var(--ink); }
.ct-odeme { font-weight: 700; color: var(--green-2, #008031); }
.ct-gecmis { color: #9a2f22 !important; font-weight: 600; }
.tablo-kaydir { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.bayi-sec{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-l);padding:18px}
.bayi-sira{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(230px,calc((100% - 3*12px)/4));
  gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:2px}
.bayi-sira::-webkit-scrollbar{display:none}
.bayi-kart{display:flex;align-items:center;gap:12px;padding:10px 14px 10px 10px;scroll-snap-align:start;
  border:1px solid var(--line);border-radius:var(--r);background:#fff;transition:.22s var(--ease);min-width:0}
.bayi-kart:hover{border-color:var(--green-2);box-shadow:var(--sh-s);transform:translateY(-2px)}
.bk-g{width:64px;height:64px;flex:none;border-radius:10px;background:#fff;display:grid;place-items:center;overflow:hidden}
.bk-g img{width:100%;height:100%;object-fit:contain}
.bk-g svg{width:26px;height:26px;color:var(--green-2)}
.bk-y{display:flex;flex-direction:column;gap:3px;min-width:0}
.bk-y b{font-family:var(--disp);font-size:15.5px;font-weight:800;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bk-r{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;font-weight:700;letter-spacing:.05em;
  text-transform:uppercase;color:var(--green-2)}
.bk-r svg{width:11px;height:11px;flex:none}
.bk-n{font-size:12px;color:var(--ink-3)}
@media (max-width:640px){.bayi-sira{grid-auto-columns:minmax(210px,80%)}}
.pc-not{display:flex;align-items:flex-start;gap:6px;margin-top:7px;padding:6px 8px;border-radius:8px;
  background:var(--amber-l,#fff7e6);color:#7a5200;font-size:11.5px;line-height:1.35;font-weight:600}
.pc-not svg{width:13px;height:13px;flex:none;margin-top:1px}
.ub-not-serit{display:flex;align-items:flex-start;gap:9px;margin:14px 0;padding:12px 14px;border-radius:12px;
  background:var(--amber-l,#fff7e6);border:1px solid #f0d79a;color:#7a5200;font-size:14px;font-weight:600;line-height:1.45}
.ub-not-serit svg{width:18px;height:18px;flex:none;margin-top:1px}
.side-promo.alt{background:linear-gradient(150deg,#b45309,var(--orange))}
.side-promo.wa{background:linear-gradient(150deg,#0f7a4a,#17a05f)}
.sp-badge.amber{background:#fff;color:#8a4b00}