:root{--green:#0d6b2f;--green2:#45a51f;--lime:#85d80d;--bg:#f6f8f3;--ink:#17301f;--muted:#6e7e71;--card:#fff;--border:#dfe7dc;--shadow:0 12px 35px rgba(17,74,34,.10)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;padding-bottom:90px}
button,input,select,textarea{font:inherit}.hidden{display:none!important}
.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:12px;padding:10px 18px;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}
.brand-logo{width:76px;height:76px;object-fit:contain}.topbar div{flex:1}.topbar small{display:block;color:var(--muted);margin-top:3px}
.icon-btn{border:0;background:#eef5eb;border-radius:14px;width:44px;height:44px;font-size:20px}
main{max-width:1180px;margin:auto;padding:18px}.hero{min-height:260px;border-radius:28px;padding:34px;display:flex;align-items:center;background:linear-gradient(135deg,#0b5f2b,#6fc516);color:#fff;box-shadow:var(--shadow);overflow:hidden;position:relative}
.hero:after{content:"";position:absolute;right:-70px;top:-80px;width:340px;height:340px;background:url('assets/logo-sultan.png') center/contain no-repeat;opacity:.18}
.hero h1{font-size:clamp(2rem,5vw,4.2rem);line-height:.95;max-width:760px;margin:12px 0}.hero p{font-size:1.06rem;max-width:590px}.pill,.eyebrow{display:inline-block;font-size:.78rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.pill{padding:8px 12px;background:rgba(255,255,255,.16);border-radius:999px}
.toolbar{padding:24px 0 8px}.toolbar input{width:100%;padding:16px 18px;border:1px solid var(--border);border-radius:16px;background:#fff;outline:none}.chips{display:flex;gap:8px;overflow:auto;padding:12px 0}.chip{white-space:nowrap;border:1px solid var(--border);background:#fff;padding:9px 13px;border-radius:999px}.chip.active{background:var(--green);color:#fff;border-color:var(--green)}
.section-head{display:flex;justify-content:space-between;align-items:end;margin:26px 0 12px}.section-head h2,.admin h1{margin:4px 0}.eyebrow{color:var(--green)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}.product{background:var(--card);border:1px solid var(--border);border-radius:20px;overflow:hidden;box-shadow:0 6px 18px rgba(0,0,0,.04)}
.product-visual{height:150px;display:grid;place-items:center;background:linear-gradient(145deg,#f3f8ed,#e4f4d5);font-size:74px}.product-body{padding:14px}.product h3{margin:0 0 5px}.price{font-size:1.35rem;font-weight:900;color:var(--green)}.muted{color:var(--muted)}.qty{display:flex;gap:8px;align-items:center;margin-top:12px}.qty button{width:38px;height:38px;border:0;border-radius:12px;background:#eef5eb}.add{flex:1;border:0;border-radius:12px;background:var(--green);color:#fff;font-weight:800;padding:10px}
.cartbar{position:fixed;bottom:14px;left:50%;transform:translateX(-50%);width:min(760px,calc(100% - 24px));z-index:30;background:#163821;color:#fff;border-radius:18px;padding:11px 12px 11px 18px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 20px 45px rgba(0,0,0,.22)}.cartbar small{display:block;opacity:.8}.primary,.secondary,.whatsapp{border:0;border-radius:13px;padding:12px 16px;font-weight:850}.primary{background:var(--green);color:#fff}.secondary{background:#eef5eb;color:var(--green)}.whatsapp{width:100%;background:#25D366;color:#073d1a;padding:15px;margin-top:8px}
dialog{border:0;border-radius:22px;padding:0;width:min(560px,calc(100% - 24px));box-shadow:0 30px 80px rgba(0,0,0,.28)}dialog::backdrop{background:rgba(8,25,13,.55)}.dialog-card{padding:24px}.close{float:right;border:0;background:#eef2ec;border-radius:10px;width:36px;height:36px}.dialog-card label{display:block;font-weight:700;margin:12px 0}.dialog-card input,.dialog-card select,.dialog-card textarea{display:block;width:100%;margin-top:6px;border:1px solid var(--border);border-radius:12px;padding:12px;background:#fff}.total-row{display:flex;justify-content:space-between;font-size:1.2rem;border-top:1px solid var(--border);padding-top:15px;margin-top:15px}.cart-item{display:grid;grid-template-columns:1fr auto;gap:10px;padding:10px 0;border-bottom:1px solid var(--border)}.cart-item small{display:block;color:var(--muted)}
.admin-head{display:flex;justify-content:space-between;gap:15px;align-items:center}.admin-actions{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.admin-list{display:grid;gap:10px}.admin-row{background:#fff;border:1px solid var(--border);border-radius:16px;padding:14px;display:grid;grid-template-columns:1fr auto auto auto;gap:12px;align-items:center}.badge{font-size:.78rem;border-radius:999px;padding:7px 10px;background:#eef5eb}.badge.off{background:#f0eeee;color:#8a4040}.star{color:#b77900}.scanner{position:relative;background:#102317;border-radius:20px;padding:14px;margin:15px 0;color:#fff}.scanner video{width:100%;max-height:360px;border-radius:14px;background:#000}.manual{display:flex;gap:8px;margin-top:12px}.manual input{flex:1;padding:12px;border-radius:12px;border:0}.hint{opacity:.7}.switchrow{display:flex!important;align-items:center;gap:10px}.switchrow input{width:auto!important;margin:0!important}.full{width:100%}
@media(max-width:680px){.topbar{padding:7px 10px}.brand-logo{width:58px;height:58px}.topbar small{font-size:.72rem}.hero{padding:24px;min-height:230px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.product-visual{height:120px;font-size:58px}.product-body{padding:11px}.product h3{font-size:.96rem}.price{font-size:1.08rem}.admin-row{grid-template-columns:1fr auto}.admin-row .badge{display:none}.admin-head{align-items:flex-start;flex-direction:column}.manual{flex-direction:column}}

.kit-card{border:2px solid #d9eec9}.kit-contents{margin-top:10px;padding:10px;border-radius:12px;background:#f5faef;font-size:.88rem;line-height:1.55}
.kit-items-editor{display:grid;gap:8px}.kit-item-row{display:grid;grid-template-columns:2fr .7fr .8fr auto;gap:7px}.kit-item-row select,.kit-item-row input{margin:0!important}
@media(max-width:680px){.kit-item-row{grid-template-columns:1fr 90px}.kit-item-row .kit-unit{grid-column:1/2}}

.order-saved{margin:10px 0;padding:10px 12px;border-radius:12px;background:#e9f8e8;color:#13652a;font-weight:800;text-align:center}
.order-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:10px 0 18px}
.summary-card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:16px;display:flex;flex-direction:column}
.summary-card strong{font-size:1.7rem;color:var(--green)}
.summary-card span{color:var(--muted);font-size:.85rem}
.orders-list{display:grid;gap:12px}
.order-card{background:#fff;border:1px solid var(--border);border-radius:18px;padding:16px;box-shadow:0 6px 18px rgba(0,0,0,.04)}
.order-card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.order-card h3{margin:3px 0}
.order-total{font-size:1.25rem;color:var(--green)}
.order-items{margin:14px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:8px 0}
.order-items div{display:flex;justify-content:space-between;gap:10px;padding:6px 0}
.order-meta{font-size:.9rem;color:var(--muted);margin-top:5px}
.order-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}
.order-actions select{border:1px solid var(--border);border-radius:12px;padding:10px;background:#fff}
@media(max-width:680px){.order-summary{grid-template-columns:repeat(2,1fr)}.order-card-head{align-items:flex-start}.order-actions{flex-direction:column}.order-actions select,.order-actions button{width:100%}}

.staging-banner{background:#ffe9a8;color:#614700;text-align:center;font-weight:900;padding:7px 12px;font-size:.82rem;letter-spacing:.04em}