:root{--bg:#EDE6D6;--card:#F8F4EA;--ink:#2B2620;--ink-soft:#6B6455;--olive:#5C6B32;--olive-deep:#414A24;--gold:#C9962E;--line:#D9CFB8;--shadow:0 1px 0 rgba(43,38,32,0.06)}*{box-sizing:border-box;margin:0;padding:0}body,html{background:var(--bg);color:var(--ink);font-family:IBM Plex Sans Arabic,sans-serif;overflow-x:hidden}.disp,h1,h2,h3{font-family:Cairo,sans-serif}.wrap{max-width:1080px;margin:0 auto;padding:0 24px}header{position:-webkit-sticky;position:sticky;top:0;z-index:40;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:rgba(237,230,214,.88);border-bottom:1px solid var(--line)}header .wrap{justify-content:space-between;height:68px}.brand,header .wrap{display:flex;align-items:center}.brand{gap:10px;font-family:Cairo;font-weight:800;font-size:22px;color:var(--olive-deep);flex-shrink:0}.brand .mark{width:30px;height:30px;flex-shrink:0}.nav-profile{display:flex;align-items:center;gap:8px;min-width:0}.nav-profile-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-profile-tail{white-space:nowrap;flex-shrink:0}nav button{background:var(--olive-deep);color:#F8F4EA;border:none;padding:10px 22px;border-radius:3px;font-family:IBM Plex Sans Arabic;font-weight:600;font-size:14px;cursor:pointer;transition:background .2s}nav button:hover{background:var(--olive)}nav button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.hero{padding:72px 0 40px;text-align:center}.hero,.ring{position:relative}.ring{width:280px;height:280px;margin:0 auto 28px}.ring svg{width:100%;height:100%;animation:spin 90s linear infinite}@media (prefers-reduced-motion:reduce){.ring svg{animation:none}}@keyframes spin{to{transform:rotate(1turn)}}.ring .center{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column}.ring .center .disp{font-size:30px;font-weight:800;color:var(--olive-deep)}.ring .center span.sub{font-size:12px;color:var(--ink-soft);margin-top:2px}.hero h1{font-size:34px;font-weight:700;max-width:640px;margin:0 auto 14px;line-height:1.5;color:var(--ink)}.hero p{color:var(--ink-soft);max-width:480px;margin:0 auto 30px;font-size:15px;line-height:1.9}.cta-row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.btn{padding:13px 26px;border-radius:3px;font-weight:600;font-size:14.5px;cursor:pointer;border:1.5px solid transparent;font-family:IBM Plex Sans Arabic;transition:transform .15s,background .2s}.btn:active{transform:scale(.97)}.btn-primary{background:var(--gold);color:#2B2216}.btn-primary:hover{background:#B98624}.btn-outline{background:transparent;border-color:var(--olive-deep);color:var(--olive-deep)}.btn-outline:hover{background:var(--olive-deep);color:#F8F4EA}.btn:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.steps{padding-block:60px;border-top:1px solid var(--line)}.steps h2{text-align:center;font-size:22px;margin-bottom:40px;color:var(--olive-deep)}.step-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:28px;gap:28px}.step{background:var(--card);border:1px solid var(--line);border-radius:4px;padding:24px 20px;position:relative}.step .n{font-family:Cairo;font-weight:800;font-size:13px;color:var(--gold);letter-spacing:1px;margin-bottom:10px}.step h3{font-size:16px;margin-bottom:8px}.step p{font-size:13.5px;color:var(--ink-soft);line-height:1.8}.listings{padding-block:60px 80px}.list-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:8px;flex-wrap:wrap;gap:10px}.list-head h2{font-size:22px;color:var(--olive-deep)}.list-head .count{font-size:13px;color:var(--ink-soft)}.filter-row{display:flex;gap:8px;margin:18px 0 26px;flex-wrap:wrap}.chip{padding:7px 16px;border-radius:20px;border:1px solid var(--line);background:var(--card);font-size:13px;cursor:pointer;color:var(--ink-soft);transition:all .15s}.chip.active{background:var(--olive-deep);color:#F8F4EA;border-color:var(--olive-deep)}.section-tabs{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;gap:10px;margin-bottom:26px}.section-tab{padding:10px 14px;font-size:14px;font-weight:600;cursor:pointer;color:var(--olive-deep);font-family:IBM Plex Sans Arabic;background:var(--card);border:1.5px solid var(--olive);border-radius:6px;transition:background .15s,color .15s,border-color .15s;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.6}.section-tab:hover{background:#E4E9D5}.section-tab.active{background:var(--olive-deep);color:#F8F4EA;border-color:var(--olive-deep);box-shadow:0 1px 3px rgba(43,38,32,.18)}.section-tab:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.request-card{background:var(--card);border:1px solid var(--line);border-radius:5px;padding:14px 16px;margin-bottom:10px}.request-card .r-product{font-weight:700;color:var(--olive-deep);font-size:15.5px}.request-card .r-meta{font-size:13.5px;color:var(--ink-soft);margin-top:4px}.request-card .r-when{font-size:12.5px;margin-top:2px}.request-card .r-head{display:flex;gap:12px;align-items:flex-start}.request-card .r-thumb{flex:0 0 auto;width:64px;height:64px;border-radius:4px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#E3DCC6,#EDE6D6)}.request-card .r-thumb img{width:100%;height:100%;object-fit:cover;display:block}.request-card .r-thumb svg{width:30px;height:30px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));grid-gap:18px;gap:18px}.card{background:var(--card);border:1px solid var(--line);border-radius:5px;overflow:hidden;display:flex;flex-direction:column}.card .art{height:120px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#E3DCC6,#EDE6D6)}.card .art svg{width:56px;height:56px}.card .body{padding:16px;display:flex;flex-direction:column;gap:6px;flex:1 1}.card .top-row{display:flex;justify-content:flex-start;align-items:center;gap:8px;flex-wrap:wrap}.card h3{font-size:16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.card .price{font-family:Cairo;font-weight:700;color:var(--olive-deep);font-size:15px;white-space:nowrap}.card .meta{font-size:12.5px;color:var(--ink-soft)}.form-anchor{scroll-margin-top:84px}.card .spec{display:flex;flex-direction:column;gap:3px;margin:2px 0}.card .spec-row{display:grid;grid-template-columns:auto 1fr;grid-gap:8px;gap:8px;align-items:baseline;font-size:12.5px}.card .spec dt{color:var(--ink-soft);white-space:nowrap}.card .spec dd{margin:0;font-weight:600;overflow-wrap:anywhere}.card .spec .spec-strong{font-family:Cairo;font-weight:700;color:var(--olive-deep);font-size:14px}.card .spec .spec-note{display:block;font-family:IBM Plex Sans Arabic;font-size:10.5px;font-weight:400;color:var(--ink-soft)}.card .spec-own .spec-row{font-size:14px}.card .spec-own dd{font-weight:700}.card .spec-line{display:flex;gap:8px;align-items:baseline;font-size:13px;margin:4px 0 6px}.card .spec-line span{color:var(--ink-soft);white-space:nowrap}.card .spec-line strong{font-weight:700;overflow-wrap:anywhere}.card .grow-badge{color:#414A24;font-weight:700;padding:1px 8px;border-radius:20px;white-space:nowrap}.badge,.card .grow-badge{background:#E4E9D5;font-size:11px}.badge{display:inline-flex;align-items:center;gap:4px;color:var(--olive-deep);border:1px solid #c9d4ac;padding:3px 8px;border-radius:20px;width:-moz-fit-content;width:fit-content}.card .foot{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:8px}.card .farmer{font-size:12px;color:var(--ink-soft)}.contact-btn{background:none;border:1px solid var(--olive-deep);color:var(--olive-deep);font-size:12.5px;padding:6px 14px;border-radius:3px;cursor:pointer;font-family:IBM Plex Sans Arabic;font-weight:600}.contact-btn:hover{background:var(--olive-deep);color:#F8F4EA}.panel{background:var(--card);border:1px solid var(--line);border-radius:5px;padding:26px;margin-top:20px;display:none}.panel.show{display:block}.panel h3{font-size:17px;margin-bottom:16px;color:var(--olive-deep)}.form-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field.full{grid-column:1/-1}.field label{font-size:12.5px;color:var(--ink-soft)}.field input,.field select{border:1px solid var(--line);background:#fff;border-radius:3px;padding:10px 12px;font-size:14px;font-family:IBM Plex Sans Arabic;color:var(--ink);min-width:0;max-width:100%}.field input:focus,.field select:focus{outline:2px solid var(--gold);outline-offset:1px;border-color:var(--gold)}.field input.input-error{border-color:#B23A2E}.pw-wrap{position:relative;display:flex;align-items:center}.pw-wrap input{width:100%;padding-left:40px}.pw-toggle{position:absolute;left:8px;background:none;border:none;cursor:pointer;font-size:15px;color:var(--ink-soft);padding:2px 4px;line-height:1}.pw-toggle:focus-visible{outline:2px solid var(--gold);outline-offset:1px}input[type=password]::-ms-clear,input[type=password]::-ms-reveal{display:none}.attest{display:flex;align-items:flex-start;gap:8px;grid-column:1/-1;font-size:13px;color:var(--ink-soft);line-height:1.7}.attest input{margin-top:3px}.panel .actions{display:flex;gap:10px;margin-top:18px}.overlay{position:fixed;inset:0;background:rgba(43,38,32,.5);display:none;align-items:center;justify-content:center;z-index:100;padding:20px}.overlay.show{display:flex}.modal{background:var(--card);border-radius:6px;width:100%;max-width:380px;padding:28px;position:relative;max-height:88vh;overflow-y:auto}.modal h3{font-size:18px;margin-bottom:4px;color:var(--olive-deep)}.modal .hint{font-size:12.5px;color:var(--ink-soft);margin-bottom:20px}.modal .field{margin-bottom:14px}.close-x{position:absolute;top:16px;left:16px;background:none;border:none;font-size:18px;color:var(--ink-soft);cursor:pointer}.toggle-role{display:flex;border:1px solid var(--line);border-radius:20px;overflow:hidden;margin-bottom:18px}.toggle-role button{flex:1 1;padding:9px;background:none;border:none;font-size:13px;font-family:IBM Plex Sans Arabic;cursor:pointer;color:var(--ink-soft)}.toggle-role button.active{background:var(--olive-deep);color:#F8F4EA}.admin-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--line)}.admin-row:last-child{border-bottom:none}.admin-row .info{display:flex;flex-direction:column;gap:4px;min-width:0}.admin-row .info .u-name{font-size:13.5px;font-weight:600;color:var(--ink)}.admin-row .info .u-meta{font-size:11.5px;color:var(--ink-soft)}.status-badge{font-size:10.5px;padding:2px 9px;border-radius:20px;width:-moz-fit-content;width:fit-content}.status-badge.active{background:#E4E9D5;color:var(--olive-deep)}.status-badge.disabled{background:#F3DEDA;color:#B23A2E}.admin-toggle-btn{white-space:nowrap;padding:7px 14px;font-size:12px;flex-shrink:0}.admin-empty{font-size:13px;color:var(--ink-soft);text-align:center;padding:30px 0}.toast{position:fixed;bottom:26px;right:50%;transform:translateX(50%);background:var(--olive-deep);color:#F8F4EA;padding:13px 22px;border-radius:4px;font-size:13.5px;opacity:0;pointer-events:none;transition:opacity .25s,bottom .25s;z-index:200}.toast.show{opacity:1;bottom:36px}footer{border-top:1px solid var(--line);padding:24px 0;text-align:center;font-size:12px;color:var(--ink-soft)}.hero-compact{padding:28px 0 18px}.hero-compact .ring{width:150px;height:150px;margin:0 auto 14px}.hero-compact .ring .center .disp{font-size:19px}.hero-compact .ring .center span.sub{font-size:9px}.hero-compact h1{font-size:20px;line-height:1.6;margin-bottom:0;max-width:520px}@media (max-width:640px){.filter-row{gap:6px;margin:12px 0 14px}.chip-group{gap:6px}.chip{padding:5px 10px;font-size:12px}.filter-label{font-size:11px}.field input,.field select,.field textarea,input,select,textarea{font-size:16px}.form-grid,.step-grid{grid-template-columns:1fr}.panel{padding:16px}.hero h1{font-size:26px}.ring{width:220px;height:220px}.hero-compact{padding:10px 0 6px}.hero-compact .ring{width:76px;height:76px;margin:0 auto 6px}.hero-compact .ring .center .disp{font-size:14px}.hero-compact .ring .center span.sub{display:none}.hero-compact h1{font-size:15px;line-height:1.55}.listings{padding-block:14px 60px}.section-tabs{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:1fr;grid-gap:6px;gap:6px;margin-bottom:14px}.section-tab{padding:9px 6px;font-size:11.5px;line-height:1.5;text-align:center;display:flex;align-items:center;justify-content:center}header .wrap{height:56px;gap:8px}.brand{font-size:17px;gap:6px}.brand .mark{width:24px;height:24px}nav{min-width:0}nav button{padding:8px 12px;font-size:12.5px;white-space:nowrap}.nav-profile{gap:6px}.nav-profile-name{max-width:88px}.form-anchor{scroll-margin-top:68px}}.filter-label{font-size:12px;color:var(--ink-soft);align-self:center;-webkit-margin-end:2px;margin-inline-end:2px;white-space:nowrap}.chip-group{display:flex;flex-wrap:wrap;gap:8px}@media (max-width:380px){.refresh-word{display:none}}.row-glow{animation:rowGlow 2.6s ease-out 1;scroll-margin-top:90px}@keyframes rowGlow{0%,55%{box-shadow:0 0 0 3px var(--gold);border-color:var(--gold)}to{box-shadow:0 0 0 3px rgba(201,150,46,0)}}@media (prefers-reduced-motion:reduce){.row-glow{animation:none;box-shadow:0 0 0 3px var(--gold)}}.modal{scrollbar-width:thin;scrollbar-color:#C9BFA6 transparent}.modal::-webkit-scrollbar{width:8px}.modal::-webkit-scrollbar-track{background:transparent}.modal::-webkit-scrollbar-thumb{background:#C9BFA6;border-radius:20px}.modal::-webkit-scrollbar-thumb:hover{background:var(--olive)}