.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{background:linear-gradient(135deg,#eef4ff,#fff 58%,#fff2e8);border:1px solid #dce4f1;border-radius:22px;justify-content:space-between;align-items:center;gap:28px;min-height:190px;padding:34px 40px;display:flex;box-shadow:0 12px 32px #243c6614}.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-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{color:#2f62db;font-size:28px;font-weight:950}.diyara-supplier-directory-card figure img{-o-object-fit:contain;object-fit:contain;mix-blend-mode:multiply;background:#fff;width:calc(100% - 16px);height:calc(100% - 16px);position:absolute;inset:8px}.diyara-supplier-directory-card>div{min-width:0;padding-top:12px}.diyara-supplier-directory-card>div>small{color:#ef4056;font-size:9px;font-weight:800}.diyara-supplier-directory-card h2{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:#253047!important;margin:5px 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-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=760px){.diyara-supplier-directory-hero{flex-direction:column;align-items:flex-start;padding:25px}.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-directory-grid{grid-template-columns:1fr;gap:11px}.diyara-supplier-directory-card{min-height:250px}}