@charset "UTF-8";:root{--bg: #F4F5F8;--surface: #FFFFFF;--ink: #15192B;--ink2: #5C6276;--ink3: #969BAC;--ink4: #C2C6D2;--line: #E7E9F0;--soft: #ECF5E1;--primary: #5E9F3C;--primary-dark: #4E8A30;--green2: #86C25A;--green: #0FA968;--green-soft: #E2F6EE;--amber: #E08A0B;--star: #F5A623;--rose: #E2436B;--maxw: 1180px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Tajawal,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--ink);direction:rtl;-webkit-font-smoothing:antialiased;line-height:1.45;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font-family:inherit}img{display:block}input,select,textarea{font-family:inherit}h1,h2,h3{margin:0;letter-spacing:-.01em}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}.grid{display:grid;gap:18px}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width: 1080px){.grid-4{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 820px){.grid-4,.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 560px){.grid{gap:12px}}@media (max-width: 560px){.wrap{padding:0 16px}input,select,textarea{font-size:16px}}.btn{border:none;border-radius:13px;font-weight:800;font-size:15px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 22px;height:50px;font-family:inherit;transition:filter .12s,background .12s}.btn:disabled{background:var(--ink4)!important;color:#fff;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff}.btn-primary:not(:disabled):hover{background:var(--primary-dark)}.btn-soft{background:var(--soft);color:var(--primary)}.btn-ghost{background:#fff;color:var(--ink2);border:1.5px solid var(--line)}.btn-sm{height:42px;font-size:14px;padding:0 16px;border-radius:11px}.chip{padding:10px 18px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--ink2);font-weight:700;font-size:14px;cursor:pointer;font-family:inherit;transition:all .12s;white-space:nowrap}.chip:hover{border-color:var(--ink4)}.chip.on{border-color:var(--primary);background:var(--primary);color:#fff}.chip-sm{padding:8px 14px;font-size:13px}.pcard{background:var(--surface);border:1px solid var(--line);border-radius:18px;overflow:hidden;cursor:pointer;transition:box-shadow .15s,transform .12s;display:block;min-width:0}.pcard:hover{box-shadow:0 14px 34px #15192b1a;transform:translateY(-3px)}.pcard .thumb{height:180px;position:relative}.pcard .body{padding:14px 16px 16px}.pcard .brand{font-size:12px;color:var(--primary);font-weight:800}.pcard .name{font-weight:700;font-size:15px;margin-top:3px;line-height:1.4;height:42px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:anywhere}.pcard .sub{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pcard .sub{font-size:12px;color:var(--ink3);margin-top:5px}.art{width:100%;height:100%;display:grid;place-items:center;color:#15192b4d}.art svg{width:46px;height:46px}.art.g1{background:linear-gradient(140deg,#e6edff,#c5d6fb)}.art.g2{background:linear-gradient(140deg,#edeff4,#d2d8e6)}.art.g3{background:linear-gradient(140deg,#e2f2fb,#bfe0f4)}.art.g4{background:linear-gradient(140deg,#e6f5ec,#c5e8d2)}.art.g5{background:linear-gradient(140deg,#f1ecfb,#d7c9f2)}.art.g6{background:linear-gradient(140deg,#fbede6,#f3d2bf)}.art.g7{background:linear-gradient(140deg,#eceef3,#cdd3e0)}.badge{position:absolute;top:12px;inset-inline-start:12px;color:#fff;font-size:11px;font-weight:700;padding:3px 10px;border-radius:999px}.badge.deal{background:var(--rose);font-size:12px;font-weight:800}.badge.new,.badge.bestseller{background:#15192bd1}.price{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.price .now{font-weight:800;font-size:17px;color:var(--ink);white-space:nowrap;font-variant-numeric:tabular-nums}.price .now .cur{font-size:11px;font-weight:700;color:var(--ink2);margin-inline-start:4px}.price .was{font-size:12px;color:var(--ink4);text-decoration:line-through;white-space:nowrap}.price.big .now{font-size:28px}.price.big .now .cur,.price.big .was{font-size:15px}.stars{display:inline-flex;gap:1px;color:var(--star)}.crumb{font-size:13px;color:var(--ink3);font-weight:600}.crumb a{cursor:pointer}.muted{color:var(--ink3)}.empty{text-align:center;color:var(--ink3);padding:60px 0}
