.diyara-page .diyara-supplier-directory{color:#202631;direction:rtl;width:min(100% - 32px,1440px);margin:0 auto;padding:22px 0 72px}.diyara-supplier-directory-hero{z-index:4;background:linear-gradient(135deg,#eef4ff,#fff 58%,#fff2e8);border:1px solid #dce4f1;border-radius:22px;grid-template-columns:minmax(280px,1fr) minmax(330px,560px) 145px;align-items:center;gap:28px;min-height:190px;padding:34px 40px;display:grid;position:relative;box-shadow:0 12px 32px #243c6614}.diyara-supplier-directory-copy{min-width:0}.diyara-supplier-directory-hero small{color:#ef4056;font-size:11px;font-weight:850}.diyara-supplier-directory-hero h1{color:#202631!important;margin:8px 0!important;font-size:30px!important;font-weight:950!important;line-height:1.55!important}.diyara-supplier-directory-hero p{color:#687181;font-size:12px;line-height:25px;margin:0!important}.diyara-supplier-directory-hero>span{color:#687181;white-space:nowrap;background:#ffffffdb;border:1px solid #dbe4f3;border-radius:17px;place-items:center;min-width:145px;padding:17px 22px;font-size:10px;display:grid}.diyara-supplier-directory-hero>span b{color:#2f62db;font-size:25px;font-weight:950}.diyara-supplier-live-search{z-index:2;min-width:0;margin:0;position:relative}.diyara-supplier-live-search>label{background:#fffffff0;border:1px solid #d7e0ed;border-radius:16px;align-items:center;height:58px;transition:border-color .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 28px #283e651a;margin:0!important}.diyara-supplier-live-search:focus-within>label{border-color:#9eb6e2;box-shadow:0 12px 30px #2f62db26}.diyara-supplier-live-search>label>svg{color:#77869c;flex:0 0 22px;width:22px;height:22px;margin-right:17px}.diyara-supplier-live-search input{color:#263247;flex:1;min-width:0;height:100%;font-family:inherit;font-size:12px;box-shadow:none!important;background:0 0!important;border:0!important;outline:0!important;padding:0 12px!important}.diyara-supplier-live-search input::placeholder{color:#8995a6;opacity:1}.diyara-supplier-live-search>label>button{color:#fff;cursor:pointer;background:#2f62db;border:0;border-radius:11px;align-items:center;gap:8px;height:42px;margin-left:8px;padding:0 15px;font-family:inherit;font-size:10px;font-weight:900;display:flex}.diyara-supplier-live-search>label>button i{font-size:15px;font-style:normal}.diyara-supplier-search-panel{background:#fff;border:1px solid #dfe5ef;border-radius:16px;max-height:min(460px,70vh);padding:8px;position:absolute;top:calc(100% + 9px);left:0;right:0;overflow-y:auto;box-shadow:0 22px 50px #1f304e2e}.diyara-supplier-search-panel[hidden]{display:none!important}.diyara-supplier-search-panel>p{color:#7d8796;text-align:center;padding:15px 12px;font-size:10px;margin:0!important}.diyara-supplier-search-group+.diyara-supplier-search-group{border-top:1px solid #edf0f5;margin-top:6px;padding-top:6px}.diyara-supplier-search-group h2{padding:8px 10px 6px;color:#7b8798!important;margin:0!important;font-size:10px!important;font-weight:900!important}.diyara-supplier-search-result{border-radius:11px;grid-template-columns:46px minmax(0,1fr) 16px;align-items:center;gap:10px;min-width:0;padding:8px;transition:background .16s;color:#263247!important;text-decoration:none!important;display:grid!important}.diyara-supplier-search-result:hover,.diyara-supplier-search-result:focus-visible{background:#f2f6fd}.diyara-supplier-search-result-media{background:#f4f7fc;border:1px solid #e3e8f0;border-radius:11px;place-items:center;width:46px;height:46px;display:grid;position:relative;overflow:hidden}.diyara-supplier-search-result-media.is-product{background:#fff8f2}.diyara-supplier-search-result-media img{z-index:1;color:#0000;-o-object-fit:contain;object-fit:contain;background:#fff;width:100%;height:100%;position:absolute}.diyara-supplier-search-result-media i{color:#2f62db;font-size:16px;font-style:normal;font-weight:950}.diyara-supplier-search-result-media.is-product i{color:#ef4056}.diyara-supplier-search-result>span:nth-child(2){gap:2px;min-width:0;display:grid}.diyara-supplier-search-result small{color:#ef4056;font-size:8px;font-weight:850}.diyara-supplier-search-result b{color:#263247;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:900;overflow:hidden}.diyara-supplier-search-result>span:nth-child(2)>span{color:#8892a1;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.diyara-supplier-search-result-arrow{color:#8d99aa;font-size:20px;font-style:normal}.diyara-supplier-directory-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:20px;display:grid}.diyara-supplier-directory-card{background:#fff;border:1px solid #e1e7f0;border-radius:18px;grid-template-rows:108px 1fr auto;min-height:285px;padding:18px;transition:transform .24s,border-color .24s,box-shadow .24s;position:relative;overflow:hidden;box-shadow:0 6px 18px #2a3a550f;color:#263247!important;text-decoration:none!important;display:grid!important}.diyara-supplier-directory-card:before{content:"";background:linear-gradient(90deg,#ef4056,#2f62db);border-radius:0 0 6px 6px;height:4px;position:absolute;top:0;left:28%;right:28%}.diyara-supplier-directory-card:hover{border-color:#c7d5ed;transform:translateY(-4px);box-shadow:0 15px 34px #243c6624}.diyara-supplier-directory-card figure{background:#f4f7fc;border:1px solid #e4e9f1;border-radius:18px;place-items:center;width:96px;height:96px;padding:10px;display:grid;position:relative;overflow:hidden;margin:0!important}.diyara-supplier-directory-card figure span{z-index:0;color:#2f62db;font-size:28px;font-weight:950;position:relative}.diyara-supplier-directory-card figure img{z-index:1;color:#0000;-o-object-fit:contain;object-fit:contain;mix-blend-mode:normal;background:#fff;width:calc(100% - 16px);height:calc(100% - 16px);position:absolute;inset:8px}.diyara-supplier-directory-card figure:has(img) span{visibility:hidden}.diyara-supplier-search-result-media:has(img) i{visibility:hidden}.diyara-supplier-directory-card>div{min-width:0;padding-top:12px}.diyara-supplier-directory-card h2{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:#253047!important;margin:0 0 7px!important;font-size:15px!important;font-weight:950!important}.diyara-supplier-directory-card p{color:#77808d;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:10px;line-height:21px;display:-webkit-box;overflow:hidden;margin:0!important}.diyara-supplier-directory-card>div>span{color:#8b94a1;margin-top:8px;font-size:9px;display:block}.diyara-supplier-directory-card>b{color:#2f62db;border-top:1px solid #edf0f4;justify-content:space-between;align-items:center;padding-top:12px;font-size:10px;font-weight:900;display:flex}.diyara-supplier-directory-card>b i{font-style:normal}.diyara-supplier-directory-empty{text-align:center;background:#fff;border:1px dashed #d6deeb;border-radius:18px;place-content:center;justify-items:center;min-height:300px;margin-top:20px;display:grid}.diyara-supplier-directory-empty>i{color:#aeb8c8;font-size:42px}.diyara-supplier-directory-empty h2{margin:14px 0 5px!important;font-size:16px!important}.diyara-supplier-directory-empty p{color:#8b94a1;font-size:10px;margin:0!important}@media (width<=1100px){.diyara-supplier-directory-hero{grid-template-columns:minmax(0,1fr) 145px}.diyara-supplier-live-search{grid-area:2/1/auto/-1}.diyara-supplier-directory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=760px){.diyara-supplier-directory-hero{grid-template-columns:minmax(0,1fr);align-items:stretch;padding:25px}.diyara-supplier-live-search{grid-area:auto}.diyara-supplier-directory-hero>span{width:100%}.diyara-supplier-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=520px){.diyara-page .diyara-supplier-directory{width:min(100% - 18px,1440px);padding-top:14px}.diyara-supplier-directory-hero{border-radius:16px;padding:20px}.diyara-supplier-directory-hero h1{font-size:22px!important}.diyara-supplier-live-search>label{height:54px}.diyara-supplier-live-search>label>button span{display:none}.diyara-supplier-live-search>label>button{justify-content:center;width:42px;padding:0}.diyara-supplier-directory-grid{grid-template-columns:1fr;gap:11px}.diyara-supplier-directory-card{min-height:250px}}