:root{--d:#21150f;--b:#5f3c25;--g:#c89b4a;--bg:#f6f0e6;--l:#dfd0ba}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Arial;background:var(--bg);color:var(--d);padding-bottom:80px}header{display:flex;gap:1rem;align-items:center;padding:1.2rem;background:linear-gradient(135deg,var(--d),var(--b));color:#fff}header img{width:82px;height:82px;object-fit:contain;background:#fff8ed;border-radius:16px}header h1,header p{margin:.1rem 0}main{max-width:1150px;margin:auto;padding:1rem}.card{background:#fffaf1;border:1px solid var(--l);border-radius:18px;padding:1rem;margin-bottom:1rem}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}label{display:grid;gap:.4rem;font-weight:700;font-size:.85rem}input,textarea{padding:.85rem;border:1px solid var(--l);border-radius:10px;font:inherit}.head{display:flex;justify-content:space-between;gap:1rem}.products{display:grid;grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:1rem;margin-top:1rem}.product{background:#fff;border:1px solid var(--l);border-radius:15px;overflow:hidden}.product img{width:100%;height:150px;object-fit:cover}.product div{padding:.8rem}.product h3{font-size:1rem;margin:0}.product small{color:#776b61}.product strong{display:block;margin-top:.5rem;color:var(--b)}.cart-toggle{position:fixed;left:12px;right:12px;bottom:12px;border:0;border-radius:999px;background:var(--d);color:#fff;padding:1rem;font-weight:900;z-index:40}.drawer{position:fixed;left:0;right:0;bottom:-110%;background:#fff;padding:1rem;border-radius:24px 24px 0 0;max-height:85vh;overflow:auto;z-index:50;transition:.25s;box-shadow:0 -18px 45px #0004}.drawer.open{bottom:0}.drawer-head,.row,.total{display:flex;justify-content:space-between;gap:1rem}.row{padding:.8rem 0;border-bottom:1px solid var(--l)}.qty button{width:30px;height:30px}.total{font-size:1.3rem;padding:1rem 0}.send{width:100%;background:#27715c;color:#fff;border:0;border-radius:10px;padding:1rem;font-weight:900;margin-top:1rem}footer{text-align:center;padding:1rem;font-size:.8rem}@media(max-width:700px){.form-grid{grid-template-columns:1fr}.head{display:block}.products{grid-template-columns:1fr 1fr}.product img{height:120px}}
.tracking-status{margin:1rem 0;padding:1rem;border-radius:16px;background:#fff;border:1px solid var(--line)}
.status-icon{font-size:2.6rem}.tracking-status h3{margin:.35rem 0}.tracking-status p{margin:.2rem 0;color:var(--muted)}
.tracking-steps{display:flex;align-items:flex-start;justify-content:center;margin:1.2rem 0;overflow-x:auto}
.tracking-step{min-width:72px;text-align:center;color:#9b9189}.tracking-step span{width:34px;height:34px;margin:auto;border-radius:50%;display:grid;place-items:center;background:#e8e1d8;font-weight:900}.tracking-step b{display:block;margin-top:.4rem;font-size:.72rem}
.tracking-step.active{color:var(--brown)}.tracking-step.active span{background:var(--gold);color:#21150f}.tracking-step.done{color:var(--green)}.tracking-step.done span{background:var(--green);color:#fff}
.tracking-line{width:35px;height:3px;background:#e8e1d8;margin-top:16px;flex:0 0 35px}.tracking-line.done{background:var(--green)}
.tracking-updated{font-size:.75rem;color:var(--muted)}.track-refresh{border:1px solid var(--line);background:#fff;border-radius:10px;padding:.7rem 1rem;font-weight:800}
.order-success-card.ready{background:#e8f7ee;border-color:#79be98;animation:readyPulse 1.3s ease-in-out 2}
@keyframes readyPulse{50%{transform:scale(1.02);box-shadow:0 0 0 8px rgba(39,113,92,.12)}}

.customer-header{position:relative}
.customer-language{position:absolute;top:12px;right:12px;border:1px solid rgba(255,255,255,.4);border-radius:9px;padding:.45rem .6rem;font-weight:800}
.customer-product{position:relative}
.customer-product.selected{border:3px solid #27715c;box-shadow:0 0 0 4px rgba(39,113,92,.14);transform:translateY(-2px)}
.selected-badge{position:absolute;top:8px;right:8px;z-index:3;background:#27715c;color:#fff;border-radius:999px;padding:.35rem .55rem;font-size:.78rem;font-weight:900}
html[dir="rtl"] .customer-language{right:auto;left:12px}
html[dir="rtl"] .selected-badge{right:auto;left:8px}

.customer-header{position:relative!important}
.customer-language{
 position:absolute!important;top:10px!important;right:10px!important;z-index:50!important;
 display:block!important;visibility:visible!important;opacity:1!important;
 background:#fff!important;color:#21150f!important;border:3px solid #c89b4a!important;
 border-radius:999px!important;padding:.55rem .8rem!important;font-weight:900!important;
 box-shadow:0 6px 18px rgba(0,0,0,.3)!important
}
.product{position:relative!important}
.product.selected{
 border:4px solid #27715c!important;
 box-shadow:0 0 0 5px rgba(39,113,92,.2),0 10px 25px rgba(0,0,0,.15)!important
}
.selection-indicator{
 display:none;position:absolute;top:8px;right:8px;z-index:40;
 align-items:center;gap:.3rem;background:#27715c;color:#fff;
 border-radius:999px;padding:.38rem .58rem;font-weight:900;
 box-shadow:0 5px 15px rgba(0,0,0,.3)
}
.selection-indicator.visible{display:flex!important}
.selection-indicator>span{
 width:24px;height:24px;border-radius:50%;display:grid;place-items:center;
 background:#fff;color:#27715c;font-size:1rem
}
html[dir='rtl'] .customer-language{right:auto!important;left:10px!important}
html[dir='rtl'] .selection-indicator{right:auto;left:8px}

[hidden]{display:none!important}
#customerProducts:empty::before{
  content:"Loading products…";
  display:block;
  padding:1rem;
  color:#6f6257;
}

.startup-error{
  grid-column:1/-1;
  padding:1rem;
  border:1px solid #b84b3d;
  background:#fff0ee;
  color:#8c2f24;
  border-radius:12px;
  font-weight:700;
}