:root{--bg:#f4f6f9;--card:#fff;--ink:#1c2430;--muted:#6b7686;--line:#e2e7ee;--pri:#1f6feb;--pri-d:#1858bd;--ok:#157f3b;--err:#c62828;--warn:#b26a00}
*{box-sizing:border-box}
body{margin:0;font:15px/1.45 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;background:var(--bg);color:var(--ink)}
a{color:var(--pri);text-decoration:none}
code{background:#eef1f5;padding:1px 5px;border-radius:4px;font-size:.9em}
pre{background:#10151c;color:#d6e2f0;padding:12px;border-radius:8px;overflow:auto;font-size:13px}
h1{font-size:22px;margin:0}h2{font-size:18px}h3{font-size:16px;margin-top:0}
.muted{color:var(--muted)}.small{font-size:12.5px}.center{text-align:center}.pad{padding:30px}.r{text-align:right}.c{text-align:center}.nowrap{white-space:nowrap}.big{font-size:22px;font-weight:700}

.topbar{display:flex;align-items:center;gap:20px;background:#0f1b2d;color:#fff;padding:0 18px;height:52px}
.topbar a{color:#cdd8e8}.topbar .brand{color:#fff;font-weight:700;font-size:17px}
.topbar nav{display:flex;gap:4px;flex:1}
.topbar nav a{padding:8px 12px;border-radius:6px}.topbar nav a:hover,.topbar nav a.active{background:#1d3150;color:#fff}
.who{font-size:13px;color:#9fb0c8}
.container{max-width:none;width:100%;margin:0 auto;padding:18px 24px}

.flash{padding:10px 14px;border-radius:8px;margin-bottom:14px;background:#e7f6ec;color:var(--ok);border:1px solid #bfe6cd}
.flash.err{background:#fdecec;color:var(--err);border-color:#f5c2c2}

.btn{display:inline-block;border:1px solid var(--line);background:#fff;color:var(--ink);padding:8px 14px;border-radius:8px;font:inherit;cursor:pointer}
.btn:hover{background:#f0f3f8}.btn:disabled{opacity:.5;cursor:not-allowed}
.btn.primary{background:var(--pri);border-color:var(--pri);color:#fff}.btn.primary:hover{background:var(--pri-d)}
.btn.danger{color:var(--err);border-color:#f0c4c4}.btn.sm{padding:4px 10px;font-size:13px}
.btn.lg{padding:14px;font-size:16px;flex:1}.btn.xl{padding:16px;font-size:18px;width:100%}
input,select,textarea{font:inherit;padding:8px 10px;border:1px solid #c9d2de;border-radius:8px;background:#fff;width:100%}
input[type=checkbox]{width:auto}
label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--muted)}
label.check{flex-direction:row;align-items:center;gap:8px;color:var(--ink);font-size:14px}
.inline{display:inline-flex;gap:6px;align-items:center;margin:0}.inline input{width:auto}
.stack{display:flex;flex-direction:column;gap:12px}
.actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px;margin-bottom:16px}
.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.span2{grid-column:1/-1}
.page-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;flex-wrap:wrap}
.tabs{display:flex;gap:4px;margin-bottom:14px;border-bottom:1px solid var(--line)}
.tabs a{padding:9px 16px;color:var(--muted);border-bottom:3px solid transparent}.tabs a.active{color:var(--pri);border-color:var(--pri);font-weight:600}

.tbl{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.tbl th,.tbl td{padding:9px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}
.tbl th{background:#f0f3f8;font-size:12.5px;text-transform:uppercase;letter-spacing:.03em;color:var(--muted)}
.tbl th.r,.tbl td.r{text-align:right}.tbl th.c,.tbl td.c{text-align:center}
.tbl.compact td{padding:6px 12px}.tbl tr.dim{opacity:.55}
.tbl td input[type=number]{width:80px;text-align:right}
.tag{background:#e8eef8;color:#35527e;padding:2px 8px;border-radius:99px;font-size:12px}
.pager{display:flex;gap:4px;margin-top:12px;flex-wrap:wrap;align-items:center}.pager .gap{padding:0 4px;color:var(--muted)}.pager a{padding:5px 10px;border:1px solid var(--line);border-radius:6px;background:#fff}.pager a.active{background:var(--pri);color:#fff;border-color:var(--pri)}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:16px}
.stat span{color:var(--muted);display:block}.stat b{font-size:22px}

/* Kasa */
.pos{display:grid;grid-template-columns:minmax(360px,5fr) minmax(0,6fr);gap:16px;align-items:start}
.scan{position:relative;margin-bottom:12px}
.scan input{font-size:20px;padding:14px 16px;border:2px solid var(--pri)}
.suggest{position:absolute;left:0;right:0;top:100%;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.12);z-index:20;max-height:320px;overflow:auto}
.suggest div{padding:10px 14px;cursor:pointer;border-bottom:1px solid var(--line)}.suggest div:hover{background:#eef4ff}
.pos-left{display:flex;flex-direction:column;gap:0;min-height:calc(100vh - 100px)}
.cart-wrap{flex:1;overflow:auto;max-height:calc(100vh - 330px)}
.total-bar{position:sticky;bottom:0;margin-top:12px;background:#0f1b2d;color:#fff;border-radius:12px;padding:14px 18px;display:flex;justify-content:space-between;align-items:center;gap:14px}
.total-bar .muted{color:#9fb0c8}.total-bar .total{font-size:34px;margin:0}
.total-actions{display:flex;gap:8px;align-items:center}.total-actions .xl{width:auto;padding:14px 26px}
.pos-right{display:flex;flex-direction:column;gap:10px}
.tabbar{display:flex;gap:8px;flex-wrap:wrap}.tabbtn{border:1px solid var(--line,#d5dbe5);background:#fff;color:#334155;border-radius:12px;padding:12px 16px;font-weight:600;font-size:15px;font-family:inherit;cursor:pointer;min-height:46px}.tabbtn.on{background:var(--pri,#1558b0);border-color:var(--pri,#1558b0);color:#fff}
.tiles-head{display:flex;gap:12px;align-items:center}.tiles-head label{white-space:nowrap}
.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}
.tile{background:#fff;border:1px solid var(--line);border-radius:12px;padding:8px;cursor:pointer;text-align:left;font:inherit;display:flex;flex-direction:column;gap:6px;transition:.12s}
.tile:hover{border-color:var(--pri);box-shadow:0 4px 14px rgba(31,111,235,.15)}.tile.hit{transform:scale(.96);background:#eef4ff}
.timg{aspect-ratio:1;background:#eef1f5;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:700;color:#a3afc0;overflow:hidden}
.timg img{width:100%;height:100%;object-fit:contain;background:#fff}
.tname{font-size:12.5px;line-height:1.25;height:3.75em;overflow:hidden;color:var(--ink)}
.tprice{font-weight:800;color:var(--pri)}
.total-box-old{background:#0f1b2d;color:#fff;border-radius:12px;padding:20px;text-align:center}
.total-box .muted{color:#9fb0c8}.total{font-size:42px;font-weight:800;margin:6px 0}
.qb{border:1px solid var(--line);background:#fff;border-radius:6px;width:30px;height:30px;font-size:16px;cursor:pointer}
.qb.x{color:var(--err)}.qi{width:56px!important;text-align:center;padding:5px!important}
.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#222;color:#fff;padding:10px 18px;border-radius:8px;z-index:200}

.modal{position:fixed;inset:0;background:rgba(10,18,30,.6);display:flex;align-items:center;justify-content:center;z-index:100;padding:12px}
.modal[hidden]{display:none}
.modal-box{background:#fff;border-radius:14px;padding:22px;width:560px;max-width:100%;max-height:94vh;overflow:auto;display:flex;flex-direction:column;gap:12px}
.modal-box h2{margin:0}
.pay-sum{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;text-align:center}
.pay-sum div{background:#f0f3f8;border-radius:10px;padding:10px}.pay-sum span{display:block;font-size:12px;color:var(--muted)}.pay-sum b{font-size:18px}
.pay-sum b.big{color:var(--pri);font-size:22px}
#payAmt{font-size:26px;text-align:right;font-weight:700}
.pay-methods{display:flex;gap:8px}.pay-methods small{display:block;font-size:11px;color:var(--muted)}
.pay-status{padding:10px 12px;border-radius:8px;background:#eef4ff}.pay-status.ok{background:#e7f6ec;color:var(--ok)}.pay-status.err{background:#fdecec;color:var(--err)}.pay-status.wait{background:#fff6e0;color:var(--warn)}
.pay-list{list-style:none;margin:0;padding:0}.pay-list li{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid var(--line)}.pay-list li span{flex:1}

.guest{display:flex;align-items:center;justify-content:center;min-height:100vh}
.guest-box{background:#fff;padding:28px;border-radius:14px;width:380px;max-width:94vw;box-shadow:0 10px 40px rgba(0,0,0,.08)}

/* Barkod etiketleri */
.label-sheet{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.label{background:#fff;border:1px dashed #bbb;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;padding:1mm;text-align:center;page-break-after:always;break-after:page}
.l-name{font-size:9pt;font-weight:600;line-height:1.05;max-height:2.2em;overflow:hidden}
.l-bc{max-width:100%;max-height:70%}.l-price{font-size:11pt;font-weight:800}

@media(max-width:900px){.pos{grid-template-columns:1fr}.pos-right{position:static}.form-grid{grid-template-columns:1fr}.topbar{flex-wrap:wrap;height:auto;padding:8px 12px}}
@media print{
  body{background:#fff}.no-print,.topbar{display:none!important}.container{padding:0;max-width:none}
  .label-sheet{display:block;margin:0}.label{border:0;gap:0}
}

.star{border:0;background:none;font-size:22px;line-height:1;cursor:pointer;color:#b8c2d0}.star.on{color:#f5a623}.star:hover{color:#f5a623}

/* ---------- Ekran klavyesi ---------- */
#osk{position:fixed;left:0;right:0;bottom:0;z-index:300;background:#dfe5ee;border-top:1px solid #b9c3d1;padding:10px;box-shadow:0 -8px 30px rgba(0,0,0,.18);user-select:none;-webkit-user-select:none;touch-action:manipulation}
#osk[hidden]{display:none}
.osk-row{display:flex;gap:6px;justify-content:center;margin-bottom:6px}
.osk-key{flex:1 1 0;min-width:0;max-width:92px;height:58px;border:1px solid #b4bfce;border-bottom-width:3px;background:#fff;border-radius:10px;font:600 20px/1 system-ui,sans-serif;color:var(--ink);cursor:pointer}
.osk-key:active{background:#cfe0ff;transform:translateY(1px)}
.osk-key.wide15{flex:1.5 1 0;max-width:140px}.osk-key.wide2{flex:2 1 0;max-width:180px}.osk-key.wide6{flex:6 1 0;max-width:520px;font-size:15px;font-weight:500;color:var(--muted)}
.osk-key.on{background:#cfe0ff;border-color:var(--pri)}
.osk-key.act{background:var(--pri);border-color:var(--pri-d);color:#fff}
#osk.osk-pad{left:50%;right:auto;transform:translateX(-50%);width:min(380px,100%);border-radius:16px 16px 0 0}
.osk-key.pad{max-width:none;height:72px;font-size:28px}
body.osk-open{padding-bottom:var(--osk-h,0)}
body.osk-open .modal{padding-bottom:calc(var(--osk-h,0) + 12px)}
body.osk-open .modal-box{max-height:calc(100vh - var(--osk-h,0) - 24px)}
body.osk-open.guest{align-items:flex-start;padding-top:20px}
body.osk-open.lg-body{align-items:center;justify-content:flex-start;padding-top:20px}   /* giriş sayfası sütun düzeninde: align-items yatay eksendir, sola kaymasın */

/* ---------- Dokunmatik ---------- */
@media (pointer:coarse){
  body{font-size:16px}
  .btn{min-height:48px;padding:10px 18px}.btn.sm{min-height:42px;padding:8px 14px}
  input,select,textarea{min-height:48px;font-size:17px}input[type=checkbox]{width:24px;height:24px;min-height:0}
  .topbar{height:60px}.topbar nav a{padding:12px 16px}
  .qb{width:44px;height:44px;font-size:20px}.qi{width:70px!important}
  .tiles{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.tile{padding:10px}
  .tbl td,.tbl th{padding:12px}
  .pay-methods .btn.lg{min-height:76px}
  html{-webkit-tap-highlight-color:transparent}
  .tile,.btn,.qb{user-select:none;-webkit-user-select:none;touch-action:manipulation}
}

/* ---------- Magaza secimi ---------- */
.field-label{font-size:13px;color:var(--muted);margin-bottom:-6px}
.store-pick{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.store-opt{position:relative;cursor:pointer;color:var(--ink);font-size:15px}
.store-opt input{position:absolute;opacity:0;pointer-events:none}
.store-opt span{display:flex;flex-direction:column;gap:2px;border:2px solid var(--line);border-radius:12px;padding:14px;min-height:64px;justify-content:center;background:#fff}
.store-opt small{color:var(--muted);font-size:12px}
.store-opt input:checked + span{border-color:var(--pri);background:#eef4ff;box-shadow:0 0 0 2px rgba(31,111,235,.15)}
.store-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}
.store-card{display:flex;flex-direction:column;gap:6px;align-items:flex-start;text-align:left;font:inherit;background:#fff;border:2px solid var(--line);border-radius:14px;padding:22px;cursor:pointer;min-height:110px}
.store-card b{font-size:19px}.store-card small{color:var(--muted)}.store-card:hover,.store-card.cur{border-color:var(--pri)}
.store-badge{background:#1d3150;padding:6px 12px;border-radius:99px;color:#fff!important}
.inline.wrap{flex-wrap:wrap;gap:4px 12px}.tbl td form.inline label.check{font-size:13px}
.guest-box{width:460px}

/* ---------- Cari ---------- */
.cust-bar{display:flex;justify-content:space-between;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 14px;margin-bottom:10px}
.cust-info b{display:block;font-size:17px}.btn.dim,.pay-methods .dim{opacity:.55}
.cust-list{display:flex;flex-direction:column;gap:6px;max-height:48vh;overflow:auto}
.cust-item{display:flex;justify-content:space-between;align-items:center;gap:10px;text-align:left;font:inherit;background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px 14px;cursor:pointer;min-height:56px}
.cust-item:hover{border-color:var(--pri);background:#f4f8ff}.cust-item small{display:block;color:var(--muted)}.cust-item em{font-style:normal;color:var(--err);font-weight:700;white-space:nowrap}
.pay-methods{flex-wrap:wrap}.pay-methods .btn.lg{flex:1 1 40%}
.bal-debt{color:var(--err);font-weight:700}.bal-credit{color:var(--ok);font-weight:700}
.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px 24px}.info-grid div span{display:block;font-size:12px;color:var(--muted)}
.mv-in{color:var(--ok)}.mv-out{color:var(--err)}
.big-bal{font-size:30px;font-weight:800}

/* ---------- Raporlar ---------- */
.chart-box{position:relative;height:260px}.chart-box.tall{height:340px}
.rep-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:16px}
.card h3 small{font-weight:400;margin-left:6px}
@media(max-width:900px){.rep-grid{grid-template-columns:1fr}}
.stat small{display:block;margin-top:2px}

/* ---------- Yonetici paneli ---------- */
.topbar .admin-link{background:#f5a623;color:#1c2430;font-weight:600;margin-left:auto}.topbar .admin-link:hover{background:#ffb93d;color:#1c2430}
.adm-shell{display:grid;grid-template-columns:240px 1fr;min-height:calc(100vh - var(--top))}
.adm-side{background:#0f1b2d;color:#cdd8e8;display:flex;flex-direction:column;padding:18px 12px;position:sticky;top:var(--top);height:calc(100vh - var(--top))}
.adm-brand{color:#fff;font-weight:700;font-size:17px;padding:4px 10px 18px}.adm-brand small{display:block;font-weight:400;color:#9fb0c8;font-size:12px;margin-top:2px}
.adm-side nav{display:flex;flex-direction:column;gap:4px;flex:1}
.adm-side nav a{display:flex;gap:10px;align-items:center;padding:12px 14px;border-radius:10px;color:#cdd8e8;font-size:15px}
.adm-side nav a:hover{background:#1d3150;color:#fff}.adm-side nav a.active{background:var(--pri);color:#fff}
.adm-foot{display:flex;flex-direction:column;gap:10px;padding:10px}.adm-foot a:not(.btn){color:#9fb0c8}.adm-foot .btn{text-align:center}
.adm-main{padding:22px 26px;max-width:none;width:100%}
body.admin{background:var(--bg)}
@media(max-width:900px){.adm-shell{grid-template-columns:1fr}.adm-side{position:static;height:auto}.adm-side nav{flex-direction:row;flex-wrap:wrap}}

.store-opt.admin-opt{grid-column:1/-1}
.store-opt.admin-opt input:checked + span{border-color:#f5a623;background:#fff7e6;box-shadow:0 0 0 2px rgba(245,166,35,.2)}

/* ---------- Kasa: sol bolum sabit, yalniz urunler kayar ---------- */
:root{--top:52px}
@media (pointer:coarse){:root{--top:60px}}
.topbar{position:sticky;top:0;z-index:50}
@media(min-width:901px){
  .pos-left{position:sticky;top:calc(var(--top) + 12px);height:calc(100vh - var(--top) - 24px);min-height:0}
  .cart-wrap{flex:1 1 auto;min-height:0;max-height:none;overflow-y:auto;overscroll-behavior:contain}
  .cart-wrap .tbl thead th{position:sticky;top:0;z-index:2}
  .total-bar{position:static;margin-top:10px;flex:0 0 auto}
}

/* ---------- Odeme penceresi: kalici tus takimi ---------- */
.modal-box.pay-box{width:880px;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;align-items:start}
.pay-left{display:flex;flex-direction:column;gap:12px;min-width:0}
.pay-pad{display:flex;flex-direction:column;gap:10px;position:sticky;top:0}
.pad-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.pad-grid button{height:74px;font:700 28px system-ui,sans-serif;background:#fff;border:1px solid #b4bfce;border-bottom-width:3px;border-radius:12px;cursor:pointer;touch-action:manipulation;user-select:none}
.pad-grid button:active,.pad-quick button:active{background:#cfe0ff}
.pad-quick{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.pad-quick button:nth-child(1),.pad-quick button:nth-child(2){grid-column:span 2}
.pad-quick button{height:52px;font:600 16px system-ui,sans-serif;background:#eef2f8;border:1px solid #c9d2de;border-radius:10px;cursor:pointer;touch-action:manipulation}
@media(max-width:820px){.modal-box.pay-box{grid-template-columns:1fr;width:560px}.pay-pad{position:static}}

/* ---------- Stok ---------- */
.mv-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;align-items:start}
.mv-side{display:flex;flex-direction:column;gap:12px;position:sticky;top:calc(var(--top) + 12px)}
.tabs{align-items:center;flex-wrap:wrap}.tabs-store{margin-left:auto}
@media(max-width:900px){.mv-grid{grid-template-columns:1fr}.mv-side{position:static}}
.total-actions{flex-wrap:wrap;justify-content:flex-end}
.qb.dsc{width:auto;min-width:26px;height:24px;padding:0 6px;font-size:12px;margin-left:4px}
#cartTbl td.c,#cartTbl td.r{white-space:nowrap}
#cartTbl .qb{width:38px;height:38px}
#cartTbl .qi{width:56px!important}
#cartTbl .qb.dsc{width:auto!important;height:28px!important;min-width:32px;padding:0 8px;font-size:13px;margin-left:6px}
#cartTbl th,#cartTbl td{padding:8px 6px}
#cartTbl td:first-child{min-width:0;overflow-wrap:anywhere}
.pr-mini{display:none}
@media(max-width:1500px){
  #cartTbl th:nth-child(2),#cartTbl td:nth-child(2){display:none}
  .pr-mini{display:inline}
  #cartTbl .qb{width:34px;height:34px}
  #cartTbl .qi{width:50px!important}
}
.told{color:var(--muted);font-weight:400;font-size:.85em}
#cartTbl tr.zero-price{background:#fff1f0}
.zp-note{color:#b42318;font-weight:700;font-size:12px}
.tprice.zero{color:#b42318!important;font-weight:800}

/* ---- Giriş sayfası (Refsan A.Ş. bayi kasa) · seramik / pişmiş toprak teması ---- */
body.lg-body{background:radial-gradient(900px 500px at 85% -10%,#f6e3d3 0,transparent 60%),#efe7db;flex-direction:column;gap:16px;padding:24px 0}
.lg-wrap{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(340px,1fr);width:min(940px,94vw);border-radius:22px;overflow:hidden;box-shadow:0 30px 70px rgba(120,60,30,.22),0 4px 14px rgba(120,60,30,.12)}
.lg-hero{background:#9c3a28;color:#fff;position:relative;overflow:hidden;min-height:580px;display:flex}
.lg-slides,.lg-slide,.lg-shade{position:absolute;inset:0}
.lg-slide{background-size:cover;opacity:0;animation:lgfade 18s infinite}
.lg-slide:nth-child(1){animation-delay:0s;opacity:1}.lg-slide:nth-child(2){animation-delay:6s}.lg-slide:nth-child(3){animation-delay:12s}
@keyframes lgfade{0%{opacity:0}6%{opacity:1}33%{opacity:1}39%{opacity:0}100%{opacity:0}}
.lg-shade{background:linear-gradient(180deg,rgba(60,20,10,.78) 0,rgba(60,20,10,.45) 42%,rgba(40,14,8,.82) 100%)}
.lg-hero-in{position:relative;padding:30px 32px 26px;display:flex;flex-direction:column;gap:8px;width:100%}
.lg-logo-pill{align-self:flex-start;display:flex;align-items:center;gap:14px;background:#fff;border-radius:14px;padding:10px 18px;box-shadow:0 8px 22px rgba(0,0,0,.28);margin-bottom:12px;line-height:0}
.lg-logo-pill img{display:block;max-width:100%}.lg-logo-sep{width:1px;height:38px;background:#e3d8cb}
.lg-hero h1{font-size:27px;line-height:1.2;margin:0;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.4)}
.lg-tag{margin:0 0 6px;color:#ffe3d3;font-size:13.5px}
.lg-feat{list-style:none;margin:auto 0 0;padding:14px 16px;display:flex;flex-direction:column;gap:10px;font-size:14px;color:#fff;background:rgba(30,10,5,.45);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.14);border-radius:14px}
.lg-feat span{display:inline-block;width:28px;height:28px;line-height:28px;text-align:center;border-radius:9px;background:rgba(255,255,255,.16);margin-right:8px}
.lg-site{display:inline-block;margin-top:14px;color:#fff;font-weight:600;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.55);align-self:flex-start}.lg-site:hover{border-bottom-color:#fff}
@media(prefers-reduced-motion:reduce){.lg-slide{animation:none}.lg-slide:not(:first-child){display:none}}
.lg-card{background:#fffdfa;padding:34px 34px 26px}
.lg-head h2{margin:0 0 4px;font-size:24px;color:#2b2623}.lg-head p{margin:0 0 18px}
.lg-card .field-label,.lg-card label{color:#7a6a60}
.lg-card input[type=text],.lg-card input[type=password],.lg-card input:not([type=radio]){border-color:#e3d8cb;background:#fff}
.lg-card input:not([type=radio]):focus{outline:2px solid rgba(200,85,61,.35);border-color:#c8553d}
.lg-card .store-opt span{border-color:#eadfd2;background:#fff}
.lg-card .store-opt input:checked + span{border-color:#c8553d;background:#fff3ec;box-shadow:0 0 0 2px rgba(200,85,61,.15)}
.lg-card .store-opt.admin-opt input:checked + span{border-color:#8f6b3a;background:#faf3e6;box-shadow:0 0 0 2px rgba(143,107,58,.18)}
.lg-card .store-pick{margin-bottom:6px}
.lg-btn{width:100%;padding:13px;font-size:16px;font-weight:600;margin-top:4px;background:#c8553d!important;border-color:#c8553d!important;color:#fff!important}
.lg-btn:hover{background:#b44630!important}
.lg-card a{color:#b44630}
.lg-foot{color:#8a7766;font-size:12.5px}
@media(max-width:860px){.lg-wrap{grid-template-columns:1fr}.lg-hero{min-height:0}.lg-feat{display:none}.lg-hero-in{padding:22px 22px 18px}.lg-hero h1{font-size:22px}}
@media(max-height:700px){.lg-feat{display:none}.lg-hero{min-height:0}}

.lg-select{width:100%;appearance:none;-webkit-appearance:none;margin-top:4px;padding:13px 42px 13px 14px;font:inherit;font-size:15.5px;color:#2b2623;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1 1l6 6 6-6' fill='none' stroke='%23c8553d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 15px center;border:1px solid #e3d8cb;border-radius:12px;cursor:pointer}
.lg-select:focus{outline:2px solid rgba(200,85,61,.35);border-color:#c8553d}

.topbar .brand img{display:block;height:30px;width:auto}
.subbar{display:flex;flex-direction:column;gap:8px}.crumbs{font-size:15px;color:#64748b;display:flex;flex-wrap:wrap;align-items:center;gap:4px}.crumb{border:0;background:none;color:#1f6feb;font-weight:600;font-size:15px;font-family:inherit;padding:6px 4px;cursor:pointer}.crumb.on{color:#1c2430;cursor:default}
.subtabs{display:flex;gap:8px;flex-wrap:wrap}.subtab{border:1px solid #cdd6e3;background:#fff;color:#334155;border-radius:10px;padding:10px 14px;font-weight:600;font-size:14px;font-family:inherit;cursor:pointer;min-height:42px}.subtab:active{background:#e8f0ff}
.catcard{display:flex;flex-direction:column;justify-content:center;gap:6px;text-align:left;border:1px solid #e2e7ee;background:linear-gradient(135deg,#fff 0%,#f3f6fb 100%);border-radius:14px;padding:18px 20px;min-height:110px;cursor:pointer;font-family:inherit}.catcard .cn{font-weight:700;font-size:17px;color:#1c2430;line-height:1.2}.catcard .cc{font-size:13px;color:#a8321f;font-weight:600}.catcard:active{background:#e8f0ff}
.catcard{position:relative;overflow:hidden}.catcard .cn,.catcard .cc{position:relative;z-index:2;max-width:58%}.catcard .cimg{position:absolute;right:0;top:0;bottom:0;width:52%;object-fit:cover;z-index:0}.catcard .cfade{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#f6f8fc 0%,#f6f8fc 42%,rgba(246,248,252,.55) 62%,rgba(246,248,252,0) 100%)}
/* Yonetici menusu gruplari */
.adm-side nav{overflow-y:auto}
.adm-grp{display:flex;flex-direction:column;gap:2px}
.adm-grp>summary{display:flex;gap:10px;align-items:center;padding:12px 14px;border-radius:10px;color:#9fb0c8;font-size:12.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;list-style:none;user-select:none}
.adm-grp>summary::-webkit-details-marker{display:none}.adm-grp>summary:hover{background:#16263e;color:#fff}
.adm-grp[open]>summary{color:#fff}
.adm-chev{margin-left:auto;font-style:normal;transition:transform .15s}.adm-grp[open] .adm-chev{transform:rotate(90deg)}
.adm-badge{margin-left:auto;font-style:normal;background:#e5484d;color:#fff;border-radius:999px;padding:1px 8px;font-size:12px;letter-spacing:0}
.adm-badge+.adm-chev{margin-left:8px}
.adm-grp>a{margin-left:10px;padding:10px 12px!important;font-size:14.5px!important}
@media(max-width:900px){.adm-grp{width:100%}}
.vcard{position:relative;grid-column:span 2;border:0;padding:0;border-radius:14px;overflow:hidden;cursor:pointer;background:#f3f6fb;aspect-ratio:16/9;font-weight:700;font-size:16px;font-family:inherit;color:#1c2430}.vcard img{width:100%;height:100%;object-fit:cover;display:block}.vcard .vn{position:absolute;right:8px;bottom:8px;background:rgba(255,255,255,.88);border-radius:999px;padding:2px 10px;font-size:12px;font-weight:700;color:#a8321f}.vcard:active{filter:brightness(.95)}
/* Alt toplam cubugu: toplam ve dugmeler tek satirda, kompakt */
.total-bar{flex-wrap:nowrap!important;padding:8px 12px!important;gap:10px!important}
.total-bar .total{font-size:22px!important;line-height:1.1;white-space:nowrap}
.total-bar .muted{font-size:12px}
.total-actions{flex-wrap:nowrap!important;gap:5px!important;flex:1;justify-content:flex-end}
.total-actions .btn{padding:8px 8px!important;font-size:13px!important;min-height:40px;white-space:nowrap}
.total-actions .btn.xl{padding:8px 12px!important;font-size:14px!important;font-weight:700}
.tiles .pad{grid-column:1/-1}
.vcard{display:flex;align-items:center;justify-content:center;text-align:center;padding:8px}.vcard img{position:absolute;inset:0}
/* Bekleyen siparisler: toplam cubugunun ustunde sekmeler */
.hold-tabs{display:flex;gap:6px;overflow-x:auto;padding:0 2px 2px;scrollbar-width:thin}
.hold-tabs[hidden]{display:none}
.hold-tab{flex:none;display:flex;flex-direction:column;align-items:flex-start;gap:1px;border:1px solid #d5dbe5;background:#fff;color:#1c2430;border-radius:10px 10px 0 0;padding:6px 12px;font-weight:600;font-size:13px;font-family:inherit;cursor:pointer;max-width:220px;text-align:left;min-height:46px}
.hold-tab:active{background:#e8f0ff}
.hold-tab .ht1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:196px}
.hold-tab .ht2{font-weight:400;font-size:11.5px;color:#6b7686}
.hold-tab.note{border-color:#e2c98a;background:#fff8e6}
.ownbar{display:flex;gap:8px;align-items:center}.ownbar .btn{min-height:44px}
.hold-tab.cur{background:#1f6feb;border-color:#1f6feb;color:#fff;cursor:default}.hold-tab.cur .ht2{color:#dbe8ff}
.hold-tab .dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#7fe39a;margin-right:6px}