:root{--green:#176b42;--green-dark:#0c4b2d;--green-pale:#edf7f1;--ink:#17221c;--muted:#66736c;--line:#dbe5df;--amber:#9a6300;--amber-bg:#fff7dc}*{box-sizing:border-box}html{background:#f3f6f3}body{margin:0;color:var(--ink);background:radial-gradient(circle at 85% 0%,#dfeee5 0,transparent 35%),#f3f6f3;font-family:Tahoma,Arial,sans-serif}button,input{font:inherit}button{cursor:pointer}.site-shell{min-height:100vh;display:flex;flex-direction:column}.site-header{height:76px;padding:0 max(24px,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.88);border-bottom:1px solid var(--line);backdrop-filter:blur(12px);position:sticky;top:0;z-index:30}.logo{display:flex;align-items:center;gap:10px}.logo>span,.brand-mark{display:grid;place-items:center;color:#fff;background:var(--green);font-weight:900;letter-spacing:-1px}.logo>span{width:40px;height:40px;border-radius:12px}.logo div{display:flex;flex-direction:column;line-height:1.15}.logo b{color:var(--green-dark);letter-spacing:.04em}.logo small{font-size:11px;color:var(--muted);margin-top:4px}.trial-pill{background:var(--amber-bg);color:var(--amber);border:1px solid #efd996;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:700}.page-wrap{width:min(100% - 28px,1180px);margin:0 auto;flex:1;display:grid;place-items:center;padding:44px 0 64px}footer{text-align:center;color:#7c8981;font-size:12px;padding:18px;border-top:1px solid var(--line);background:#fff}.panel,.hero-card{width:min(100%,760px);background:#fff;border:1px solid var(--line);border-radius:28px;padding:38px;box-shadow:0 20px 60px rgba(24,70,44,.08)}.panel.wide{width:min(100%,900px)}.panel.extra-wide{width:min(100%,1060px)}.hero-card{text-align:center;padding:58px 48px;position:relative;overflow:hidden}.hero-card:before{content:"";position:absolute;inset:0 0 auto;height:7px;background:linear-gradient(90deg,#e6b83e,var(--green))}.brand-mark{width:76px;height:76px;border-radius:22px;margin:0 auto 24px;font-size:25px;box-shadow:0 12px 25px rgba(23,107,66,.25)}.eyebrow{color:var(--green);font-size:13px;font-weight:800;letter-spacing:.06em;margin:0 0 9px}h1{margin:0 0 14px;font-size:clamp(27px,4vw,42px);line-height:1.28;letter-spacing:-.025em;color:var(--green-dark)}.hero-copy{color:var(--muted);font-size:18px;margin:0}.hero-note{background:var(--green-pale);border:1px solid #cce3d5;border-radius:16px;padding:15px 18px;margin:30px auto;color:#385446;max-width:570px;line-height:1.8}.primary,.secondary{border:0;border-radius:13px;padding:13px 22px;font-weight:800;min-height:48px;transition:.18s ease}.primary{background:var(--green);color:#fff;box-shadow:0 8px 18px rgba(23,107,66,.17)}.primary:hover{background:var(--green-dark);transform:translateY(-1px)}.primary:disabled{opacity:.4;cursor:not-allowed;transform:none}.secondary{background:#f5f7f5;color:#39473f;border:1px solid var(--line)}.secondary:hover{background:#edf2ef}.big{min-width:230px;font-size:16px}.stepper{display:flex;align-items:center;gap:13px;margin-bottom:30px;color:var(--muted);font-size:12px;font-weight:700}.step-track{flex:1;height:5px;border-radius:99px;background:#e7eee9;overflow:hidden}.step-track i{display:block;height:100%;background:var(--green);border-radius:inherit}.process-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:28px 0}.process-item{display:flex;align-items:center;gap:12px;padding:14px;background:#f8faf8;border:1px solid var(--line);border-radius:14px}.process-item b{width:32px;height:32px;display:grid;place-items:center;flex:0 0 auto;background:var(--green-pale);color:var(--green);border-radius:10px}.process-item span{font-size:14px;line-height:1.6}.nav-buttons{display:flex;justify-content:space-between;gap:12px;margin-top:32px}.nav-buttons .primary{min-width:150px}.rules-list{display:grid;gap:10px;margin-top:26px}.rules-list>div{display:flex;align-items:flex-start;gap:12px;padding:13px 15px;border:1px solid var(--line);border-radius:13px;background:#fbfcfb}.rules-list span{width:27px;height:27px;display:grid;place-items:center;background:var(--green);color:#fff;border-radius:8px;font-size:12px;font-weight:800;flex:0 0 auto}.rules-list p{margin:0;line-height:1.8;font-size:14px}.accept{display:flex;align-items:center;gap:11px;background:var(--green-pale);border:1px solid #c9e2d3;padding:15px;border-radius:13px;margin-top:20px;font-weight:800;cursor:pointer}.accept input{width:20px;height:20px;accent-color:var(--green)}.notice-card{padding:22px;border-radius:18px;margin:15px 0;line-height:1.8;border:1px solid}.notice-card b{display:block;font-size:18px;margin-bottom:4px}.notice-card p{margin:0}.notice-card small{display:block;margin-top:8px;opacity:.75}.notice-card.green{background:var(--green-pale);border-color:#c9e2d3;color:#274c39}.notice-card.amber{background:var(--amber-bg);border-color:#f0d990;color:#6e4b07}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:30px}.form-grid label,.search-wrap>label{display:flex;flex-direction:column;gap:8px;font-weight:800;font-size:14px}input{width:100%;border:1px solid #cbd7cf;border-radius:13px;padding:14px 15px;background:#fff;outline:none;color:var(--ink)}input:focus{border-color:var(--green);box-shadow:0 0 0 4px rgba(23,107,66,.1)}.field-hint,.search-help{color:var(--muted);font-size:12px;margin:10px 0 0}.order-heading{display:flex;justify-content:space-between;align-items:start;gap:20px}.cart-chip{background:var(--green-pale);color:var(--green-dark);padding:9px 13px;border-radius:999px;font-size:13px;font-weight:800;white-space:nowrap}.search-wrap{position:relative;margin:24px 0;z-index:10}.search-wrap>input{margin-top:8px;font-size:16px;padding:16px 18px}.results{position:absolute;right:0;left:0;top:82px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 20px 45px rgba(15,65,38,.16);max-height:420px;overflow:auto;padding:7px}.results button{width:100%;border:0;background:#fff;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:15px;text-align:right;padding:12px;border-radius:11px;color:var(--ink)}.results button:hover{background:var(--green-pale)}.results span{display:flex;flex-direction:column;gap:4px}.results small,.item-info span,.review-row small{color:var(--muted);font-size:11px}.results strong{color:var(--green-dark);white-space:nowrap}.results i{font-style:normal;background:var(--green);color:#fff;border-radius:8px;padding:7px 9px;font-size:12px}.empty-result{padding:18px;text-align:center;color:var(--muted)}.empty-result.error{color:#a13d35;line-height:1.7}.empty-cart{min-height:190px;border:2px dashed #d9e3dd;border-radius:18px;display:flex;flex-direction:column;gap:7px;align-items:center;justify-content:center;color:var(--muted)}.empty-cart b{color:#405048}.cart-list{display:grid;gap:9px}.cart-list article{display:grid;grid-template-columns:minmax(210px,1fr) auto 125px auto;align-items:center;gap:18px;border:1px solid var(--line);border-radius:15px;padding:13px 15px}.item-info{display:flex;flex-direction:column;gap:5px}.qty{display:flex;direction:ltr;align-items:center;border:1px solid #ccd8d0;border-radius:11px;overflow:hidden}.qty button{width:36px;height:38px;border:0;background:#f3f7f4;color:var(--green);font-size:20px}.qty input{width:50px;border:0;border-radius:0;padding:7px 3px;text-align:center;box-shadow:none}.cart-list article>strong{color:var(--green-dark);text-align:left}.remove{border:0;background:#fff1ef;color:#a13d35;border-radius:9px;padding:8px 10px;font-size:12px}.sticky-total{display:flex;justify-content:space-between;align-items:center;background:var(--green-dark);color:#fff;border-radius:15px;padding:15px 18px;margin-top:18px}.sticky-total strong{font-size:21px}.review-meta{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}.review-meta>div{padding:14px;background:#f7faf8;border:1px solid var(--line);border-radius:13px;display:flex;flex-direction:column;gap:5px}.review-meta span{color:var(--muted);font-size:12px}.review-table{border:1px solid var(--line);border-radius:16px;overflow:hidden}.review-row{display:grid;grid-template-columns:minmax(260px,1fr) 150px 90px 150px;gap:10px;padding:13px 16px;border-bottom:1px solid var(--line);align-items:center;font-size:14px}.review-row:last-child{border-bottom:0}.review-row>span:first-child{display:flex;flex-direction:column;gap:4px}.review-head{background:var(--green-pale);font-weight:800;color:var(--green-dark)}.review-row strong{color:var(--green-dark)}.totals-card{width:min(100%,520px);margin:22px 0 0 auto;border:1px solid var(--line);border-radius:17px;padding:8px 18px}.totals-card>div{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--line)}.totals-card>div:last-child{border:0}.totals-card .grand{font-size:18px;color:var(--green-dark)}.totals-card .deposit{margin:4px -10px;background:var(--amber-bg);padding:13px 10px;border-radius:10px;color:#6e4b07}.legal-note{background:#f7f7f3;border-right:4px solid #d7aa37;border-radius:10px;padding:13px 15px;color:#5d625e;font-size:13px;line-height:1.7;margin:20px 0}.success-card{text-align:center}.success-icon,.status-icon{width:68px;height:68px;border-radius:50%;display:grid;place-items:center;margin:4px auto 20px;font-size:34px;font-weight:900}.success-icon{background:var(--green-pale);color:var(--green)}.success-summary{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:25px 0}.success-summary span{display:flex;flex-direction:column;gap:7px;background:#f7faf8;border:1px solid var(--line);padding:16px;border-radius:14px;color:var(--muted)}.success-summary b{color:var(--green-dark);font-size:20px}.download-actions{display:flex;justify-content:center;gap:12px;margin-top:22px}.status-card{text-align:center}.status-icon{background:var(--amber-bg);color:var(--amber)}.status-card p{max-width:560px;margin:0 auto 20px;color:var(--muted);line-height:1.8}.status-card small{color:#849087}.toast{position:fixed;top:92px;left:50%;transform:translateX(-50%);background:#103f28;color:#fff;padding:11px 18px;border-radius:12px;z-index:100;box-shadow:0 10px 25px rgba(0,0,0,.18);font-size:13px}
.modal-overlay{position:fixed;inset:0;background:rgba(10,30,20,.62);z-index:200;display:grid;place-items:center;padding:18px;backdrop-filter:blur(4px)}.confirm-modal{width:min(100%,520px);background:#fff;border-radius:24px;padding:32px;text-align:center;box-shadow:0 28px 90px rgba(0,0,0,.3);animation:modal-in .18s ease-out}.confirm-modal h2{margin:0;color:var(--green-dark);font-size:25px}.confirm-modal>p:last-of-type{color:var(--muted);line-height:1.8;margin:16px auto 0;max-width:420px}.modal-icon{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;margin:0 auto 17px;background:var(--amber-bg);color:var(--amber);font-weight:900}.modal-amount{margin:18px auto 0;padding:14px 18px;border-radius:14px;background:var(--green-pale);color:var(--green-dark);font-size:29px;font-weight:900;border:1px solid #c9e2d3}.modal-actions{display:flex;gap:10px;margin-top:25px}.modal-actions button{flex:1}@keyframes modal-in{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
.filter-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(230px,.55fr);gap:12px;align-items:start}.search-field,.category-filter{display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:800}.category-filter select{width:100%;border:2px solid #a9cbbb;border-radius:13px;padding:14px 15px;background:#f6fbf8;color:var(--green-dark);outline:none;min-height:49px;font-weight:800}.category-filter select:focus{border-color:var(--green);box-shadow:0 0 0 4px rgba(23,107,66,.1)}.category-filter select:disabled{opacity:.65}.category-status{font-size:11px;color:var(--muted);font-weight:700}.category-status.error{color:#a13d35}.result-summary{margin:12px 2px 7px;color:var(--green-dark);font-size:12px;font-weight:800}.results{position:static;margin-top:0}.results small em{font-style:normal;color:var(--green);font-weight:800}
@media(max-width:720px){.site-header{height:66px;padding:0 14px}.logo small{display:none}.page-wrap{width:min(100% - 18px,1180px);padding:22px 0 38px;place-items:start center}.panel,.hero-card{padding:24px 17px;border-radius:20px}.hero-card{padding-top:40px}h1{font-size:27px}.process-grid,.form-grid,.review-meta,.success-summary,.filter-grid{grid-template-columns:1fr}.order-heading{align-items:center}.cart-list article{grid-template-columns:1fr auto;gap:11px}.cart-list article>.qty{grid-column:1}.cart-list article>strong{grid-column:2;grid-row:2}.remove{grid-column:2;grid-row:1}.review-table{border:0;display:grid;gap:10px;overflow:visible}.review-head{display:none}.review-row{grid-template-columns:1fr auto;gap:8px;background:#fff;border:1px solid var(--line);border-radius:13px;padding:13px}.review-row>span:first-child{grid-column:1/-1}.review-row>span:nth-child(2):before{content:"سعر القطعة: ";color:var(--muted)}.review-row>span:nth-child(3):before{content:"الكمية: ";color:var(--muted)}.review-row strong{grid-column:1/-1;background:var(--green-pale);padding:8px;border-radius:8px}.review-row strong:before{content:"الإجمالي: ";font-weight:normal}.results button{grid-template-columns:1fr auto}.results i{display:none}.nav-buttons,.download-actions,.modal-actions{flex-direction:column-reverse}.nav-buttons button,.download-actions button,.modal-actions button{width:100%}.totals-card{width:100%}.confirm-modal{padding:25px 18px;border-radius:20px}.modal-amount{font-size:26px}}
@media print{.site-header,footer,.nav-buttons,.download-actions,.stepper{display:none!important}body,.site-shell,.page-wrap{background:#fff!important}.page-wrap{padding:0;width:100%}.panel{box-shadow:none;border:0;width:100%!important;padding:0}}