:root{--teal-950:#134e4a;--teal-800:#115e59;--teal:#0f766e;--emerald:#10b981;--emerald-soft:#6ee7b7;--mint:#a7f3d0;--amber:#f59e0b;--amber-dark:#d97706;--amber-deep:#b45309;--amber-soft:#fffbeb;--amber-line:#fde68a;--ink:#0f172a;--slate-700:#334155;--slate-600:#475569;--slate-500:#64748b;--slate-400:#94a3b8;--slate-300:#cbd5e1;--line:#e2e8f0;--bg:#f1f5f9;--soft:#f8fafc;--teal-soft:#f0fdfa;--card:#fff;--footer-bg:#0f172a;--footer-line:#1e293b;--red:#ef4444;--red-dark:#dc2626;--red-soft:#fef2f2;--red-line:#fecaca;--radius:16px;--radius-sm:12px;--fs-xs:11.5px;--fs-sm:13px;--fs-md:14.5px;--fs-lg:17px;--fs-xl:20px;--fs-2xl:24px;--r-sm:10px;--r-md:14px;--r-lg:18px;--shadow-card:0 10px 24px #0f172a1a;--shadow-pop:0 24px 60px #0f172a40;--indigo:#4f46e5;--wa-green:#22c55e;--wa-green-dark:#16a34a;--teal-200:#99f6e4;--teal-100:#ccfbf1;--amber-ink:#92400e;--bottom-nav-h:72px}html{direction:rtl}html,body{overflow-x:clip}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Cairo,sans-serif}*{box-sizing:border-box}a{color:var(--teal);text-decoration:none}a:hover{color:var(--emerald)}::selection{background:var(--teal);color:#fff}button,input,select,textarea{font-family:Cairo,sans-serif}h1,h2,h3,h4,p,ul{margin:0}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.container{max-width:1200px;margin:0 auto;padding:0 20px}.page-wrap{max-width:1200px;margin:0 auto;padding:20px}.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:22px}.section-head{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.section-title{align-items:center;gap:8px;font-size:20px;font-weight:900;display:flex}.section-title .bar{background:var(--teal);border-radius:2px;width:4px;height:22px;display:inline-block}.section-title .bar.amber{background:var(--amber)}.section-title .bar.emerald{background:var(--emerald)}.section-more{font-size:13px;font-weight:800}.btn{border-radius:var(--radius-sm);cursor:pointer;text-align:center;border:none;justify-content:center;align-items:center;gap:7px;padding:12px 22px;font-size:14.5px;font-weight:800;transition:all .15s;display:inline-flex}.btn-primary{background:var(--teal);color:#fff}.btn-primary:hover{background:var(--teal-800);color:#fff}.btn-amber{background:var(--amber);color:#fff;box-shadow:0 4px 14px #f59e0b4d}.btn-amber:hover{background:var(--amber-dark);color:#fff}.btn-white{color:var(--ink);background:#fff}.btn-white:hover{background:var(--teal-soft);color:var(--teal)}.btn-outline{color:var(--slate-600);border:1px solid var(--line);background:#fff}.btn-outline:hover{border-color:var(--teal);color:var(--teal)}.pagination{justify-content:center;gap:6px;margin-top:16px;display:flex}.pagination button{border:1px solid var(--line);min-width:36px;height:36px;color:var(--slate-600);cursor:pointer;background:#fff;border-radius:10px;padding:0 10px;font-size:13px;font-weight:800}.pagination button:hover{border-color:var(--teal);color:var(--teal)}.pagination button.active{background:var(--teal);color:#fff}.field label{color:var(--slate-700);margin-bottom:6px;font-size:12.5px;font-weight:800;display:block}.field input,.field select,.field textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:11px;outline:none;padding:11px 14px;font-size:13.5px;font-weight:600}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--teal)}.toast{z-index:500;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;background:#0f172aeb;border-radius:14px;align-items:center;gap:10px;padding:13px 22px;font-size:14px;font-weight:700;animation:.3s fadeUp;display:flex;position:fixed;bottom:28px;right:50%;transform:translate(50%);box-shadow:0 16px 40px #0f172a59}@media (width<=1024px){.side-col{display:none!important}.main-grid{grid-template-columns:1fr!important}}@media (width<=860px){.cat-nav{display:none!important}}@media (width<=900px){.footer-cols{grid-template-columns:1fr 1fr!important;gap:28px!important}}.mobile-only{display:none}@media (width<=768px){.mobile-only{display:block}.topbar,.site-footer{display:none!important}.app-shell{padding-bottom:calc(var(--bottom-nav-h) + 38px)}.site-header,.route-home .mobile-page-bar,.desktop-home{display:none!important}}@media (width>=769px){.m-home{display:none!important}}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--teal);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.crumbs{font-size:var(--fs-sm);color:var(--slate-400);align-items:center;gap:8px;margin-bottom:14px;font-weight:600;display:flex}.crumbs a{color:var(--slate-500)}.crumbs a:hover{color:var(--teal)}.crumbs span{color:var(--ink);font-weight:800}.title-bar{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;padding:16px 20px;display:flex}.page-title{font-size:var(--fs-2xl);align-items:center;gap:10px;margin:0;font-weight:900;display:flex}.page-title .bar{background:var(--teal);border-radius:2px;width:4px;height:24px;display:inline-block}.page-sub{color:var(--slate-500);font-size:var(--fs-sm);margin:4px 0 0;padding-inline-start:14px;font-weight:600}.title-tools{align-items:center;gap:10px;display:flex}.sort-box{background:var(--soft);border:1px solid var(--line);border-radius:var(--r-sm);align-items:center;gap:8px;padding:5px 5px 5px 12px;display:flex}.sort-box span{color:var(--slate-500);font-size:12.5px;font-weight:700}.sort-box select{font-size:var(--fs-sm);color:var(--ink);cursor:pointer;background:0 0;border:none;outline:none;padding:4px;font-weight:800}.view-toggle{background:var(--soft);border:1px solid var(--line);border-radius:var(--r-sm);gap:2px;padding:4px;display:flex}.view-toggle button{width:34px;height:32px;color:var(--slate-500);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:flex}.view-toggle button.on{background:var(--teal);color:#fff}.filters-panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.filters-head{background:var(--soft);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.filters-head span{font-size:var(--fs-md);font-weight:900}.filters-head button{color:var(--red);cursor:pointer;background:0 0;border:none;font-size:12px;font-weight:800}.filters-body{flex-direction:column;gap:18px;padding:16px 18px;display:flex}.f-label,.f-title{color:var(--slate-700);margin-bottom:9px;font-size:12.5px;font-weight:800}.sep{background:var(--bg);height:1px}.chip-row{flex-wrap:wrap;gap:7px;display:flex}.chip{border:1px solid var(--line);background:var(--card);color:var(--slate-600);cursor:pointer;border-radius:999px;padding:5px 13px;font-size:12px;font-weight:800;transition:all .15s}.chip.on{border-color:var(--teal);background:var(--teal);color:#fff}.active-chip{border:1px solid var(--teal-200);background:var(--teal-soft);color:var(--teal);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:800;display:inline-flex}.active-chip:hover{background:var(--teal-100)}.price-inputs{gap:8px;margin-bottom:10px;display:flex}.price-inputs input{border:1px solid var(--line);border-radius:9px;outline:none;width:50%;padding:7px 11px;font-size:12.5px;font-weight:700}.price-inputs input:focus{border-color:var(--teal)}.empty-state{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);text-align:center;padding:56px 28px}.empty-icon{border-radius:var(--r-lg);background:var(--teal-soft);justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 16px;display:flex}.empty-title{font-size:var(--fs-lg);margin-bottom:6px;font-weight:900}.empty-state p{color:var(--slate-500);font-size:var(--fs-sm);margin:0 0 18px;font-weight:600}.load-more{text-align:center;margin-top:20px}.load-more button{border-radius:var(--r-sm);border:1px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer;padding:11px 32px;font-size:13.5px;font-weight:800;transition:all .15s}.load-more button:hover{border-color:var(--teal);color:var(--teal)}.safety-box{background:var(--amber-soft);border:1px solid var(--amber-line);border-radius:var(--radius);padding:18px}.safety-box .safety-title{color:var(--amber-ink);align-items:center;gap:8px;margin-bottom:10px;font-size:13.5px;font-weight:900;display:flex}.safety-box ul{font-size:var(--fs-xs);color:var(--amber-ink);flex-direction:column;gap:5px;margin:0;padding-inline-start:16px;font-weight:600;line-height:1.7;display:flex}.btn--sm{font-size:var(--fs-sm);border-radius:var(--r-sm);padding:8px 14px}.btn--ghost{color:var(--slate-600);background:0 0}.btn--ghost:hover{background:var(--teal-soft);color:var(--teal)}.btn--danger{background:var(--red);color:#fff}.btn--danger:hover{background:var(--red-dark);color:#fff}